*{box-sizing:border-box}body{margin:0;background:#f2eddf;color:#203e37;font:16px/1.6 system-ui,sans-serif}main{max-width:780px;margin:auto;padding:36px 24px 24px}header{text-align:center;padding-bottom:24px}.eyebrow{font-size:11px;letter-spacing:3px;color:#61766b}h1{font:clamp(36px,7vw,64px)/1.12 Georgia,serif;margin:15px 0}h1 em{color:#a75635}header p{margin:12px 0;color:#61766b}.settings{display:flex;gap:12px;align-items:end;flex-wrap:wrap}label{font-size:12px;flex:1;min-width:140px}select{display:block;width:100%;margin-top:4px}button,select{font:inherit;color:inherit;border:1px solid #c4cbbb;background:#faf8ef;border-radius:10px;padding:10px 14px;min-height:44px}button{cursor:pointer}button:hover:not(:disabled){background:#e2eadb}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b65b32;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.status{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px 0 12px}#turn{font-weight:700}#count{font-size:12px;color:#61766b}.player{border:1px solid #c4cbbb;border-radius:18px;padding:16px;margin:12px 0;background:#ebe9dc}.player.active{border-color:#32705f;box-shadow:0 0 0 2px #32705f}.player h2{font-size:13px;letter-spacing:1px;margin:0 0 10px;display:flex;justify-content:space-between}.player h2 small{font-weight:400;letter-spacing:0;color:#61766b}.hands{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hand{position:relative;background:#faf8ef;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px}.hand.selected{border:2px solid #a75635;background:#fff0dc}.hand.target{border:2px dashed #32705f}.hand.dead{background:#dedfd4}.number{font:38px/1 Georgia,serif}.beads{height:16px;display:flex;gap:6px;margin:10px 0}.bead{width:10px;height:10px;border-radius:50%;background:#32705f;box-shadow:inset -2px -2px #0002}.hand small{font-size:11px;color:#61766b}.actionbox{padding:8px 0 16px}#instruction{font-size:16px;font-weight:600;min-height:26px;margin:8px 0}#splits,.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}#splits button{font-size:13px;background:#e3eadc}.toolbar button{font-size:12px}#message{margin:0;color:#a04f30;font-size:13px;min-height:22px}details{border-top:1px solid #c4cbbb;padding:14px 0;font-size:14px}summary{cursor:pointer;font-weight:600}details p{color:#50665c}#history{max-height:180px;overflow:auto;padding-left:24px;font-size:13px}footer{text-align:center;font-size:11px;color:#61766b;margin-top:24px}a{color:inherit} @media(max-width:480px){main{padding:22px 16px}.settings{gap:8px}label{min-width:125px}.player{padding:12px}.hands{gap:10px}.hand{min-height:100px}.settings>button{width:100%}header{padding-bottom:16px}}

.hand:disabled{opacity:.72}.hand.dead:disabled{opacity:.5}