:root{color-scheme:dark;--cream:#f7e6c3;--gold:#e7bb6d;--dim:#c2ad8b}*{box-sizing:border-box}body{margin:0;color:var(--cream);font:16px/1.5 Georgia,serif;background:radial-gradient(ellipse at 50% 35%,#3f3122 0,#1c1c18 55%,#111410 100%);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:16px 5%;border-bottom:1px solid #ffffff14;font:12px system-ui;letter-spacing:1px}a{color:var(--cream)}main{max-width:1240px;margin:auto;padding:24px 26px}.title{display:flex;justify-content:space-between;align-items:center}h1{font-size:54px;font-weight:400;line-height:1.05;margin:4px 0 24px}h1 span{display:block;font:10px system-ui;letter-spacing:3px;color:var(--dim);margin-top:14px}.eyebrow{font:11px system-ui;letter-spacing:3px;color:var(--gold);margin:0 0 8px}button,select,input{font:14px system-ui}button,select{border:1px solid #d7b77b50;background:#25291f;color:var(--cream);border-radius:8px;padding:10px 15px}button{cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--gold);background:#394030}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid #90e6eb;outline-offset:4px}.scorebar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;text-align:center;margin:0 0 22px;min-height:76px}.scorebar>div:first-child{text-align:left}.scorebar>div:last-child{text-align:right}.scorebar b{font-size:28px;margin:0 9px;color:var(--gold)}.scorebar small{display:block;font:11px system-ui;color:var(--dim)}.turn span{display:block;font:10px system-ui;letter-spacing:2px;color:var(--gold);margin-bottom:7px}.turn strong{font-size:19px;font-weight:400}.board-wrap{padding:10px 0 18px}#board{position:relative;display:grid;grid-template-columns:1.1fr repeat(6,1fr) 1.1fr;grid-template-rows:140px 140px;gap:18px 12px;padding:28px 22px;border:5px solid #6f4022;border-radius:55px;background:repeating-linear-gradient(3deg,#ffffff05 0 2px,#00000005 3px 5px,transparent 7px 13px),repeating-linear-gradient(177deg,transparent 0 23px,#50240b35 24px 26px,transparent 29px 42px),linear-gradient(115deg,#7e4929,#b87943 25%,#8f542d 53%,#c08a51 76%,#693c20);box-shadow:inset 0 3px 4px #ffdc9799,inset 0 -7px 7px #321b13,0 18px 30px #0008,0 3px 0 3px #2b160c}.cup{position:relative;min-width:0;border-radius:48%;padding:0;background:radial-gradient(ellipse at 50% 65%,#754325,#382219 90%);border:2px solid #61391e;box-shadow:inset 3px 7px 12px #1a0d0bab,0 2px 2px #e6b976b3;color:white;opacity:1!important;transition:box-shadow .2s}.cup:hover:not(:disabled){background:radial-gradient(ellipse at 50% 65%,#925d34,#382219 90%)}.cup.legal{outline:2px solid #efcf8b;outline-offset:3px}.cup.legal:after{content:'•';position:absolute;bottom:-25px;left:0;right:0;color:#fff0cc;font-size:20px}.cup.dest{box-shadow:inset 0 0 20px #e3ae4b,0 0 15px #ffd479}.cup.hinted{outline:4px solid #8ee8e1}.store{border-radius:44%;grid-row:1 / 3}.stones{position:absolute;inset:12% 10% 24%;pointer-events:none;overflow:hidden;border-radius:40%}.stone,.flying{position:absolute;width:19px;height:15px;border-radius:48% 55% 40% 53%;background:radial-gradient(ellipse at 32% 20%,#ffffffed 0, #ffffff75 10%,transparent 28%),radial-gradient(ellipse at 45% 35%,var(--c),#10221dbb 95%);box-shadow:inset 0 -2px 3px #0009,inset 0 0 2px #fff,2px 3px 4px #0009;pointer-events:none}.count{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:#21180feb;border:1px solid #d6a56775;border-radius:20px;padding:1px 9px;font:bold 17px system-ui;z-index:2}.cup-label{position:absolute;top:-23px;left:0;right:0;color:#ffe7b9;font:10px system-ui}.store .cup-label{top:10px}.store .stones{top:20%;bottom:20%}.store .count{bottom:14px;font-size:23px}.ownership,.last{text-align:center;color:var(--dim);font:13px/1.6 system-ui}.last{min-height:26px;color:var(--cream)}.controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.controls label{display:flex;gap:7px;align-items:center;font:12px system-ui}input[type=range]{width:75px}#network{text-align:center;color:var(--gold);font:13px system-ui}details{margin-top:20px;border-top:1px solid #ffffff15;padding-top:15px;font:13px system-ui;color:var(--dim)}#stats{padding:12px 0}dialog{max-width:520px;width:calc(100% - 30px);max-height:90vh;background:#23271f;color:var(--cream);border:1px solid #b99860;border-radius:20px;padding:28px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#090b09b8;backdrop-filter:blur(5px)}h2{font-weight:400;font-size:30px;margin-top:0}dialog label{display:block;font:13px system-ui;color:var(--dim);margin:12px 0}dialog input:not([type=checkbox]),dialog select{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #9b895750;border-radius:6px;background:#141b14;color:white}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.primary{background:#9a6333}.example{border:1px solid #b9986050;border-radius:12px;padding:15px}.example div{font-size:26px;color:var(--gold)}li{margin-bottom:10px}.flying{position:fixed;z-index:20;width:22px;height:18px}.active-name:before{content:'▶ ';color:var(--gold)}[hidden]{display:none!important}@media(max-width:700px){header{padding:10px 14px}header span{display:none}main{padding:18px 10px}h1{font-size:40px}.scorebar{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.turn{grid-column:1/3;grid-row:2}.scorebar>div:last-child{grid-column:2;grid-row:1}#board{gap:15px 7px;padding:25px 12px;grid-template-columns:repeat(6,1fr);grid-template-rows:82px 82px 62px;border-radius:26px}.store{grid-row:3!important}.store[data-cup="13"]{grid-column:1/4!important}.store[data-cup="6"]{grid-column:4/7!important}.store .stones{inset:12% 22%}.store .count{bottom:13px;left:85%}.store .cup-label{top:8px;left:9px;right:auto;max-width:55px}.stone{width:14px;height:12px}.count{font-size:15px;padding:0 7px;bottom:3px}.cup-label{top:-19px;font-size:9px}.cup.legal:after{bottom:-20px;font-size:15px}.ownership{font-size:11px}.controls{gap:7px}.controls button{padding:10px 12px}.turn strong{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}} 

@media(max-width:700px){
.cup[data-cup="0"]{grid-column:1!important}
.cup[data-cup="1"]{grid-column:2!important}
.cup[data-cup="2"]{grid-column:3!important}
.cup[data-cup="3"]{grid-column:4!important}
.cup[data-cup="4"]{grid-column:5!important}
.cup[data-cup="5"]{grid-column:6!important}
.cup[data-cup="7"]{grid-column:6!important}
.cup[data-cup="8"]{grid-column:5!important}
.cup[data-cup="9"]{grid-column:4!important}
.cup[data-cup="10"]{grid-column:3!important}
.cup[data-cup="11"]{grid-column:2!important}
.cup[data-cup="12"]{grid-column:1!important}
}
.cup:not(.store) .cup-label{top:7px;font-size:9px}.cup.legal:after{display:none}.cup:not(.store) .stones{top:24%;bottom:25%}
@media(max-width:700px){main{padding-top:12px}h1{font-size:36px;margin-bottom:16px}h1 span{font-size:9px;letter-spacing:2px}.scorebar{margin-bottom:9px;min-height:64px}.cup:not(.store) .cup-label{top:5px;font-size:8px}.ownership{margin:4px 0}.board-wrap{padding-bottom:12px}.last{margin:8px 0}.title .eyebrow{font-size:10px}}