.board.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--dark-card);border-radius:18px;padding:20px;box-shadow:0 14px 30px #0000004d}.column.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;align-content:start}.column-title.svelte-1uha8ag{grid-column:1 / -1;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.12em;color:var(--level-expert)}.tile.svelte-1uha8ag{background:var(--dark-card);border:2px solid var(--dark-border);border-radius:14px;padding:6px;text-align:center;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;font-size:clamp(.95rem,1.6vw,1.2rem);box-shadow:0 6px 12px #0000004d;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.kanji.svelte-1uha8ag{font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1;color:#fff}.hiragana.svelte-1uha8ag{font-size:clamp(.6rem,.9vw,.75rem);opacity:.65;margin-top:2px;letter-spacing:.02em;cursor:text;color:#fff}.tile--en.svelte-1uha8ag{font-size:clamp(.75rem,1vw,.95rem);color:#fff;-webkit-user-select:text;-moz-user-select:text;user-select:text}.tile.svelte-1uha8ag:hover{transform:translateY(-2px);box-shadow:0 10px 16px #0006}.tile.selected.svelte-1uha8ag{border-color:var(--level-learning);box-shadow:0 0 0 2px #0ea5e94d}.tile.matched.svelte-1uha8ag{opacity:.3;background:var(--dark-bg);border-color:var(--dark-border);color:var(--button-disabled);cursor:not-allowed}.tile.matched.svelte-1uha8ag:hover{transform:none;box-shadow:0 6px 12px #0000004d}.tile.error.svelte-1uha8ag{border-color:#ef4444;box-shadow:0 0 0 2px #ef44444d}.tile.hint.svelte-1uha8ag{border-color:var(--level-expert);box-shadow:0 0 0 2px #ff8c024d}@media(max-width:720px){.board.svelte-1uha8ag{grid-template-columns:1fr}.column.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(90px,1fr))}}.drawer-toggle:not(:checked)~.drawer-side summary.is-drawer-close\:after\:hidden:after{display:none}@media(min-width:1024px){.drawer-toggle:not(:checked)~.drawer-side details{pointer-events:none}.drawer-toggle:not(:checked)~.drawer-side details>ul{display:none!important}}