:root{color-scheme:light;--ink:#152126;--muted:#526269;--line:#dbe4e2;--paper:#f6f8f5;--card:#fff;--accent:#d7fa63;--focus:#2459d3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.55}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:1rem;z-index:10;background:#fff;padding:.6rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.25rem,calc((100vw - 72rem)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:1.15rem;font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand span{color:#83a900}.language-menu{position:relative}.language-menu summary{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:.5rem .8rem;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-menu nav{position:absolute;z-index:5;right:0;top:calc(100% + .5rem);width:min(21rem,90vw);max-height:65vh;overflow:auto;padding:.5rem;background:#fff;border:1px solid var(--line);border-radius:1rem;box-shadow:0 12px 36px #15212620}.language-menu ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:0;margin:0;list-style:none}.language-menu a{display:block;padding:.45rem .6rem;border-radius:.5rem;text-decoration:none}.language-menu a:hover,.language-menu a[aria-current=page]{background:var(--paper)}.page-shell{width:min(100% - 2rem,72rem);margin:2rem auto}.breadcrumbs{display:flex;gap:.5rem;color:var(--muted);font-size:.9rem}.breadcrumbs a{text-decoration:none}.tool-intro{max-width:50rem;padding:2rem 0 1rem}.eyebrow{font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}h1,h2{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2rem,5vw,3.5rem);margin:.4rem 0}h2{font-size:1.4rem}.tool-intro>p:last-child{max-width:44rem;color:var(--muted);font-size:1.08rem}.tool-panel,.tool-explainer,.tool-faq,.tool-directory>li{background:var(--card);border:1px solid var(--line);border-radius:1.2rem;padding:clamp(1rem,3vw,2rem);box-shadow:0 5px 18px #15212608}.tool-panel{margin:1rem 0 2rem}.tool-explainer,.tool-faq{margin:1.25rem 0}.field{display:grid;gap:.35rem;margin:.9rem 0;max-width:44rem}.field label{font-weight:650}.field input,.field select,.field textarea,.game select{width:100%;min-height:2.8rem;border:1px solid #aab9b5;border-radius:.65rem;background:#fff;padding:.65rem .8rem;color:var(--ink);font:inherit}.field textarea{resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.actions,.game-toolbar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.button{min-height:2.75rem;border:1px solid var(--line);border-radius:.7rem;padding:.65rem 1rem;background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.button--primary{background:var(--accent);border-color:#bddf4c}.button:disabled{opacity:.55;cursor:not-allowed}.hint,.status{color:var(--muted)}.status{min-height:1.5em}.result{margin-top:1.25rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:#fbfdf9}.result[hidden],[hidden]{display:none!important}.tool-faq details{padding:.8rem 0;border-top:1px solid var(--line)}.tool-faq summary,.rules summary{cursor:pointer;font-weight:650}.tool-faq details p{color:var(--muted)}.tool-directory{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:0;list-style:none}.tool-directory>li{flex:1 1 17rem;max-width:24rem}.tool-directory a{text-decoration:none}.tool-directory h2{font-size:1.2rem}.tool-directory p{color:var(--muted)}footer{padding:2rem 1rem;text-align:center;color:var(--muted)}.game{display:grid;gap:1rem}.mancala-board{display:grid;grid-template-columns:4rem repeat(6,minmax(2.6rem,1fr)) 4rem;gap:.4rem;align-items:center;overflow-x:auto;padding:.75rem;border-radius:1rem;background:#d2a56c}.mancala-board button{min-width:2.6rem;min-height:2.6rem;border:0;border-radius:50%;background:#fff;color:var(--ink);font:inherit;font-weight:750;cursor:pointer}.mancala-board [data-store]{border-radius:.65rem;background:#f1d9aa}.mancala-board button:disabled{opacity:.72;cursor:default}@media(max-width:600px){.site-header{padding-inline:1rem}.page-shell{width:min(100% - 1rem,72rem);margin:1rem auto}.mancala-board{grid-template-columns:3rem repeat(6,minmax(2.4rem,1fr)) 3rem;gap:.25rem}.mancala-board button{min-width:2.4rem;min-height:2.4rem}.tool-directory>li{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.mancala-board{grid-template-rows:repeat(2,auto)}.mancala-row{display:grid;grid-template-columns:repeat(6,minmax(2.6rem,1fr));gap:.4rem}.mancala-row--top{grid-column:2/8;grid-row:1}.mancala-row--bottom{grid-column:2/8;grid-row:2}.mancala-store{display:grid;grid-row:1/3;align-content:center;justify-items:center;gap:.35rem;min-height:6.4rem;padding:.35rem;border-radius:.65rem;background:#f1d9aa;text-align:center;font-size:.75rem}.mancala-store strong{font-size:1.15rem}.mancala-store:first-child{grid-column:1}.mancala-store:last-child{grid-column:8}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}@media(max-width:600px){.mancala-board{grid-template-columns:3rem repeat(6,minmax(2.4rem,1fr)) 3rem}.mancala-row{grid-template-columns:repeat(6,minmax(2.4rem,1fr));gap:.25rem}.mancala-store{font-size:.65rem}}
/* Keep the keyboard skip link off-canvas vertically, never thousands of pixels horizontally. */
.skip-link{position:fixed;left:auto;right:auto;inset-inline-start:1rem;inset-block-start:0;transform:translateY(-150%)}
.skip-link:focus{left:auto;right:auto;transform:translateY(0)}