:root{--hud:#7ef2c0;--warn:#ffb347;--bad:#ff5a4d;--paper:#e8eef6;--muted:#7e8ea3;--display:"Rajdhani", "DIN Alternate", "Oswald", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);overscroll-behavior:none;background:#05080d;margin:0;padding:0;font-family:ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}#root,main{height:100%}canvas{touch-action:none;display:block}.hud{pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud .panel{text-align:center;background:#080c12b8;border:1px solid #7ef2c04d;border-radius:4px;min-width:64px;padding:5px 10px;position:absolute}.hud .panel b{font-family:var(--display);color:var(--hud);letter-spacing:.02em;font-size:17px;display:block}.hud .panel small{letter-spacing:.14em;color:var(--muted);font-size:9px;display:block}#topbar{gap:10px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.tape{width:110px;position:absolute;top:50%;transform:translateY(-50%)}#spdTape{text-align:right;left:20px}#altTape{text-align:left;right:20px}.tape .big{font-family:var(--display);letter-spacing:.02em;color:var(--hud);text-shadow:0 0 12px #7ef2c073;font-size:30px}.tape .lbl{letter-spacing:.18em;color:var(--muted);font-size:10px}.tape .sub{color:var(--hud);opacity:.75;font-size:11px}#botbar{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.bar{background:#080c12b8;border:1px solid #7ef2c04d;border-radius:3px;width:150px;height:9px;overflow:hidden}.bar i{background:var(--hud);height:100%;display:block}.bar i.hot{background:var(--bad)}.barLbl{letter-spacing:.14em;color:var(--muted);font-size:9px}#msgs{font-family:var(--display);letter-spacing:.06em;color:var(--warn);opacity:0;text-align:center;font-size:20px;transition:opacity .18s;position:absolute;top:96px;left:50%;transform:translate(-50%)}#stallWarn,#mslWarn{font-family:var(--display);letter-spacing:.1em;font-size:24px;position:absolute;left:50%}#stallWarn{color:var(--warn);top:72%;transform:translate(-50%,-50%)}#mslWarn{color:var(--bad);top:26%;transform:translate(-50%,-50%)}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#04070ce0;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.card{background:#0b0f16;border:1px solid #7ef2c047;border-radius:10px;width:min(960px,94vw);max-height:94vh;padding:22px 26px;overflow-y:auto}h1{font-family:var(--display);letter-spacing:.06em;color:var(--hud);margin:0 0 2px;font-size:40px}h1 span{color:var(--paper)}.tag{color:var(--muted);letter-spacing:.14em;margin:10px 0 6px;font-size:11px}.keys{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:10px 0 4px;font-size:12px;display:flex}.keys i{white-space:nowrap;align-items:center;gap:5px;font-style:normal;display:inline-flex}kbd{font:inherit;color:var(--paper);background:#172030;border:1px solid #2b3a50;border-bottom-width:2px;border-radius:4px;padding:2px 8px;font-size:12px}button{font:inherit;letter-spacing:.1em;background:var(--hud);color:#04120c;cursor:pointer;border:0;border-radius:5px;padding:11px 22px;font-size:14px;font-weight:700}button.ghost{color:var(--hud);background:0 0;border:1px solid #7ef2c066}.picker{grid-template-columns:repeat(3,1fr);gap:7px;margin:2px 0 10px;display:grid}.modes{grid-template-columns:repeat(3,1fr);gap:7px;margin:2px 0 8px;display:grid}@media (max-width:760px){.picker{grid-template-columns:repeat(2,1fr)}.modes{grid-template-columns:1fr}}.pick{cursor:pointer;text-align:left;color:inherit;font:inherit;background:#111826;border:1px solid #223047;border-radius:6px;padding:9px 11px}.pick:hover{border-color:#38506f}.pick.sel{border-color:var(--hud);background:#132320;box-shadow:0 0 14px #7ef2c02e}.pick b{font-family:var(--display);letter-spacing:.03em;color:var(--hud);font-size:14px;display:block}.pick small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.35;display:block}.pick .spec{letter-spacing:.06em;color:#8fa0b4;margin-top:5px;font-size:9px;display:block}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.back{z-index:21;letter-spacing:.12em;color:var(--muted);background:#080c12b8;border:1px solid #223047;border-radius:4px;padding:6px 10px;font-size:11px;text-decoration:none;position:fixed;top:14px;left:14px}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 18px;display:grid}.stat{background:#111826;border-radius:6px;padding:10px 12px}.stat b{font-family:var(--display);color:var(--hud);font-size:24px;display:block}.stat small{letter-spacing:.12em;color:var(--muted);font-size:10px}