.game-surface.svelte-12bogqz{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--game-surface);position:relative;color:var(--text-primary)}.visual-grid.svelte-12bogqz{display:grid;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr);gap:8px;width:min(85vw,400px);aspect-ratio:1}.visual-cell.svelte-12bogqz{background:var(--game-cell);border:2px solid var(--game-cell-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.visual-cell.svelte-12bogqz:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.visual-cell.target.svelte-12bogqz{background:var(--primary);border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.visual-cell.selected.svelte-12bogqz{background:var(--primary);border-color:var(--primary)}.visual-cell.correct.svelte-12bogqz{background:var(--success);border-color:var(--success)}.visual-cell.missed.svelte-12bogqz{background:var(--warning);border-color:var(--warning)}.visual-cell.wrong.svelte-12bogqz{background:var(--error);border-color:var(--error)}.visual-cell.svelte-12bogqz:disabled{cursor:default}.animate-fade-in.svelte-12bogqz{animation:svelte-12bogqz-fadeIn .4s ease-out}@keyframes svelte-12bogqz-fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.text-primary.svelte-12bogqz{color:var(--primary)}