:root{--counter-lane-width: 2.9rem;--counter-point-height: 4rem;color-scheme:dark;font-family:system-ui,sans-serif;background:#11251d;color:#f7ebd5}*{box-sizing:border-box}main{max-width:66rem;margin:2rem auto;padding:0 1rem}small{font-size:.72em;color:#9db8a7}button,input,select{border:1px solid #789b86;border-radius:.3rem;padding:.55rem .75rem;font:inherit;background:#1f4837;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.page-header h1{margin:.67em 0}.game-header{display:flex;width:min(100%,44rem);align-items:center;justify-content:space-between;gap:.8rem}#lobby{display:grid;gap:1rem;width:min(100%,38rem);padding:1rem;border:1px solid #527c68;border-radius:.6rem;background:#183b2b}.lobby-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.lobby-settings label,.join-room label{display:grid;gap:.35rem;color:#d9c695;font-size:.9rem}.lobby-settings input,.lobby-settings select,.join-room input{width:100%;min-width:0}.lobby-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:end}.lobby-actions button{min-height:2.75rem}.join-room{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:end}#resume{grid-column:1 / -1;justify-self:start;background:transparent}#game{display:grid;width:min(100%,44rem)}.game-session,.game-actions,.controls{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.game-session{justify-content:space-between}.game-session p{margin:0}.session-menu{position:relative}.session-menu summary{cursor:pointer}.session-actions{position:absolute;right:0;z-index:2;display:grid;gap:.4rem;min-width:12rem;padding:.5rem;border:1px solid #789b86;border-radius:.4rem;background:#183b2b}.game-actions{margin-top:0}#moves{min-height:1.5rem;margin:0}.room-summary{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.room-code{margin:0;padding:.12rem .45rem;border-color:#e8be64;background:#392a16;color:#ffe1a3;font-family:ui-monospace,monospace;font-weight:800;letter-spacing:.06em;cursor:copy}.opponent-identity{display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}.opponent-identity .opponent-checker{position:static;display:block;flex:none;width:1rem;height:1rem;margin:0;transform:none}.dice-area{display:flex;align-items:center;gap:.8rem;min-height:4.2rem}#roll{flex:0 0 9rem;min-height:2.9rem}#dice{display:flex;flex-wrap:wrap;gap:.55rem;min-width:6.55rem;min-height:4.2rem;align-items:center}.die-group{display:grid;justify-items:center;gap:.2rem}.die{width:3rem;height:3rem;display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.18rem;padding:.3rem;border:1px solid #b89b72;border-radius:.45rem;background:#f4ead8;box-shadow:.1rem .1rem .2rem #0007;transition:opacity .15s ease,filter .15s ease}.die.used{opacity:.35;filter:saturate(.35)}.pip{width:.48rem;height:.48rem;align-self:center;justify-self:center;border-radius:50%}.pip.visible{background:#25211e}#board{display:grid;grid-template-columns:minmax(0,1fr) var(--counter-lane-width) minmax(0,1fr);grid-template-rows:auto auto;gap:.3rem;padding:.5rem;border:.35rem solid #251913;border-radius:.45rem;background:#593c25}.half{display:grid;min-width:0;grid-template-rows:1.5rem 11rem;gap:.3rem}#top-left-board{grid-column:1;grid-row:1}#top-right-board{grid-column:3;grid-row:1}#bottom-left-board{grid-column:1;grid-row:2;grid-template-rows:11rem 1.5rem}#bottom-right-board{grid-column:3;grid-row:2;grid-template-rows:11rem 1.5rem}#bottom-left-board .points,#bottom-right-board .points{grid-row:1}#bottom-left-board .quarter-meta,#bottom-right-board .quarter-meta{grid-row:2}.quarter-meta{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.4rem;height:1.5rem;color:#f4ead8;font-size:.8rem}.quarter-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-marker{padding:.1rem .35rem;border-radius:.25rem;background:#18110d;color:#f3d062;font-weight:700;white-space:nowrap}.points{display:grid;min-width:0;grid-template-columns:repeat(6,minmax(2.8rem,1fr));gap:.3rem}.point{position:relative;display:block;height:11rem;overflow:hidden;padding:.35rem;border:2px solid transparent;background:#edc888;color:#26140d}.point.odd{background:#8f3d2a;color:#fff1d3}.point.selected{border-color:#4d9dff;box-shadow:0 0 .8rem #4d9dff}.point.legal{outline:3px solid #58c777;outline-offset:-3px;box-shadow:inset 0 0 .45rem #58c777}.point.opponent-target.preview{box-shadow:inset 0 0 .65rem #a77bff}.point.opponent-target.committed{box-shadow:inset 0 0 .65rem #f3d062}.point.opponent-selected.preview{border-color:#a77bff;box-shadow:0 0 .85rem #a77bff,inset 0 0 .65rem #a77bff}.point.opponent-selected.committed{border-color:#f3d062;box-shadow:0 0 .85rem #f3d062,inset 0 0 .65rem #f3d062}.point-label{position:absolute;right:.35rem;bottom:.35rem;font-size:.72rem;line-height:1;white-space:nowrap}.checkers{position:absolute;top:.35rem;right:0;left:0;height:100%}.checker{position:absolute;top:calc(var(--stack-index) * .55rem);left:50%;width:1.55rem;height:1.55rem;transform:translate(-50%);border:1px solid #222;border-radius:50%}.checker.opponent-moved{border-width:2px}.checker.opponent-moved.preview{border-color:#a77bff;box-shadow:0 0 .45rem .08rem #a77bff}.checker.opponent-moved.committed{border-color:#f3d062;box-shadow:0 0 .45rem .08rem #f3d062}#bottom-left-board .point-label,#bottom-right-board .point-label{top:.35rem;bottom:auto}#bottom-left-board .checkers,#bottom-right-board .checkers{top:auto;bottom:.35rem}#bottom-left-board .checker,#bottom-right-board .checker{top:auto;bottom:calc(var(--stack-index) * .55rem)}.checker.white{background:#f4ead8}.checker.black{background:#25211e;border-color:#8e7b62}.counter-lane{display:grid;grid-column:2;grid-row:1 / span 2;grid-template-rows:var(--counter-point-height) var(--counter-point-height) 1fr var(--counter-point-height) var(--counter-point-height) var(--counter-point-height);gap:.4rem}.counter-lane .point{height:var(--counter-point-height)}.counter-bar{grid-row:1}.hits-counter{grid-row:2}.rolled-counter{grid-row:3}.skipped-counter{grid-row:4}.bear-off-waste-counter{grid-row:5}.counter-off{grid-row:6}.counter-point{display:grid;grid-template-rows:auto 1fr;align-items:start;justify-items:center;padding:.3rem .15rem .2rem;border-radius:.3rem;font-size:.65rem}.checker-counters{display:flex;flex-direction:column;align-self:start;align-items:flex-start;gap:.16rem;width:2.6rem;margin:.24rem 0 0 .02rem}.checker-counter{display:grid;grid-template-columns:.9rem minmax(0,1fr);align-items:center;column-gap:.12rem;width:100%}.checker-counter .checker{position:static;width:.9rem;height:.9rem;transform:none}.checker-counter b{min-width:0;font-size:.8rem;line-height:1;white-space:nowrap}#status{min-height:1.5em}#error{color:#ffaaa0;min-height:1.5em}dialog{width:min(calc(100% - 2rem),28rem);border:1px solid #789b86;border-radius:.6rem;background:#183b2b;color:#f7ebd5;box-shadow:0 1rem 3rem #000a}dialog::backdrop{background:#0009}#settings-form{display:grid;gap:1rem}#settings-form h2{margin:0}#settings-form label{display:grid;gap:.4rem;color:#d9c695}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem}@media (max-width: 42rem){:root{--counter-point-height: 3.45rem}main{margin:1rem auto;padding:0 .5rem}.game-session{align-items:flex-start;flex-direction:column}#board{gap:.3rem;padding:.4rem}.half{grid-template-rows:2.6rem 7.2rem}#bottom-left-board,#bottom-right-board{grid-template-rows:7.2rem 2.6rem}.points{grid-template-columns:repeat(6,minmax(0,1fr));gap:.12rem}.quarter-meta{align-items:flex-start;flex-direction:column;height:2.6rem;font-size:.62rem}.point{min-width:0;height:7.2rem;padding:.15rem .05rem}.point-label{right:.12rem;bottom:.15rem;font-size:.48rem}#bottom-left-board .point-label,#bottom-right-board .point-label{top:.15rem;bottom:auto}.checker{width:1.1rem;height:1.1rem;top:calc(var(--stack-index) * .4rem)}#bottom-left-board .checker,#bottom-right-board .checker{bottom:calc(var(--stack-index) * .4rem)}.checker-counters{gap:.05rem;width:2.25rem;margin:.2rem 0 0 .02rem}.checker-counter{grid-template-columns:.7rem minmax(0,1fr);column-gap:.05rem}.checker-counter .checker{width:.7rem;height:.7rem}.checker-counter b{font-size:.65rem}}@media (max-width: 34rem){.lobby-settings,.lobby-actions,.join-room{grid-template-columns:1fr}.lobby-actions button,#resume{width:100%}.game-actions{align-items:stretch;flex-direction:column}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.controls button{min-height:2.9rem}.session-actions{min-width:min(16rem,calc(100vw - 2rem))}}@media (max-width: 24rem){:root{--counter-lane-width: 2.65rem;--counter-point-height: 3.2rem}main{margin:.65rem auto 1rem;padding:0 .25rem}.page-header h1{margin:.45em 0;font-size:1.55rem}button,input,select{min-height:2.75rem;font-size:1rem}.game-session,.game-actions,.controls{gap:.55rem;margin:.7rem 0}.game-session p{font-size:.88rem;line-height:1.45}.dice-area{gap:.55rem;min-height:3.75rem}#roll{flex-basis:8.5rem;min-height:2.75rem}#dice{min-width:5.85rem;min-height:3.75rem;gap:.4rem}.die{width:2.7rem;height:2.7rem}#board{width:100vw;margin-inline:calc(50% - 50vw);gap:.18rem;padding:.25rem;border-width:.25rem;border-radius:0}.half{grid-template-rows:2.25rem 7.45rem;gap:.18rem}#bottom-left-board,#bottom-right-board{grid-template-rows:7.45rem 2.25rem}.points{gap:.08rem}.quarter-meta{height:2.25rem;gap:.18rem;font-size:.58rem}.direction-marker{padding:.08rem .22rem}.point{height:7.45rem;padding:.12rem .03rem;touch-action:manipulation}.point-label{right:.08rem;bottom:.12rem;font-size:.45rem}#bottom-left-board .point-label,#bottom-right-board .point-label{top:.12rem}.checker{width:1.12rem;height:1.12rem;top:calc(var(--stack-index) * .41rem)}#bottom-left-board .checker,#bottom-right-board .checker{bottom:calc(var(--stack-index) * .41rem)}.counter-lane{gap:.25rem}.counter-point{padding-top:.18rem}.checker-counters{width:2.23rem;margin:.12rem 0 0 .02rem}}