:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080a;--plastic:#1a1d22;--plastic-2:#11141a;--line:#5adcaa47;--text:#e7fff4;--muted:#7f9a8c;--accent:#3dff8a;--bezel:#0b1f18;font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at 50% 0%, #243044 0%, transparent 52%), var(--bg);min-height:100%;color:var(--text);margin:0}body{place-items:center;min-height:100dvh;padding:10px 12px;display:grid}#app{width:min(1080px,96vw)}.handheld{background:linear-gradient(180deg, #ffffff0f, transparent 30%), linear-gradient(90deg, #2a2e36, var(--plastic) 18%, var(--plastic) 82%, #15181e);border:1px solid #3a404c;border-radius:36px;flex-direction:column;max-height:96dvh;padding:12px 14px 10px;display:flex;box-shadow:0 0 0 2px #0a0c10,0 22px 50px #0000008c,inset 0 1px #ffffff14}.hud{grid-template-columns:minmax(56px,1fr) minmax(0,2.6fr) minmax(56px,1fr);align-items:end;gap:8px;margin-bottom:8px;display:grid}.titleblock{text-align:center}.hud h1{letter-spacing:.03em;color:var(--accent);margin:0;font-size:1.05rem;font-weight:800}.beta-pill{color:#2a2000;letter-spacing:.18em;text-transform:uppercase;background:#ffd24a;border-radius:999px;margin:0 0 4px;padding:2px 8px;font-size:.62rem;font-weight:800;display:inline-block}.soul{color:#c9b48a;margin:4px 0 0;font-size:.66rem}.speaker{background:radial-gradient(circle,#0c0e12 1.4px,#0000 1.6px) 0 0/6px 6px,#1c2028;border-radius:8px;width:42px;height:42px;box-shadow:inset 0 0 0 1px #3a404c}.credit{color:var(--muted);margin:3px 0 0;font-size:.68rem}.hud>div:last-child{text-align:right}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.65rem}.value{font-variant-numeric:tabular-nums;margin:1px 0 0;font-size:1.25rem;font-weight:700}.gear{flex:1;grid-template-columns:86px minmax(0,1fr) 86px;align-items:stretch;gap:10px;min-height:0;display:grid}.wing{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.screen{aspect-ratio:16/9;background:#07140f;border:10px solid #07140f;border-radius:10px;justify-self:center;width:100%;min-height:0;max-height:calc(100dvh - 158px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #1f6a4a,0 0 0 1px #050a08}.screen:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#0000 0 2px,#00000012 2px 3px),radial-gradient(#0000 55%,#00000047 100%);position:absolute;inset:0}canvas{touch-action:none;width:100%;height:100%;display:block}.overlay{z-index:2;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060a0894;place-content:center;justify-items:center;gap:8px;padding:12px;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}#overlay-title{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1.45rem}#overlay-sub{color:var(--muted);max-width:36ch;margin:0;font-size:.9rem}button{appearance:none;color:var(--text);width:64px;height:64px;font:inherit;cursor:pointer;background:radial-gradient(circle at 30% 30%,#3a404c,#232730);border:1px solid #4a5160;border-radius:999px;font-weight:800;box-shadow:inset 0 2px #ffffff1f,0 4px #0c0e12}button:active{transform:translateY(2px);box-shadow:inset 0 2px #0000004d}#turn-left,#turn-right{letter-spacing:.06em;font-size:1.15rem}#action{color:#2a2000;letter-spacing:.08em;background:linear-gradient(#ffe56a,#e0b000);border-color:#c9a000;border-radius:12px;width:58px;height:42px}.hint{text-align:center;color:var(--muted);margin:8px 0 2px;font-size:.74rem}.classics{text-align:center;margin:4px 0 2px}.classics a{color:var(--accent);letter-spacing:.02em;font-size:.82rem;font-weight:700}@media (width<=720px){.gear{grid-template-rows:auto auto;grid-template-columns:1fr}.wing.left,.wing.right{flex-direction:row;order:2}.screen{order:1}.wing.right{margin-top:-4px}.hint{display:none}.hud h1{font-size:.88rem}}@media (height<=700px){.handheld{border-radius:24px;padding:8px 10px 6px}.hud{margin-bottom:4px}.value{font-size:1.05rem}}