.mancala-page{width:100%;margin-inline:auto}.mancala-page main{margin-bottom:28px}.mancala-page h1{font-family:Noto Sans JP,sans-serif}.mancala-surface{max-width:860px}.mancala-setting-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:8px;display:grid}.mancala-setting-fields label{min-width:0;color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.mancala-setting-fields select{color:#173d35;background:#fffaf0;border:1px solid #9cac9e;border-radius:10px;width:100%;min-width:0;min-height:44px;padding:8px 10px;font:600 16px DM Sans,Noto Sans JP,sans-serif}.mancala-setting-fields .mancala-motion-field{grid-column:1/-1;align-items:center;gap:10px;min-height:44px;display:flex}.mancala-motion-field input{accent-color:#236b5c;width:20px;height:20px}.mancala-setting-fields [hidden]{display:none}.mancala-board{box-sizing:border-box;color:#fff5db;background:radial-gradient(at 20% 0,#fff1bb66,#0000 70%),repeating-linear-gradient(4deg,#aa743c18 0 2px,#0000 2px 10px),linear-gradient(110deg,#af7c45,#d4ac70 45%,#ba854b);border:6px solid #795332;border-radius:36px;grid-template-columns:78px repeat(6,minmax(0,1fr)) 78px;gap:10px;padding:18px 12px;display:grid;box-shadow:0 6px #563a25,0 12px 22px #0b1d1740,inset 0 2px 2px #fff0be99,inset 0 -3px 4px #5c3a2580}.mancala-row-label{color:#3b2c1e;text-shadow:0 1px #f3d39766;grid-column:2/8;justify-content:center;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;line-height:1.4;display:flex}.mancala-direction-vertical{display:none}.mancala-direction-horizontal{font-size:20px}.mancala-pit,.mancala-store{box-sizing:border-box;color:#fff6df;background:radial-gradient(at 50% 65%,#b3844c,#775230);border:2px solid #906438;min-width:0;position:relative;box-shadow:inset 0 6px 10px #3b251f99,inset 0 -2px 3px #ffe1a366,0 1px 1px #f7d39d99}.mancala-pit{min-height:108px;font:inherit;cursor:pointer;border-radius:46%;flex-direction:column;justify-content:center;align-items:center;padding:26px 7px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.mancala-pit small{color:#f6e8c7ba;font-size:11px;font-weight:700;position:absolute;top:8px;left:11px}.mancala-pit strong{box-sizing:border-box;color:#fff6dc;font-variant-numeric:tabular-nums;background:#1c3930e8;border:1px solid #dfc38e80;border-radius:30px;place-items:center;min-width:24px;min-height:24px;padding:1px 5px;font-size:17px;line-height:1.2;display:grid;position:absolute;top:4px;right:6px}.mancala-pit:not(:disabled){border-color:#f8df9e;box-shadow:inset 0 5px 9px #3b251f88,inset 0 -2px 3px #ffe1a3,0 0 0 1px #fff0be66}.mancala-pit:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 5px 9px #3b251f88,0 0 0 2px #fff2bb}.mancala-pit:disabled{opacity:1;cursor:default}.mancala-pit:disabled small{color:#f6e8c798}.mancala-pit:focus-visible{outline-offset:3px;outline:3px solid #fffaf0}.mancala-store{border-radius:38px;flex-direction:column;grid-row:1/5;justify-content:center;align-items:center;gap:5px;padding:12px 4px;display:flex;overflow:hidden}.mancala-store[data-player="2"]{grid-column:1}.mancala-store[data-player="1"]{grid-column:8}.mancala-store>span:not(.stone-dots){z-index:2;text-align:center;color:#fff2cb;overflow-wrap:anywhere;font-size:12px;font-weight:800;position:relative}.mancala-store small{color:#ead4a9;font-size:10px}.mancala-store strong{z-index:2;color:#fff5d5;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0a211b;background:#17372de8;border:1px solid #e2c48299;border-radius:50%;place-items:center;min-width:44px;min-height:44px;font-size:30px;font-weight:800;line-height:1;display:grid;position:relative}.stone-dots{pointer-events:none;flex-wrap:wrap;place-content:center;align-items:center;gap:3px;max-width:60px;min-height:24px;display:flex;position:relative}.stone-dots i{width:11px;height:13px;transform:rotate(var(--pebble-angle));background:radial-gradient(circle at 28% 24%,#ffffffdc 0 9%,#9bd8ca 20%,#33816b 60%,#154d40 100%);border-radius:46% 54% 40% 60%;flex:none;display:block;box-shadow:inset -1px -2px 2px #0b2d2866,0 2px 2px #251d1f77}.stone-dots i[data-tone="1"]{background:radial-gradient(circle at 28% 24%,#fff4ed 0 9%,#f3b6a3 20%,#d56f58 62%,#914737)}.stone-dots i[data-tone="2"]{background:radial-gradient(circle at 28% 24%,#fff9d9 0 9%,#e8cc74 20%,#bb8e34 62%,#7e5a20)}.stone-dots i[data-tone="3"]{background:radial-gradient(circle at 28% 24%,#eff9ff 0 9%,#9dbfd5 20%,#517b9b 62%,#304e68)}.stone-dots i[data-tone="4"]{background:radial-gradient(circle at 28% 24%,#fff 0 9%,#e9e5d7 25%,#b3b39e 62%,#737d6e)}.stone-dots i[data-tone="5"]{background:radial-gradient(circle at 28% 24%,#fff3ff 0 9%,#cab0d2 20%,#9977a7 62%,#62476c)}.mancala-store .stone-dots{max-width:56px;max-height:104px;overflow:hidden}.mancala-store .stone-dots i{width:9px;height:11px}.mancala-pit.is-recent,.mancala-store.is-recent{outline-offset:-3px;outline:3px solid #fff0b8}.mancala-pit.is-recent .stone-dots i:last-child{animation:.22s ease-out pebble-arrive}.mancala-store.is-winner{outline-offset:-3px;outline:3px solid #f6d786}.mancala-hand{color:#526a5c;align-items:center;gap:8px;font-size:11px;display:inline-flex}.mancala-hand b{color:#173d35;font-size:22px}.mancala-note{color:#173d35;text-align:center;background:#f4efe5;border-radius:10px;margin:0 0 12px;padding:7px 12px;font-size:13px}.mancala-pause{z-index:12;background:#18312de8;border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.mancala-pause button{color:#173d35;background:#fffaf0;border:1px solid #66857c;border-radius:12px;min-height:44px;padding:12px 24px;font:700 17px DM Sans,Noto Sans JP,sans-serif}@keyframes pebble-arrive{0%{opacity:.4;transform:translateY(-8px)scale(1.2)}to{transform:translateY(0) rotate(var(--pebble-angle));opacity:1}}@media (width<=600px){.mancala-setting-fields{grid-template-columns:1fr 1fr}.mancala-setting-fields>label:first-child{grid-column:1/-1}.mancala-page .standard-game{padding:8px}.mancala-surface{max-width:420px}.mancala-board{border-width:5px;border-radius:30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px}.mancala-row-label{grid-area:2;min-height:24px;padding:1px 0;font-size:12px}.mancala-row-label[data-owner="0"]{grid-column:1}.mancala-row-label[data-owner="1"]{grid-column:2}.mancala-direction-horizontal{display:none}.mancala-direction-vertical{font-size:19px;display:inline}.mancala-pit{grid-row:var(--portrait-row);border-radius:42%;min-height:clamp(48px,6.4svh,58px);padding:16px 24px 8px}.mancala-pit[data-owner="0"]{grid-column:1}.mancala-pit[data-owner="1"]{grid-column:2}.mancala-pit small{top:6px;left:9px}.mancala-pit strong{min-width:26px;min-height:26px;font-size:18px;top:5px;right:6px}.stone-dots{gap:3px;max-width:72px;min-height:20px}.stone-dots i{width:10px;height:12px}.mancala-store{border-radius:30px;grid-template-rows:auto auto;grid-template-columns:70px minmax(0,1fr) 48px;gap:2px 8px;min-height:56px;padding:6px 12px;display:grid;grid-column:1/-1!important}.mancala-store[data-player="2"]{grid-row:1}.mancala-store[data-player="1"]{grid-row:9}.mancala-store>span:not(.stone-dots){text-align:left;grid-area:1/1;font-size:12px}.mancala-store small{grid-area:2/1;font-size:10px}.mancala-store .stone-dots{grid-area:1/2/3;justify-content:flex-start;max-width:none;min-height:30px;max-height:44px}.mancala-store strong{grid-area:1/3/3;font-size:28px}.mancala-hand{gap:4px}.mancala-hand>span{max-width:5em;font-size:9px;line-height:1.3}.mancala-note{font-size:12px}}@media (prefers-reduced-motion:reduce){.mancala-pit,.stone-dots i{transition:none!important;animation:none!important}}.mancala-page .brand-mark>img{object-fit:contain;width:100%;height:100%}