:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1010;--glass:#0a0d0d4d;--glass-soft:#ffffff0d;--glass-line:#ffffff1f;--text:#f8f3df;--muted:#b9c3bdd9;--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{top:calc(8px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));z-index:10;pointer-events:none;flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex;position:fixed}.dmd{background:var(--glass);-webkit-backdrop-filter:blur(12px)saturate(1.2);border:1px solid #f1c45338;border-radius:12px;align-items:baseline;gap:10px;min-width:0;padding:6px 12px;display:flex}.score{color:var(--gold);letter-spacing:.02em;margin:0;font-size:18px;font-weight:700;line-height:1.3}.message{color:#ffdca0cc;white-space:nowrap;text-overflow:ellipsis;min-height:0;margin-top:0;font-size:12px;line-height:1.3;overflow:hidden}.status-grid{flex-wrap:wrap;align-self:center;gap:4px;display:flex}.status-pill{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(10px);min-width:0;color:var(--text);text-align:center;border-radius:999px;align-items:baseline;gap:5px;padding:3px 9px;font-size:12px;display:flex}.status-pill span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;display:inline}.controls{left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));z-index:12;grid-template-columns:minmax(90px,1fr) repeat(3,minmax(64px,auto)) minmax(90px,1fr);align-items:end;gap:8px;display:grid;position:fixed}.control-button,.start-button{border:1px solid var(--glass-line);background:var(--glass-soft);color:#f8f3dfd9;letter-spacing:.04em;cursor:pointer;touch-action:none;-webkit-backdrop-filter:blur(8px);border-radius:12px;min-height:40px;padding:0 14px;font-size:13px}.control-button[aria-pressed=true]{color:var(--text);background:#45d7c329;border-color:#45d7c3a6}.flipper{color:#f8f3df8c;background:#ffffff09;min-height:84px;font-size:15px}.start-button{color:#dfffe5e6;background:#36894f2e;border-color:#6cd68173;font-weight:700}.keyboard-help{right:calc(10px + env(safe-area-inset-right));bottom:calc(100px + env(safe-area-inset-bottom));z-index:9;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(10px);max-width:min(380px,100vw - 32px);color:var(--muted);pointer-events:none;border-radius:10px;padding:8px 11px;font-size:12px;position:fixed}@media (max-width:760px){.hud{gap:4px}.dmd{flex:100%;justify-content:space-between;padding:5px 10px}.score{font-size:16px}.message{font-size:11px}.status-pill{padding:2px 8px;font-size:11px}.controls{grid-template-columns:1fr auto auto auto 1fr;grid-template-areas:"left nudge start launch right";gap:6px}.controls>.flipper:first-child{grid-area:left}.controls>.flipper:last-child{grid-area:right}.control-button,.start-button{min-height:38px;padding:0 10px;font-size:12px}.flipper{align-self:end;min-height:96px}.keyboard-help{display:none}}