/* Mancala — The Sowing Game. Themed to ancientgames.org palette. */
.man-wrap{
    --m-primary:#8B4513;--m-secondary:#C19A6B;--m-accent:#B8860B;
    --m-bg:#FDF8F0;--m-ink:#2C1810;--m-panel:#F5EDE0;--m-line:#D4C4A8;
    max-width:760px;margin:2rem auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--m-ink);
}
.man-wrap *{box-sizing:border-box}
.man-topbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}
.man-mode,.man-level{display:inline-flex;border:2px solid var(--m-secondary);border-radius:999px;overflow:hidden}
.man-mode-btn,.man-level-btn{background:var(--m-panel);color:var(--m-primary);border:none;padding:.45rem .9rem;font-weight:600;cursor:pointer;font-size:.82rem;line-height:1}
.man-mode-btn.is-active,.man-level-btn.is-active{background:var(--m-primary);color:#fff}
.man-sound-btn{background:var(--m-panel);border:2px solid var(--m-secondary);border-radius:50%;width:2.4rem;height:2.4rem;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}
.man-sound-btn .man-snd-on{display:none}
.man-sound-btn[aria-pressed="true"] .man-snd-on{display:inline}
.man-sound-btn[aria-pressed="true"] .man-snd-off{display:none}
.man-status{text-align:center;font-size:1.02rem;font-weight:600;color:var(--m-primary);min-height:1.5em;margin:.25rem 0 .75rem}
.man-board-shell{position:relative;width:100%}
.man-canvas{display:block;width:100%;max-width:720px;margin:0 auto;aspect-ratio:720/330;
    background:radial-gradient(circle at 50% 40%,#F7EFE1,#E9D8B5);border:3px solid var(--m-primary);border-radius:14px;
    box-shadow:0 6px 20px rgba(44,24,16,.18);cursor:pointer;touch-action:manipulation}
.man-winmodal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(44,24,16,.55);border-radius:14px}
.man-winmodal[hidden]{display:none}
.man-winmodal-card{background:var(--m-bg);border:3px solid var(--m-accent);border-radius:12px;padding:1.5rem 1.75rem;text-align:center;max-width:80%;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.man-win-title{margin:.2rem 0 .4rem;color:var(--m-primary);font-size:1.4rem}
.man-win-sub{margin:0 0 1rem;font-size:.95rem}
.man-hud{display:flex;justify-content:center;gap:2rem;margin:1rem 0 .5rem;flex-wrap:wrap;font-size:.9rem}
.man-player{display:flex;align-items:center;gap:.35rem}
.man-dot{width:.8rem;height:.8rem;border-radius:50%;border:2px solid rgba(0,0,0,.2)}
.man-p0 .man-dot{background:#8B4513}
.man-p1 .man-dot{background:#C19A6B}
.man-player.is-turn{font-weight:800}
.man-player.is-turn::after{content:"●";color:var(--m-accent);margin-left:.15rem}
.man-controls{display:flex;gap:.6rem;justify-content:center;margin:.6rem 0}
.man-new-btn,.man-again-btn{border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:1rem;padding:.7rem 1.5rem;color:#fff;background:var(--m-primary)}
.man-new-btn:hover,.man-again-btn:hover{background:#73380f}
.man-again-btn{background:var(--m-accent)}
.man-again-btn:hover{background:#a6790a}
.man-rules{margin-top:1rem;background:var(--m-panel);border:1px solid var(--m-line);border-radius:8px;padding:.4rem 1rem}
.man-rules summary{cursor:pointer;font-weight:700;color:var(--m-primary);padding:.4rem 0}
.man-rules-body{font-size:.9rem;line-height:1.6;padding-bottom:.6rem}
.man-rules-body ul{margin:.4rem 0 .6rem;padding-left:1.2rem}
.man-disclaimer{background:#fff;border-left:3px solid var(--m-accent);padding:.5rem .75rem;border-radius:4px;font-size:.85rem}
@media (max-width:480px){.man-wrap{margin:1.25rem auto}.man-status{font-size:.92rem}.man-topbar{justify-content:center}}
@media (prefers-reduced-motion:reduce){.man-canvas{transition:none}}
/* Collapsible FAQ (shared style, matches casino pages) */
details.ag-faq{background:#fff;border:1px solid #d8cfc0;border-radius:6px;margin:0 0 10px;overflow:hidden}
details.ag-faq summary{cursor:pointer;list-style:none;padding:14px 44px 14px 18px;position:relative;font-weight:700;color:#2C1810;font-size:16px;line-height:1.4;user-select:none}
details.ag-faq summary h3,details.ag-faq summary .ag-faq-q{display:inline;margin:0;padding:0;border:0;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}
details.ag-faq summary::-webkit-details-marker{display:none}
details.ag-faq summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;color:#B8860B;border:1px solid #C19A6B;border-radius:50%;transition:transform .2s ease}
details.ag-faq[open] summary::after{content:'\2212';transform:translateY(-50%)}
details.ag-faq summary:hover{background:#f5efe3}
details.ag-faq .ag-faq-body{padding:0 18px 14px;color:#2C1810;font-size:15px;line-height:1.6;border-top:1px solid #d8cfc0}
details.ag-faq .ag-faq-body p{margin:12px 0 0}