:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1010;--panel:#0b1010c7;--panel-strong:#080c0ceb;--text:#f8f3df;--muted:#b9c3bd;--line:#ffffff2e;--gold:#f1c453;--red:#d94b4b;--teal:#45d7c3;--green:#6cd681;--blue:#74a8ff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}body{overflow:hidden}button{font:inherit}.game-shell{background:radial-gradient(circle at 15% 20%,#d94b4b2e,#0000 30%),radial-gradient(circle at 85% 12%,#45d7c326,#0000 28%),linear-gradient(120deg,#111616,#100f16 45%,#171109);min-height:100svh;position:relative;overflow:hidden}.game-canvas{touch-action:none;width:100vw;height:100svh;display:block}.hud{z-index:10;pointer-events:none;grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid;position:fixed;top:16px;left:16px;right:16px}.dmd{background:linear-gradient(#301909f5,#120c09eb);border:1px solid #f1c45373;border-radius:8px;max-width:560px;padding:12px 14px;box-shadow:0 0 28px #f1c4532e}.score{color:var(--gold);letter-spacing:0;margin:0;font-size:24px;line-height:1}.message{color:#ffdca0;min-height:20px;margin-top:6px;font-size:14px}.status-grid{grid-template-columns:repeat(4,auto);align-self:start;gap:8px;display:grid}.status-pill{border:1px solid var(--line);background:var(--panel);min-width:72px;color:var(--text);text-align:center;border-radius:8px;padding:8px 10px}.status-pill span{color:var(--muted);text-transform:uppercase;font-size:11px;display:block}.controls{z-index:12;grid-template-columns:minmax(100px,1fr) repeat(3,minmax(72px,auto)) minmax(100px,1fr);align-items:end;gap:10px;display:grid;position:fixed;bottom:16px;left:16px;right:16px}.control-button,.start-button{border:1px solid var(--line);background:var(--panel-strong);min-height:52px;color:var(--text);cursor:pointer;touch-action:none;border-radius:8px}.control-button[aria-pressed=true]{border-color:var(--teal);background:#45d7c338}.flipper{min-height:74px;font-size:22px}.start-button{color:#dfffe5;background:#16502bc7;border-color:#6cd681b3;font-weight:700}.keyboard-help{z-index:9;border:1px solid var(--line);background:var(--panel);max-width:min(420px,100vw - 32px);color:var(--muted);pointer-events:none;border-radius:8px;padding:10px 12px;font-size:13px;position:fixed;bottom:88px;right:16px}@media (max-width:760px){.hud{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-pill{min-width:0;padding:7px 6px;font-size:13px}.controls{grid-template-columns:repeat(3,minmax(0,1fr))}.flipper{grid-column:span 3}.keyboard-help{display:none}}