:root{color-scheme:dark;--bg: #060d18;--panel: #0e1c32;--text: #d7e4f5;--muted: #7f95b0;--accent: #3dff6a;--orange: #ff8c42;--blue: #4cc9f0;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text)}#app{min-height:100%;display:flex;align-items:center;justify-content:center;gap:28px;padding:20px;background:radial-gradient(ellipse 60% 50% at 50% 20%,#122844 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 70% 90%,#0a2038 0%,transparent 50%),var(--bg)}#stage{position:relative;flex-shrink:0;line-height:0}#game{display:block;width:auto;height:min(854px,calc(100vh - 40px));max-width:min(480px,calc(100vw - 280px));aspect-ratio:480 / 854;border-radius:12px;box-shadow:0 0 0 1px #9eb6d42e,0 24px 60px #00000080;background:#0b1a33;cursor:none}#game-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:12px;background:#040a14b8;pointer-events:none}#game-over[hidden]{display:none!important}#game-over .go-title{font-size:1.7rem;font-weight:800;letter-spacing:.12em;color:#ff6b6b}#game-over .go-hint{font-size:.82rem;color:var(--muted)}#hud{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}#hud h1{font-size:1.45rem;font-weight:700;letter-spacing:.02em;color:var(--accent)}.hint{font-size:.76rem;line-height:1.45;color:var(--muted)}.mute-btn{align-self:flex-start;background:var(--panel);color:var(--text);border:1px solid rgba(158,182,212,.2);border-radius:6px;padding:8px 12px;font-size:.85rem;cursor:pointer}.mute-btn:hover{border-color:#9eb6d466}.mute-btn[aria-pressed=true]{color:var(--muted)}.ed-link{color:var(--accent);text-decoration:none}.ed-link:hover{text-decoration:underline}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--panel);padding:8px 10px;border-radius:6px;border:1px solid rgba(158,182,212,.12)}.stat .label{display:block;font-size:.68rem;color:var(--muted);margin-bottom:4px}.stat span:not(.label):not(.dim),.stat #stat-alive,.stat #stat-stock,.stat #stat-bricks,.stat #stat-fps{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.dim{color:var(--muted);font-size:.8rem;font-weight:500}.ball-types{display:flex;flex-direction:column;gap:8px}.ball-type{display:flex;align-items:center;gap:10px;background:var(--panel);padding:8px 12px;border-radius:6px;border:1px solid rgba(158,182,212,.12);font-size:.8rem}.ball-type b{margin-left:auto;font-variant-numeric:tabular-nums}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.dot.white{background:#f4f7fb}.dot.orange{background:var(--orange)}.dot.blue{background:var(--blue)}.dot.cement{background:#c5c9d1}.status{font-size:.85rem;color:var(--text);min-height:2.4em;line-height:1.4}.status.won{color:var(--accent)}.status.lost{color:#ff6b6b}.status.paused{color:#ffd166}@media(max-width:780px){#app{flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;height:100%;min-height:0;padding:8px;box-sizing:border-box}#stage{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}#game{height:100%;width:auto;max-width:100%;max-height:100%;aspect-ratio:480 / 854;touch-action:none;cursor:crosshair}#hud{width:min(480px,100%);max-height:30%;overflow:auto;flex:0 1 auto}.ball-types{display:none}}