:root{--ash: #201d1a;--ash2: #2b2723;--ash3: #38322c;--steel: #6f6a61;--steel-lt: #9a9488;--bone: #ded6c6;--bone-dim: #a89f8f;--rust: #c65a2e;--rust-dk: #8a3d1e;--hazard: #e8b71d;--toxic: #a6d13a;--toxic-dk: #6f9426;--blood: #932222;--shadow: rgba(0,0,0,.5);--font-head:"Impact","Haettenschweiler","Franklin Gothic Bold","Arial Narrow Bold",sans-serif;--font-ui: "Segoe UI","Roboto Condensed","Arial Narrow",system-ui,sans-serif;--font-mono:"Consolas","SFMono-Regular","Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ui);color:var(--bone);background:radial-gradient(120% 80% at 50% -10%,#3a3128 0%,var(--ash) 60%,#16130f 100%);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font-family:var(--font-ui);cursor:pointer}#fx-scanlines,#fx-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60}#fx-scanlines{background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5}#fx-vignette{box-shadow:inset 0 0 220px 60px #000000b8}#app{position:relative;height:100%;width:100%}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}.overlay{z-index:40;background:#0c0a08d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.btn{font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:2px solid #000;border-radius:3px;color:var(--bone);background:linear-gradient(#4a4239,#332e28);padding:.7em 1.1em;font-size:15px;line-height:1;box-shadow:0 3px #000,inset 0 1px #ffffff14;transition:transform .05s,filter .12s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(2px);box-shadow:0 1px #000}.btn:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}.btn-ghost{background:linear-gradient(#3a342d,#2a251f);color:var(--bone-dim)}.btn-go{background:linear-gradient(var(--rust),var(--rust-dk));color:#fff;border-color:#2a0f04;box-shadow:0 3px #2a0f04,inset 0 1px #fff3}.btn-hero{font-family:var(--font-head);font-size:26px;letter-spacing:.08em;padding:.5em 1.4em;background:linear-gradient(var(--rust),var(--rust-dk));color:#fff;border-color:#2a0f04;box-shadow:0 5px #2a0f04,0 0 40px #c65a2e59}.stripe{background:repeating-linear-gradient(45deg,var(--hazard) 0 14px,#111 14px 28px)}#screen-title{display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(80% 60% at 50% 30%,rgba(198,90,46,.14),transparent 70%)}.title-inner{max-width:760px}.kicker{font-family:var(--font-mono);color:var(--toxic);letter-spacing:.35em;font-size:12px;margin-bottom:14px}.logo{font-family:var(--font-head);text-transform:uppercase;line-height:.86;font-size:clamp(52px,13vw,140px);color:var(--bone);text-shadow:5px 5px 0 #000,0 0 60px rgba(232,183,29,.15);-webkit-text-stroke:2px #000}.logo span{display:block;color:var(--rust)}.tagline{margin:20px auto 30px;max-width:520px;color:var(--bone-dim);font-size:17px;line-height:1.5}.best-line{margin-top:22px;font-family:var(--font-mono);color:var(--hazard);letter-spacing:.1em;font-size:14px}.best-line span{color:#fff}.hint-line{margin-top:8px;font-size:12px;color:var(--steel);letter-spacing:.05em}#screen-game{display:flex;flex-direction:column}#stage{position:relative;flex:1 1 auto;min-height:0}#canvas-holder{position:absolute;top:0;right:0;bottom:0;left:0}#canvas-holder canvas{display:block;width:100%!important;height:100%!important;cursor:grab}#canvas-holder canvas:active{cursor:grabbing}#stage-top{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;gap:10px;pointer-events:none}.quit-pill{flex:none;pointer-events:auto}#theme-card{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;background:linear-gradient(180deg,#14110eeb,#14110e8c);border-left:5px solid var(--rust);border-radius:4px;padding:10px 16px;max-width:70%;box-shadow:0 4px 14px var(--shadow)}.theme-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--toxic)}#theme-name{font-family:var(--font-head);font-size:clamp(22px,4vw,34px);letter-spacing:.02em;text-transform:uppercase}#theme-blurb{font-size:13px;color:var(--bone-dim);font-style:italic}#timer-wrap{position:relative;width:74px;height:74px;flex:none;filter:drop-shadow(0 3px 6px var(--shadow))}#timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:#0000008c;stroke:#000;stroke-width:8}.ring-fg{fill:none;stroke:var(--toxic);stroke-width:8;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:0;transition:stroke-dashoffset .3s linear,stroke .3s}#timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-head);font-size:30px;color:var(--bone)}#timer-wrap.warn .ring-fg{stroke:var(--hazard)}#timer-wrap.danger .ring-fg{stroke:var(--blood)}#timer-wrap.danger #timer-num{color:var(--blood);animation:pulse .6s infinite}@keyframes pulse{50%{transform:scale(1.14)}}.first-hint{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:10px;max-width:min(420px,92vw);background:linear-gradient(180deg,#233a1a,#182710);border:2px solid var(--toxic);border-radius:10px;padding:9px 10px 9px 14px;box-shadow:0 6px 20px #00000080,0 0 20px #a6d13a40;animation:hintPop .3s ease-out}.first-hint p{font-size:12.5px;line-height:1.35;color:var(--bone);flex:1 1 auto}.first-hint button{flex:none;background:none;border:none;color:var(--toxic);font-weight:700;cursor:pointer;font-size:11px;letter-spacing:.05em;padding:6px 8px}.first-hint button:hover{color:var(--bone)}.first-hint button:focus-visible{outline:2px solid var(--hazard);outline-offset:1px}@keyframes hintPop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}#stage-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--steel-lt);background:#0006;padding:4px 12px;border-radius:20px;pointer-events:none}#wardrobe{flex:none;background:linear-gradient(180deg,var(--ash3),var(--ash2));border-top:3px solid #000;box-shadow:0 -6px 20px var(--shadow);padding:10px 12px 12px;display:flex;flex-direction:column;gap:9px}#tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{flex:1 1 0;min-width:64px;padding:9px 6px 7px;border:2px solid #000;border-bottom:none;border-radius:6px 6px 0 0;background:linear-gradient(#332e28,#262019);color:var(--bone-dim);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:background .12s,color .12s}.tab .tab-ico{font-size:19px;line-height:1}.tab[aria-selected=true]{background:linear-gradient(var(--rust),var(--rust-dk));color:#fff}.tab:focus-visible{outline:3px solid var(--hazard);outline-offset:1px}#item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;max-height:34vh;overflow-y:auto;padding:4px 2px;scrollbar-width:thin;scrollbar-color:var(--rust) transparent}#item-grid::-webkit-scrollbar{width:8px}#item-grid::-webkit-scrollbar-thumb{background:var(--rust);border-radius:4px}.item{position:relative;aspect-ratio:1/1;border:2px solid #000;border-radius:7px;background:radial-gradient(120% 120% at 50% 0%,#423a31,#241f19);color:var(--bone);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px;text-align:center;transition:transform .07s,box-shadow .12s,border-color .12s}.item .item-ico{font-size:26px;line-height:1;filter:drop-shadow(0 2px 2px #000)}.item .item-name{font-size:10.5px;line-height:1.05;letter-spacing:.02em;color:var(--bone-dim)}.item:hover{transform:translateY(-2px);box-shadow:0 5px 12px var(--shadow)}.item.equipped{border-color:var(--toxic);box-shadow:0 0 0 2px var(--toxic-dk),0 0 16px #a6d13a66;background:radial-gradient(120% 120% at 50% 0%,#40492a,#24291a)}.item.equipped .item-name{color:var(--toxic)}.item.equipped:after{content:"✓";position:absolute;top:3px;right:5px;color:var(--toxic);font-weight:900;font-size:13px}.item.item-none .item-ico{opacity:.5}.item:focus-visible{outline:3px solid var(--hazard);outline-offset:1px}#wardrobe-actions{display:flex;gap:8px}#wardrobe-actions .btn{font-size:13px;padding:.75em .6em}#btn-runway{flex:2 1 auto;font-size:16px}#btn-random,#btn-clear,#btn-fits{flex:1 1 0}#screen-results{display:grid;place-items:center;padding:20px}.results-card{width:min(460px,94vw);text-align:center;background:linear-gradient(180deg,var(--ash3),#1c1815);border:2px solid #000;border-top:6px solid var(--rust);border-radius:8px;padding:26px 24px 22px;box-shadow:0 20px 60px #000000b3;animation:cardIn .45s cubic-bezier(.2,.9,.3,1.3)}@keyframes cardIn{0%{transform:translateY(30px) scale(.94);opacity:0}}.results-theme{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--toxic)}.results-theme span{color:var(--bone)}.stars{font-size:34px;margin:8px 0 2px;letter-spacing:4px}.stars .on{color:var(--hazard);text-shadow:0 0 14px rgba(232,183,29,.6)}.stars .off{color:#6b6255}.stars .half{background:linear-gradient(90deg,var(--hazard) 50%,#4a423a 50%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px rgba(232,183,29,.4))}.grade{display:inline-grid;place-items:center;min-width:1.7em;padding:0 .28em;height:1.5em;margin-right:.4em;border-radius:5px;font-family:var(--font-head);font-size:.82em;color:#1a1512;background:var(--hazard);box-shadow:0 2px #000;vertical-align:middle}.grade-S{background:linear-gradient(#ffe27a,#e8b71d);box-shadow:0 0 18px #e8b71db3,0 2px #000}.grade-Ap,.grade-A{background:var(--toxic)}.grade-B{background:#c9b56a}.grade-C{background:var(--steel-lt)}.grade-D{background:#b07a4a;color:#fff}.grade-F{background:var(--blood);color:#fff}.score-big{font-family:var(--font-head);font-size:78px;line-height:1;color:#fff}.score-big small{font-size:24px;color:var(--steel-lt)}.res-verdict{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;font-size:24px;color:var(--rust);margin:2px 0 14px}.scorecard{display:flex;flex-direction:column;gap:7px;margin:2px 0 16px;text-align:left}.scorecard-row{display:grid;grid-template-columns:88px 1fr 44px;align-items:center;gap:9px}.scorecard-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--bone-dim);text-transform:uppercase}.scorecard-track{height:7px;border-radius:4px;background:#161310;border:1px solid #000;overflow:hidden}.scorecard-fill{height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,var(--toxic-dk),var(--toxic));transition:width .6s cubic-bezier(.2,.8,.3,1)}.scorecard-val{font-family:var(--font-mono);font-size:11px;color:var(--bone);text-align:right;font-variant-numeric:tabular-nums}.res-notes{list-style:none;text-align:left;display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.res-notes li{font-size:13.5px;color:var(--bone-dim);padding-left:22px;position:relative;line-height:1.35}.res-notes li:before{content:"»";position:absolute;left:4px;color:var(--rust);font-weight:900}.res-notes li.good:before{content:"▲";color:var(--toxic)}.res-notes li.bad:before{content:"▼";color:var(--blood)}.res-best{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--hazard);min-height:16px;margin-bottom:16px}.results-actions{display:flex;gap:10px}.results-actions .btn{flex:1}.btn-link-title{display:block;width:100%;margin-top:14px;background:none;border:none;color:var(--bone-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:6px}.btn-link-title:hover{color:var(--rust)}#judging{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0a080666;pointer-events:none}#judging span{font-family:var(--font-head);font-size:clamp(40px,10vw,86px);color:var(--hazard);letter-spacing:.1em;text-shadow:4px 4px 0 #000;animation:judgePulse 1s infinite}@keyframes judgePulse{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}#judge-reaction{font-size:clamp(36px,8vw,64px);animation:judgeReactionPop .5s cubic-bezier(.2,1.4,.4,1) both;text-shadow:none!important;letter-spacing:0!important}@keyframes judgeReactionPop{0%{transform:scale(.2) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media (min-width:900px){#screen-game{flex-direction:row}#stage{flex:1 1 auto}#wardrobe{flex:0 0 380px;border-top:none;border-left:3px solid #000;box-shadow:-6px 0 20px var(--shadow);overflow-y:auto}#item-grid{max-height:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}html.reduced-motion *{animation-duration:1ms!important;transition-duration:1ms!important}#confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;overflow:hidden}.confetti-piece{position:fixed;top:0;left:0;width:8px;height:14px;opacity:.95;animation:confettiFall var(--dur,1.8s) cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:var(--delay,0s)}@keyframes confettiFall{0%{transform:translate(var(--x,0),-20px) rotate(0);opacity:1}to{transform:translate(calc(var(--x,0) + var(--dx,0px)),100vh) rotate(var(--spin,540deg));opacity:.2}}#results-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(232,183,29,.4),transparent 65%);opacity:0;animation:resultsFlash .6s ease-out forwards}@keyframes resultsFlash{0%{opacity:.9}to{opacity:0}}.pill-btn{display:inline-flex;align-items:center;gap:6px;border:2px solid #000;border-radius:20px;background:linear-gradient(#3a342d,#2a251f);color:var(--bone);font-weight:700;font-size:13px;padding:.5em 1em;box-shadow:0 3px #000;letter-spacing:.03em}button.pill-btn:hover{filter:brightness(1.15);cursor:pointer}button.pill-btn:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}.currency-pill{background:linear-gradient(#4a3f22,#332a16);border-color:#1a1508;color:var(--hazard)}#title-hud{position:absolute;top:14px;left:14px;right:14px;z-index:5;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.title-modes{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:10px}.btn-hero-alt{background:linear-gradient(#3a4a2a,#26331b);box-shadow:0 5px #101a0a,0 0 30px #a6d13a33;font-size:20px}.btn-customize{margin-top:16px}#screen-creator{display:flex;flex-direction:column}#creator-stage{position:relative;flex:1 1 auto;min-height:0;background:radial-gradient(80% 60% at 50% 20%,rgba(198,90,46,.12),transparent 70%)}#creator-canvas-holder,#designer-canvas-holder{position:absolute;top:0;right:0;bottom:0;left:0}#creator-canvas-holder canvas,#designer-canvas-holder canvas{display:block;width:100%!important;height:100%!important;cursor:grab}#creator-panel{flex:none;background:linear-gradient(180deg,var(--ash3),var(--ash2));border-top:3px solid #000;box-shadow:0 -6px 20px var(--shadow);padding:12px 16px 16px;max-height:52vh;overflow-y:auto}.creator-title{font-family:var(--font-head);letter-spacing:.04em;font-size:20px;margin-bottom:10px;color:var(--bone)}.creator-row{margin-bottom:12px}.creator-label{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--toxic);margin-bottom:6px}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:40px;height:40px;border-radius:50%;border:3px solid #000;cursor:pointer;box-shadow:0 2px #000;transition:transform .08s}.swatch:hover{transform:scale(1.08)}.swatch:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}.swatch.selected{box-shadow:0 0 0 3px var(--hazard),0 2px #000;transform:scale(1.1)}.swatch-row-icons .swatch{width:auto;height:auto;min-width:56px;border-radius:8px;background:linear-gradient(#3a342d,#2a251f);color:var(--bone);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font-size:19px}.swatch-row-icons .swatch span{font-size:9px;letter-spacing:.02em;color:var(--bone-dim)}.swatch-row-icons .swatch.selected{background:linear-gradient(var(--rust),var(--rust-dk))}.swatch-row-icons .swatch.selected span{color:#fff}.creator-done{width:100%;margin-top:6px}.missions-card{width:min(520px,94vw);max-height:82vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--ash3),#1c1815);border:2px solid #000;border-top:6px solid var(--toxic-dk);border-radius:8px;box-shadow:0 20px 60px #000000b3;overflow:hidden}.missions-head{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:2px solid #000}.missions-head h2{font-family:var(--font-head);letter-spacing:.05em;font-size:22px;flex:1}.btn-x{background:none;border:none;color:var(--bone-dim);font-size:16px;cursor:pointer;padding:4px}.btn-x:hover{color:var(--rust)}.btn-x:focus-visible{outline:2px solid var(--hazard);outline-offset:1px}.missions-list{list-style:none;overflow-y:auto;padding:10px 14px 16px;display:flex;flex-direction:column;gap:8px}.mission-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid #000;border-radius:6px;background:radial-gradient(120% 120% at 0% 0%,#322c25,#211c17)}.mission-item.done{background:radial-gradient(120% 120% at 0% 0%,#2c3520,#1c2116);border-color:var(--toxic-dk)}.mission-check{font-size:18px;flex:none;width:22px;text-align:center}.mission-text{flex:1;font-size:13.5px;color:var(--bone);line-height:1.3}.mission-item.done .mission-text{color:var(--toxic);text-decoration:line-through;text-decoration-color:#a6d13a80}.mission-reward{flex:none;font-family:var(--font-mono);font-size:12px;color:var(--hazard);white-space:nowrap}.preset-save-row{display:flex;gap:8px;padding:0 14px 12px}.preset-name-field{position:relative;flex:1;min-width:0}.preset-name-field input{width:100%;background:#1c1815;border:2px solid #000;border-radius:6px;color:var(--bone);padding:.6em 3.4em .6em .8em;font-size:13px;font-family:var(--font-ui)}.preset-name-field input::placeholder{color:var(--steel)}.preset-name-count{position:absolute;right:.7em;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;color:var(--steel-lt);pointer-events:none}.preset-name-count.preset-name-near-limit{color:var(--hazard)}.preset-save-row .btn{flex:none;font-size:12px;padding:.6em .8em;white-space:nowrap}.preset-item .mission-text small{color:var(--steel-lt);font-weight:400}.preset-wear{flex:none;font-size:11px;padding:.5em .7em}.settings-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-row-slider{flex-direction:column;align-items:stretch;gap:8px}.settings-row-label{display:flex;flex-direction:column;gap:2px}.settings-row-title{font-size:14px;font-weight:700;color:var(--bone)}.settings-row-desc{font-size:11px;color:var(--bone-dim)}.settings-soon{font-size:10px;font-weight:400;color:var(--steel-lt);text-transform:uppercase;letter-spacing:.06em}.toggle-switch{flex:none;width:52px;height:28px;border-radius:16px;border:2px solid #000;padding:2px;background:linear-gradient(#2a251f,#1c1815);cursor:pointer;position:relative;box-shadow:inset 0 2px 4px #00000080}.toggle-knob{display:block;width:20px;height:20px;border-radius:50%;background:var(--steel-lt);transition:transform .15s,background .15s;box-shadow:0 2px #000}.toggle-switch[aria-checked=true]{background:linear-gradient(var(--toxic-dk),#3d5416)}.toggle-switch[aria-checked=true] .toggle-knob{transform:translate(24px);background:var(--toxic)}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:5px;background:linear-gradient(#1c1815,#100e0b);border:2px solid #000;outline:none;cursor:pointer}.settings-slider:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--hazard);border:2px solid #000;cursor:pointer;box-shadow:0 2px #000}.settings-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--hazard);border:2px solid #000;cursor:pointer}.settings-divider{height:2px;background:#000}.settings-danger{color:#e2554a;border-color:#2a0f04}.settings-confirm{background:radial-gradient(120% 120% at 0% 0%,#3a201a,#241512);border:2px solid var(--blood);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:10px}.settings-confirm p{font-size:12.5px;color:var(--bone-dim);line-height:1.4}.settings-confirm-actions{display:flex;gap:8px}.settings-confirm-actions .btn{flex:1;font-size:12px;padding:.6em .8em}#title-hud-left{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:420px){.pill-btn{font-size:11px;padding:.4em .7em}}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:10px 14px 16px;overflow-y:auto}.badge-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:radial-gradient(120% 120% at 50% 0%,#322c25,#211c17);border:2px solid #000;border-radius:8px;padding:12px 8px}.badge-tile.earned{border-color:var(--hazard);box-shadow:0 0 14px #e8b71d4d}.badge-tile:not(.earned){opacity:.55;filter:grayscale(.6)}.badge-ico{font-size:28px}.badge-name{font-size:11.5px;font-weight:700;color:var(--bone)}.badge-desc{font-size:10px;color:var(--bone-dim);line-height:1.25}#level-status{display:flex;align-items:center;gap:8px;justify-content:center;margin:14px 0 6px}#level-icon{font-size:18px}#level-name{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--hazard);text-transform:uppercase}.level-bar{width:110px;height:6px;background:#1c1815;border:1px solid #000;border-radius:4px;overflow:hidden}.level-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--toxic-dk),var(--toxic));transition:width .4s}.designer-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.creator-label small{text-transform:none;letter-spacing:0;color:var(--steel);font-size:10px}.designer-name-input{width:100%;background:#1c1815;border:2px solid #000;border-radius:6px;color:var(--bone);padding:.6em .8em;font-size:13px;font-family:var(--font-ui)}.designer-name-input::placeholder{color:var(--steel)}#designer-anchor-grid .swatch.filled{background:linear-gradient(var(--toxic-dk),var(--toxic))}#designer-anchor-grid .swatch.filled span{color:#fff}#stage-top-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}#turn-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12;font-family:var(--font-head);font-size:clamp(28px,6vw,52px);color:var(--hazard);letter-spacing:.08em;text-shadow:4px 4px 0 #000;pointer-events:none;text-align:center;animation:judgePulse 1.4s infinite}.item.locked{opacity:.55;filter:grayscale(.4)}.item.locked .item-name{color:var(--steel-lt)}.item-lock-badge{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:9.5px;color:var(--hazard);background:#0000008c;border-radius:0 0 5px 5px;padding:1px 0}.item-design{background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(198,90,46,.08) 8px 16px);border-style:dashed;border-color:var(--rust)}.item-design .item-ico{opacity:.85}.item-design .item-name{color:var(--rust)}.item-custom{border-color:var(--toxic-dk)}.item-delete{position:absolute;top:2px;right:3px;width:18px;height:18px;line-height:18px;text-align:center;font-size:11px;color:var(--bone-dim);background:#0000008c;border-radius:50%;cursor:pointer}.item-delete:hover{color:var(--blood);background:#000c}.item-delete:focus-visible{outline:2px solid var(--hazard);outline-offset:1px;color:var(--blood)}#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(0);z-index:70;background:linear-gradient(#3a342d,#221e19);border:2px solid #000;border-left:5px solid var(--hazard);border-radius:6px;padding:10px 18px;font-size:13.5px;color:var(--bone);box-shadow:0 8px 24px var(--shadow);transition:opacity .25s,transform .25s;max-width:88vw}#toast.hidden{opacity:0;transform:translate(-50%) translateY(14px);pointer-events:none}#toast.toast-bad{border-left-color:var(--blood)}#toast.toast-good{border-left-color:var(--toxic)}.pass-card,.battle-card{width:min(520px,94vw);text-align:center;background:linear-gradient(180deg,var(--ash3),#1c1815);border:2px solid #000;border-top:6px solid var(--rust);border-radius:8px;padding:32px 24px;box-shadow:0 20px 60px #000000b3}.pass-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.25em;color:var(--toxic);margin-bottom:10px}#pass-heading{font-family:var(--font-head);font-size:clamp(24px,5vw,38px);line-height:1.15;letter-spacing:.02em}#pass-player{color:var(--rust)}.pass-sub{margin:14px 0 24px;color:var(--bone-dim);font-size:14px}.pass-quit{display:block;width:100%;margin-top:12px}.bres-winner{font-family:var(--font-head);font-size:clamp(26px,6vw,44px);color:var(--hazard);margin:10px 0 20px;text-shadow:3px 3px 0 #000}.battle-compare{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}.battle-side{flex:1;background:#00000040;border:2px solid #000;border-radius:8px;padding:14px 8px}.battle-name{font-family:var(--font-mono);letter-spacing:.15em;font-size:11px;color:var(--bone-dim)}.battle-vs{font-family:var(--font-head);font-size:20px;color:var(--steel)}.score-big.small{font-size:44px}.stars.small{font-size:20px;letter-spacing:2px}.winner-glow{border-color:var(--hazard)!important;box-shadow:0 0 22px #e8b71d80}.title-secondary{display:flex;gap:10px;justify-content:center;margin-top:14px}#screen-minigames{display:flex;justify-content:center;padding:40px 20px;overflow-y:auto}.hub-inner{width:min(760px,100%);position:relative}.hub-back{position:absolute;top:-6px;left:0;font-size:13px;letter-spacing:.08em;color:var(--bone-dim)}.hub-back:hover{color:var(--rust)}.hub-title{font-family:var(--font-head);font-size:clamp(28px,6vw,44px);text-align:center;letter-spacing:.04em;margin:20px 0 26px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.hub-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:linear-gradient(180deg,var(--ash3),#231e19);border:2px solid #000;border-radius:10px;padding:22px 14px;box-shadow:0 4px #000;color:var(--bone);transition:transform .1s,box-shadow .15s}button.hub-card:hover{transform:translateY(-3px);box-shadow:0 7px #000,0 0 20px #c65a2e4d;border-color:var(--rust)}.hub-card-ico{font-size:40px}.hub-card-name{font-family:var(--font-head);font-size:17px;letter-spacing:.03em}.hub-card-desc{font-size:12px;color:var(--bone-dim);line-height:1.35}.hub-card-soon{opacity:.5;filter:grayscale(.5);cursor:default}#screen-memory{display:flex;flex-direction:column;padding:16px}.memory-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.memory-head h2{font-family:var(--font-head);font-size:20px;letter-spacing:.04em;flex:1;text-align:center}.memory-stats{display:flex;gap:14px;font-family:var(--font-mono);font-size:13px;color:var(--hazard)}#memory-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:520px;width:100%;margin:0 auto;align-content:center}.mem-card{position:relative;aspect-ratio:1/1;border:2px solid #000;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,var(--ash3) 25%,#2a251f 25%,#2a251f 50%,var(--ash3) 50%,var(--ash3) 75%,#2a251f 75%);background-size:16px 16px;box-shadow:0 3px #000}.mem-card .mem-back,.mem-card .mem-front{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,5vw,34px);border-radius:6px;backface-visibility:hidden}.mem-card .mem-back{color:var(--rust)}.mem-card .mem-front{background:radial-gradient(120% 120% at 50% 0%,#423a31,#241f19);opacity:0;transform:scale(.7);transition:opacity .15s,transform .15s}.mem-card.flipped .mem-back{opacity:0}.mem-card.flipped .mem-front{opacity:1;transform:scale(1)}.mem-card.matched{border-color:var(--toxic);box-shadow:0 0 0 2px var(--toxic-dk),0 0 14px #a6d13a66;cursor:default}.mem-card.matched .mem-front{opacity:1;transform:scale(1)}#screen-scrap{display:flex;flex-direction:column}#scrap-stage{position:relative;flex:1 1 auto;min-height:0;background:radial-gradient(80% 60% at 50% 20%,rgba(198,90,46,.12),transparent 70%)}#scrap-canvas-holder{position:absolute;top:0;right:0;bottom:0;left:0}#scrap-canvas-holder canvas{display:block;width:100%!important;height:100%!important}#scrap-top{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 14px}#scrap-stats{display:flex;gap:8px}#scrap-stats .pill-btn{font-family:var(--font-mono);font-size:13px}#scrap-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--steel);background:#0006;padding:4px 12px;border-radius:20px;pointer-events:none}.scrap-popup{position:absolute;z-index:20;font-family:var(--font-head);font-size:22px;color:var(--hazard);text-shadow:2px 2px 0 #000;pointer-events:none;animation:scrapPopupRise .7s ease-out forwards}@keyframes scrapPopupRise{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-140%) scale(1.2)}}#screen-blitz{display:flex;flex-direction:column;padding:16px}#blitz-mult{color:var(--toxic);font-weight:700}#blitz-prompt-wrap{text-align:center;margin:10px 0 18px}#blitz-prompt-tag{display:inline-block;font-family:var(--font-head);font-size:clamp(26px,7vw,42px);color:var(--hazard);letter-spacing:.06em;text-shadow:3px 3px 0 #000}#blitz-prompt-bar{width:min(320px,90%);height:8px;margin:10px auto 0;background:#1c1815;border:1px solid #000;border-radius:5px;overflow:hidden}#blitz-prompt-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--toxic),var(--hazard));transition:width linear}#blitz-tray{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:12px;max-width:520px;width:100%;margin:0 auto;align-content:center}.blitz-tile{position:relative;border:2px solid #000;border-radius:8px;cursor:pointer;background:radial-gradient(120% 120% at 50% 0%,#423a31,#241f19);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;transition:transform .1s,background .15s,border-color .15s}.blitz-tile .item-ico{font-size:28px}.blitz-tile .item-name{font-size:11px;color:var(--bone-dim);text-align:center}.blitz-tile:active{transform:scale(.96)}.blitz-tile.correct{border-color:var(--toxic);background:radial-gradient(120% 120% at 50% 0%,#40492a,#24291a);box-shadow:0 0 16px #a6d13a80}.blitz-tile.wrong{border-color:var(--blood);background:radial-gradient(120% 120% at 50% 0%,#492a2a,#291a1a)}.btn-hero-hangout{background:linear-gradient(#3a2a5a,#241a3b);box-shadow:0 5px #12081f,0 0 30px #8a5cf640;font-size:19px}#screen-hangout-entry{display:flex;justify-content:center;padding:40px 20px;overflow-y:auto}.hangout-entry-inner{width:min(460px,100%);position:relative}.hangout-beta-note{font-size:12.5px;color:var(--bone-dim);line-height:1.5;text-align:center;margin:0 0 20px;padding:10px 14px;background:#00000040;border-radius:6px;border-left:3px solid var(--rust)}.hangout-entry-actions{display:flex;flex-direction:column;gap:14px;margin-top:18px}.hangout-join-row{display:flex;gap:8px}.hangout-code-input{text-transform:uppercase;letter-spacing:.15em;text-align:center;font-family:var(--font-mono)}#hangout-stage{position:relative;width:100%;height:100%}#hangout-canvas-holder{position:absolute;top:0;right:0;bottom:0;left:0}#hangout-canvas-holder canvas{display:block;width:100%!important;height:100%!important}#hangout-top{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 14px}#hangout-code-wrap{display:flex;align-items:center;gap:8px;background:#00000080;border:2px solid #000;border-radius:20px;padding:6px 8px 6px 14px}.hangout-code-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--toxic)}#hangout-code-display{font-family:var(--font-head);font-size:18px;letter-spacing:.1em;color:var(--hazard)}#hangout-code-wrap .pill-btn{padding:.3em .5em}.hangout-players{position:absolute;top:60px;left:14px;z-index:9;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--bone-dim);background:#00000059;border-radius:6px;padding:8px 12px;max-width:160px}.lobby-picker{position:absolute;bottom:150px;left:50%;transform:translate(-50%);z-index:15;background:linear-gradient(180deg,var(--ash3),#1c1815);border:2px solid #000;border-radius:10px;padding:12px;box-shadow:0 10px 30px var(--shadow);max-width:92vw}.lobby-phrase-list{display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto;width:min(280px,80vw)}.lobby-phrase-btn{background:linear-gradient(#3a342d,#2a251f);border:2px solid #000;border-radius:6px;color:var(--bone);padding:.7em 1em;font-size:13.5px;text-align:left;cursor:pointer}.lobby-phrase-btn:hover{border-color:var(--rust)}#hangout-controls{position:absolute;bottom:14px;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-end;padding:0 14px}#hangout-dpad{position:relative;width:136px;height:136px;flex:none}.dpad-btn{position:absolute;width:48px;height:48px;border:2px solid #000;border-radius:8px;background:linear-gradient(#3a342d,#221e19);color:var(--bone);font-size:18px;box-shadow:0 3px #000}.dpad-btn:active{transform:translateY(2px);box-shadow:0 1px #000}.dpad-btn:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}.dpad-up{top:0;left:44px}.dpad-down{bottom:0;left:44px}.dpad-left{top:44px;left:0}.dpad-right{top:44px;right:0}#hangout-actions{display:flex;flex-direction:column;gap:8px}#hangout-actions .btn{font-size:14px;padding:.85em 1.1em;min-height:44px}#hangout-top .btn-x{padding:12px 14px;font-size:20px}#hangout-code-wrap .pill-btn{padding:.6em .8em;min-width:44px;min-height:44px}#hangout-emote-grid .swatch,#hangout-phrase-list .lobby-phrase-btn{min-height:46px}#hangout-emote-grid .swatch{width:46px;height:46px}.lobby-bubble{position:absolute;z-index:20;transform:translate(-50%,-100%);pointer-events:none;background:linear-gradient(180deg,#fff,#eee);color:#181410;font-family:var(--font-ui);font-weight:700;font-size:13px;padding:6px 12px;border-radius:14px;border:2px solid #000;box-shadow:0 4px 10px #0006;white-space:nowrap;animation:bubblePop .25s ease-out,bubbleFade .4s ease-in 2.2s forwards}.lobby-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#eee}@keyframes bubblePop{0%{transform:translate(-50%,-90%) scale(.6);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}@keyframes bubbleFade{to{opacity:0}}.runway-display-tag{position:absolute;z-index:21;transform:translate(-50%,-100%);pointer-events:none;display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#3a2f14,#221a0c);color:var(--hazard);font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.04em;white-space:nowrap;padding:6px 12px;border-radius:14px;border:2px solid var(--hazard);box-shadow:0 0 16px #e8b71d80,0 4px 10px #0006;animation:bubblePop .3s ease-out}.runway-display-tag .tag-count{color:var(--toxic)}@media (min-width:700px){#hangout-dpad{display:none}}