/* V0.333 — product-first Mancala board. Advanced review remains intact but below/collapsed. */
.mancala-page{max-width:1120px;padding-bottom:100px}.mancala-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:18px 0 10px}.mancala-hero h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1;margin:4px 0 7px;letter-spacing:-.035em}.mancala-hero p{max-width:700px;margin:0;color:var(--muted);line-height:1.5}.mancala-score-pill{min-width:112px;padding:11px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-align:right}.mancala-score-pill small{display:block;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.08em}.mancala-score-pill strong{font-size:1.55rem;line-height:1.1}
.mancala-modebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}.mancala-primary-modes,.mancala-training-modes{display:flex;align-items:center;gap:6px}.mancala-modebar a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:.84rem;font-weight:850;text-decoration:none}.mancala-modebar a.active{background:var(--text);border-color:var(--text);color:var(--card)}.mancala-training-modes>span{margin-right:2px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.mancala-workspace{display:block}.mancala-game-panel{position:relative;padding:16px;border-radius:22px;overflow:hidden}.mancala-setup{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px}.mancala-setup-group>small,.mancala-side-row label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.08em}.mancala-difficulty{display:flex;gap:5px}.mancala-difficulty button{min-height:36px;padding:0 12px;border-radius:999px}.mancala-side-row{display:flex;gap:8px}.mancala-side-row label{min-width:118px}.mancala-side-row select{width:100%;min-height:36px;padding:0 10px}.mancala-tactic-brief{margin-bottom:10px}
.mancala-player-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:2px 0 10px}.mancala-player{display:flex;align-items:center;gap:8px;min-width:0}.mancala-player.you{justify-content:flex-end;text-align:right}.mancala-player strong,.mancala-player small{display:block}.mancala-player strong{font-size:.9rem}.mancala-player small{color:var(--muted);font-size:.59rem;font-weight:900;letter-spacing:.06em}.mancala-player>b{font-size:1.35rem}.mancala-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--soft);font-size:.58rem;font-weight:950;letter-spacing:.02em}.mancala-turn-chip{display:grid;grid-template-columns:auto auto;grid-template-areas:"dot name" "dot meta";column-gap:6px;align-items:center;padding:6px 11px;border-radius:999px;background:var(--soft);border:1px solid var(--line);min-width:115px}.mancala-turn-chip>span{grid-area:dot;width:8px;height:8px;border-radius:50%;background:#6aa84f;box-shadow:0 0 0 4px rgba(106,168,79,.12)}.mancala-turn-chip strong{grid-area:name;font-size:.72rem}.mancala-turn-chip small{grid-area:meta;color:var(--muted);font-size:.58rem}
.mancala-board-wrap{position:relative}.mancala-board{--wood-a:#bc8149;--wood-b:#7c4928;--pit-a:#f4d2a0;--pit-b:#cc8d4d;display:grid;grid-template-columns:78px minmax(0,1fr) 78px;gap:10px;align-items:stretch;padding:14px;border:1px solid rgba(74,42,23,.42);border-radius:28px;background:linear-gradient(125deg,var(--wood-a),var(--wood-b));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -12px 30px rgba(59,30,15,.12),0 12px 30px rgba(24,25,26,.12)}.mancala-board-wrap[data-theme="sand"] .mancala-board{--wood-a:#d9b77b;--wood-b:#aa7d45;--pit-a:#fff0c7;--pit-b:#d7ae70}.mancala-board-wrap[data-theme="slate"] .mancala-board{--wood-a:#59636d;--wood-b:#303943;--pit-a:#aeb7bf;--pit-b:#6e7a85}.mancala-pits{display:grid;grid-template-rows:1fr 1fr;gap:10px}.mancala-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.mancala-pit,.mancala-store{position:relative;overflow:hidden;border:1px solid rgba(75,44,23,.34);background:radial-gradient(circle at 46% 36%,var(--pit-a),var(--pit-b));color:#3d2817;box-shadow:inset 0 8px 14px rgba(69,36,15,.24),inset 0 -1px 1px rgba(255,255,255,.28),0 1px 0 rgba(255,255,255,.18)}.mancala-board-wrap[data-theme="slate"] .mancala-pit,.mancala-board-wrap[data-theme="slate"] .mancala-store{color:#15202a}.mancala-pit{aspect-ratio:1;border-radius:50%;padding:5px;display:grid;place-items:center;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,filter .13s ease}.mancala-pit:not(:disabled):hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.04)}.mancala-pit.legal:not(:disabled){box-shadow:inset 0 8px 14px rgba(69,36,15,.24),0 0 0 3px rgba(255,243,171,.92),0 4px 13px rgba(45,28,12,.18)}.mancala-pit.hint{animation:mc333hint .85s ease-in-out infinite alternate;box-shadow:inset 0 8px 14px rgba(69,36,15,.24),0 0 0 4px #fff36a!important}.mancala-pit.mc-last{animation:mc333last .42s ease}.mancala-pit:disabled{opacity:.83;cursor:default}.mancala-pit .mancala-seeds{position:absolute;inset:12%;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;pointer-events:none}.mancala-seed{width:clamp(4px,.65vw,7px);height:clamp(4px,.65vw,7px);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff7d2 0 14%,#e75d42 16% 48%,#96361e 70%);box-shadow:0 1px 1px rgba(0,0,0,.25)}.mancala-seed:nth-child(3n+2){background:radial-gradient(circle at 35% 28%,#fff9dd 0 14%,#4c91c9 16% 48%,#28567c 70%)}.mancala-seed:nth-child(3n){background:radial-gradient(circle at 35% 28%,#fff9dd 0 14%,#e0b73d 16% 48%,#8c6b14 70%)}.mancala-pit .mancala-count{position:relative;z-index:2;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.86);box-shadow:0 1px 5px rgba(0,0,0,.14);font-size:.85rem;font-weight:950}.mancala-pit small{position:absolute;right:6px;bottom:4px;z-index:2;margin:0;padding:1px 4px;border-radius:6px;background:rgba(255,255,255,.55);font-size:.5rem;font-weight:900}.mancala-store{border-radius:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;padding:7px}.mancala-store small{position:absolute;top:9px;font-size:.55rem;font-weight:900;letter-spacing:.08em;opacity:.65}.mancala-store strong{position:relative;z-index:2;display:grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.86);font-size:1.15rem}.mancala-store-seeds{position:absolute;inset:24px 8px 8px;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;opacity:.9}.mancala-direction{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.78);color:#58412e;font-size:.57rem;font-weight:800;pointer-events:none}.mancala-direction span{font-size:.85rem}.mancala-status{display:flex;align-items:center;min-height:42px;margin:9px 0 0;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:.84rem;font-weight:700}.mancala-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px}.mancala-actions button{min-height:40px;border-radius:11px;font-weight:850}.mancala-actions .mancala-primary-action{background:var(--text);border-color:var(--text);color:var(--card)}.mancala-quick-footer{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-top:9px}.mancala-mini-stats{display:flex;gap:5px;flex-wrap:wrap}.mancala-mini-stats>span{min-width:70px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.mancala-mini-stats small,.mancala-mini-stats strong{display:block}.mancala-mini-stats small{color:var(--muted);font-size:.55rem}.mancala-mini-stats strong{font-size:.76rem}.mancala-appearance{position:relative}.mancala-appearance>summary{cursor:pointer;list-style:none;padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:.72rem;font-weight:850}.mancala-appearance>summary::-webkit-details-marker{display:none}.mancala-appearance>div{position:absolute;right:0;top:38px;z-index:4;display:flex;gap:4px;padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--card);box-shadow:0 10px 25px rgba(0,0,0,.1)}.mancala-appearance button{white-space:nowrap;padding:6px 8px;font-size:.7rem}.mancala-end{position:absolute;inset:auto 18px 18px 18px;z-index:8;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 18px 40px rgba(0,0,0,.18);backdrop-filter:blur(12px);text-align:center}.mancala-end small,.mancala-end strong,.mancala-end span{display:block}.mancala-end small{color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.08em}.mancala-end strong{margin:3px 0;font-size:1.5rem}.mancala-end span{margin-bottom:9px;font-size:1rem;font-weight:900}.mancala-end>div{display:flex;justify-content:center;gap:7px}
.mancala-support-row{display:grid;grid-template-columns:1fr;gap:9px;margin:12px 0}.mancala-rules,.mancala-coach-drawer{border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}.mancala-rules>summary,.mancala-coach-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.mancala-rules>summary::-webkit-details-marker,.mancala-coach-drawer>summary::-webkit-details-marker{display:none}.mancala-rules summary small,.mancala-coach-drawer summary small{display:block;color:var(--muted);font-size:.6rem;font-weight:900;letter-spacing:.08em}.mancala-rules summary strong,.mancala-coach-drawer summary strong{display:block;margin-top:2px}.mancala-rules summary>b,.mancala-coach-drawer summary>b{font-size:1.15rem}.mancala-rules[open] summary>b,.mancala-coach-drawer[open] summary>b{transform:rotate(45deg)}.mancala-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 14px 14px}.mancala-rule-grid p{margin:0;padding:10px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:.8rem;line-height:1.42}.mancala-rule-grid strong{color:var(--text)}.mancala-coach-drawer>.mancala-side{margin:0 14px 10px;padding:12px;display:block!important}.mancala-coach-drawer>.mc179-lab{margin:0 14px 14px}.mc179-review-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.mc179-milestone-title{margin-top:12px!important}
.mancala-below-fold{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:start;margin:18px 0}.mancala-below-fold h2{margin:4px 0 7px}.mancala-below-fold>div>p{margin:0;color:var(--muted);line-height:1.52}.mancala-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mancala-feature-grid article{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--card)}.mancala-feature-grid article strong{display:block}.mancala-feature-grid article p{margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.42}
@keyframes mc333hint{from{transform:translateY(-1px) scale(1)}to{transform:translateY(-3px) scale(1.035)}}@keyframes mc333last{0%{transform:scale(1)}45%{transform:scale(1.08)}100%{transform:scale(1)}}
.mancala-board:fullscreen{width:min(1100px,96vw);height:auto;max-height:94vh;margin:auto;padding:clamp(12px,3vw,30px);align-self:center}.mancala-board:fullscreen .mancala-pit{max-height:125px}.mancala-board:fullscreen .mancala-store{min-height:210px}
@media(max-width:820px){.mancala-hero{margin-top:12px}.mancala-rule-grid{grid-template-columns:1fr 1fr}.mancala-below-fold{grid-template-columns:1fr}.mancala-game-panel{padding:12px}.mancala-board{grid-template-columns:62px minmax(0,1fr) 62px;gap:7px;padding:10px}.mancala-row{gap:5px}.mancala-store{min-height:108px}.mancala-seed{width:5px;height:5px}}
@media(max-width:560px){.mancala-page{padding:10px 7px 90px}.preview-note{font-size:.68rem}.mancala-hero{align-items:flex-start;margin:8px 0 6px}.mancala-hero h1{font-size:2rem;margin:2px 0 3px}.mancala-hero p{display:none}.mancala-score-pill{min-width:76px;padding:7px 9px;border-radius:12px}.mancala-score-pill small{font-size:.52rem}.mancala-score-pill strong{font-size:1.15rem}.mancala-modebar{margin:5px 0 7px;align-items:stretch}.mancala-primary-modes{flex:1}.mancala-primary-modes a{flex:1}.mancala-training-modes>span{display:none}.mancala-training-modes a{width:40px;padding:0;font-size:0}.mancala-training-modes a[data-flow="daily"]::after{content:'D';font-size:.75rem}.mancala-training-modes a[data-flow="tactics"]::after{content:'T';font-size:.75rem}.mancala-modebar a{min-height:34px;padding:0 9px;font-size:.76rem}.mancala-game-panel{padding:8px;border-radius:16px}.mancala-setup{margin-bottom:7px;gap:6px;align-items:stretch;flex-direction:column}.mancala-difficulty{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mancala-difficulty button{min-height:31px;padding:0 3px;font-size:.67rem}.mancala-side-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mancala-side-row label{min-width:0}.mancala-side-row select{min-height:32px;padding:0 7px;font-size:.72rem}.mancala-setup-group>small,.mancala-side-row label>span{font-size:.54rem;margin-bottom:3px}.mancala-player-strip{gap:5px;margin:2px 0 6px}.mancala-avatar{width:28px;height:28px;font-size:.47rem}.mancala-player strong{font-size:.72rem}.mancala-player small{font-size:.48rem}.mancala-player>b{font-size:1rem}.mancala-turn-chip{min-width:88px;padding:4px 7px;column-gap:4px}.mancala-turn-chip strong{font-size:.6rem}.mancala-turn-chip small{font-size:.49rem}.mancala-turn-chip>span{width:6px;height:6px}.mancala-board{grid-template-columns:38px minmax(0,1fr) 38px;gap:4px;padding:6px;border-radius:17px}.mancala-pits{gap:5px}.mancala-row{gap:3px}.mancala-pit{border-width:1px;padding:1px}.mancala-pit .mancala-seeds{inset:13%;gap:1px}.mancala-seed{width:4px;height:4px}.mancala-pit .mancala-count{width:22px;height:22px;font-size:.7rem}.mancala-pit small{right:3px;bottom:2px;padding:0 2px;font-size:.42rem}.mancala-store{min-height:78px;border-radius:22px;padding:2px}.mancala-store small{top:5px;font-size:.42rem}.mancala-store strong{min-width:26px;height:26px;padding:0 4px;font-size:.78rem}.mancala-store-seeds{inset:17px 4px 4px;gap:1px}.mancala-direction{bottom:3px;padding:1px 4px;font-size:.45rem}.mancala-status{min-height:35px;margin-top:6px;padding:6px 8px;font-size:.72rem;line-height:1.25}.mancala-actions{gap:4px;margin-top:5px}.mancala-actions button{min-height:35px;padding:4px 2px;font-size:.7rem}.mancala-actions button span{display:none}.mancala-actions button::first-letter{font-size:.9rem}.mancala-quick-footer{margin-top:5px}.mancala-mini-stats{gap:3px}.mancala-mini-stats>span{min-width:54px;padding:4px 6px}.mancala-mini-stats small{font-size:.46rem}.mancala-mini-stats strong{font-size:.62rem}.mancala-appearance>summary{padding:5px 7px;font-size:.62rem}.mancala-appearance>div{top:31px}.mancala-support-row{margin-top:7px}.mancala-rules>summary,.mancala-coach-drawer>summary{padding:9px 11px}.mancala-rules summary strong,.mancala-coach-drawer summary strong{font-size:.82rem}.mancala-rule-grid{grid-template-columns:1fr;padding:0 9px 9px;gap:5px}.mancala-rule-grid p{padding:8px;font-size:.74rem}.mancala-coach-drawer>.mancala-side,.mancala-coach-drawer>.mc179-lab{margin-left:8px;margin-right:8px}.mancala-below-fold{margin-top:12px}.mancala-feature-grid{grid-template-columns:1fr}.mancala-end{inset:auto 10px 10px 10px;padding:12px}.mancala-end strong{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.mancala-pit,.mancala-pit.hint,.mancala-pit.mc-last{animation:none!important;transition:none!important}}
.mancala-footer-tools{display:flex;align-items:center;gap:5px}.mancala-footer-tools>button{min-height:31px;padding:5px 9px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit;font-size:.72rem;font-weight:850}@media(max-width:560px){.mancala-footer-tools>button{min-height:27px;padding:4px 6px;font-size:.62rem}}
@media(max-width:560px){.mancala-training-modes a{width:52px!important;min-width:52px!important;padding:0 4px!important;font-size:0!important}.mancala-training-modes a[data-flow="daily"]::after{content:'Daily';font-size:.62rem}.mancala-training-modes a[data-flow="tactics"]::after{content:'Tactics';font-size:.62rem}}