.app--mancala{grid-template-rows:auto 1fr auto auto}:root{--mc-board:#253a5f;--mc-pit:#16233c;--mc-pit-edge:#e9f0ff1a;--mc-store:#1a2a47;--mc-seed-a:#e8c27a;--mc-seed-b:#d6a85c;--mc-seed-c:#c8e0a8;--mc-seed-d:#efdcb4;--mc-seed-edge:#140e0461}:root[data-theme=light]{--mc-board:#c5d1e6;--mc-pit:#e7edf7;--mc-pit-edge:#16233c1f;--mc-store:#dde5f2;--mc-seed-a:#b8843a;--mc-seed-b:#9d6d2c;--mc-seed-c:#7d9a52;--mc-seed-d:#cba765;--mc-seed-edge:#140e044d}.board{place-items:center;min-height:0;padding:4px 10px 2px;display:grid}.mc-frame{background:var(--mc-board);width:min(100%,420px);height:100%;box-shadow:inset 0 1px 0 var(--glass), 0 10px 26px var(--shadow);border-radius:20px;grid-template-rows:auto repeat(6,minmax(0,1fr)) auto;grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.board.is-loading .mc-frame{visibility:hidden}.mc-pit{background:0 0;border:0;min-width:0;min-height:0;padding:0;display:block;position:relative}.mc-bowl{background:var(--mc-pit);box-shadow:inset 0 2px 5px #0006, inset 0 -1px 0 var(--glass);border:1px solid var(--mc-pit-edge);border-radius:26px;position:absolute;inset:0;overflow:hidden}.mc-pit.can-play .mc-bowl{border-color:var(--accent);box-shadow:inset 0 2px 5px #0006, 0 0 0 2px var(--accent-soft)}.mc-pit.can-play:active:not(:disabled) .mc-bowl{background:color-mix(in srgb, var(--accent) 22%, var(--mc-pit))}.mc-pit:disabled{cursor:default}.mc-store{grid-column:1/-1;height:13%;min-height:52px;position:relative}.mc-bowl--store{background:var(--mc-store);border-radius:26px}.mc-frame[data-turn=south] .mc-store--south .mc-bowl,.mc-frame[data-turn=north] .mc-store--north .mc-bowl{background:color-mix(in srgb, var(--accent) 26%, var(--mc-store));box-shadow:inset 0 0 0 1px var(--accent)}.mc-frame.is-over .mc-store .mc-bowl{background:var(--mc-store);box-shadow:none}.mc-store-name{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);pointer-events:none;z-index:2;font-size:.72rem;font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mc-count{font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 1px 3px #0000008c;pointer-events:none;z-index:2;font-size:.78rem;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.mc-count.is-zero{color:var(--text-dim);text-shadow:none;opacity:.5}.mc-count--store{font-size:1.5rem;right:16px}.mc-seed{width:var(--seed,11px);height:var(--seed,11px);margin-left:calc(var(--seed,11px) / -2);margin-top:calc(var(--seed,11px) / -2);border:1px solid var(--mc-seed-edge);background:var(--mc-seed-a);border-radius:50%;position:absolute;box-shadow:inset 0 -1px 1px #00000040,inset 0 1px 1px #ffffff59}.mc-seed[data-tint="1"]{background:var(--mc-seed-b)}.mc-seed[data-tint="2"]{background:var(--mc-seed-c)}.mc-seed[data-tint="3"]{background:var(--mc-seed-d)}.mc-status{text-align:center;color:var(--text-dim);min-height:1.4em;padding:6px 16px 0;font-size:.84rem;font-weight:600}.mc-status.is-alert{color:var(--danger)}@media (max-height:640px){.mc-store{min-height:44px}.mc-count--store{font-size:1.25rem}}