.tg-board{position:relative;width:100%;border-radius:var(--radius-md);background:#cfe6d3;touch-action:manipulation;--cols:6;--rows:4;aspect-ratio:calc(var(--cols) * 3) / calc(var(--rows) * 4 + 1);container-type:inline-size}.tg-tile{position:absolute;padding:0;border:0;border-radius:8px;cursor:pointer;font-size:clamp(1.2rem,8cqw,2.1rem);line-height:1;display:grid;place-items:center;width:calc(100% / var(--cols) - 0.4cqw);height:calc(100% / (var(--rows) + 0.25) - 0.4cqw);left:calc(var(--c) * 100% / var(--cols) + var(--z) * -0.8cqw + 0.2cqw);top:calc(var(--r) * 100% / (var(--rows) + 0.25) + var(--z) * -0.8cqw + 0.2cqw + 0.6cqw);z-index:calc(var(--z) * 10 + 1);background:#fbf3dc;box-shadow:0.5cqw 0.6cqw 0 #b99a63,0 0 0 1px #8a6a45;color:var(--neutral-10)}.tg-tile.is-blocked{background:#d8cdb0;filter:saturate(0.55);cursor:default}.tg-tile.is-blocked .tg-sym{opacity:0.55}.tg-tile.is-sel{background:var(--secondary-80);outline:3px solid var(--neutral-10);outline-offset:-3px}.tg-tile.is-hint{animation:tg-hint 1.2s ease-in-out 2}.tg-tile.is-gone{display:none}.tg-tile:focus-visible{outline:3px solid var(--color-action);outline-offset:1px}@keyframes tg-hint{50%{background:var(--secondary-70,#E5A93C)}}@media (prefers-reduced-motion:reduce){.tg-tile.is-hint{animation:none;background:var(--secondary-70,#E5A93C)}}