:root{--ink:#2a1e14;--cream:#f4e7c4;--gold:#e0b23e;--panel:#2b2320;--panel-lite:#3a302a;--accent:#e2574f;font-family:DejaVu Sans Mono,Courier New,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:var(--cream);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;background:#140d06;overflow:hidden}.room-stage{background:radial-gradient(120% 120% at 50% 40%,#3a2a18 0%,#1c130a 70%,#120b04 100%);width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block}.vignette-frame{pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000000a 3px);position:absolute;inset:0;box-shadow:inset 0 0 140px #0000008c}.pixel-btn{text-transform:uppercase;letter-spacing:1px;color:var(--cream);background:var(--panel-lite);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink), inset 0 0 0 2px #ffffff0f;cursor:pointer;padding:12px 18px;font-family:inherit;font-size:14px;transition:transform 60ms,background .12s}.pixel-btn:hover{background:#4a3d34}.pixel-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.pixel-btn.primary{background:var(--accent);color:#fff}.pixel-btn.primary:hover{background:#ef6f5c}.title-screen{z-index:40;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;position:absolute;inset:0}@font-face{font-family:Graffonti;src:url(/fonts/graffonti-3d-drop.ttf)format("truetype");font-display:swap}.title-logo{color:#f5f5f5;letter-spacing:2px;-webkit-user-select:none;user-select:none;text-shadow:0 0 22px #ffffff1f;margin:0;padding:0 12px;font-family:Graffonti,ui-monospace,monospace;font-size:clamp(46px,13vw,150px);line-height:1;transition:opacity .3s}.title-start{letter-spacing:6px;text-transform:uppercase;color:#f5f5f5;cursor:pointer;opacity:.85;background:0 0;border:none;padding:6px 10px;font-family:ui-monospace,Courier New,monospace;font-size:20px;transition:opacity .2s,transform .1s,letter-spacing .2s}.title-start:hover{opacity:1;letter-spacing:8px}.title-start:active{transform:translateY(1px)}.title-screen.leaving .title-logo,.title-screen.leaving .title-start{opacity:0;pointer-events:none}.boot-fade{z-index:35;pointer-events:none;background:#0a0a0a;animation:.7s forwards bootFade;position:absolute;inset:0}@keyframes bootFade{0%{opacity:1}to{opacity:0}}.interact-prompt{background:var(--panel);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);letter-spacing:1px;text-transform:uppercase;z-index:20;align-items:center;gap:10px;padding:10px 16px 10px 10px;font-size:14px;animation:.12s ease-out pop;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}@keyframes pop{0%{transform:translate(-50%)scale(.9)}to{transform:translate(-50%)scale(1)}}.a-key{background:var(--accent);color:#fff;border:2px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:700;display:inline-grid}.music-button{letter-spacing:1px;text-transform:uppercase;color:var(--gold);background:var(--panel);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;z-index:25;align-items:center;gap:10px;padding:9px 14px;font-family:inherit;font-size:12px;display:flex;position:absolute;top:18px;right:18px}.music-button:hover{background:var(--panel-lite)}.radio-eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.radio-eq i{background:var(--gold);width:3px;height:3px;animation:.8s ease-in-out infinite eq}.radio-eq i:nth-child(2){animation-delay:.15s}.radio-eq i:nth-child(3){animation-delay:.3s}.radio-eq i:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.music-panel{background:var(--panel);border:3px solid var(--ink);z-index:45;opacity:0;pointer-events:none;width:min(300px,100vw - 24px);transition:opacity .2s,transform .2s;position:absolute;top:12px;right:12px;transform:translateY(-8px)scale(.98);box-shadow:0 4px #0006}.music-panel.open{opacity:1;pointer-events:auto;transform:none}.music-titlebar{background:var(--accent);color:#fff;letter-spacing:2px;text-transform:uppercase;border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.music-body{background:#0a0a0a;min-height:40px;padding:8px}.music-body iframe{border:none;border-radius:8px;display:block}.modal-backdrop{z-index:50;background:#0a0602b8;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.modal-window{background:var(--cream);width:min(520px,100%);color:var(--ink);border:4px solid var(--ink);animation:.14s ease-out pop2;box-shadow:0 8px #0006}@keyframes pop2{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-titlebar{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:2px;border-bottom:4px solid var(--ink);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.modal-body{gap:16px;padding:20px;display:flex}.modal-body h2{margin:0 0 8px;font-size:18px}.modal-body p{margin:0 0 10px;font-size:14px;line-height:1.5}.about-avatar{border:3px solid var(--ink);width:72px;height:72px;image-rendering:pixelated;background:radial-gradient(circle at 50% 38%,#f1c79a 30%,#0000 31%),linear-gradient(#3a63c8,#3a63c8);flex:0 0 72px}.about-links{gap:14px;display:flex}.about-links a{color:var(--accent);font-weight:700;text-decoration:none}.about-links a:hover{text-decoration:underline}.modal-hint{text-align:center;opacity:.6;text-transform:uppercase;letter-spacing:1px;padding:0 0 12px;font-size:11px}.touch-controls{pointer-events:none;z-index:30;position:absolute;inset:0}.dpad{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:138px;height:138px;display:grid;position:absolute;bottom:28px;left:22px}.dpad-btn{pointer-events:auto;color:var(--cream);border:2px solid var(--ink);cursor:pointer;background:#2b2320d9;font-family:inherit;font-size:18px}.dpad-btn:active{background:var(--accent)}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.a-button{pointer-events:auto;color:#fff;background:var(--accent);border:3px solid var(--ink);width:74px;height:74px;box-shadow:0 5px 0 var(--ink);cursor:pointer;border-radius:50%;font-family:inherit;font-size:26px;font-weight:700;position:absolute;bottom:46px;right:30px}.a-button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.coming-soon{background:radial-gradient(120% 120% at 50% 40%,#3a2a18 0%,#1c130a 70%,#120b04 100%);justify-content:center;align-items:center;height:100dvh;padding:20px;display:flex}.cs-card{text-align:center;background:var(--panel);border:4px solid var(--ink);max-width:460px;padding:40px 34px;box-shadow:0 8px #0006}.cs-card h1{color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin:0;font-size:40px}.cs-tag{color:var(--accent);text-transform:uppercase;letter-spacing:4px;margin:6px 0 18px;font-size:14px}.cs-body{opacity:.8;margin:0 0 26px;font-size:14px;line-height:1.6}.coming-soon .pixel-btn{text-decoration:none;display:inline-block}.music-backdrop{z-index:44;background:0 0;position:absolute;inset:0}@media (width<=640px){.title-logo{letter-spacing:1px;padding:0 8px;font-size:clamp(24px,9vw,54px)}.title-start{letter-spacing:4px;font-size:15px}.interact-prompt{gap:7px;max-width:calc(100vw - 32px);padding:6px 12px 6px 6px;font-size:11px;top:auto;bottom:178px}.interact-prompt .a-key{width:20px;height:20px}.music-panel{width:auto;top:10px;left:10px;right:10px}.music-body{padding:6px}.music-backdrop{background:#0a060273}}