.mancala-game{display:grid;gap:14px;max-width:760px;margin:auto}.mancala-board{display:grid;grid-template-columns:minmax(76px,.7fr) minmax(0,5fr) minmax(76px,.7fr);gap:12px;align-items:stretch;padding:18px;border:3px solid #16101e;border-radius:28px;background:linear-gradient(135deg,#d8c9ff,#f5f0ff);box-shadow:inset 0 0 0 5px rgba(255,255,255,.55)}.mancala-lanes{display:grid;gap:13px}.mancala-row{display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:9px}.mancala-pit,.mancala-store{min-height:104px;border:3px solid #16101e;border-radius:999px;background:#fff;color:#16101e;box-shadow:inset 0 -8px 0 rgba(179,154,255,.18)}.mancala-pit{display:grid;place-content:center;gap:3px;padding:8px;cursor:pointer}.mancala-pit span,.mancala-store strong{font:900 clamp(1.35rem,4vw,2.3rem)/1 var(--pixel,monospace)}.mancala-pit small,.mancala-store span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mancala-pit.player:not(:disabled):hover,.mancala-pit.player:focus-visible{background:#16101e;color:#fff;transform:translateY(-2px)}.mancala-pit.cursor{outline:4px solid #7755db;outline-offset:2px}.mancala-pit:disabled{cursor:not-allowed;opacity:.76}.mancala-store{display:grid;place-content:center;text-align:center;background:#16101e;color:#fff}.mancala-store.player{background:#7755db}.mancala-key{display:flex;justify-content:space-between;gap:18px;font-size:.85rem;font-weight:800}.mancala-key span:last-child{text-align:right}@media(max-width:680px){.mancala-board{grid-template-columns:54px minmax(0,1fr) 54px;gap:6px;padding:9px;border-radius:20px}.mancala-row{gap:4px}.mancala-pit,.mancala-store{min-height:78px;border-width:2px}.mancala-pit{padding:3px}.mancala-pit small{display:none}.mancala-store span{font-size:.55rem;writing-mode:vertical-rl}.mancala-key{font-size:.72rem}}
