.game-header.svelte-1it76na{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.container.svelte-1it76na{max-width:600px;margin:0 auto;padding:20px}.status.svelte-1it76na{min-height:1.5rem}#game-board.svelte-1it76na{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;max-width:100%}.cell.svelte-1it76na{aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:2.5em;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;max-width:120px;margin:0 auto;background-color:#2c3e50;color:#ecf0f1;border-radius:8px;box-shadow:0 4px 6px #0000001a}.cell[data-state=empty].svelte-1it76na{background-color:#34495e}.cell.secondary.svelte-1it76na{background-color:#2c3e50;color:#bdc3c7;cursor:not-allowed}.cell.warning.svelte-1it76na{background-color:#c0392b;color:#ecf0f1;border:2px solid #e74c3c}.cell.disabled.svelte-1it76na{opacity:.6;cursor:not-allowed}@keyframes svelte-1it76na-placeTile{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.cell[data-state=filled].svelte-1it76na:not(.secondary){animation:svelte-1it76na-placeTile .3s ease-out}#tile-count.svelte-1it76na .grid:where(.svelte-1it76na){display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}#tile-count.svelte-1it76na article:where(.svelte-1it76na){position:relative;aspect-ratio:1;display:flex;justify-content:center;align-items:center;background-color:#1a2836;color:#ecf0f1;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:0}#tile-count.svelte-1it76na article:where(.svelte-1it76na):before{content:attr(data-letter);position:absolute;top:3px;left:3px;font-size:.8rem;font-weight:700;color:#95a5a6}#tile-count.svelte-1it76na article:where(.svelte-1it76na) span:where(.svelte-1it76na){font-size:1.5rem;font-weight:700;color:#ecf0f1}@media(max-width:600px){.cell.svelte-1it76na{font-size:1.5em}#tile-count.svelte-1it76na article:where(.svelte-1it76na):before{font-size:.7rem}#tile-count.svelte-1it76na article:where(.svelte-1it76na) span:where(.svelte-1it76na){font-size:1.2rem}}@media(max-width:400px){.cell.svelte-1it76na{font-size:1.2em}#tile-count.svelte-1it76na article:where(.svelte-1it76na):before{font-size:.6rem}#tile-count.svelte-1it76na article:where(.svelte-1it76na) span:where(.svelte-1it76na){font-size:1rem}}
