@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Cinzel:wght@500;700&family=Inter:wght@300;400&display=swap";:root{--bg:#0a0a0a;--title:#fff;--muted:#8a8a8a;--panel:#141414;--hairline:#fff6;--font-display:"Cinzel", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, "Segoe UI", sans-serif;--zelda-tan:#e2ded3;--zelda-bg:#66645d;--zelda-text:#e9e1d1;--zelda-yellow:#e2d146;--sheikah-blue:#3cd3fc;--sheikah-glow:#4fc0ff;--sheikah-dark:#0a8dd7;--golden:#ffb800;--bg-card:#0009}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--title);font-family:var(--font-body);scrollbar-width:none;overflow-x:clip}body::-webkit-scrollbar{display:none}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.home-screen{height:100vh;position:relative;overflow:hidden}.cover-wall{z-index:1;pointer-events:none;will-change:transform;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2px;display:grid;position:absolute;inset:0}.cover-item{aspect-ratio:3/4;cursor:pointer;pointer-events:auto;background:#161616;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cover-item img{object-fit:cover;filter:brightness(.62)saturate(.8);opacity:0;width:100%;height:100%;transition:filter .3s;animation:.6s 50ms forwards imgReveal;display:block}@keyframes imgReveal{0%{opacity:0;filter:brightness(.62)saturate(.8)blur(6px)}to{opacity:1;filter:brightness(.62)saturate(.8)}}.cover-item:hover img{filter:brightness(1.15)saturate()}.cover-item:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000002e}.overlay{z-index:2;pointer-events:none;background:radial-gradient(66% 56%,#0000 0%,#0000004d 60%,#000000d9 100%);position:absolute;inset:0}.hero{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.category-bar{z-index:4;-webkit-backdrop-filter:blur(10px);background:#0a0a0a73;border:1px solid #ffffff14;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:88vw;padding:.7rem 1.1rem;display:flex;position:absolute;top:calc(50% + 9.5rem);left:50%;transform:translate(-50%)}.cat-pill{color:var(--muted);letter-spacing:.08em;cursor:pointer;font-size:.75rem;font-family:var(--font-body);background:0 0;border:1px solid #ffffff38;border-radius:999px;padding:.35rem .9rem;transition:all .25s}.cat-pill:hover{color:var(--title);border-color:#ffffff80}.cat-pill--active{color:#0a0a0a;background:#ffffffeb;border-color:#0000;font-weight:500}.hero-eyebrow{font-family:var(--font-display);letter-spacing:.4em;text-transform:uppercase;color:var(--zelda-yellow);text-shadow:0 0 24px #e2d14659;margin-bottom:1.6rem;font-size:1.05rem;font-weight:700}.hero-rule{background:linear-gradient(90deg, transparent 0%, var(--zelda-tan) 20%, var(--zelda-tan) 80%, transparent 100%);transform-origin:50%;width:min(420px,56vw);height:2px;box-shadow:0 0 12px #e2ded359}.hero-title-row{align-items:center;gap:1.2rem;display:flex}.hero-title{font-family:var(--font-display);letter-spacing:.03em;color:var(--zelda-text);text-shadow:0 0 40px #e9e1d140;white-space:nowrap;padding:.35rem 0;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:1.1;display:flex}.hero-title .letter{will-change:transform, opacity;transition:text-shadow .3s,color .3s;display:inline-block}.hero:hover .hero-title .letter{color:var(--zelda-text)}.hero:hover .hero-title{text-shadow:0 0 12px #ffb80059,0 0 40px #ffb80026}.game-detail{z-index:10;background:var(--bg);overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.detail-bg{z-index:0;height:42vh;position:absolute;top:0;left:0;right:0;overflow:hidden}.detail-bg img{object-fit:cover;object-position:center 20%;filter:brightness(.7);width:100%;height:100%;transform:scale(1.05)}.detail-bg-shade{pointer-events:none;background:linear-gradient(to bottom, #0a0a0a33 0%, #0a0a0a99 70%, var(--bg) 100%);position:absolute;inset:0}.detail-bg--draggable{cursor:ns-resize}.detail-bg-hint{z-index:2;color:var(--zelda-yellow);letter-spacing:.1em;pointer-events:none;background:#00000080;border-radius:999px;padding:.3rem 1rem;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.cover-item--draggable{cursor:ns-resize}.cover-item--draggable img{pointer-events:none}.detail-close{z-index:2;color:var(--zelda-text);cursor:pointer;background:#00000080;border:1px solid #e2ded366;width:36px;height:36px;font-size:1.2rem;line-height:1;transition:all .2s;position:absolute;top:1.5rem;right:2rem}.detail-close:hover{border-color:var(--zelda-tan);color:var(--zelda-tan);transform:rotate(90deg)}.detail-content{z-index:1;justify-content:center;align-items:center;min-height:100%;padding:44vh 4vw 6vh;display:flex;position:relative}.detail-card{background:#000000bf;border:1px solid #e2ded366;border-radius:4px;gap:2.4rem;width:100%;max-width:1320px;padding:2.8rem;display:flex;box-shadow:0 16px 70px #000000b3}.detail-cover{border:1px solid #e2ded34d;border-radius:3px;flex:0 0 380px;align-self:flex-start;overflow:hidden}.detail-cover img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.detail-cover-platform{background:#0006;padding:.6rem .8rem}.detail-info{flex:1;min-width:0}.detail-title{font-family:var(--font-display);color:var(--zelda-text);margin-bottom:.5rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.detail-meta{color:var(--zelda-yellow);letter-spacing:.06em;flex-wrap:wrap;gap:.6rem 1rem;margin-bottom:1.2rem;font-size:.85rem;display:flex}.detail-meta .dot{opacity:.5}.detail-desc{color:#ffffffd9;margin-bottom:1.4rem;font-size:1rem;line-height:1.75}.detail-review{border-left:2px solid var(--zelda-tan);color:var(--zelda-text);margin-bottom:1.6rem;padding-left:1.2rem;font-size:1.05rem;font-style:italic;line-height:1.6}.detail-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem;display:flex}.tag{letter-spacing:.05em;color:var(--muted);cursor:pointer;font-size:.72rem;font-family:var(--font-body);background:0 0;border:1px solid #ffffff4d;border-radius:999px;padding:.2rem .7rem;transition:all .2s;display:inline-block}.tag--light{color:#ffffffd9;border-color:#ffffff59}.detail-shot-label{color:var(--muted);letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem}.detail-shot{aspect-ratio:16/9;object-fit:cover;cursor:zoom-in;border:1px solid #fff3;border-radius:4px;width:100%;max-width:420px;transition:transform .25s,border-color .25s;display:block}.detail-shot:hover{border-color:#ffffff80;transform:scale(1.02)}.detail-stars{color:#ffd166;letter-spacing:.1em}.detail-shot-wrap{margin-top:.4rem}.lightbox{z-index:20;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{border-radius:6px;max-width:92vw;max-height:88vh}.edit-panel{background:var(--panel);z-index:30;border-left:1px solid #ffffff1a;width:min(460px,92vw);padding:1.8rem 1.6rem 3rem;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.edit-panel::-webkit-scrollbar{width:6px}.edit-panel::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.edit-head{justify-content:space-between;align-items:center;margin-bottom:1.4rem;display:flex}.edit-head h2{font-family:var(--font-display);letter-spacing:.04em;font-size:1.3rem;font-weight:500}.edit-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem;transition:color .2s,transform .2s}.edit-close:hover{color:var(--title);transform:rotate(90deg)}.edit-actions{gap:.6rem;margin-bottom:1.8rem;display:flex}.btn{color:var(--title);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;flex:1;padding:.55rem .8rem;font-size:.85rem;font-weight:400;transition:background .2s,border-color .2s}.btn:hover{background:#ffffff14;border-color:#fff6}.btn--primary{color:#0a0a0a;background:#ffffffe6;border-color:#0000;font-weight:500}.btn--primary:hover{background:#fff}.btn--danger{color:#ff6b6b;border-color:#ff505066}.btn--danger:hover{background:#ff50501f}.game-entry{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;padding:.9rem .9rem .7rem}.game-entry-head{align-items:center;gap:.7rem;display:flex}.entry-thumb{object-fit:cover;background:#222;border-radius:4px;width:44px;height:59px}.entry-title{flex:1;font-size:.95rem;font-weight:500}.entry-sub{color:var(--muted);margin-top:.15rem;font-size:.75rem}.entry-btns{gap:.4rem;display:flex}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:5px;padding:.3rem .5rem;font-size:.8rem;transition:all .2s}.icon-btn:hover{color:var(--title);border-color:#ffffff80}.edit-form{background:#ffffff08;border:1px solid #ffffff26;border-radius:8px;margin-bottom:1.5rem;padding:1.2rem 1rem 1rem}.edit-form h3{color:var(--title);margin-bottom:1rem;font-size:.95rem;font-weight:500}.form-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.form-grid .full{grid-column:1/-1}.field label{color:var(--muted);letter-spacing:.06em;margin-bottom:.3rem;font-size:.7rem;display:block}.field input,.field textarea{width:100%;color:var(--title);font-size:.85rem;font-family:var(--font-body);background:#0f0f0f;border:1px solid #ffffff26;border-radius:5px;outline:none;padding:.5rem .6rem;transition:border-color .2s}.field input:focus,.field textarea:focus{border-color:#ffffff80}.field textarea{resize:vertical;min-height:56px}.field select{width:100%;color:var(--title);background:#0f0f0f;border:1px solid #ffffff26;border-radius:5px;padding:.5rem .6rem;font-size:.85rem}.screens-list{flex-direction:column;gap:.4rem;display:flex}.screens-row{gap:.4rem;display:flex}.screens-row input{flex:1}.screens-row .icon-btn{flex:none}.cover-input-row{align-items:center;gap:.6rem;display:flex}.cover-input-row input{flex:1}.cover-input-preview{object-fit:cover;background:#222;border-radius:4px;flex:none;width:48px;height:64px}.tag-edit{flex-wrap:wrap;gap:.4rem;display:flex}.tag-edit .tag{color:var(--muted);border-color:#ffffff40}.tag-edit .tag:hover{color:var(--title);border-color:#ffffff80}.tag-edit .tag--on{color:#0a0a0a;background:#ffffffe6;border-color:#0000;font-weight:500}.form-btns{gap:.6rem;margin-top:1rem;display:flex}.cover-actions{gap:.5rem;margin-top:.5rem;display:flex}.upload-btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.steam-appid-tip{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.75rem;display:flex}.appid-btn{flex:none;padding:.25rem .7rem;font-size:.72rem}.steam-search{margin-top:.5rem}.steam-search-form{gap:.4rem;display:flex}.steam-search-form input{flex:1}.steam-results{border:1px solid #ffffff26;border-radius:6px;max-height:220px;margin-top:.4rem;overflow:hidden auto}.steam-result{width:100%;color:var(--title);cursor:pointer;text-align:left;font-size:.85rem;font-family:var(--font-body);background:0 0;border:none;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.5rem .7rem;display:flex}.steam-result:hover{background:#ffffff14}.steam-result-id{color:var(--muted);margin-left:.6rem;font-size:.72rem}.steam-msg{color:var(--muted);margin-top:.4rem;font-size:.8rem}.screens-actions{gap:.4rem;margin-top:.3rem;display:flex}.tag-manager{background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;margin-bottom:1.2rem;padding:.9rem}.tag-manager-add{gap:.4rem;margin-bottom:.7rem;display:flex}.tag-manager-add input{flex:1}.tag-manager-list{flex-direction:column;gap:.3rem;display:flex}.tag-manager-row{align-items:center;gap:.4rem;display:flex}.tag-manager-row input{color:var(--title);font-size:.82rem;font-family:var(--font-body);background:#0f0f0f;border:1px solid #ffffff26;border-radius:5px;flex:1;padding:.35rem .5rem}.tag-manager-name{color:var(--title);flex:1;font-size:.85rem}.tag-manager-row .icon-btn{padding:.25rem .45rem;font-size:.72rem}.rating-stars{gap:.2rem;display:flex}.rating-stars button{color:#555;cursor:pointer;background:0 0;border:none;font-size:1.1rem;transition:color .15s}.rating-stars button.on{color:#ffd166}.toast{color:#0a0a0a;z-index:50;background:#fff;border-radius:999px;padding:.6rem 1.2rem;font-size:.85rem;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000080}.category-screen{background:radial-gradient(90% 80% at 50% 0,#1a1428 0%,#0a0812 55%,#05040a 100%),#0a0812;min-height:100vh;padding:7vh 5vw 9vh;position:relative}.category-frame{background:var(--bg);width:100%;max-width:1820px;margin:0 auto;position:relative}.oak-frame{border:1px solid var(--zelda-tan);background:#1a1a1a;padding:12px;position:relative;box-shadow:inset 0 0 0 2px #e2ded338,0 18px 70px #000000bf}.oak-frame:before{content:"";border-top:2px solid var(--zelda-tan);border-left:2px solid var(--zelda-tan);pointer-events:none;z-index:6;width:26px;height:26px;position:absolute;top:-1px;left:-1px}.oak-frame:after{content:"";border-bottom:2px solid var(--zelda-tan);border-right:2px solid var(--zelda-tan);pointer-events:none;z-index:6;width:26px;height:26px;position:absolute;bottom:-1px;right:-1px}.category-panel{background:radial-gradient(at 50% 30%,#3cd3fc0f 0%,#0000 60%),#000000b8;border:1px solid #e2ded34d;margin:2px;position:relative}.category-panel:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(115deg,#3cd3fc0d 0%,#0000 40%),radial-gradient(#0000 60%,#00000080 100%);position:absolute;inset:0}.category-bg-wall{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.category-bg-wall .cover-item{pointer-events:none}.category-bg-shade{pointer-events:none;background:radial-gradient(70% 60% at 50% 45%,#0a0a0a26 0%,#0a0a0a99 60%,#0a0a0aeb 100%);position:absolute;inset:0}.category-content{z-index:1;padding:2.2rem 2.4rem 2.6rem;position:relative}.category-head{align-items:center;gap:1.4rem;margin-bottom:2.4rem;display:flex}.category-head-text{flex:1;min-width:0}.back-btn{border:1px solid var(--zelda-tan);color:var(--zelda-text);letter-spacing:.06em;cursor:pointer;font-size:.85rem;font-family:var(--font-body);-webkit-backdrop-filter:blur(8px);background:#00000080;border-radius:999px;flex:none;padding:.5rem 1.2rem;transition:all .25s}.back-btn:hover{border-color:var(--zelda-tan);color:var(--zelda-tan);background:#e2ded31a}.category-title{font-family:var(--font-display);color:var(--zelda-text);text-shadow:0 0 20px #e2ded34d;margin-bottom:.3rem;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:700}.category-title:after{content:"";background:linear-gradient(90deg, var(--zelda-tan) 0%, #e2ded326 60%, transparent 100%);width:100%;height:1px;margin-top:.6rem;display:block}.gallery-hint{color:var(--zelda-yellow);letter-spacing:.12em;opacity:.85;font-size:.8rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem;display:grid}.gallery-card{cursor:pointer;text-align:left;font-family:var(--font-body);background:#0009;border:1px solid #e2ded34d;border-radius:4px;padding:0;transition:border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}.gallery-card:hover{border-color:var(--zelda-tan);transform:translateY(-4px);box-shadow:0 12px 40px #0009}.gallery-cover{aspect-ratio:3/4;overflow:hidden}.gallery-cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .4s,filter .4s;animation:.5s forwards imgRevealCard}@keyframes imgRevealCard{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}.gallery-card:hover .gallery-cover img{filter:brightness(1.12);transform:scale(1.05)}.gallery-info{padding:.9rem 1rem 1.1rem}.gallery-name{color:var(--title);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.35rem;font-size:.95rem;font-weight:500;overflow:hidden}.gallery-meta{color:var(--muted);gap:.4rem;margin-bottom:.5rem;font-size:.78rem;display:flex}.gallery-tags{flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem;display:flex}.gallery-tags .tag{color:#ffffffbf;border-color:#ffffff40;padding:.12rem .5rem;font-size:.66rem}.gallery-stars{color:#ffd166;letter-spacing:.08em;font-size:.8rem}.platform-badge{letter-spacing:.04em;color:var(--zelda-text,#e9e1d1);border:1px solid #e2ded366;border-radius:3px;padding:.08rem .5rem;font-size:.72rem;font-weight:500;display:inline-block}.platform-pick{flex-wrap:wrap;gap:.4rem;display:flex}.platform-pick .tag{color:var(--muted);border-color:#ffffff40}.platform-pick .tag:hover{color:var(--title);border-color:#ffffff80}.platform-pick .tag--on{color:#0a0a0a;background:#ffffffe6;border-color:#0000;font-weight:500}.hint{z-index:4;color:var(--muted);letter-spacing:.15em;opacity:.7;pointer-events:none;font-size:.75rem;position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%)}@media (width<=900px){.cover-wall{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.detail-card{flex-direction:column}.detail-cover{flex:none;max-width:240px}.category-screen{padding:6vh 3vw}.category-content{padding:1.4rem 1.2rem 1.8rem}}@media (width<=640px){.cover-wall{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1px}.detail-content{align-items:flex-start;padding:12vh 5vw 4vh}.hero-eyebrow{letter-spacing:.3em;font-size:.8rem}.hero-title{white-space:normal;flex-wrap:wrap;justify-content:center;font-size:clamp(1.9rem,9vw,3rem)}.hero-title-row{gap:.5rem;padding:0 1rem}.hero-ornament{display:none}.hero-rule{width:min(260px,70vw)}.category-head{flex-direction:column;align-items:flex-start;gap:.8rem}.back-btn{align-self:flex-start}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.category-frame{max-width:100%}.edit-panel{width:100vw}}