.tf-board.svelte-5lrf5q{--cell: clamp(2.6rem, 17.5vw, 5rem);display:grid;grid-template-columns:repeat(4,var(--cell));grid-template-rows:repeat(4,var(--cell));gap:.45rem;width:max-content;margin:0 auto;padding:.45rem;background:color-mix(in oklab,var(--arc-border-col) 14%,var(--arc-card));border:3px solid var(--arc-border-col);border-radius:.6rem;box-shadow:var(--arc-off) var(--arc-off) 0 var(--arc-shadow-col);touch-action:none;-webkit-user-select:none;user-select:none}.tf-board.over.svelte-5lrf5q{opacity:.85}.tfcell.svelte-5lrf5q{display:grid;place-items:center;border-radius:.4rem;background:color-mix(in oklab,var(--arc-border-col) 8%,var(--arc-card));font-weight:900;line-height:1;transition:background-color .12s ease,transform .08s ease}.tfcell.filled.svelte-5lrf5q{border:2px solid var(--arc-border-col);animation:svelte-5lrf5q-tf-pop .12s ease}.tf-val.svelte-5lrf5q{padding:.1rem}@keyframes svelte-5lrf5q-tf-pop{0%{transform:scale(.85)}to{transform:scale(1)}}.tf-dpad.svelte-5lrf5q{display:grid;grid-template-columns:repeat(3,3rem);grid-template-rows:repeat(2,3rem);gap:.4rem;justify-content:center}.tf-arrow.svelte-5lrf5q{border:var(--arc-bw, 3px) solid var(--arc-border-col);border-radius:.5rem;background:var(--arc-card);color:var(--color-text-primary);font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:3px 3px 0 var(--arc-shadow-col)}.tf-arrow.svelte-5lrf5q:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--arc-shadow-col)}.tf-arrow.up.svelte-5lrf5q{grid-column:2;grid-row:1}.tf-arrow.left.svelte-5lrf5q{grid-column:1;grid-row:2}.tf-arrow.right.svelte-5lrf5q{grid-column:3;grid-row:2}.tf-arrow.down.svelte-5lrf5q{grid-column:2;grid-row:2}.tf-loading.svelte-5lrf5q{display:grid;place-items:center;min-height:16rem;background:var(--arc-card);border:3px solid var(--arc-border-col);border-radius:.6rem;box-shadow:var(--arc-off) var(--arc-off) 0 var(--arc-shadow-col)}@media(prefers-reduced-motion:reduce){.tfcell.svelte-5lrf5q{transition:none;animation:none}.tfcell.filled.svelte-5lrf5q{animation:none}.tf-arrow.svelte-5lrf5q:active{transform:none}}