.mancala-app-shell{height:min(100dvh, var(--app-shell-max-height));align-content:stretch;min-height:0}.mancala-app-shell .game-layout{height:100%;min-height:0}.mancala-app-shell .board-column{--board-inset:0px;height:100%;min-height:0;padding:var(--board-inset);container:mancala-area/size}.mancala-stage{--mancala-prompt-height:22px;--mancala-label:#514435;--mancala-label-shadow:0 1px 2px #ffffffe6,0 0 7px #fff5dda6;grid-template-rows:auto auto;align-content:safe center;justify-items:center;row-gap:4px;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.mancala-board{--mancala-length:min(calc(100cqw - 24px),calc((100cqh - 92px - var(--mancala-prompt-height)) * 3.8));--mancala-padding:calc(var(--mancala-length) * .018);width:var(--mancala-length);aspect-ratio:3.8;gap:calc(var(--mancala-length) * .016);padding:var(--mancala-padding);border-radius:calc(var(--mancala-length) * .035);background:linear-gradient(115deg,#fff3,#0000 28%),repeating-linear-gradient(7deg,#0000 0 22px,#47230c09 23px 24px),linear-gradient(145deg,#c6884c,#9b572c 52%,#7d421f);border:1px solid #45291266;grid-template-columns:minmax(0,.95fr) minmax(0,6fr) minmax(0,.95fr);margin-block:52px 36px;display:grid;position:relative;box-shadow:inset 0 0 0 4px #ffe5b626,inset 0 -12px 24px #461f082e}.mancala-board:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffebc740;position:absolute;inset:5px}.mancala-pit-grid{grid-template-rows:minmax(0,1fr) calc(var(--mancala-length) * .014) minmax(0,1fr);min-width:0;min-height:0;display:grid}.mancala-pit-row{gap:calc(var(--mancala-length) * .01);grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;min-height:0;display:grid}.mancala-pit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;padding:0;display:grid;position:relative}.mancala-pit:disabled{cursor:default}.mancala-pit:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mancala-pit-row.north .mancala-pit-count{bottom:calc(100% + var(--mancala-padding) + 8px)}.mancala-pit-row.south .mancala-pit-count{top:calc(100% + var(--mancala-padding) + 8px)}.mancala-pit-bowl,.mancala-store{background:radial-gradient(at 48% 54%,#7c4022 0 45%,#5d2b15 72%,#3d190b);border:1px solid #3919077a;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 8px 15px #1f0c0478,inset 0 -2px 3px #ffd59c33,0 2px #ffe1b52e;container-type:size}.mancala-pit-bowl{border-radius:45% 45% 48% 48%;width:100%;height:100%;transition:box-shadow .16s}.mancala-pit.legal .mancala-pit-bowl{box-shadow:inset 0 8px 15px #1f0c0478,inset 0 -2px 3px #ffd59c33,0 0 0 2px #ffe4a4b8,0 0 9px #ffe0962e}.mancala-pit.legal:hover .mancala-pit-bowl,.mancala-pit:focus-visible .mancala-pit-bowl{box-shadow:inset 0 7px 13px #1f0c046e,0 0 0 3px #f5d684b3,0 8px 16px #32140533}.mancala-pit:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #fff3d2}.mancala-pit.last .mancala-pit-bowl{box-shadow:inset 0 7px 13px #1f0c0475,0 0 0 1px #59be9f73}.mancala-pit.last.legal .mancala-pit-bowl{box-shadow:inset 0 7px 13px #1f0c0475,0 0 0 2px #ffe4a4b8,0 0 9px #ffe0962e}.mancala-pit-count,.mancala-store-score{color:var(--mancala-label);font-family:var(--font-app-mono),monospace;font-variant-numeric:tabular-nums;text-shadow:var(--mancala-label-shadow);pointer-events:none;place-self:center;font-size:clamp(18px,3.2cqmin,22px);font-weight:800;line-height:1;position:absolute}.mancala-store-group{grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.mancala-store{border-radius:48% 48% 45% 45%}.mancala-store-label{bottom:calc(100% + var(--mancala-padding) + 8px);text-align:center;width:100%;color:var(--mancala-label);text-shadow:var(--mancala-label-shadow);align-self:center;font-size:15px;font-weight:750;line-height:1.2;position:absolute}.mancala-store-label small{margin-top:3px;font-size:13px;display:block}.mancala-store-score{top:calc(100% + var(--mancala-padding) + 8px);font-size:clamp(22px,4cqmin,28px)}.mancala-harvest{z-index:4;color:#fff0b2;font-family:var(--font-app-mono),monospace;white-space:nowrap;pointer-events:none;background:#41220fe0;border-radius:8px;padding:3px 8px;font-size:clamp(22px,3cqw,28px);font-weight:800;line-height:1;animation:ease-out both mancala-harvest-rise;position:absolute;top:25%;left:50%;box-shadow:0 0 12px #ffd87359}@keyframes mancala-harvest-rise{0%{opacity:0;transform:translate(-50%)scale(.85)}12%{opacity:1;transform:translate(-50%,-4px)scale(1.06)}25%,72%{opacity:1;transform:translate(-50%,-8px)scale(1)}to{opacity:0;transform:translate(-50%,-18px)scale(1)}}@media (prefers-reduced-motion:reduce){.mancala-harvest{animation-name:none;transform:translate(-50%,-8px)}}html[data-game-tone=dark] .mancala-stage{--mancala-label:#fff0cd;--mancala-label-shadow:0 1px 2px #241d16,0 0 7px #ffe1a64d}.mancala-river{background:linear-gradient(90deg,#0000,#ffe5bb66,#0000);align-self:center;height:1px}.mancala-seeds{width:78%;height:76%;display:block;position:relative}.mancala-seeds i{--angle:calc(var(--seed-index) * 137deg);left:calc(50% + cos(var(--angle))*22%);top:calc(49% + sin(var(--angle))*27%);aspect-ratio:1;width:clamp(9px,20cqmin,20px);transform:translate(-50%,-50%) rotate(var(--angle));border-radius:48% 52% 46% 54%;position:absolute;box-shadow:inset 2px 2px 3px #ffffff8c,inset -2px -2px 4px #14140d3d,0 2px 3px #1208036b}.mancala-seeds i.jade{background:radial-gradient(circle at 35% 28%,#d1f5d8,#5ba47a 45%,#1f5a45 88%)}.mancala-seeds i.amber{background:radial-gradient(circle at 35% 28%,#fff0a9,#d48735 46%,#783619 88%)}.mancala-store .mancala-seeds{width:92%;height:78%}.mancala-mini{border-radius:50%;width:25px;height:19px;box-shadow:inset 0 3px 5px #00000040}.mancala-mini.jade{background:#4b9872}.mancala-mini.amber{background:#d58c3c}.mancala-flying-seed{z-index:25;aspect-ratio:1;pointer-events:none;border-radius:48% 52% 46% 54%;width:clamp(11px,1.55vw,17px);position:fixed;box-shadow:inset 2px 2px 3px #ffffff94,inset -2px -2px 4px #14140d40,0 8px 13px #230f0561}.mancala-flying-seed.jade{background:radial-gradient(circle at 35% 28%,#d1f5d8,#5ba47a 45%,#1f5a45 88%)}.mancala-flying-seed.amber{background:radial-gradient(circle at 35% 28%,#fff0a9,#d48735 46%,#783619 88%)}.mancala-pit-bowl.is-sowing-source{box-shadow:inset 0 7px 13px #1f0c0480,0 0 0 3px #ffe088cc,0 0 24px #ffd1676b}.mancala-stage[data-mancala-sowing=true] .mancala-board{box-shadow:inset 0 0 0 4px #ffe5b633,inset 0 -12px 24px #461f082e}.mancala-turn-prompt{width:100%;max-width:640px;height:var(--mancala-prompt-height);min-width:0;color:var(--mancala-label);text-align:center;white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:16px;font-weight:650;line-height:22px;display:flex}.mancala-turn-prompt>span{text-overflow:ellipsis;min-width:0;overflow:hidden}@container mancala-area (aspect-ratio<1){.mancala-stage{align-content:start}.mancala-board{--mancala-length:min(calc(100cqh - 4px - var(--mancala-prompt-height)),calc((100cqw - 140px) * 3.8));width:calc(var(--mancala-length) / 3.8);aspect-ratio:1/3.8;grid-template-rows:minmax(0,.95fr) minmax(0,6fr) minmax(0,.95fr);grid-template-columns:minmax(0,1fr);margin-block:0}.mancala-pit-grid{grid-template-columns:minmax(0,1fr) calc(var(--mancala-length) * .014) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.mancala-pit-row{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.mancala-pit-row.north{grid-area:1/3}.mancala-pit-row.south{grid-area:1/1}.mancala-pit-row.north .mancala-pit-count,.mancala-pit-row.south .mancala-pit-count{top:auto;bottom:auto}.mancala-pit-row.north .mancala-pit-count{left:calc(100% + var(--mancala-padding) + 10px)}.mancala-pit-row.south .mancala-pit-count{right:calc(100% + var(--mancala-padding) + 10px)}.mancala-river{background:linear-gradient(#0000,#ffe5bb66,#0000);grid-area:1/2;justify-self:center;width:1px;height:100%}.mancala-store-label{bottom:auto;right:calc(100% + var(--mancala-padding) + 12px);text-align:right;width:52px}.mancala-store-score{top:auto;left:calc(100% + var(--mancala-padding) + 12px)}.mancala-store{border-radius:46%}}.mancala-app-shell .board-column.has-record-panel{padding-bottom:calc(var(--bk-record-panel-h) + 6px)}