*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f2f3e9;color:#353d2c;font-family:system-ui,'Malgun Gothic',sans-serif}main{max-width:940px;margin:auto;padding:clamp(16px,4vw,32px)}.menu,.seed-game{background:#fffdf7;border-radius:24px;padding:clamp(20px,4vw,32px);box-shadow:0 8px 30px #493e2f18}.eyebrow{font-size:14px;font-weight:800;color:#586d3f}h1{font-size:clamp(27px,5vw,38px);margin:5px 0 12px}p{line-height:1.6;margin:8px 0}.lead{font-size:20px;font-weight:700}.note{color:#535e46;font-size:15px}.menu a{display:inline-flex;min-height:44px;align-items:center;color:#235b91;font-weight:700}.intro{display:flex;align-items:center;gap:20px}.intro-art{width:min(200px,30%);flex:none}.settings{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.settings label{display:grid;gap:5px;font-weight:700}.settings select{font:inherit;min-height:50px;border:1px solid #89977b;border-radius:10px;background:#fff;padding:8px 12px;color:#343e2b}button,summary{font:inherit;cursor:pointer;color:#343e2b;touch-action:manipulation}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:4px solid #125ab3;outline-offset:3px}button:disabled{cursor:default;opacity:.8}summary{min-height:48px;padding:10px;font-weight:800}details{border:1px solid #c6d0b9;border-radius:10px;padding:0 12px;margin-top:14px}.controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.controls button,#start,#preview-toggle{min-width:44px;min-height:50px;border:1px solid #8d9f7c;border-radius:12px;background:#fff;padding:10px 16px;font-weight:700}#start,#move,#computer{background:#4e7044;color:#fff}#pause[aria-pressed="true"],#preview-toggle[aria-pressed="true"]{background:#e3efd9;border:3px solid #4e7044}.turn{font-size:19px;font-weight:800;margin:18px 0 8px}.board{display:grid;grid-template-columns:90px minmax(0,1fr) 90px;grid-template-rows:auto auto;gap:9px;background:#dfccb0;border:2px solid #a78462;border-radius:28px;padding:12px}.store{display:flex;align-items:center;justify-content:center;text-align:center;background:#fff9ea;border:2px solid #987455;border-radius:32px;padding:8px;font-weight:800}.store.left{grid-column:1;grid-row:1/3}.store.right{grid-column:3;grid-row:1/3}.pits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pits.top{grid-column:2;grid-row:1}.pits.bottom{grid-column:2;grid-row:2}.pit{min-width:44px;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid #927154;border-radius:50%;background:#fffaf0;color:#403726;padding:5px;font-weight:700}.pit strong{font-size:26px;line-height:1.1}.pit small,.pit-name{font-size:12px}.pit[aria-pressed="true"]{background:#d9ebc9;border:4px solid #466d38}.pit[data-preview="true"]{outline:3px dashed #805121;outline-offset:-6px}.summary{padding:10px 12px;background:#f4f6eb;border-radius:8px;font-size:14px;line-height:1.6}.preview,.status{min-height:3em;font-weight:700;background:#f2f6e8;border-left:5px solid #71884e;padding:10px 14px;border-radius:6px;margin-top:12px}.result{background:#f8ebc5;border-left:5px solid #947026;padding:16px;font-weight:800;font-size:19px;border-radius:8px;margin-top:16px}@media(max-width:620px){.seed-game{padding:16px}.board{padding:8px;gap:7px}.pits{gap:5px}.intro-art{width:100px}.board{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.store.left{grid-column:1;grid-row:1}.store.right{grid-column:2;grid-row:1}.pits.top{grid-column:1/3;grid-row:2}.pits.bottom{grid-column:1/3;grid-row:3}.store{min-height:50px;border-radius:14px}.pit{min-height:72px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
dialog { max-width: min(90vw, 480px); border: 2px solid #426c60; border-radius: 16px; padding: 24px; color: #243b36; } dialog::backdrop { background: #182c27b3; }