:root{--page-bg:#dfe8f2;--panel-bg:#f8fbff;--panel-border:#92a7ba;--text:#182430;--muted:#617080;--shadow:0 18px 42px #25303e2e;--vista-blue:#2d75b7;--vista-blue-dark:#1f5f99;--vista-highlight:#e8f7ff;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(6,minmax(0,1fr));gap:1px;width:min(100%,720px);display:grid;overflow:hidden;box-shadow:0 8px 20px #25303e1f}.scorebar>div{background:linear-gradient(#fff, var(--panel-bg) 58%, #edf4fb);flex-direction:column;justify-content:center;align-items:center;gap:2px;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;overflow-wrap:anywhere;text-align:center;font-size:1rem}.scorebar__button{width:100%;min-height:32px;color:var(--text);cursor:pointer;background:linear-gradient(#fff,#dfeaf4 48%,#c9dceb);border:1px solid #8996a5;border-radius:5px;font-weight:700}.scorebar__button:hover{background:linear-gradient(#fff,#eaf4fb 48%,#d5e7f3)}.scorebar__button:focus-visible{outline-offset:2px;outline:3px solid #2f74d659}.scorebar>.scorebar__controls{align-items:stretch;gap:8px}.scorebar>.scorebar__controls .scorebar__button{flex:1 1 0}.scorebar__button[hidden]{display:none}.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}.game-overlay{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1d2d4033;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.game-overlay[hidden]{display:none}.game-overlay__window{text-align:center;background:linear-gradient(#ffffffd1,#ecf6ffe6 42%,#cadff0f5);border:1px solid #ffffffd9;border-radius:8px;width:min(92vw,430px);padding:22px;box-shadow:0 0 0 1px #4668878c,0 22px 56px #14223052}.game-overlay__window h1{color:#123555;letter-spacing:0;margin:0 0 10px;font-size:2rem}.game-overlay__window p{color:#263d52;margin:0;line-height:1.5}.game-overlay__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.game-overlay__stat{background:#ffffffa8;border:1px solid #748fa5b8;border-radius:6px;flex-direction:column;gap:3px;min-width:0;padding:9px;display:flex}.game-overlay__stat span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:700}.game-overlay__stat strong{color:var(--text);overflow-wrap:anywhere}.game-overlay__actions{justify-content:center;gap:10px;display:flex}.game-overlay__button{border:1px solid var(--vista-blue-dark);color:#fff;background:linear-gradient(var(--vista-highlight), #65acd8 12%, var(--vista-blue) 52%, var(--vista-blue-dark));cursor:pointer;border-radius:6px;min-width:132px;min-height:38px;font-weight:700;box-shadow:inset 0 1px #ffffffbf,0 2px 5px #1b344a33}.game-overlay__button:hover{filter:brightness(1.06)}.game-overlay__button:focus-visible{outline-offset:2px;outline:3px solid #2f74d659}.game-overlay__button[hidden]{display:none}@media (width<=520px){.game-shell{gap:10px;padding:10px}.scorebar{grid-template-columns:repeat(3,minmax(0,1fr))}.scorebar>div{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)}.game-overlay__window{padding:18px}.game-overlay__stats{grid-template-columns:1fr}}