*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}#app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.game{width:min(94vw,560px);display:flex;flex-direction:column;gap:14px}.crumb{font-size:14px}.crumb a{color:var(--accent);text-decoration:none;font-weight:700}.crumb a:hover{text-decoration:underline}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.title{font-size:clamp(30px,8.5vw,44px);font-weight:800;line-height:1;letter-spacing:-1px}.stats{display:flex;gap:8px}.stat{flex:1;background:linear-gradient(180deg,#ffffff14,#0000001f),linear-gradient(180deg,#7a5636,#5b3c24);color:#f7ecd9;border-radius:9px;padding:7px 10px;text-align:center;box-shadow:inset 0 1px #ffffff29,inset 0 -2px 5px #00000047,0 1px 2px #0003}.stat .label{font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.85;font-weight:700}.stat .value{font-size:22px;font-weight:800;line-height:1.1;text-shadow:0 1px 1px rgba(0,0,0,.35)}.status{font-size:16px;font-weight:700;text-align:center;min-height:22px}.board-wrap{position:relative}.board{--wood-hi: #8a5f39;--wood-mid: #6e4526;--wood-lo: #4d2f18;--wood-edge: #2f1c0d;--grain: rgba(60, 34, 14, .55);--grain-hi: rgba(196, 148, 96, .16);--bowl-1: #2c1a0d;--bowl-2: #40270f;--rim-hi: rgba(226, 186, 138, .55);--count: #fbf1dd;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:3%;padding:4.5%;border-radius:26px;background:repeating-linear-gradient(96deg,transparent 0 7px,var(--grain) 7px 8px,transparent 8px 17px),repeating-linear-gradient(90deg,var(--grain-hi) 0 2px,transparent 2px 26px),radial-gradient(140% 120% at 50% 22%,var(--wood-hi),var(--wood-mid) 45%,var(--wood-lo) 100%);background-blend-mode:soft-light,screen,normal;box-shadow:inset 0 2px 1px #ffffff24,inset 0 0 0 3px #0000001f,inset 0 -6px 20px #0000006b,0 10px 26px #1e10066b,0 2px 5px #0000004d}.board:before{content:"";position:absolute;inset:2.4%;border-radius:18px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffe8c81a,inset 0 1px 3px #00000080,inset 0 -1px 2px #ffe6c314}.store,.pit{position:relative;background:radial-gradient(120% 120% at 50% 30%,var(--bowl-2),var(--bowl-1) 72%);box-shadow:inset 0 5px 9px #0000009e,inset 0 -3px 6px #00000080,inset 0 -1px 0 var(--rim-hi),inset 0 1px #0009,0 1px #ffe8c817}.store:before,.pit:before{content:"";position:absolute;inset:16%;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:scale(.6);background-repeat:no-repeat;background-image:radial-gradient(circle at 34% 34%,#ffe6a0 0 3%,transparent 4%),radial-gradient(circle at 30% 38%,#f6b73c 0 8.5%,transparent 9.5%),radial-gradient(circle at 66% 30%,#ffd1c2 0 3%,transparent 4%),radial-gradient(circle at 62% 34%,#e8664f 0 8%,transparent 9%),radial-gradient(circle at 47% 62%,#bfeee2 0 3%,transparent 4%),radial-gradient(circle at 43% 66%,#3fb9a1 0 8.5%,transparent 9.5%),radial-gradient(circle at 74% 64%,#d7cbff 0 3%,transparent 4%),radial-gradient(circle at 70% 68%,#8f7bef 0 8%,transparent 9%),radial-gradient(circle at 30% 74%,#ffd0e6 0 2.5%,transparent 3.5%),radial-gradient(circle at 26% 78%,#ef8fc0 0 7.5%,transparent 8.5%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.store:not(.empty):before,.pit:not(.empty):before{opacity:1;transform:scale(1)}.store{display:flex;align-items:center;justify-content:center;width:clamp(42px,14vw,74px);border-radius:40px}.store:before{inset:12% 20%;background-image:radial-gradient(circle at 40% 16%,#f6b73c 0 7%,transparent 8%),radial-gradient(circle at 62% 25%,#e8664f 0 6.5%,transparent 7.5%),radial-gradient(circle at 36% 34%,#3fb9a1 0 7%,transparent 8%),radial-gradient(circle at 60% 44%,#8f7bef 0 6.5%,transparent 7.5%),radial-gradient(circle at 38% 54%,#ef8fc0 0 6.5%,transparent 7.5%),radial-gradient(circle at 60% 64%,#f6b73c 0 7%,transparent 8%),radial-gradient(circle at 40% 74%,#3fb9a1 0 6.5%,transparent 7.5%),radial-gradient(circle at 58% 84%,#e8664f 0 6.5%,transparent 7.5%)}.store .seeds{position:relative;z-index:1;font-size:clamp(22px,6vw,32px);font-weight:800;color:var(--count);text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.6)}.pits{display:flex;flex-direction:column;gap:6%;justify-content:center}.row{display:grid;grid-template-columns:repeat(6,1fr);gap:3.4%}.pit{aspect-ratio:1 / 1;border:none;border-radius:50%;color:var(--count);display:flex;align-items:center;justify-content:center;padding:0;transition:transform 90ms ease,box-shadow .16s ease,filter .16s ease;cursor:default}.pit .seeds{position:relative;z-index:1;font-size:clamp(16px,4.6vw,26px);font-weight:800;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.55)}.pit.empty .seeds{opacity:.4;text-shadow:0 1px 1px rgba(0,0,0,.7)}.pit.mine.legal{cursor:pointer;box-shadow:inset 0 5px 9px #0000008c,inset 0 -3px 6px #00000073,inset 0 -1px 0 var(--rim-hi),0 0 0 2px #ffd28ce6,0 0 14px 2px #ffb75c8c;animation:pit-glow 1.9s ease-in-out infinite}@keyframes pit-glow{0%,to{box-shadow:inset 0 5px 9px #0000008c,inset 0 -3px 6px #00000073,inset 0 -1px 0 var(--rim-hi),0 0 0 2px #ffd28cd9,0 0 12px 1px #ffb75c73}50%{box-shadow:inset 0 5px 9px #0000008c,inset 0 -3px 6px #00000073,inset 0 -1px 0 var(--rim-hi),0 0 0 2px #ffdea0,0 0 18px 4px #ffbe64b3}}.pit.mine.legal:hover{filter:brightness(1.12) saturate(1.05)}.pit.mine.legal:active{transform:scale(.92)}.pit.mine.legal:active:before{transform:scale(.9)}.pit.theirs{cursor:default}.pit.kbd-cursor{outline:3px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.pit.mine.legal{animation:none}.store:before,.pit:before{transition:opacity .12s ease;transform:none}.store:not(.empty):before,.pit:not(.empty):before{transform:none}}.btn{background:var(--accent);color:var(--accent-text);border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:filter .12s ease}.btn:hover{filter:brightness(1.05)}.btn:active{filter:brightness(.95)}.overlay{position:absolute;inset:0;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease}.overlay.show{opacity:1;pointer-events:auto}.overlay .msg{font-size:clamp(26px,8vw,42px);font-weight:800}.overlay.win .msg{color:#43a047}.overlay.over .msg{color:#ef6a4b}.overlay.draw .msg{color:var(--text)}.overlay .sub{font-size:16px;font-weight:700;color:var(--text);opacity:.9}.overlay .actions{display:flex;gap:10px;margin-top:8px}.how{font-size:13px;opacity:.85;line-height:1.5}.how b{font-weight:700}