:root{--page-bg:#e9edf2;--panel-bg:#f9fbfd;--panel-border:#aeb9c5;--text:#182430;--muted:#617080;--shadow:0 18px 42px #25303e2e;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}button,canvas{font:inherit}.game-shell{grid-template-rows:auto auto minmax(0,1fr);place-items:center;gap:10px;min-height:100svh;padding:clamp(12px,3vw,28px);display:grid}.scorebar{border:1px solid var(--panel-border);background:var(--panel-border);border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:min(100%,720px);display:grid;overflow:hidden;box-shadow:0 8px 20px #25303e1f}.scorebar>div{background:var(--panel-bg);justify-content:space-between;align-items:baseline;gap:10px;min-width:0;padding:10px 14px;display:flex}.scorebar__label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.scorebar strong{letter-spacing:0;font-size:1rem}.scorebar__button{width:100%;min-height:32px;color:var(--text);cursor:pointer;background:#eef3f8;border:1px solid #8996a5;border-radius:5px;font-weight:700}.scorebar__button:hover{background:#e1e9f2}.scorebar__button:focus-visible{outline-offset:2px;outline:3px solid #2f74d659}.spawn-queue{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:6px;justify-content:flex-end;align-items:center;gap:10px;width:min(100%,720px);min-height:40px;padding:7px 10px;display:flex;box-shadow:0 8px 20px #25303e1a}.spawn-queue--empty{justify-content:center}.spawn-queue__ball{border:3px solid #fff;border-radius:50%;flex:none;width:24px;height:24px}.spawn-queue__ball--imminent{box-shadow:0 0 0 3px #18243024}.game-board{aspect-ratio:1;width:min(100%,720px,100svh - 154px);box-shadow:var(--shadow);touch-action:none;background:#f7f9fb;border:1px solid #8290a0;border-radius:3px;display:block}@media (width<=520px){.game-shell{gap:10px;padding:10px}.scorebar{grid-template-columns:repeat(2,minmax(0,1fr))}.scorebar>div{flex-direction:column;align-items:center;gap:2px;padding:8px 6px}.scorebar__label{font-size:.68rem}.scorebar strong{font-size:.9rem}.game-board{width:min(100%,100svh - 138px)}}