.o-alan{position:relative;width:min(100%,320px);margin:0 auto 12px}.o-tahta{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;border-radius:16px;background:#1d2140;touch-action:none;user-select:none;-webkit-user-select:none}.o-hucre{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#2f3566;color:#fff;font-weight:800;font-size:1.15rem;box-shadow:inset 0 -3px 0 rgb(0 0 0 / 0.25)}.o-hucre--bos{background:transparent;box-shadow:none;color:transparent}.o-hucre--sec{background:#ffd23f;color:#1b1a45}.o-tahta--tamam .o-hucre--sec{background:#3ddc84}.o-hucre--imlec{outline:3px solid #8fb4ff;outline-offset:-3px}.o-hucre--ipucu{background:#7fd6ff;color:#1b1a45}.o-hucre--kalk{animation:o-kalk 0.25s ease forwards}@keyframes o-kalk{to{transform:scale(0.2);opacity:0}}.o-tahta--sallan{animation:o-sallan 0.3s ease}@keyframes o-sallan{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.o-tahta:focus-visible{outline:3px solid var(--odak);outline-offset:3px}.o-katman{position:absolute;inset:0;display:grid;place-items:center;border-radius:16px;background:rgb(18 19 42 / 0.82)}.o-katman[hidden]{display:none}.o-eylemler{display:flex;justify-content:center;gap:10px}@media (prefers-reduced-motion:reduce){.o-hucre--kalk,.o-tahta--sallan{animation:none}}