@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%{box-shadow:0 0 #d9694a00}35%{box-shadow:0 0 10px 2px #d9694abf}to{box-shadow:0 0 #d9694a00}}.meter-bar.bump{animation:stress-bump .7s ease}.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)}.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);backdrop-filter:blur(3px);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}.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}@media (orientation: portrait){#rotate-gate{display:flex}}.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%,-62%);pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0;font:inherit;color:inherit;will-change:left,top;transition:opacity .3s ease}.hotspot-cloud{position:relative;width:34px;height:34px}.hotspot-cloud i{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--hud-yellow);box-shadow:0 0 6px 1px #f4d35e99;opacity:0;animation:hotspot-drift 2.6s ease-out infinite}.hotspot-cloud i:nth-child(1){--dx: 0px;--dy: -15px;animation-delay:0s}.hotspot-cloud i:nth-child(2){--dx: -11px;--dy: -10px;animation-delay:.45s}.hotspot-cloud i:nth-child(3){--dx: 11px;--dy: -11px;animation-delay:.9s}.hotspot-cloud i:nth-child(4){--dx: -7px;--dy: -16px;animation-delay:1.3s;width:4px;height:4px}.hotspot-cloud i:nth-child(5){--dx: 8px;--dy: -15px;animation-delay:1.7s;width:4px;height:4px}.hotspot-cloud i:nth-child(6){--dx: 0px;--dy: -8px;animation-delay:2.1s;width:6px;height:6px}@keyframes hotspot-drift{0%{transform:translate(0) scale(.5);opacity:0}25%{opacity:.95}to{transform:translate(var(--dx),var(--dy)) scale(1.05);opacity:0}}.hotspot-label{font-size:11px;letter-spacing:1px;line-height:1;color:var(--hud-text);background:#121110a8;border:1px solid var(--hud-edge);border-radius:5px;padding:3px 8px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.7);opacity:.92}.hotspot:hover .hotspot-label{background:#f4d35e2e;border-color:var(--hud-yellow)}.hotspot[hidden]{display:none}#scene-fade{position:fixed;inset:0;z-index:200;background:#0a0908;opacity:0;pointer-events:none;transition:opacity .5s ease}#scene-fade.show{opacity:1;pointer-events:auto}