:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-void:#07080d;--bg-deep:#0c111b;--panel:#101622b8;--panel-strong:#121b2ae6;--panel-soft:#ffffff0e;--line:#c5e1ff24;--line-strong:#ffffff38;--text-primary:#f8fbff;--text-secondary:#aab7c9;--muted:#748198;--ember:#ffb35c;--coral:#ff5d8f;--aqua:#48e6ff;--mint:#8fffc7;--violet:#9b7cff;--shadow-deep:0 24px 70px #0000005c;--shadow-glow:0 18px 45px #48e6ff2e;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.22, 1.2, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background:radial-gradient(circle at 18% 10%,#ff5d8f2e,#0000 28rem),radial-gradient(circle at 82% 6%,#48e6ff2e,#0000 30rem),linear-gradient(135deg,#06070c 0%,#0c111b 46%,#10121a 100%);margin:0;font-family:Bahnschrift,Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;line-height:1.5;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{isolation:isolate;min-height:100vh;position:relative}.app-main{z-index:1;position:relative}.world-ambient,.grain-layer{pointer-events:none;z-index:-2;position:fixed;inset:0}.world-ambient-a{filter:blur(4px);animation:driftGlow 18s var(--ease-out) infinite alternate;background:radial-gradient(circle at 12% 45%,#8fffc729,#0000 26rem),radial-gradient(circle at 90% 70%,#9b7cff24,#0000 28rem)}.world-ambient-b{opacity:.58;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.grain-layer{z-index:-1;opacity:.11;mix-blend-mode:screen;background-image:radial-gradient(circle,#ffffffb8 0 1px,#0000 1.4px),radial-gradient(circle,#ffffff73 0 1px,#0000 1.2px);background-position:0 0,17px 23px;background-size:46px 46px,37px 37px}.glass-panel{background:linear-gradient(145deg, #ffffff1b, #ffffff08), var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-deep);-webkit-backdrop-filter:blur(20px)saturate(1.22);position:relative}.glass-panel:before{content:"";pointer-events:none;border-radius:inherit;border:1px solid #ffffff0e;position:absolute;inset:1px}.btn-primary,.btn-secondary,.icon-button{cursor:pointer;transition:transform .42s var(--ease-spring), border-color .28s ease, background .28s ease, box-shadow .42s var(--ease-out), opacity .28s ease;border:0;justify-content:center;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.btn-primary{color:#071017;letter-spacing:.02em;background:linear-gradient(135deg, #ffffff94, transparent 36%), linear-gradient(135deg, var(--aqua), var(--ember) 52%, var(--coral));border-radius:999px;min-height:44px;padding:12px 20px;font-weight:800;box-shadow:0 16px 36px #ffb35c3d,inset 0 0 0 1px #ffffff2e}.btn-secondary{min-height:42px;color:var(--text-primary);border:1px solid var(--line);background:#ffffff0e;border-radius:999px;padding:11px 18px}.btn-primary:hover,.btn-secondary:hover,.icon-button:hover{transform:translateY(-3px)}.btn-primary:hover{box-shadow:0 20px 52px #ffb35c57,0 0 34px #48e6ff29}.btn-secondary:hover{background:#48e6ff14;border-color:#48e6ff6b}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.62;transform:none}.icon-button{width:42px;height:42px;color:var(--text-secondary);background:#ffffff0e;border-radius:50%}.nav-shell{z-index:20;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 32px);margin:18px auto 0;padding:14px 18px;display:flex;position:sticky;top:18px}.brand-mark{min-width:0;color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-orb{color:#061018;background:radial-gradient(circle at 34% 24%, #ffffffdb, transparent 24%), linear-gradient(135deg, var(--aqua), var(--ember));border-radius:17px;flex:none;place-items:center;width:48px;height:48px;display:inline-grid;position:relative;box-shadow:0 12px 36px #48e6ff38}.brand-copy{gap:1px;display:grid}.brand-kicker,.eyebrow{color:var(--aqua);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:7px;font-size:.76rem;font-weight:800;display:inline-flex}.brand-title{letter-spacing:.04em;font-size:clamp(1.1rem,2vw,1.48rem);font-weight:900}.brand-title span{color:var(--ember)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-button{white-space:nowrap;min-height:38px;padding:9px 14px}.user-chip{color:var(--text-secondary);border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.home-page{width:min(1180px,100% - 32px);margin:0 auto;padding:36px 0 72px}.hero-stage{grid-template-columns:minmax(0,1fr) minmax(380px,.88fr);align-items:center;gap:30px;min-height:560px;display:grid}.hero-copy h1{letter-spacing:-.065em;text-wrap:balance;max-width:720px;margin:18px 0;font-size:clamp(3rem,8vw,6.8rem);line-height:.91}.hero-copy h1 span{color:#0000;background:linear-gradient(110deg, var(--aqua), var(--mint) 32%, var(--ember) 64%, var(--coral));text-shadow:0 0 36px #ffb35c1f;-webkit-background-clip:text;background-clip:text;display:block}.hero-copy p,.showcase-copy p,.craft-card p,.empty-state p,.auth-crest p{color:var(--text-secondary)}.hero-copy p{max-width:620px;margin:0;font-size:clamp(1rem,1.6vw,1.18rem)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.hero-cta{min-height:48px}.stat-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.stat-row span{border:1px solid var(--line);color:var(--text-secondary);background:#ffffff0b;border-radius:999px;align-items:baseline;gap:8px;padding:10px 14px;display:inline-flex}.stat-row strong{color:var(--text-primary);font-size:1.12rem}.atlas-panel{border-radius:var(--radius-xl);padding:18px;overflow:hidden}.map-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.map-header span{color:var(--text-secondary);align-items:center;gap:8px;font-weight:800;display:inline-flex}.map-header b{color:var(--mint);letter-spacing:.16em;font-size:.74rem}.star-map{background:radial-gradient(circle at 18% 20%,#48e6ff29,#0000 13rem),radial-gradient(circle at 74% 18%,#ffb35c24,#0000 12rem),radial-gradient(circle at 52% 74%,#ff5d8f29,#0000 14rem),linear-gradient(145deg,#070c14b3,#0a1420f2);border-radius:24px;min-height:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.star-map:before,.star-map:after{content:"";pointer-events:none;position:absolute;inset:0}.star-map:before{transform-origin:bottom;opacity:.68;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:34px 34px;transform:perspective(500px)rotateX(52deg)translateY(16px)scale(1.28)}.star-map:after{background:linear-gradient(115deg,#0000 0 38%,#ffffff21 46%,#0000 56% 100%);animation:5.6s ease-in-out infinite sheen}.star-map svg{z-index:1;filter:drop-shadow(0 20px 34px #0000003d);width:calc(100% - 16px);height:calc(100% - 24px);position:absolute;inset:24px 8px 0}.route-line,.route-line-back{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-line-back{stroke:#ffffff2e;stroke-width:18px;opacity:.4}.route-line{stroke:url(#routeGlow);stroke-width:5px;stroke-dasharray:18 13;animation:1.9s linear infinite routeFlow}.map-node{fill:var(--aqua);stroke:#ffffffc7;stroke-width:4px;filter:drop-shadow(0 0 18px #48e6ffd9);transform-origin:50%;animation:2.8s ease-in-out infinite nodePulse}.node-b{fill:var(--ember);animation-delay:.35s}.node-c{fill:var(--mint);animation-delay:.7s}.node-d{fill:var(--coral);animation-delay:1.05s}.terrain{stroke:#ffffff24;stroke-width:2px;opacity:.72}.terrain-a{fill:#8fffc729}.terrain-b{fill:#48e6ff26}.terrain-c{fill:#ff5d8f24}.map-card{z-index:2;border:1px solid var(--line);color:var(--text-primary);transition:transform .24s var(--ease-spring), border-color .24s ease, background .24s ease;background:#04090fb3;border-radius:999px;padding:8px 11px;font-size:.82rem;font-weight:800;animation:4s ease-in-out infinite floatSoft;position:absolute;box-shadow:0 12px 30px #0000003d}.map-card:hover{border-color:var(--aqua);background:#48e6ff26;transform:scale(1.08)translateY(-3px)!important}.map-card-a{bottom:17%;left:9%}.map-card-b{animation-delay:.45s;top:32%;left:38%}.map-card-c{animation-delay:.9s;top:17%;right:8%}.map-card-d{animation-delay:1.35s;bottom:25%;right:12%}.map-node{transition:r .24s var(--ease-spring), fill .24s ease}.map-node:hover{fill:var(--aqua)}.craft-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0;display:grid}.craft-card{min-height:205px;transition:transform .42s var(--ease-spring), border-color .32s ease, background .32s ease;padding:22px;overflow:hidden}.craft-card svg{color:var(--aqua);filter:drop-shadow(0 0 18px #48e6ff57)}.craft-card h3{margin:18px 0 9px;font-size:1.08rem}.craft-card p{margin:0;font-size:.92rem}.craft-card:hover{background:linear-gradient(145deg,#48e6ff17,#ffffff0a);border-color:#48e6ff57;transform:translateY(-8px)}.featured-showcase{border-radius:var(--radius-xl);grid-template-columns:minmax(320px,.82fr) 1.18fr;align-items:center;gap:36px;margin:28px 0;padding:32px;display:grid;overflow:hidden}.showcase-art-frame{aspect-ratio:16/9;border:1px solid var(--line);width:100%;box-shadow:var(--shadow-deep);background:#0f131a;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.showcase-glow{filter:blur(15px);pointer-events:none;background:radial-gradient(circle,#48e6ff29,#0000 60%);position:absolute;inset:-10px}.showcase-thumbnail{width:100%;height:100%;position:relative}.showcase-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out)}.featured-showcase:hover .showcase-thumbnail img{transform:scale(1.08)}.showcase-empty-art{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.showcase-copy h2{letter-spacing:-.04em;max-width:620px;margin:12px 0;font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.02}.featured-meta{flex-wrap:wrap;gap:18px;margin:20px 0;font-size:.9rem;display:flex}.featured-meta span{color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.showcase-actions{margin-top:18px}.library-toolbar{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:center;gap:16px;margin:30px 0;padding:16px;display:grid}.search-group{gap:12px;width:100%;display:flex}.search-box{flex:1;align-items:center;display:flex;position:relative}.sort-box{flex:0 0 140px}.sort-select{cursor:pointer;font-weight:600}.search-box svg{color:var(--aqua);pointer-events:none;position:absolute;left:17px}.search-box input{width:100%;padding-left:50px}.category-filter{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.filter-label,.category-filter button{border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:.88rem;display:inline-flex}.filter-label{color:var(--text-secondary)}.category-filter button{color:var(--text-secondary);cursor:pointer;border:1px solid var(--line);transition:transform .3s var(--ease-spring), color .24s ease, border-color .24s ease, background .24s ease;background:#ffffff0a}.category-filter button:hover,.category-filter button.active{color:var(--text-primary);background:linear-gradient(135deg,#ffb35c33,#48e6ff1a);border-color:#ffb35c6b;transform:translateY(-2px)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.game-card{min-height:100%;transition:transform .45s var(--ease-spring), border-color .3s ease, box-shadow .45s var(--ease-out);overflow:hidden}.game-card:hover{box-shadow:var(--shadow-deep), var(--shadow-glow);border-color:#48e6ff57;transform:translateY(-10px)rotateX(1.5deg)}.game-card-art{background:#111827;height:218px;position:relative;overflow:hidden}.game-card-art img{object-fit:cover;width:100%;height:100%;transition:transform .85s var(--ease-out), filter .85s var(--ease-out);display:block;transform:scale(1.012)}.game-card:hover .game-card-art img{filter:saturate(1.18)contrast(1.06);transform:scale(1.1)}.texture-scanline,.card-glow{pointer-events:none;position:absolute;inset:0}.texture-scanline{mix-blend-mode:screen;opacity:.58;background:linear-gradient(#0000,#0000006b),repeating-linear-gradient(0deg,#ffffff13 0 1px,#0000 1px 5px)}.card-glow{background:radial-gradient(circle at var(--mx,50%) var(--my,32%), #48e6ff38, transparent 30%);opacity:0;transition:opacity .3s}.game-card:hover .card-glow{opacity:1}.category-badge,.version-badge{z-index:2;letter-spacing:.04em;border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:.74rem;font-weight:900;display:inline-flex;position:absolute;top:13px;box-shadow:0 12px 26px #0000003d}.category-badge{color:#071017;background:linear-gradient(135deg, var(--mint), var(--aqua));left:13px}.version-badge{color:var(--text-primary);background:#060a11ad;border:1px solid #fff3;right:13px}.game-card-body{flex-direction:column;gap:14px;padding:19px;display:flex}.card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title-row h3{letter-spacing:-.02em;margin:0;font-size:1.22rem;line-height:1.15}.card-title-row svg{color:var(--ember);flex:none}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.soft-tag{border:1px solid var(--line);color:var(--text-secondary);background:#ffffff0a;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:.74rem;display:inline-flex}.game-description{min-height:62px;color:var(--text-secondary);margin:0;font-size:.92rem}.card-meta-grid{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:.79rem;display:grid}.card-meta-grid span{align-items:center;gap:6px;min-width:0;display:inline-flex}.card-meta-grid span:first-child{grid-column:1/-1}.download-button,.submit-button{width:100%}.loading-state,.empty-state{text-align:center;place-items:center;min-height:250px;padding:48px;display:grid}.loader-ring{border:5px solid #ffffff1f;border-top-color:var(--aqua);border-right-color:var(--ember);border-radius:50%;width:58px;height:58px;animation:1s linear infinite spinSlow}.empty-state{color:var(--text-secondary);grid-column:1/-1}.empty-state h3{color:var(--text-primary);margin:16px 0 4px}input,textarea,select{width:100%;color:var(--text-primary);border:1px solid var(--line);background:#04080e9e;border-radius:15px;outline:0;transition:border-color .24s,box-shadow .24s,background .24s;box-shadow:inset 0 0 0 1px #0000}input,select{min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:116px;padding:13px 14px}select option{color:var(--text-primary);background:#101624}input:focus,textarea:focus,select:focus{background:#070c14d6;border-color:#48e6ff8c;box-shadow:0 0 0 4px #48e6ff1f,0 0 24px #48e6ff14}.field-group{color:var(--text-secondary);gap:8px;font-weight:800;display:grid}.field-group span,.file-label{font-size:.9rem}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 15%,#48e6ff24,#0000 24rem),#000000c7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.upload-modal{width:min(720px,100%);max-height:min(90vh,850px);padding:28px;overflow:auto}.modal-close{z-index:2;position:absolute;top:18px;right:18px}.modal-heading{align-items:center;gap:14px;margin-bottom:22px;padding-right:54px;display:flex}.modal-heading h2,.auth-crest h2{margin:4px 0 0;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1}.upload-form,.auth-form{gap:16px;display:grid}.form-grid,.file-grid{gap:15px;display:grid}.two-col{grid-template-columns:minmax(0,1.5fr) minmax(160px,.75fr)}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-label{color:var(--text-secondary);margin-bottom:8px;font-weight:800;display:block}.file-drop{cursor:pointer;text-align:center;min-height:150px;transition:transform .32s var(--ease-spring), border-color .24s ease, background .24s ease;border-style:dashed;place-items:center;gap:7px;padding:18px;display:grid}.file-drop:hover{background:#ffb35c0f;border-color:#ffb35c80;transform:translateY(-4px)}.file-drop input{display:none}.file-drop svg{color:var(--aqua)}.file-drop strong{max-width:100%;color:var(--text-primary);word-break:break-word}.file-drop small{color:var(--muted)}.form-error{color:#ff8aa4;margin:0;font-weight:800}.auth-page{place-items:center;width:min(1180px,100% - 32px);min-height:calc(100vh - 102px);margin:0 auto;padding:46px 0 72px;display:grid}.auth-card{border-radius:var(--radius-xl);width:min(430px,100%);padding:34px;overflow:hidden}.auth-card:after,.upload-modal:after,.featured-showcase:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffb35c24,#0000 68%);height:220px;position:absolute;inset:auto -20% -30% 35%}.cyan-card:after{background:radial-gradient(circle,#48e6ff29,#0000 68%)}.auth-crest{text-align:center;justify-items:center;gap:10px;margin-bottom:28px;display:grid}.auth-crest p{margin:0}.auth-switch{color:var(--text-secondary);text-align:center;margin:22px 0 0}.auth-switch a{color:var(--aqua);font-weight:900;text-decoration:none}.cyan-button{background:linear-gradient(135deg, #ffffff94, transparent 36%), linear-gradient(135deg, var(--aqua), var(--mint))}.animate-rise{opacity:0;animation:riseIn .76s var(--ease-out) forwards}.animate-pop{opacity:0;animation:popIn .52s var(--ease-spring) forwards}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-void);background:linear-gradient(var(--aqua), var(--ember));border-radius:999px}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes routeFlow{to{stroke-dashoffset:-31px}}@keyframes nodePulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.24)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.015)}}@keyframes driftGlow{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.04)}}@keyframes sheen{0%,55%{opacity:0;transform:translate(-120%)}68%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@media (width<=1024px){.hero-stage,.featured-showcase,.library-toolbar{grid-template-columns:1fr}.hero-stage{min-height:auto;padding-top:38px}.craft-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.category-filter{justify-content:flex-start}.texture-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.nav-shell{flex-direction:column;align-items:flex-start}.nav-actions{flex-wrap:wrap;width:100%}.nav-button,.user-chip{flex:auto}.home-page,.auth-page{width:min(100% - 22px,1180px)}.hero-copy h1{font-size:clamp(2.55rem,17vw,4.3rem)}.hero-actions,.stat-row{flex-direction:column;align-items:stretch}.hero-cta,.stat-row span{justify-content:center;width:100%}.atlas-panel,.featured-showcase,.upload-modal,.auth-card{border-radius:22px;padding:18px}.star-map{min-height:320px}.craft-strip,.file-grid,.two-col,.texture-board,.game-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px}}.drawer-overlay{z-index:1100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fadeIn .32s var(--ease-out);background:#04070c73;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-left:1px solid var(--line);width:min(540px,100vw);height:100vh;animation:slideInRight .42s var(--ease-spring);background:#0a101af0;flex-direction:column;display:flex;box-shadow:-15px 0 45px #00000080}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-title{letter-spacing:.05em;color:var(--text-primary);align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.drawer-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.drawer-close-btn:hover{color:var(--text-primary);background:#ffffff14;transform:rotate(90deg)}.drawer-scroll-body{scrollbar-width:thin;flex:1;padding:0 0 34px;overflow-y:auto}.drawer-banner{aspect-ratio:16/9;background:#090c12;width:100%;position:relative;overflow:hidden}.drawer-banner img{object-fit:cover;width:100%;height:100%}.drawer-banner-glow{background:linear-gradient(#0000 0%,#0a101a80 60%,#0a101a 100%);position:absolute;inset:0}.drawer-meta-section{z-index:2;margin-top:-30px;padding:24px 28px;position:relative}.drawer-tag-strip{align-items:center;gap:10px;margin-bottom:12px;display:flex}.drawer-cat-badge{color:var(--aqua);background:#48e6ff24;border:1px solid #48e6ff40;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:800}.drawer-ver-badge{color:var(--text-secondary);background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700}.drawer-main-title{letter-spacing:-.03em;margin-bottom:14px;font-size:1.85rem;font-weight:900;line-height:1.1}.drawer-quick-stats{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:.84rem;display:flex}.drawer-quick-stats span{align-items:center;gap:5px;display:flex}.drawer-section{margin-top:28px;padding:0 28px}.section-subtitle{letter-spacing:.05em;color:var(--text-primary);border-left:3px solid var(--aqua);margin-bottom:12px;padding-left:10px;font-size:.95rem;font-weight:800}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header-row .section-subtitle{margin-bottom:0}.avg-rating-badge{color:var(--ember);background:#ffb35c1f;border:1px solid #ffb35c38;border-radius:6px;padding:3px 8px;font-size:.88rem;font-weight:800}.drawer-description-text{color:var(--text-secondary);white-space:pre-wrap;font-size:.92rem;line-height:1.6}.drawer-tags-wrap{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.tag-icon{color:var(--muted)}.drawer-tag-chip{border:1px solid var(--line);color:var(--text-secondary);background:#ffffff0a;border-radius:6px;padding:4px 8px;font-size:.78rem}.creator-toolkit-panel{border-radius:var(--radius-lg);background:linear-gradient(135deg,#48e6ff0a,#ffffff03);border:1px solid #48e6ff26;margin:34px 28px 0;padding:20px;box-shadow:0 8px 32px #00000038}.creator-title{border-left-color:var(--coral)}.creator-actions-row{gap:12px;margin-top:14px;display:flex}.creator-actions-row button{flex:1;padding:10px;font-size:.84rem}.btn-danger-outline{color:var(--coral);border-color:#ff5d8f66}.btn-danger-outline:hover{border-color:var(--coral);background:#ff5d8f1f}.btn-danger{background:linear-gradient(135deg, var(--coral), var(--ember))!important;color:#fff!important;border:none!important}.delete-alert-text{color:var(--coral);gap:6px;margin-bottom:12px;font-size:.82rem;line-height:1.5;display:flex}.drawer-comment-form{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff05;margin-bottom:24px;padding:16px}.rating-select-group{align-items:center;gap:10px;margin-bottom:12px;font-size:.84rem;display:flex}.stars-row{align-items:center;gap:4px;display:flex}.interactive-star{cursor:pointer;transition:all .18s}.filled-star{fill:var(--ember);color:var(--ember);filter:drop-shadow(0 0 6px #ffb35c80)}.empty-star{color:var(--muted)}.interactive-star:hover{transform:scale(1.2)}.rating-tag-label{color:var(--text-secondary);background:#ffffff0f;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.78rem;font-weight:800}.comment-input-wrap{flex-direction:column;gap:10px;display:flex}.comment-input-wrap textarea{border:1px solid var(--line);width:100%;color:var(--text-primary);resize:none;background:#04070c80;border-radius:8px;padding:10px;font-size:.88rem}.comment-input-wrap textarea:focus{border-color:var(--aqua);outline:none;box-shadow:0 0 0 2px #48e6ff26}.comment-submit-btn{align-self:flex-end;padding:8px 16px;font-size:.82rem}.comment-login-fallback{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px;font-size:.84rem}.comments-feed-thread{flex-direction:column;gap:12px;display:flex}.comment-node{border-radius:var(--radius-md);padding:14px;transition:transform .2s;box-shadow:0 4px 16px #0000001f}.comment-node:hover{transform:translateY(-2px)}.comment-node-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.comment-user-chip{align-items:center;gap:8px;display:flex}.comment-avatar{background:linear-gradient(135deg, var(--aqua), var(--ember));color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.74rem;font-weight:800;display:grid}.commenter-name{color:var(--text-primary);font-size:.84rem;font-weight:700}.comment-score{align-items:center;gap:8px;font-size:.78rem;display:flex}.comment-stars{color:var(--ember);font-weight:800}.comment-date{color:var(--muted)}.comment-content-text{color:var(--text-secondary);font-size:.86rem;line-height:1.5}.drawer-comments-loading,.empty-comments-state{text-align:center;color:var(--muted);padding:30px;font-size:.84rem}.drawer-edit-form{padding:24px 28px}.edit-error-alert{color:var(--coral);background:#ff5d8f1a;border:1px solid #ff5d8f40;border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:.84rem}.edit-thumbnail-picker{flex-direction:column;gap:8px;display:flex}.edit-thumb-wrapper{aspect-ratio:16/9;border:1px solid var(--line);background:#090c12;border-radius:12px;width:100%;position:relative;overflow:hidden}.edit-thumb-wrapper img{object-fit:cover;width:100%;height:100%}.thumb-upload-overlay{opacity:0;color:#fff;cursor:pointer;background:#04070c99;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .2s;display:flex;position:absolute;inset:0}.edit-thumb-wrapper:hover .thumb-upload-overlay{opacity:1}.form-group{margin-bottom:18px}.two-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.drawer-edit-form input[type=text],.drawer-edit-form select,.drawer-edit-form textarea{border:1px solid var(--line);width:100%;color:var(--text-primary);background:#04070c80;border-radius:8px;padding:10px;font-size:.88rem}.drawer-edit-form input[type=text]:focus,.drawer-edit-form select:focus,.drawer-edit-form textarea:focus{border-color:var(--aqua);outline:none}.edit-form-actions{gap:12px;margin-top:24px;display:flex}.edit-form-actions button{flex:1;padding:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}