.grid-board.svelte-1d67zjt{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);gap:6px;width:100%;max-width:min(320px,100%);aspect-ratio:1}@media(max-width:360px){.grid-board.svelte-1d67zjt{gap:4px}}.grid-cell.svelte-1d67zjt{border-radius:10px;border:1px solid rgba(16,185,129,.06);background:radial-gradient(circle at 40% 35%,var(--bg-elevated) 0%,var(--bg-card) 100%);box-shadow:inset 0 1px 3px #0003;cursor:default;transition:all .2s var(--ease-spring);-webkit-tap-highlight-color:transparent;aspect-ratio:1;position:relative}.interactive.svelte-1d67zjt .grid-cell:where(.svelte-1d67zjt){cursor:pointer}.grid-cell.active.svelte-1d67zjt{background:radial-gradient(circle at center,#10b981e6,#10b98199);border-color:#10b98180;box-shadow:0 0 16px #10b9814d,0 0 32px #10b98126,inset 0 0 8px #10b98133;animation:bloomIn .3s var(--ease-spring) both;animation-delay:inherit}.grid-cell.selected.svelte-1d67zjt{background:radial-gradient(circle at center,#10b981d9,#10b98180);border-color:#10b98180;box-shadow:0 0 12px #10b98140,inset 0 0 6px #10b98126;animation:correctPop .2s var(--ease-spring)}.grid-cell.correct.svelte-1d67zjt{background:radial-gradient(circle at center,#22c55ed9,#22c55e80);border-color:#22c55e80;box-shadow:0 0 14px #22c55e4d,inset 0 0 6px #22c55e26;animation:staggerReveal .3s var(--ease-spring) both}.grid-cell.missed.svelte-1d67zjt{background:transparent;border:2px dashed rgba(239,68,68,.4);box-shadow:none;animation:staggerReveal .3s var(--ease-spring) both}.grid-cell.wrong.svelte-1d67zjt{background:radial-gradient(circle at center,#ef444440,#ef444414);border-color:#ef444466;box-shadow:inset 0 0 6px #ef44441a;animation:wrongShake .4s ease-out}@media(hover:hover){.interactive.svelte-1d67zjt .grid-cell.inactive:where(.svelte-1d67zjt):hover{background:radial-gradient(circle at 40% 35%,var(--bg-elevated) 0%,var(--bg-card) 100%);border-color:#10b98126;transform:scale(1.06) translateY(-1px);box-shadow:inset 0 1px 3px #0003,0 4px 12px #00000026}}.grid-game.svelte-1sinyln{display:flex;flex-direction:column;flex:1;overflow:hidden}.challenge-section.svelte-1sinyln{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 24px 24px;animation:screenFadeIn .35s ease-out}.challenge-prompt.svelte-1sinyln{font-size:var(--text-caption);color:var(--text-tertiary);font-weight:600}.game-screen.svelte-1sinyln{display:flex;flex-direction:column;align-items:center;flex:1;padding:20px 24px;animation:screenFadeIn .3s ease-out;background:radial-gradient(ellipse at center,rgba(16,185,129,.03) 0%,transparent 70%)}.game-header.svelte-1sinyln{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px;min-height:28px}.round-indicator.svelte-1sinyln{font-size:var(--text-caption);font-weight:600;color:var(--text-tertiary);letter-spacing:.5px;text-transform:uppercase}.phase-label.svelte-1sinyln{font-size:var(--text-caption);font-weight:600;padding:4px 12px;border-radius:20px;animation:screenFadeIn .25s ease-out}.phase-label.watching.svelte-1sinyln{color:var(--warning);background:#f59e0b1f}.phase-label.responding.svelte-1sinyln{color:var(--mode-grid);background:#10b9811f}.board-area.svelte-1sinyln{display:flex;align-items:center;justify-content:center;flex:1;width:100%;padding:16px 0}.board-area.small.svelte-1sinyln{flex:0;padding:8px 0;max-width:200px}.submit-area.svelte-1sinyln{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0}.selected-count.svelte-1sinyln{font-size:var(--text-caption);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.round-result.svelte-1sinyln{justify-content:center;gap:16px}.round-score-display.svelte-1sinyln{display:flex;align-items:baseline;gap:6px}.round-score-value.svelte-1sinyln{font-family:var(--font-mono, var(--font-primary));font-size:56px;font-weight:700;letter-spacing:-2px;animation:numSlideIn .35s var(--ease-smooth);font-variant-numeric:tabular-nums}.round-score-max.svelte-1sinyln{font-size:var(--text-body-lg);color:var(--text-tertiary)}.round-rating.svelte-1sinyln{font-family:Syne,var(--font-primary);font-size:22px;font-weight:800;letter-spacing:2px;text-transform:uppercase;animation:screenFadeIn .3s ease-out}.near-miss.svelte-1sinyln{display:block;font-size:13px;font-weight:600;letter-spacing:1px;opacity:.6;margin-top:4px}
