@import"https://fonts.googleapis.com/css2?family=VT323&family=Inter:ital,wght@0,400;0,600;1,400&display=swap";:root{--hud-yellow: #f4d35e;--hud-bg: rgba(18, 17, 16, .86);--hud-edge: rgba(244, 211, 94, .35);--hud-text: #f3ece0;--hud-dim: #b9b1a3}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0a0908;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;background:#0a0908}#scene{display:block;position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:pixelated}#hud{position:absolute;inset:0;pointer-events:none;font-family:Inter,system-ui,sans-serif;color:var(--hud-text);user-select:none;opacity:1;transition:opacity .5s ease}#hud.pregame{opacity:0}#hud:before,#hud:after{content:"";position:absolute;left:0;right:0;height:140px;pointer-events:none}#hud:before{top:0;background:linear-gradient(180deg,#00000080,#0000)}#hud:after{bottom:0;background:linear-gradient(0deg,#00000080,#0000)}.hud-status{position:absolute;top:16px;left:20px;display:flex;flex-direction:column;gap:12px}.hud-logo{width:168px;height:auto;display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.65))}.hud-brand{width:168px;font-weight:600;letter-spacing:3px;font-size:16px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.65)}.hud-meters{display:flex;gap:14px}.meter{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;letter-spacing:1px;color:var(--hud-dim);text-shadow:0 1px 2px rgba(0,0,0,.6)}.meter-bar{width:168px;height:10px;border:1px solid var(--hud-edge);border-radius:3px;background:#00000073;overflow:hidden}.meter-fill{height:100%;width:30%;transition:width .55s ease,background-color .55s ease}@keyframes stress-bump{0%{transform:scale(1)}22%{transform:scale(1.16,1.55)}46%{transform:scale(.98,.9)}68%{transform:scale(1.06,1.14)}to{transform:scale(1)}}@keyframes stress-glow{0%{box-shadow:0 0 #e74c3700}30%{box-shadow:0 0 18px 5px #e74c37f2}to{box-shadow:0 0 #e74c3700}}@keyframes stress-fill-flash{0%,to{filter:brightness(1)}28%{filter:brightness(2.1)}}.meter-bar.bump{transform-origin:left center;animation:stress-bump .6s cubic-bezier(.36,.07,.19,.97),stress-glow .7s ease}.meter-bar.bump .meter-fill{animation:stress-fill-flash .6s ease}#stress-flash{position:fixed;inset:0;z-index:150;pointer-events:none;opacity:0;background:radial-gradient(135% 115% at 50% 45%,#dc2e224d,#c81e169e 55%,#aa140ed6)}#stress-flash.show{animation:stress-flash .85s ease-out}@keyframes stress-flash{0%{opacity:0}10%{opacity:1}34%{opacity:.82}to{opacity:0}}@keyframes screen-shake{0%,to{transform:translate(0)}12%{transform:translate(-3px,2px)}28%{transform:translate(4px,-2px)}44%{transform:translate(-4px,-2px)}60%{transform:translate(3px,3px)}76%{transform:translate(-2px,1px)}90%{transform:translate(2px,-1px)}}#scene.shake{animation:screen-shake .5s ease-in-out}.hud-hints{position:absolute;right:20px;bottom:18px;font-size:15px;color:var(--hud-text);text-align:right;line-height:1.9;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-hints kbd{font-family:VT323,monospace;font-size:16px;background:#f4d35e29;border:1px solid var(--hud-edge);border-radius:4px;padding:2px 8px;margin-right:4px;color:var(--hud-yellow)}.hud-mute{position:absolute;top:18px;right:20px;pointer-events:auto;cursor:pointer;width:38px;height:38px;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;background:#00000052;color:var(--hud-text);border:1px solid var(--hud-edge);border-radius:9px;text-shadow:0 1px 3px rgba(0,0,0,.7);transition:opacity .2s ease,background .2s ease}.hud-mute:hover{background:#00000080}.hud-mute.muted{opacity:.55}.menu{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,sans-serif;color:var(--hud-text);text-align:center;user-select:none;background:radial-gradient(ellipse at center,#0a09086b,#070605db),url(/studio-bg.webp) center / cover no-repeat;transition:opacity .4s ease}.menu.fade-out{opacity:0;pointer-events:none}.menu-home{display:flex;flex-direction:column;align-items:center;gap:22px}.menu-logo{width:min(560px,68vw);height:auto;display:block;filter:drop-shadow(0 6px 22px rgba(0,0,0,.7))}.menu-brand{font-weight:600;letter-spacing:10px;font-size:clamp(34px,7vw,72px);color:#fff;text-shadow:0 6px 22px rgba(0,0,0,.7)}.menu-sub{color:var(--hud-yellow);letter-spacing:5px;font-size:clamp(12px,1.8vw,17px);text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.6)}.menu-buttons{display:flex;flex-direction:column;gap:12px;margin-top:8px}.menu-btn{cursor:pointer;min-width:260px;padding:13px 24px;background:#121110a8;color:var(--hud-text);border:1px solid var(--hud-edge);border-radius:7px;font:inherit;font-size:14px;letter-spacing:2px;text-transform:uppercase;transition:background .18s,border-color .18s,transform .08s}.menu-btn:hover{background:#f4d35e29;border-color:var(--hud-yellow)}.menu-btn:active{transform:translateY(1px)}.menu-btn-primary{background:var(--hud-yellow);color:#1a1712;font-weight:600;border-color:var(--hud-yellow)}.menu-btn-primary:hover{background:#ffe07a}.menu-panel{position:absolute;max-width:460px;width:min(460px,86vw);background:var(--hud-bg);border:1px solid var(--hud-edge);border-radius:12px;padding:26px 28px;text-align:left;box-shadow:0 14px 44px #00000080}.menu-panel[hidden]{display:none}.menu-panel-title{color:var(--hud-yellow);letter-spacing:2px;margin:0 0 14px;font-size:18px}.menu-panel-body{font-size:14px;line-height:1.5;color:var(--hud-text)}.menu-panel-body p{margin:0 0 12px}.menu-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:14px;letter-spacing:1px}.menu-note{margin-top:10px;font-size:12px;font-style:italic;color:var(--hud-dim)}.menu-panel .menu-btn{margin-top:18px;min-width:120px}.lookbook{position:fixed;inset:0;z-index:60;font-family:Inter,system-ui,sans-serif;color:var(--hud-text);display:flex;flex-direction:column;opacity:0;transition:opacity .26s ease;background:linear-gradient(180deg,#080706db,#08070666 20% 78%,#080706e6),url(/lookbook-bg.png) center top / cover no-repeat fixed,#0a0908;image-rendering:pixelated}.lookbook .lb-real{image-rendering:auto}.lookbook.show{opacity:1}.lookbook[hidden]{display:none}.lb-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:#0c0b0ad1;backdrop-filter:blur(6px);border-bottom:1px solid var(--hud-edge);box-shadow:0 8px 26px #00000073;z-index:2}.lb-bar-brand{display:flex;flex-direction:column;gap:5px}.lb-logo{height:30px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.lb-brand{font-weight:600;letter-spacing:8px;font-size:20px;color:#fff}.lb-bar-sub{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--hud-yellow);text-shadow:0 1px 3px rgba(0,0,0,.6)}.lb-close{cursor:pointer;padding:11px 20px;font:inherit;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--hud-text);background:#121110a8;border:1px solid var(--hud-edge);border-radius:7px;transition:background .16s,border-color .16s,transform .08s}.lb-close:hover{background:#f4d35e29;border-color:var(--hud-yellow)}.lb-close:active{transform:translateY(1px)}.lb-scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:32px 26px 64px}.lb-lede{max-width:600px;margin:4px auto 30px;text-align:center;font-size:14px;font-style:italic;line-height:1.6;color:var(--hud-dim)}.lb-grid{display:grid;gap:24px;max-width:1180px;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(238px,1fr))}.lb-card{margin:0;display:flex;flex-direction:column}.lb-frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;cursor:pointer;border-radius:9px;background:var(--hud-bg);border:1px solid var(--hud-edge);box-shadow:0 12px 30px #00000080;transition:border-color .18s,box-shadow .18s,transform .12s}.lb-frame:hover{border-color:var(--hud-yellow);transform:translateY(-3px);box-shadow:0 16px 38px #0009,0 0 0 1px #f4d35e40}.lb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none}.lb-pix{image-rendering:pixelated}.lb-real{opacity:0;animation:lbFlick 2.6s ease-in-out infinite}@keyframes lbFlick{0%,10%{opacity:0}22%,50%{opacity:1}62%,to{opacity:0}}.lb-frame:hover .lb-real,.lb-frame.held .lb-real{opacity:1;animation:none}.lb-frame:hover .lb-pix,.lb-frame.held .lb-pix{image-rendering:auto}.lb-meta{display:flex;flex-direction:column;gap:5px;padding:12px 2px 2px}.lb-name{font-family:VT323,monospace;font-size:22px;line-height:1;letter-spacing:.5px;color:var(--hud-yellow);text-shadow:0 1px 3px rgba(0,0,0,.5)}.lb-note{font-size:12px;font-style:italic;color:var(--hud-dim)}.lb-price{margin-top:1px;font-family:VT323,monospace;font-size:17px;letter-spacing:1px;color:var(--hud-text);opacity:.92}.lb-foot{text-align:center;margin:48px auto 0;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--hud-dim);opacity:.7}.bubble{position:absolute;left:0;top:0;max-width:300px;min-width:150px;background:var(--hud-bg);border:1px solid var(--hud-edge);border-radius:8px;padding:9px 13px 10px;backdrop-filter:blur(3px);box-shadow:0 6px 20px #00000073;color:var(--hud-text);font-family:Inter,system-ui,sans-serif;display:none;pointer-events:none;will-change:left,top}.bubble.show{display:block}.bubble:after{content:"";position:absolute;left:var(--tail-x, 50%);bottom:-8px;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid var(--hud-bg)}.bubble.below:after{bottom:auto;top:-8px;border-top:none;border-bottom:9px solid var(--hud-bg)}.bubble-speaker{color:var(--hud-yellow);font-weight:600;letter-spacing:2px;font-size:11px;margin-bottom:3px}.bubble-line{font-size:15px;line-height:1.32;min-height:20px}.bubble-sub{margin-top:5px;font-style:italic;font-size:12px;color:var(--hud-dim)}.bubble.no-sub .bubble-sub{display:none!important}.bubble-advance{margin-top:5px;text-align:right;font-size:10px;color:var(--hud-dim);opacity:.7}#rotate-gate{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;background:#0a0908;font-family:Inter,system-ui,sans-serif;color:var(--hud-text);text-align:center}.rotate-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.rotate-icon{font-size:56px;color:var(--hud-yellow);animation:rotate-hint 2.2s ease-in-out infinite}@keyframes rotate-hint{0%,55%{transform:rotate(0)}70%,to{transform:rotate(90deg)}}.rotate-title{font-weight:600;letter-spacing:2px;font-size:18px}.rotate-sub{font-size:13px;letter-spacing:1px;color:var(--hud-dim)}.hotspots{position:absolute;inset:0;pointer-events:none;z-index:20}.hotspot{position:absolute;left:0;top:0;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;font:inherit;color:inherit;will-change:left,top;transition:opacity .3s ease}.hotspot-cloud{position:relative;width:38px;height:38px}.hotspot-cloud i{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--hud-yellow);box-shadow:0 0 10px 2px #f4d35ed9;opacity:0;animation:hotspot-drift 2.6s ease-out infinite}.hotspot-cloud i:nth-child(1){--dx: 0px;--dy: -17px;animation-delay:0s}.hotspot-cloud i:nth-child(2){--dx: -12px;--dy: -11px;animation-delay:.45s}.hotspot-cloud i:nth-child(3){--dx: 12px;--dy: -12px;animation-delay:.9s}.hotspot-cloud i:nth-child(4){--dx: -8px;--dy: -18px;animation-delay:1.3s;width:6px;height:6px}.hotspot-cloud i:nth-child(5){--dx: 9px;--dy: -17px;animation-delay:1.7s;width:6px;height:6px}.hotspot-cloud i:nth-child(6){--dx: 0px;--dy: -9px;animation-delay:2.1s;width:8px;height:8px}@keyframes hotspot-drift{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:1}65%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.15);opacity:0}}.hotspot[hidden]{display:none}#scene-fade{position:fixed;inset:0;z-index:200;background:#0a0908;opacity:0;pointer-events:none;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center}#scene-fade.show{opacity:1;pointer-events:auto}.scene-loader{display:flex;flex-direction:column;align-items:center;gap:24px;opacity:0;transition:opacity .35s ease .15s;user-select:none}#scene-fade.show .scene-loader{opacity:1}.scene-loader-logo{width:min(340px,46vw);height:auto;display:block;filter:drop-shadow(0 6px 22px rgba(0,0,0,.7))}.scene-loader-row{display:flex;align-items:center;gap:13px}.scene-loader-label{font-family:Inter,system-ui,sans-serif;color:var(--hud-dim);font-size:12px;letter-spacing:4px;text-transform:uppercase}.scene-loader-dots{display:inline-flex;gap:7px}.scene-loader-dots i{width:8px;height:8px;border-radius:50%;display:block;background:var(--hud-yellow);animation:scene-dot 1s ease-in-out infinite}.scene-loader-dots i:nth-child(2){animation-delay:.16s}.scene-loader-dots i:nth-child(3){animation-delay:.32s}@keyframes scene-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}#game-over{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 40%,#1a1611,#0a0908 70%);opacity:0;pointer-events:none;transition:opacity 1.1s ease}#game-over.show{opacity:1;pointer-events:auto}.go-card{text-align:center;transform:translateY(14px);transition:transform 1.1s ease;font-family:Inter,system-ui,sans-serif}#game-over.show .go-card{transform:translateY(0)}.go-logo{width:clamp(150px,22vw,240px);height:auto;opacity:.92}.go-title{margin-top:1.4rem;font-weight:800;letter-spacing:.34em;font-size:clamp(1.6rem,5vw,3rem);color:#f3ece0}.go-line{margin-top:.6rem;font-style:italic;font-size:clamp(.95rem,2.4vw,1.35rem);color:#e7c97a;letter-spacing:.04em}.go-replay{margin-top:2.2rem;padding:.7em 2.2em;font:inherit;font-weight:600;letter-spacing:.12em;color:#1a1611;background:#e7c97a;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease,background .15s ease}.go-replay:hover{transform:translateY(-1px);background:#f0d790}.go-universe{display:block;margin-top:1.4rem;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--hud-dim);text-decoration:none;transition:color .18s ease}.go-universe:hover{color:var(--hud-text)}.go-universe strong{color:var(--hud-yellow);font-weight:600}