:root{color-scheme:dark;--color-page-surface: radial-gradient(circle at top, #254b37, #0c1c17 70%);--color-page-text: #f7ebd5;--color-page-muted: #9db8a7;--color-field-border: #789b86;--color-field-surface: #1f4837;--color-dialog-surface: #183b2b;--font-sans: "Trebuchet MS", system-ui, sans-serif;--radius-control: .3rem;--radius-dialog: .6rem;--shadow-dialog: 0 1rem 3rem #000a}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#09130f}small{color:var(--color-page-muted);font-size:.72em}button,input,select{padding:.55rem .75rem;border:1px solid var(--color-field-border);border-radius:var(--radius-control);background:var(--color-field-surface);color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}main{max-width:76rem;margin:1.5rem auto;padding:0 1rem}main:has(#game){display:grid;height:100vh;margin-block:0;padding-block:0;align-items:center;justify-items:stretch}main:has(#game)>#game{block-size:100%;min-block-size:0;container-type:size;justify-self:center}@supports (min-height: 100dvh){main:has(#game){height:100dvh}}.welcome-page{display:grid;min-height:100vh;margin-block:0;place-items:center}.welcome-card{display:grid;width:min(100%,26rem);gap:1rem;padding:clamp(1.5rem,5vw,2rem);border:1px solid #d9ad5b;border-radius:.75rem;background:linear-gradient(135deg,#24130c,#593019 48%,#24130c);box-shadow:inset 0 0 0 .08rem #f7d99555,0 .7rem 1.5rem #0009;text-align:center}.welcome-card h1{margin:0;color:#ffe3a8;font-family:Georgia,serif;font-size:clamp(2rem,7vw,2.5rem);text-shadow:0 .08rem .08rem #160906}.welcome-description{margin:-.45rem 0 .4rem;color:#d9c695}.welcome-page{min-height:calc(100vh - env(safe-area-inset-block-start) - env(safe-area-inset-block-end));padding-block:max(1rem,env(safe-area-inset-block-start)) max(1rem,env(safe-area-inset-block-end))}@supports (height: 100dvh){.welcome-page{min-height:calc(100dvh - env(safe-area-inset-block-start) - env(safe-area-inset-block-end))}}.welcome-board{position:relative;display:grid;grid-template-columns:repeat(12,1fr);height:7.25rem;padding:.45rem;overflow:hidden;border:.18rem solid #e8bd72;border-radius:.5rem;background:radial-gradient(ellipse at 50% 42%,#b86c3d,#61301f);box-shadow:inset 0 0 .7rem #3b180e,0 .2rem .5rem #0008}.welcome-point{position:relative;min-width:0}.welcome-point:before{position:absolute;top:0;left:0;width:100%;height:5.8rem;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(90deg,#fff0c8,#e7bd72);content:""}.welcome-point:after{display:none}.welcome-point--bottom:before{top:auto;bottom:0;transform:rotate(180deg);background:linear-gradient(90deg,#8c241d,#51130f)}.welcome-checker{position:absolute;z-index:1;left:50%;width:1.45rem;height:1.45rem;border:.12rem solid #d9ad5b;border-radius:50%;box-shadow:.08rem .1rem .18rem #0009;transform:translate(-50%)}.welcome-checker--white{top:.65rem;background:#fffdf8}.welcome-checker--black{bottom:.65rem;background:#241813}.welcome-die{position:absolute;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:1.7rem;height:1.7rem;padding:.24rem;border-radius:.3rem;background:linear-gradient(135deg,#fffdf4,#d8c29c);box-shadow:.08rem .1rem .18rem #0009;transform:rotate(-10deg)}.welcome-die--left{top:2.1rem;left:23%}.welcome-die--right{top:2.85rem;right:21%;transform:rotate(8deg)}.welcome-die i{width:.26rem;height:.26rem;align-self:center;justify-self:center;border-radius:50%;background:#241813}.welcome-die[data-value="5"] i:nth-child(1){grid-area:1 / 1}.welcome-die[data-value="5"] i:nth-child(2){grid-area:1 / 3}.welcome-die[data-value="5"] i:nth-child(3){grid-area:2 / 2}.welcome-die[data-value="5"] i:nth-child(4){grid-area:3 / 1}.welcome-die[data-value="5"] i:nth-child(5){grid-area:3 / 3}.welcome-die[data-value="2"] i:first-child{grid-area:1 / 1}.welcome-die[data-value="2"] i:last-child{grid-area:3 / 3}.welcome-login{min-height:2.8rem;border-color:#d9ad5b;background:linear-gradient(135deg,#3b1c0e,#865027 47%,#32180d);box-shadow:inset 0 0 0 .08rem #f7d99555,inset 0 0 .4rem #130704;color:#ffe3a8;font-weight:800}.welcome-download{color:#d9c695;font-size:.88rem}.welcome-rune{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:5.8rem;overflow:visible;pointer-events:none}.welcome-rune path{fill:none;stroke:#8c5b31cc;stroke-linecap:square;stroke-width:1.45;vector-effect:non-scaling-stroke}.welcome-point--bottom .welcome-rune{top:auto;bottom:0;transform:scaleY(-1)}.welcome-point--bottom .welcome-rune path{stroke:#e0a07acc}#lobby{display:grid;gap:1rem;width:min(100%,62rem);overflow:hidden;padding:0;border:.65rem solid #29170d;border-radius:.8rem;background:linear-gradient(135deg,#2b160dcc,#593019cc 48%,#24130ccc),#183b2b;box-shadow:inset 0 0 0 .12rem #e8bd7244,0 .6rem 1.5rem #0005}main:has(#lobby){display:grid;margin-block:0;justify-items:center}.lobby-top-rail{display:flex;min-height:3.15rem;align-items:center;justify-content:space-between;gap:.7rem;padding:.4rem .6rem;border-bottom:1px solid #a8743d;background:linear-gradient(135deg,#2b160d,#593019 48%,#24130c);box-shadow:inset 0 0 0 .1rem #e8bd7244,inset 0 -.3rem .55rem #16090688}.lobby-top-rail h1{margin:0;color:#ffe3a8;font-family:Georgia,serif;font-size:clamp(1.45rem,4vw,1.9rem);text-shadow:0 .08rem .08rem #160906}.lobby-top-rail .account-menu summary{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .55rem;border:1px solid #d9ad5b;border-radius:.35rem;background:linear-gradient(135deg,#3b1c0e,#71411f 47%,#32180d);color:#ffe3a8;font-weight:800;list-style:none}.lobby-top-rail .account-menu summary::-webkit-details-marker{display:none}.lobby-intro{display:grid;gap:.35rem;min-height:3.7rem;margin:0 clamp(1rem,3vw,1.5rem);padding:.85rem 0;border-bottom:1px solid #d3a95a55}.lobby-intro p{margin:0}.lobby-intro #error{min-height:1.35em;color:#ffb4a8}.lobby-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(15rem,1fr);gap:1rem;padding:0 clamp(1rem,3vw,1.5rem);align-items:stretch}.lobby-card{display:grid;align-content:start;gap:.9rem;padding:1rem;border:1px solid #b8863d;border-radius:.55rem;background:linear-gradient(145deg,#4a2919dd,#27150ecc);box-shadow:inset 0 0 0 .08rem #f3d58e2e,inset 0 0 1rem #16090688}.lobby-card h2{margin:.12rem 0 0;color:#f7dfa8;font-size:1.15rem}.lobby-card small{color:#e8bd72;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lobby-card p{margin:.15rem 0 0;color:#d9c695;font-size:.88rem;line-height:1.45}.lobby-download{display:flex;min-height:3.1rem;align-items:center;gap:.55rem;padding:.45rem clamp(1rem,3vw,1.5rem);border-top:1px solid #a8743d;background:linear-gradient(135deg,#24130c,#593019 48%,#2b160d);color:#d9c695}.lobby-download>span:first-child{color:#8bcf75;font-size:1.2rem}.lobby-download a{margin-left:auto;padding:.35rem .65rem;border:1px solid #d9ad5b;border-radius:.3rem;background:#3b1c0e;color:#ffe3a8;font-weight:800;text-decoration:none}.lobby-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.lobby-settings label,.join-room label,.fairness-seed label{display:grid;gap:.35rem;color:#f0d9a4;font-size:.86rem;font-weight:700}.lobby-settings input,.lobby-settings select,.join-room input,.fairness-seed input{width:100%;min-width:0;border-color:#9b7040;background:#1d130eee;color:#f7ebd5}.join-room input{font-family:ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.fairness-seed{width:min(100%,46rem);margin:0 .8rem 1rem;border:1px solid #9b7040;border-radius:.45rem;background:#1d130ecc}.fairness-seed summary{display:grid;grid-template-columns:max-content max-content minmax(0,1fr) max-content;align-items:center;gap:.45rem;min-height:2.55rem;padding:.45rem .65rem;color:#d9c695;cursor:pointer;list-style:none}.fairness-seed summary::-webkit-details-marker{display:none}.fairness-seed summary:after{content:"⌄";color:#f3d062;font-weight:800}.fairness-seed[open] summary{border-bottom:1px solid #9b704077}.fairness-seed[open] summary:after{transform:rotate(180deg)}.fairness-seed summary strong{color:#f0d9a4}.fairness-seed summary span{color:#bfa77a;font-size:.78rem}.fairness-seed summary code{overflow:hidden;color:#f2d79e;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.fairness-seed summary b{color:#9ee0b1;font-size:.72rem;white-space:nowrap}.fairness-seed .invalid{color:#ffb4a9}.fairness-seed-details{display:grid;gap:.5rem;padding:.65rem}.fairness-seed p{margin:0;color:#d9c695;font-size:.82rem;line-height:1.35}.fairness-seed-field{display:flex;gap:.4rem}.fairness-seed-field button{flex:none;min-width:2.4rem;padding:.25rem;border-color:#d9ad5b;background:#24513c;color:#ffe3a8;font-size:1.3rem;line-height:1}.lobby-primary,.lobby-secondary{min-height:2.8rem;border-color:#d9ad5b;background:linear-gradient(135deg,#3b1c0e,#865027 47%,#32180d);box-shadow:inset 0 0 0 .08rem #f7d99555,inset 0 0 .4rem #130704,0 .12rem .22rem #150904b3;color:#ffe3a8;font-weight:800}.lobby-primary:hover:not(:disabled),.lobby-secondary:hover:not(:disabled){border-color:#ffe08f;box-shadow:inset 0 0 0 .08rem #fff0b080,0 0 .45rem #eabf6a66}.lobby-secondary{background:linear-gradient(135deg,#1f4938,#31634a,#173728)}#resume{justify-self:start;padding:.15rem 0;border:0;background:transparent;color:#f3d062;text-decoration:underline}.mobile-download{width:min(100%,62rem);margin:.9rem 0;text-align:center}.mobile-download a{color:#d9c695}.page-header{display:flex;width:min(100%,62rem);align-items:center;justify-content:space-between;gap:.8rem}.page-header h1{flex:none;margin:.67em 0}.account-menu{position:relative;min-width:0}.account-menu summary,.session-menu summary{max-width:min(14rem,100%);overflow:hidden;color:#d9c695;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.account-menu>button{position:absolute;right:0;z-index:50;margin-top:.4rem;white-space:nowrap}.account-menu .logout,.session-actions .logout{width:100%;min-width:max-content;min-height:2.8rem;border-color:#bd7064;background:linear-gradient(135deg,#401a16,#7a342b 48%,#32110f);box-shadow:inset 0 0 0 .08rem #ffd0c044,inset 0 0 .4rem #180604,0 .12rem .22rem #150504a8;color:#ffd4ca;font-weight:800;white-space:nowrap}.account-menu .logout:hover:not(:disabled),.session-actions .logout:hover:not(:disabled){border-color:#ffd0c0;box-shadow:inset 0 0 0 .08rem #fff0e080,0 0 .45rem #e8877666}.account-menu .logout:focus-visible,.session-actions .logout:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}.account-menu[open],.session-menu[open]{min-width:max-content}.account-menu-actions{position:absolute;right:0;z-index:100;display:grid;gap:.4rem;min-width:max-content;margin-top:.35rem;padding:.5rem;border:1px solid #a8743d;border-radius:.55rem;background:linear-gradient(135deg,#2b160d,#593019 48%,#24130c);box-shadow:inset 0 0 0 .08rem #e8bd7244,0 .5rem 1rem #000b}.account-menu-actions>button{width:100%;min-height:2.8rem;border-color:#9b7040;background:#24130ccc;color:#f7dfa8;font-weight:700;text-align:left;white-space:nowrap}.account-menu-actions>button:hover:not(:disabled){border-color:#ffe08f;background:linear-gradient(135deg,#3b1c0e,#71411f 47%,#32180d);color:#ffe3a8}.account-menu summary{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .55rem;border:1px solid #d9ad5b;border-radius:.35rem;background:linear-gradient(135deg,#3b1c0e,#71411f 47%,#32180d);box-shadow:inset 0 0 0 .06rem #f7d99555;color:#ffe3a8;font-weight:800;list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover,.account-menu[open] summary{border-color:#ffe08f;box-shadow:inset 0 0 0 .08rem #fff0b080,0 0 .45rem #eabf6a55}.account-menu summary:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}@media (max-width: 42rem){.page-header{min-width:0}.page-header h1{font-size:clamp(1.55rem,7vw,2em)}.account-menu{flex:0 1 6rem;overflow:hidden}.account-menu-actions{position:static;margin-top:.35rem}}@media (max-width: 24rem){.page-header h1{margin:.45em 0;font-size:1.55rem}}#game{display:grid;width:min(100%,64rem)}.game-session,.game-actions,.controls{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:1rem 0}.game-session{position:relative;z-index:10;justify-content:space-between;min-height:3.15rem;padding:.45rem .65rem;border:1px solid #9b642d;border-radius:.55rem;background:linear-gradient(135deg,#2b160def,#593019ef 48%,#24130def);box-shadow:inset 0 0 0 .08rem #e8bd7244,0 .25rem .7rem #0004}.game-session p{margin:0}.session-menu{position:relative;z-index:20}.session-menu summary{padding:.38rem .55rem;border:1px solid #b8863d;border-radius:.35rem;background:#24130cbb;color:#f7dfa8;cursor:pointer}.session-actions{position:absolute;right:0;z-index:100;display:grid;gap:.4rem;min-width:12rem;margin-top:.35rem;padding:.5rem;border:1px solid #d9ad5b;border-radius:.4rem;background:linear-gradient(145deg,#4a2919,#27150e);box-shadow:0 .5rem 1rem #000b}#game .game-actions,#game .controls,#game #roll,#game .dice-area{display:none}#moves{min-height:1.5rem;margin:0}.room-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;color:#d9c695;font-size:.88rem}.room-summary>span{display:inline-flex;min-height:1.9rem;align-items:center}.room-summary>span[aria-hidden=true]{width:.16rem;min-height:1.25rem;padding:0;overflow:hidden;border-radius:50%;background:#d9ad5b88;color:transparent}.room-summary>span:first-child{padding:.2rem .5rem;border:1px solid #a8773a;border-radius:.3rem;background:#24130ccc;color:#f7dfa8;font-weight:800}.room-summary>span:nth-of-type(3),.room-summary>span:nth-of-type(5){color:#bfa77a;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.room-code{margin:0;padding:.22rem .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:.3rem;padding-right:.25rem;color:#f7ebd5;white-space:nowrap}.opponent-identity .opponent-checker{position:relative;display:block;flex:none;width:1rem;height:1rem;margin:0;transform:none}.dice-area{display:flex;min-height:4.2rem;align-items:center;gap:.8rem}#roll{flex:0 0 9rem;min-height:2.9rem}#dice{display:flex;flex-wrap:wrap;min-width:6.55rem;min-height:4.2rem;align-items:center;gap:.55rem}.die-group{display:grid;justify-items:center;gap:.2rem}.die{position:relative;display:inline-grid;width:3rem;height:3rem;grid-template-rows:repeat(3,1fr);grid-template-columns: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)}.die.blocked{border-color:#9d3f31;box-shadow:inset 0 0 0 .1rem #9d3f3155,.1rem .1rem .2rem #0007}.die.blocked:before,.die.blocked:after{position:absolute;z-index:1;top:50%;left:-18%;width:136%;height:.62rem;border-top:1px solid #f2afa280;border-bottom:1px solid #5b171480;background:linear-gradient(90deg,#a51f1da8,#d73b36a8 50%,#a51f1da8);box-shadow:0 .06rem .12rem #42100c66;content:"";pointer-events:none}.die.blocked:before{transform:translateY(-50%) rotate(-45deg)}.die.blocked:after{transform:translateY(-50%) rotate(45deg)}.pip{width:.58rem;height:.58rem;align-self:center;justify-self:center;border-radius:50%}.pip.visible{background:#25211e}#board{--board-gap: .7rem;--checker-stack-step: .7rem;--playfield-spacer-min: .7rem;--playfield-spacer-optimal: 3vw;--playfield-spacer-max: 2.25rem;--playfield-spacer-height: clamp( var(--playfield-spacer-min), var(--playfield-spacer-optimal), var(--playfield-spacer-max) );--quarter-seam: calc(50% - var(--board-gap) / 2);position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto var(--playfield-spacer-height) auto;column-gap:var(--board-gap);row-gap:0;padding:.7rem;border:.65rem solid #29170d;border-radius:.8rem;background:linear-gradient(45deg,transparent 47%,#f0ca7b24 48%,#6e321c2b 50%,transparent 52%) 0 0 / 2.3rem 2.3rem,linear-gradient(-45deg,transparent 47%,#f0ca7b24 48%,#6e321c2b 50%,transparent 52%) 0 0 / 2.3rem 2.3rem,radial-gradient(ellipse at 50% 42%,#b86c3d,#8e4828 48%,#61301f);box-shadow:0 .6rem 1.5rem #0008,inset 0 0 0 .16rem #e8bd72,inset 0 0 1.4rem .2rem #3b180e}#board:before,#board:after{position:absolute;z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg,#3b180e,#9b642d 20%,#f3d58e,#9b642d 80%,#3b180e);box-shadow:0 0 .55rem #f3d58e66,inset 0 0 .15rem #301109}#board:before{top:.7rem;bottom:.7rem;left:calc(var(--quarter-seam) - .16rem);width:.32rem}#board:after{top:calc(50% - .16rem);right:.7rem;left:.7rem;height:.32rem}.half,.board-accessories{position:relative;z-index:1}.half{display:grid;min-width:0;grid-template-rows:1.5rem clamp(10rem,25vw,17rem);gap:.3rem}#bottom-left-board,#bottom-right-board{grid-template-rows:clamp(10rem,25vw,17rem) 1.5rem}#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(0,1fr));gap:var(--point-gap, .3rem)}.point{position:relative;display:block;height:clamp(10rem,25vw,17rem);overflow:hidden;padding:.35rem;border:2px solid transparent;background:transparent;color:#26140d;isolation:isolate}.point:disabled{opacity:1}.point:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";clip-path:polygon(19.1% 0,80.9% 0,50% 61.8%);background:linear-gradient(90deg,#f2d59d,#d8a95f);box-shadow:inset 0 0 1rem #fff5}.point.odd:before{background:linear-gradient(90deg,#a74731,#712817)}#bottom-left-board .point:before,#bottom-right-board .point:before{clip-path:polygon(50% 38.2%,80.9% 100%,19.1% 100%)}.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:0;bottom:.35rem;left:0;text-align:center;font-size:.72rem;line-height:1;white-space:nowrap}.checkers{position:absolute;z-index:1;top:.35rem;right:0;left:0;height:100%}.checker{position:absolute;top:calc(var(--stack-index) * .8rem);left:50%;width:clamp(1.55rem,4vw,2.6rem);height:clamp(1.55rem,4vw,2.6rem);transform:translate(-50%);border:2px solid #432b18;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff9 0 7%,transparent 14%),radial-gradient(circle at 50% 53%,#8e6f4f 0 35%,transparent 38%),linear-gradient(135deg,#fff0 20%,#0005);box-shadow:inset .16rem .16rem .2rem #fff9,inset -.22rem -.25rem .35rem #0008,.08rem .12rem .18rem #0008;overflow:hidden}.checker:before{position:absolute;top:17%;right:17%;bottom:17%;left:17%;content:"";border:1px solid #442b1988;border-radius:50%;background:radial-gradient(circle at 38% 35%,#0005,transparent 54%),radial-gradient(circle at 50% 50%,transparent 48%,#0005 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #0008,0 0 .08rem #fff6}.checker:after{position:absolute;top:27%;right:27%;bottom:27%;left:27%;content:"";border:1px solid #5c412766;border-radius:48%;background:repeating-conic-gradient(from 45deg,#fff2 0deg 5deg,transparent 5deg 45deg);opacity:.55}.checker.opponent-moved{border-width:3px}.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) * .8rem)}.checker.white{background-color:#d5c19e}.checker.black{background-color:#2a211d;border-color:#9b8065}.checker.white:before{background-color:#d3bd98}.checker.black:before{border-color:#b99c7c77;background-color:#211816;box-shadow:inset .08rem .1rem .16rem #000c,0 0 .08rem #b99c7c77}.checker.black:after{border-color:#b99c7c55;background:repeating-conic-gradient(from 45deg,#e2c79622 0deg 5deg,transparent 5deg 45deg)}.board-accessories{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem;min-height:1.8rem}.bottom-accessories{grid-row:4;grid-template-columns:minmax(0,1fr) 5.5rem}.statistics{display:flex;gap:.15rem;min-width:0}.statistics .counter-point{flex:1;border-color:#765128;background:#392a16;color:#f4ead8}.counter-point{display:flex;min-width:0;height:1.8rem;align-items:center;gap:.3rem;padding:.2rem .3rem;border:1px solid transparent;border-radius:.25rem;background:#edc888;color:#26140d;font-size:.65rem;font-weight:700}.counter-point>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checker-counters{display:flex;align-items:center;gap:.3rem;margin-left:auto}.checker-counter{display:inline-flex;align-items:center;gap:.12rem}.checker-counter .checker{position:static;flex:none;width:.75rem;height:.75rem;transform:none}.checker-counter b{font-size:.7rem;line-height:1;white-space:nowrap}.point:before{background:linear-gradient(90deg,#fff0c8,#e7bd72);box-shadow:inset 0 0 1rem #fff8}.point.odd:before{background:linear-gradient(90deg,#8c241d,#51130f)}.statistics .counter-point{border-color:#806749;background:#46382c;color:#f4ead8}.statistics .counter-point:before{display:none}.point:not(.counter-point) .checker{background-color:#d8c29e;background-image:radial-gradient(circle at center,#8e6f4f 0 35%,transparent 38%),linear-gradient(135deg,transparent 42%,#0004 100%);box-shadow:inset -.22rem -.25rem .35rem #0008,.08rem .12rem .18rem #0008}.point:not(.counter-point) .checker.black{background-color:#312723;background-image:radial-gradient(circle at center,#160e0c 0 35%,transparent 38%),linear-gradient(135deg,transparent 42%,#0006 100%);box-shadow:inset -.22rem -.25rem .35rem #000a,.08rem .12rem .18rem #000a}.point:not(.counter-point) .checker:before{background:radial-gradient(circle at 50% 50%,transparent 48%,#0005 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #0008}.point:not(.counter-point) .checker.black:before{background:radial-gradient(circle at 50% 50%,transparent 48%,#0b0706cc 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #000a}.point:not(.counter-point) .checker:after{top:28%;right:28%;bottom:28%;left:28%;border:0;border-radius:0;background:linear-gradient(90deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat;opacity:.72}.point:not(.counter-point) .checker.black:after{background:linear-gradient(90deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat}.checker-counter .checker:before,.checker-counter .checker:after,.opponent-identity .opponent-checker:before,.opponent-identity .opponent-checker:after{display:none}.point:not(.counter-point) .checker.black{background-image:radial-gradient(circle at center,#100907 0 35%,transparent 38%),radial-gradient(circle at center,#554039 0,#554039 52%,#70564c,#392721 82%,#1d1411),linear-gradient(135deg,transparent 42%,#0006 100%)}.point:not(.counter-point) .checker:not(.black):after{filter:none;opacity:1}.checker.white{background-color:#fffdf8;filter:brightness(1.05) saturate(.82)}.board-bar,.board-off{--tray-border-width: .12rem;z-index:2;display:grid;justify-items:center;gap:.2rem;min-width:0;height:auto;padding:.24rem;border:var(--tray-border-width) solid #b8853e;border-radius:.35rem;color:#f6dfae;background:linear-gradient(90deg,#2b160d,#704322 48%,#2b160d);box-shadow:inset 0 0 .35rem #d8aa5a66,0 .15rem .35rem #190b06aa}.board-bar{position:absolute;top:calc(50% - 2.1rem);left:calc(50% - 1.15rem);width:2.3rem;height:4.2rem;align-content:center;overflow:hidden}.board-off{width:5.5rem;height:1.8rem;align-self:center}.board-bar:before,.board-off:before{display:none}.board-off .checker-counters{margin:0}.board-off .checker-counter{gap:.08rem}.checker-stack{position:relative;display:inline-flex;width:1.08rem;height:.7rem}.checker-stack .checker{position:absolute;top:0;transform:none}.checker-stack .checker:nth-child(2){left:.12rem}.checker-stack .checker:nth-child(3){left:.24rem}.checker-stack .checker:nth-child(4){left:.36rem}.board-off .checker{width:.7rem;height:.7rem}.board-off .checker:before,.board-off .checker:after{display:none}.bar-checkers,.bar-stack{position:absolute;top:0;right:0;bottom:0;left:0}.board-bar .checker{top:calc(var(--stack-index) * .7rem);width:var(--checker-diameter);height:var(--checker-diameter);background-color:#d8c29e;background-image:radial-gradient(circle at center,#8e6f4f 0 35%,transparent 38%),linear-gradient(135deg,transparent 42%,#0004 100%);box-shadow:inset -.22rem -.25rem .35rem #0008,.08rem .12rem .18rem #0008}.board-bar .checker.black{background-color:#312723;background-image:radial-gradient(circle at center,#100907 0 35%,transparent 38%),radial-gradient(circle at center,#554039 0,#554039 52%,#70564c,#392721 82%,#1d1411),linear-gradient(135deg,transparent 42%,#0006 100%);box-shadow:inset -.22rem -.25rem .35rem #000a,.08rem .12rem .18rem #000a}.board-bar .opponent-stack .checker{top:auto;bottom:calc(var(--stack-index) * .7rem)}.board-bar .checker:before{display:block;background:radial-gradient(circle at 50% 50%,transparent 48%,#0005 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #0008}.board-bar .checker.black:before{background:radial-gradient(circle at 50% 50%,transparent 48%,#0b0706cc 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #000a}.board-bar .checker:after{display:block;top:28%;right:28%;bottom:28%;left:28%;border:0;border-radius:0;background:linear-gradient(90deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat;opacity:.72}.board-bar .checker.black:after{background:linear-gradient(90deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat}@media (max-width: 42rem){#board{--board-gap: .3rem;padding:.4rem}.points{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--point-gap)}.quarter-meta{align-items:flex-start;flex-direction:column;height:2.6rem;font-size:.62rem}.point{min-width:0;padding:.15rem .05rem}.point-label{right:0;bottom:.15rem;font-size:.48rem}#bottom-left-board .point-label,#bottom-right-board .point-label{top:.15rem;bottom:auto}.board-accessories{min-height:1.65rem}.counter-point{height:1.65rem;gap:.15rem;padding-inline:.2rem}.checker-counters{gap:.12rem}.checker-counter{gap:.05rem}.checker-counter .checker{width:.7rem;height:.7rem}.checker-counter b{font-size:.65rem}}@media (max-width: 24rem){.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{--board-gap: .18rem;--checker-diameter: 1.12rem;width:100vw;margin-inline:calc(50% - 50vw);padding:.25rem;border-width:.25rem;border-radius:0}.quarter-meta{height:2.25rem;gap:.18rem;font-size:.58rem}.direction-marker{padding:.08rem .22rem}.point{padding:.12rem .03rem;touch-action:manipulation}.point-label{right:0;bottom:.12rem;font-size:.45rem}#bottom-left-board .point-label,#bottom-right-board .point-label{top:.12rem}.board-accessories{gap:.18rem}.counter-point{font-size:.55rem}}#board{--checker-diameter: clamp(1.55rem, 4vw, 2.6rem);--bar-width: calc(var(--checker-diameter) * 1.3)}.playfield-spacer{position:relative;z-index:3;grid-column:1 / -1;grid-row:2;min-height:var(--playfield-spacer-min);pointer-events:none}#top-left-board,#top-right-board{grid-row:1}#bottom-left-board,#bottom-right-board{grid-row:3}#board.board--with-bar{grid-template-columns:minmax(0,1fr) var(--bar-width) minmax(0,1fr) var( --bar-width )}#board.board--with-bar:before{display:none}#board.board--with-bar #top-left-board{grid-column:1}#board.board--with-bar #top-right-board{grid-column:3}#board.board--with-bar #bottom-left-board{grid-column:1}#board.board--with-bar #bottom-right-board{grid-column:3}#board.board--with-bar .board-bar,#board.board--with-bar .board-off{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;align-self:center}#board.board--with-bar .board-bar{grid-column:2;grid-row:1 / span 3;height:61.8%}#board.board--with-bar .board-off{grid-column:4;grid-row:1 / span 3;height:100%}@media (max-width: 24rem){#board{--checker-diameter: 1.12rem}}.checker.opponent-moved.committed{border-color:#f3d062;box-shadow:0 0 .45rem #f3d062,inset 0 0 0 .08rem #fff0a866}.checker.opponent-moved.preview{border-color:#a77bff;box-shadow:0 0 .45rem #a77bff,inset 0 0 0 .08rem #e5d9ff66}#board.board--with-bar.board--off-left{grid-template-columns:var(--bar-width) minmax(0,1fr) var( --bar-width ) minmax(0,1fr)}#board.board--with-bar.board--off-left #top-left-board{grid-column:2}#board.board--with-bar.board--off-left #top-right-board{grid-column:4}#board.board--with-bar.board--off-left #bottom-left-board{grid-column:2}#board.board--with-bar.board--off-left #bottom-right-board{grid-column:4}#board.board--with-bar.board--off-left .board-off{grid-column:1}#board.board--with-bar.board--off-left .board-bar{grid-column:3}@media (max-width: 42rem){.board-stage{--board-gap: .3rem}}@media (max-width: 24rem){.board-stage{--board-gap: .18rem;--checker-diameter: 1.12rem}}@media (max-width: 42rem){.board-bar .checker{top:calc(var(--stack-index) * .4rem)}.board-bar .opponent-stack .checker{top:auto;bottom:calc(var(--stack-index) * .4rem)}}.board-off .checker{width:var(--checker-diameter);height:var(--checker-diameter);background-color:#d8c29e;background-image:radial-gradient(circle at center,#8e6f4f 0 35%,transparent 38%),linear-gradient(135deg,transparent 42%,#0004 100%);box-shadow:inset -.22rem -.25rem .35rem #0008,.08rem .12rem .18rem #0008}.board-off .checker.black{background-color:#312723;background-image:radial-gradient(circle at center,#100907 0 35%,transparent 38%),radial-gradient(circle at center,#554039 0,#554039 52%,#70564c,#392721 82%,#1d1411),linear-gradient(135deg,transparent 42%,#0006 100%);box-shadow:inset -.22rem -.25rem .35rem #000a,.08rem .12rem .18rem #000a}.board-off .own-stack .checker{top:auto;bottom:calc(var(--stack-index) * .7rem)}.board-off .opponent-stack .checker{top:calc(var(--stack-index) * .7rem)}.board-off .checker:before{display:block;background:radial-gradient(circle at 50% 50%,transparent 48%,#0005 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #0008}.board-off .checker.black:before{background:radial-gradient(circle at 50% 50%,transparent 48%,#0b0706cc 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #000a}.board-off .checker:after{display:block;top:28%;right:28%;bottom:28%;left:28%;border:0;border-radius:0;background:linear-gradient(90deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat;opacity:.72}.board-off .checker.black:after{background:linear-gradient(90deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat}@media (max-width: 42rem){.board-off .own-stack .checker{top:auto;bottom:calc(var(--stack-index) * .4rem)}.board-off .opponent-stack .checker{top:calc(var(--stack-index) * .4rem)}}.point-label{right:auto;bottom:auto;left:50%;top:.3rem;transform:translate(-50%);font-size:.78rem;font-weight:800}#bottom-left-board .point-label,#bottom-right-board .point-label{top:auto;bottom:.3rem}.checker.white{background-color:#fff;filter:brightness(1.09) saturate(.78)}.board-bar .own-stack .checker{top:calc(.36rem + var(--stack-index) * .7rem)}.board-bar .opponent-stack .checker,.board-off .own-stack .checker{bottom:calc(.36rem + var(--stack-index) * .7rem)}.board-off .opponent-stack .checker{top:calc(.36rem + var(--stack-index) * .7rem)}.board-off .reserve-stack{--reserve-step: .7rem}.board-off:disabled{opacity:1}.board-off .reserve-stack--top{top:0;bottom:auto;height:50%;overflow:hidden}.board-off .reserve-stack--top .checker{top:calc(.36rem + var(--stack-index) * var(--reserve-step));bottom:auto}.board-off .reserve-stack--bottom{top:auto;bottom:0;height:50%;overflow:hidden}.board-off .reserve-stack--bottom .checker{top:auto;bottom:calc(.36rem + var(--stack-index) * var(--reserve-step))}.board-controls{position:relative;z-index:3;grid-column:4;grid-row:1 / span 3;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:0;pointer-events:none}.board-controls,.board-controls button,.board-controls #dice{pointer-events:auto}.board-controls button{min-width:2.2rem;min-height:2.2rem;padding:.2rem;border-color:#d1a85e;background:#3b2417;color:#f7dfa8;font-size:1.1rem;font-weight:800}.board-controls .submit-control{border-color:#4d9dff;box-shadow:inset 0 0 0 .08rem #4d9dff55,0 0 .45rem #4d9dff99}.board-controls #dice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;min-height:0;gap:.18rem}.board-controls .die{width:calc(var(--checker-diameter) * .86);height:calc(var(--checker-diameter) * .86);gap:.08rem;padding:.18rem}.board-controls .pip{width:.28rem;height:.28rem}.board-controls .die-group small{display:none}.board-controls.roll-control{gap:.12rem;min-width:calc(var(--checker-diameter) * 1.15);padding:.32rem .16rem;border:.12rem solid #d9ad5b;border-radius:.42rem;background:linear-gradient(135deg,#24120b,#71411f 47%,#32180d);box-shadow:inset 0 0 0 .08rem #f7d99566,inset 0 0 .4rem #130704,0 .12rem .22rem #150904b3;color:#ffe3a8;font-size:.62rem;line-height:1.05;text-align:center;text-shadow:0 .06rem .06rem #160906}.board-controls.roll-control:hover:not(:disabled){border-color:#ffe08f;background:linear-gradient(135deg,#3b1c0e,#945a2b 47%,#482411);box-shadow:inset 0 0 0 .08rem #fff0b080,inset 0 0 .45rem #180904,0 0 .45rem #eabf6a66}.roll-dice{display:flex;align-items:center;justify-content:center;gap:.16rem;line-height:1}.board-controls .roll-dice .die,.board-controls.choose-double-control .die{width:1.3rem;height:1.3rem;padding:.13rem;border-color:#b89b72;border-radius:.24rem;background:linear-gradient(135deg,#fffdf4,#e7d7bd 58%,#c9ae85);box-shadow:inset .08rem .08rem .12rem #fff,inset -.08rem -.1rem .12rem #8a715844,.08rem .1rem .12rem #120904aa}.board-controls .roll-dice .pip,.board-controls.choose-double-control .pip{width:.22rem;height:.22rem}.board-controls .roll-dice .pip.visible,.board-controls.choose-double-control .pip.visible{background:radial-gradient(circle at 35% 30%,#554b42 0,#554b42 16%,#25211e 45%,#0f0d0c);box-shadow:inset .02rem .02rem .03rem #fff4}.board-stage{--board-gap: .7rem;--checker-diameter: clamp(1.55rem, 4vw, 2.6rem);--bar-width: calc(var(--checker-diameter) * 1.3);position:relative}.board-stage{inline-size:100%;max-inline-size:min(70rem,100cqw,calc((100cqh - var(--board-rail-block-size)) * var(--board-aspect-ratio)));min-inline-size:0;margin-inline:auto}.board-stage{--board-rail-block-size: 4.8rem;--board-aspect-ratio: 3 / 2;--stage-block-size: 100cqh;--board-inline-size: min( 100cqw, 70rem, calc((100cqh - var(--board-rail-block-size)) * var(--board-aspect-ratio)) );--board-block-size: calc(var(--board-inline-size) / var(--board-aspect-ratio));--frame-width: clamp(.3rem, .9cqw, .65rem);--frame-inset: clamp(.25rem, 1cqw, .7rem);--checker-diameter: clamp(1.12rem, 4cqw, 2.6rem);--point-gap: max(.12rem, .48cqw);--stack-capacity: 15;--stack-step: clamp(.18rem, .8vw, .35rem);--half-stack-depth: 7rem;--center-clearance: clamp(3.25rem, 6.4cqw, 4.2rem);--tray-width: clamp(3rem, 5.2cqw, 3.38rem);--tray-edge-inset: clamp(.2rem, .56cqw, .35rem);--control-safe-block-size: clamp(3rem, 9cqw, 5.85rem);--bar-width: var(--tray-width);container-type:inline-size;inline-size:var(--board-inline-size);min-block-size:0;margin-inline:auto}#board{--board-gap: max(.18rem, calc(var(--checker-diameter) * .27));--playfield-spacer-min: var(--center-clearance);--playfield-spacer-height: var(--center-clearance);width:100%;border-width:var(--frame-width);padding:var(--frame-inset)}.playfield-spacer .board-dice{position:absolute;z-index:3;top:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translateY(-50%)}.turn-prompt{position:absolute;z-index:2;top:50%;left:75%;padding:.28rem .65rem;background:#24130da6;color:#ffe3a8;font-size:clamp(1.4rem,4vw,2rem);font-weight:800;line-height:1;pointer-events:none;text-shadow:0 .08rem .1rem #160906;white-space:nowrap;transform:translate(-50%,-50%)}.playfield-spacer .opening-dice-layer{display:contents}.board-dice #dice,.opening-die #dice{display:flex;flex-wrap:nowrap;min-width:0;min-height:0;gap:.3rem}.board-dice .die,.opening-die .die{width:calc(var(--checker-diameter) * .95);height:calc(var(--checker-diameter) * .95);padding:.18rem;gap:.08rem;background:linear-gradient(135deg,#fffdf4,#e7d7bd 58%,#c9ae85);box-shadow:inset .08rem .08rem .12rem #fff,inset -.08rem -.1rem .12rem #8a715844,.1rem .14rem .22rem #120904aa}.board-dice .pip,.opening-die .pip{width:.32rem;height:.32rem}.board-dice .die-group small,.opening-die .die-group small{display:none}#board.board--with-bar .opponent-dice{left:0;width:calc((100% - var(--bar-width) * 2 - var(--board-gap) * 3) / 2)}#board.board--with-bar .your-dice{left:calc((100% - var(--bar-width) * 2 - var(--board-gap) * 3) / 2 + var(--bar-width) + var(--board-gap) * 2);width:calc((100% - var(--bar-width) * 2 - var(--board-gap) * 3) / 2)}#board.board--with-off{--quarter-seam: calc((100% - var(--bar-width) - var(--board-gap)) / 2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--bar-width)}#board.board--with-off #top-left-board{grid-column:1;grid-row:1}#board.board--with-off #top-right-board{grid-column:2;grid-row:1}#board.board--with-off #bottom-left-board{grid-column:1;grid-row:3}#board.board--with-off #bottom-right-board{grid-column:2;grid-row:3}#board.board--with-off .board-off{position:relative;top:auto;right:auto;bottom:auto;left:auto;grid-column:3;grid-row:1 / span 3;width:100%;height:100%}#board.board--with-off .board-controls{grid-column:3;grid-row:1 / span 3}#board.board--with-off .opponent-dice{left:0;width:calc((100% - var(--bar-width) - var(--board-gap) * 2) / 2)}#board.board--with-off .your-dice{left:calc((100% - var(--bar-width) - var(--board-gap) * 2) / 2 + var(--board-gap));width:calc((100% - var(--bar-width) - var(--board-gap) * 2) / 2)}@media (max-width: 42rem){.board-bar .own-stack .checker{top:calc(.3rem + var(--stack-index) * .5rem)}.board-bar .opponent-stack .checker{bottom:calc(.3rem + var(--stack-index) * .5rem)}.board-off .own-stack .checker{bottom:calc(.3rem + var(--stack-index) * .4rem)}.board-off .opponent-stack .checker{top:calc(.3rem + var(--stack-index) * .4rem)}.board-off .reserve-stack{--reserve-step: .4rem}}@media (max-width: 24rem){.board-bar .own-stack .checker{top:calc(.3rem + var(--stack-index) * .41rem)}.board-bar .opponent-stack .checker{bottom:calc(.3rem + var(--stack-index) * .41rem)}}.point:not(.counter-point) .checker.black{background-color:#201715;background-image:radial-gradient(circle at center,#090504 0 35%,transparent 38%),radial-gradient(circle at center,#45332e 0,#45332e 52%,#604940,#2a1d19 82%,#100a08),linear-gradient(135deg,transparent 42%,#0008 100%)}.side-choice .checker{position:relative;top:auto;right:auto;bottom:auto;left:auto;display:block;width:1.55rem;height:1.55rem;margin:0;overflow:hidden;contain:layout paint;transform:none;pointer-events:none}.side-choice .checker.white{background-color:#fff;background-image:radial-gradient(circle at center,#8e6f4f 0 35%,transparent 38%),linear-gradient(135deg,transparent 42%,#0004 100%)}.point:not(.counter-point) .checker.black,.side-choice .checker.black{background-color:#201715;background-image:radial-gradient(circle at center,#090504 0 35%,transparent 38%),radial-gradient(circle at center,#45332e 0,#45332e 52%,#604940,#2a1d19 82%,#100a08),linear-gradient(135deg,transparent 42%,#0008 100%);box-shadow:inset -.22rem -.25rem .35rem #000a,.08rem .12rem .18rem #000a}.side-choice .checker:before{display:block}.point:not(.counter-point) .checker.black:before,.side-choice .checker.black:before{background:radial-gradient(circle at 50% 50%,transparent 48%,#0b0706cc 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #000a}.side-choice .checker:after{display:block}.point:not(.counter-point) .checker.black:after,.side-choice .checker.black:after{top:28%;right:28%;bottom:28%;left:28%;border:0;border-radius:0;background:linear-gradient(90deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat;opacity:.72}.point:not(.counter-point):before{background-color:#f1d9aa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 160'%3E%3Cpath d='M50 18V142M50 52L27 75 50 98 73 75M50 98L32 116M50 98L68 116' fill='none' stroke='%238c5b31' stroke-width='6' stroke-linecap='square' stroke-linejoin='miter' opacity='.72'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center 38%;background-size:62% 62%;box-shadow:inset 0 0 0 .09rem #8c5b31,inset 0 0 0 .16rem #ffe9bd,inset 0 0 0 .23rem #b47a42}.point:not(.counter-point).odd:before{background-color:#74251f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 160'%3E%3Cpath d='M50 18V142M50 52L27 75 50 98 73 75M50 98L32 116M50 98L68 116' fill='none' stroke='%23e0a07a' stroke-width='6' stroke-linecap='square' stroke-linejoin='miter' opacity='.76'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center 38%;background-size:62% 62%;box-shadow:inset 0 0 0 .09rem #3c110d,inset 0 0 0 .16rem #b65a46,inset 0 0 0 .23rem #4d1712}.point:not(.counter-point):before{clip-path:polygon(12% 0,88% 0,50% 80%)}#bottom-left-board .point:not(.counter-point):before,#bottom-right-board .point:not(.counter-point):before{clip-path:polygon(50% 20%,88% 100%,12% 100%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 160'%3E%3Cg transform='translate(0 160) scale(1 -1)'%3E%3Cpath d='M50 18V142M50 52L27 75 50 98 73 75M50 98L32 116M50 98L68 116' fill='none' stroke='%238c5b31' stroke-width='6' stroke-linecap='square' stroke-linejoin='miter' opacity='.72'/%3E%3C/g%3E%3C/svg%3E");background-position:center 62%}#bottom-left-board .point:not(.counter-point).odd:before,#bottom-right-board .point:not(.counter-point).odd:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 160'%3E%3Cg transform='translate(0 160) scale(1 -1)'%3E%3Cpath d='M50 18V142M50 52L27 75 50 98 73 75M50 98L32 116M50 98L68 116' fill='none' stroke='%23e0a07a' stroke-width='6' stroke-linecap='square' stroke-linejoin='miter' opacity='.76'/%3E%3C/g%3E%3C/svg%3E")}.half{--bumper-height: clamp(1.85rem, 6.4vw, 2.7rem);--bumper-heading-height: calc(var(--bumper-height) * .365);--bumper-numbers-height: calc(var(--bumper-height) * .29);--stack-capacity: 17;--stack-step: clamp(.41rem, 1.65vw, .7rem);--stack-travel: calc((var(--stack-capacity) - 1) * var(--stack-step));--point-row-height: calc( var(--checker-diameter) * .32 + var(--stack-travel) + .35rem );--point-gap: clamp(.08rem, .7vw, .3rem);--point-gaps-total: calc(var(--point-gap) * 5);--notch-radius: calc(var(--checker-diameter) * .64);--notch-depth: calc(var(--bumper-height) * .9);--notch-corner-radius: calc(var(--notch-radius) * .69);--notch-checker-offset: calc(var(--bumper-height) * -.27);--notch-bottom-checker-offset: calc(var(--bumper-height) * -.42);--notch-stack-gap: 2px;position:relative;grid-template-rows:var(--bumper-height) var(--point-row-height);gap:0}#bottom-left-board,#bottom-right-board{grid-template-rows:var(--point-row-height) var(--bumper-height)}#top-left-board .point-bumper,#top-right-board .point-bumper{grid-row:1;margin-bottom:calc(var(--bumper-height) * -.42)}#top-left-board .points,#top-right-board .points{grid-row:2}#bottom-left-board .points,#bottom-right-board .points{grid-row:1}#bottom-left-board .point-bumper,#bottom-right-board .point-bumper{grid-row:2;margin-top:0}.point-bumper{position:relative;z-index:5;display:grid;grid-template-rows:var(--bumper-heading-height) 1fr;min-width:0;overflow:visible;isolation:isolate;color:#f7dfa8;font-family:Georgia,serif;font-size:.72rem;font-weight:800;line-height:1;text-shadow:0 .06rem .06rem #000;pointer-events:none}.top-bumper .bumper-numbers>span{transform:translateY(calc(var(--bumper-height) * -.33))}.point-bumper:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border:1px solid #a8743d;background:linear-gradient(180deg,#7d4826,#40200f 56%,#1c0d08);box-shadow:inset 0 .08rem .1rem #f3d58e55,inset 0 -.1rem .12rem #090403cc,0 .07rem .1rem #10070399;content:""}.direction-marker{display:inline-flex;flex:none;align-items:center;gap:.16rem;color:#f3d062;font-size:.54rem}.direction-marker i{position:relative;display:block;width:1rem;height:.5rem}.direction-marker i:before{position:absolute;top:50%;right:.12rem;left:0;height:.1rem;background:currentColor;content:"";transform:translateY(-50%)}.direction-marker i:after{position:absolute;top:50%;right:-.02rem;width:.38rem;height:.38rem;border-top:.1rem solid currentColor;border-right:.1rem solid currentColor;content:"";transform:translateY(-50%) rotate(45deg)}.points,.bumper-numbers{column-gap:var(--point-gap)}#top-left-board .point:not(.counter-point):before,#top-right-board .point:not(.counter-point):before{top:calc(var(--bumper-height) * -.42);bottom:auto;height:100%;clip-path:polygon(calc(50% - var(--notch-corner-radius)) 0,calc(50% + var(--notch-corner-radius)) 0,50% 92%)}#bottom-left-board .point:not(.counter-point):before,#bottom-right-board .point:not(.counter-point):before{top:auto;bottom:calc(var(--bumper-height) * -.42);height:100%;clip-path:polygon(50% 8%,calc(50% + var(--notch-corner-radius)) 100%,calc(50% - var(--notch-corner-radius)) 100%)}#top-left-board .point .checker,#top-right-board .point .checker{top:var(--notch-checker-offset)!important}#bottom-left-board .point .checker,#bottom-right-board .point .checker{bottom:var(--notch-bottom-checker-offset)!important}.point-bumper{font-size:clamp(.52rem,1.8vw,.72rem)}@media (max-width: 24rem){#board{--playfield-spacer-min: .5rem;--playfield-spacer-optimal: 4vw;--playfield-spacer-max: .8rem;column-gap:var(--board-gap)}.point-bumper{border-width:1px}.bumper-heading .direction-marker>span{display:none}}.point:not(.counter-point){height:var(--point-row-height);overflow:visible}.point.selected,.point.legal,.point.opponent-selected.preview,.point.opponent-target.preview{border-color:transparent;outline:0;box-shadow:none}.counter-point.selected{border-color:#4d9dff;box-shadow:0 0 .8rem #4d9dff}.counter-point.legal{border-color:#58c777;box-shadow:0 0 .8rem #58c777}.counter-point.opponent-selected.preview,.counter-point.opponent-target.preview{border-color:#a77bff;box-shadow:0 0 .85rem #a77bff}#board.board--with-bar.board--off-left .board-controls{grid-column:1}#board{--quarter-block-size: calc( ( var(--board-block-size) - var(--center-clearance) - 2 * var(--frame-width) - 2 * var(--frame-inset) ) / 2 );grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:var(--quarter-block-size) var(--center-clearance) var( --quarter-block-size );column-gap:var(--board-gap)}.half{--stack-capacity: 15;--bumper-height: clamp( 1.85rem, calc(var(--checker-diameter) * 1.05), 2.7rem );--point-row-height: calc(var(--quarter-block-size) - var(--bumper-height));--stack-step: max( .18rem, min( calc(var(--checker-diameter) * .27), calc( ( var(--point-row-height) - var(--checker-diameter) - var(--notch-stack-gap) ) / (var(--stack-capacity) - 1) ) ) );--stack-travel: calc((var(--stack-capacity) - 1) * var(--stack-step));--half-stack-depth: calc(var(--checker-diameter) + var(--stack-travel));grid-template-rows:var(--bumper-height) minmax(0,var(--point-row-height))}#bottom-left-board,#bottom-right-board{grid-template-rows:minmax(0,var(--point-row-height)) var(--bumper-height)}.points{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--point-gap);min-height:0}.point:not(.counter-point){position:relative;width:100%;height:100%;min-width:0;min-height:0;padding:0}.point .checkers{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}#top-left-board .point .checker,#top-right-board .point .checker{top:calc(var(--notch-checker-offset) + var(--notch-stack-gap) + var(--stack-index) * var(--stack-step))}#bottom-left-board .point .checker,#bottom-right-board .point .checker{bottom:calc(var(--notch-checker-offset) + var(--notch-stack-gap) + var(--stack-index) * var(--stack-step))}.playfield-spacer{display:grid;grid-column:1 / -1;min-height:var(--center-clearance);place-items:center;overflow:visible}.playfield-spacer .board-dice,.playfield-spacer .opening-die,.playfield-spacer .turn-prompt{position:relative;z-index:4;margin:0}#board .playfield-spacer .board-dice,#board .playfield-spacer .opening-die{left:auto;top:auto;width:auto;transform:none}.playfield-spacer .turn-prompt{left:auto}.playfield-spacer{column-gap:var(--board-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.playfield-spacer .turn-prompt,.playfield-spacer .your-dice{grid-column:2}.playfield-spacer .board-dice,.playfield-spacer .opening-die,.playfield-spacer .turn-prompt{place-self:center;grid-row:1}.playfield-spacer .opponent-dice{grid-column:1}#board.board--with-bar .playfield-spacer{grid-template-columns:minmax(0,1fr) var(--tray-width) minmax(0,1fr) var( --tray-width )}#board.board--with-bar .playfield-spacer .turn-prompt,#board.board--with-bar .playfield-spacer .your-dice{grid-column:3}#board.board--off-left.board--with-bar .playfield-spacer{grid-template-columns:var(--tray-width) minmax(0,1fr) var(--tray-width) minmax(0,1fr)}#board.board--off-left.board--with-bar .playfield-spacer .opponent-dice{grid-column:4}#board.board--off-left.board--with-bar .playfield-spacer .turn-prompt,#board.board--off-left.board--with-bar .playfield-spacer .your-dice{grid-column:2}#board.board--with-bar{grid-template-columns:minmax(0,1fr) var(--tray-width) minmax(0,1fr) var( --tray-width )}#board.board--with-off{grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--tray-width)}#board.board--with-bar.board--with-off{grid-template-columns:minmax(0,1fr) var(--tray-width) minmax(0,1fr) var( --tray-width )}#board.board--with-bar #top-left-board,#board.board--with-bar #bottom-left-board{grid-column:1}#board.board--with-bar #top-right-board,#board.board--with-bar #bottom-right-board{grid-column:3}#board.board--with-off #top-left-board,#board.board--with-off #bottom-left-board{grid-column:1}#board.board--with-off #top-right-board,#board.board--with-off #bottom-right-board,#board.board--with-bar .board-bar{grid-column:2}#board.board--with-bar .board-off,#board.board--with-bar .board-controls{grid-column:4}#board.board--with-off .board-off,#board.board--with-off .board-controls{grid-column:3}#board.board--off-left.board--with-bar{grid-template-columns:var(--tray-width) minmax(0,1fr) var( --tray-width ) minmax(0,1fr)}#board.board--off-left.board--with-bar #top-left-board,#board.board--off-left.board--with-bar #bottom-left-board{grid-column:2}#board.board--off-left.board--with-bar #top-right-board,#board.board--off-left.board--with-bar #bottom-right-board{grid-column:4}#board.board--off-left.board--with-bar .board-off,#board.board--off-left.board--with-bar .board-controls{grid-column:1}#board.board--off-left.board--with-bar .board-bar{grid-column:3}#board.board--off-left.board--with-off{grid-template-columns:var(--tray-width) minmax(0,1fr) minmax(0,1fr)}#board.board--off-left.board--with-bar.board--with-off{grid-template-columns:var(--tray-width) minmax(0,1fr) var( --tray-width ) minmax(0,1fr)}#board.board--off-left.board--with-off #top-left-board,#board.board--off-left.board--with-off #bottom-left-board{grid-column:2}#board.board--off-left.board--with-off #top-right-board,#board.board--off-left.board--with-off #bottom-right-board{grid-column:3}#board.board--off-left.board--with-off .board-off,#board.board--off-left.board--with-off .board-controls{grid-column:1}.board-bar,.board-off{position:relative;z-index:2;grid-row:1 / span 3;display:grid;width:100%;height:100%;padding:var(--tray-edge-inset);overflow:hidden}.bar-checkers{display:grid;grid-template-rows:minmax(0,1fr) var(--control-safe-block-size) minmax(0,1fr);min-height:0}.bar-stack{position:relative;display:block;min-height:0;overflow:hidden}.board-bar .checker,.board-off .checker{left:50%;width:var(--checker-diameter);height:var(--checker-diameter);transform:translate(-50%)}.board-bar .own-stack .checker,.board-off .reserve-stack--top .checker{top:calc(var(--stack-index) * var(--stack-step))}.board-bar .opponent-stack .checker,.board-off .reserve-stack--bottom .checker,.board-off .own-stack .checker{bottom:calc(var(--stack-index) * var(--stack-step))}.board-off .opponent-stack .checker{top:calc(var(--stack-index) * var(--stack-step))}.board-controls{z-index:5;grid-row:2;align-self:center;justify-self:stretch;min-height:var(--control-safe-block-size);padding-inline:var(--tray-edge-inset)}.bar-checkers{position:absolute;inset:var(--tray-edge-inset);width:auto;height:auto}.board-off .reserve-stack{--tray-stack-depth: calc(50% - 1.5rem) }.board-off .reserve-stack--top{position:absolute;top:0;bottom:auto;width:100%;height:var(--tray-stack-depth)}.board-off .reserve-stack--bottom{position:absolute;top:auto;bottom:0;width:100%;height:var(--tray-stack-depth)}.board-off .reserve-stack--top .checker{position:absolute;top:calc(var(--stack-index) * var(--tray-stack-step))!important;bottom:auto!important;transform:translate(-50%)!important}.board-off .reserve-stack--bottom .checker{position:absolute;top:auto!important;bottom:calc(var(--stack-index) * var(--tray-stack-step))!important;transform:translate(-50%)!important}.board-stage{--tray-edge-inset: .25rem;--control-safe-block-size: 3rem}.playfield-spacer .turn-prompt{position:static;inset:auto;transform:none}#board.board--with-bar .board-controls,#board.board--with-off .board-controls,#board.board--off-left.board--with-bar .board-controls,#board.board--off-left.board--with-off .board-controls{grid-row:2}.board-controls{position:relative;grid-row:2;grid-column:auto;align-self:stretch;justify-self:stretch;display:grid;place-items:center;min-height:var(--control-safe-block-size);padding:var(--tray-edge-inset)}.board-controls.choose-double-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.board-controls.choose-double-control .choose-double-dice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.2rem}.board-controls.choose-double-control button{width:100%;min-width:0;height:auto;min-height:0;padding:0;border:0;background:none;box-shadow:none}.board-controls.choose-double-control .die{display:grid;width:100%;height:auto;aspect-ratio:1}.board-controls.choose-double-control .choose-double-prompt{color:#f6ead7;font-size:.65rem;line-height:1;text-align:center;text-shadow:0 .05rem .08rem #120904aa}.board-controls.roll-control{justify-self:stretch;width:100%}.board-bar .bar-checkers,.board-off .bar-checkers{--tray-stack-depth: calc(50% - 1.5rem) ;--tray-stack-step: .35rem;position:absolute;top:var(--tray-edge-inset);left:var(--tray-edge-inset);width:calc(100% - var(--tray-edge-inset) - var(--tray-edge-inset));height:calc(100% - var(--tray-edge-inset) - var(--tray-edge-inset));display:block}#board.board--with-bar .board-bar,#board.board--with-bar .board-off{width:calc(var(--checker-diameter) + var(--tray-edge-inset) * 2)!important}#board.board--with-bar .board-bar .bar-checkers,#board.board--with-bar .board-off .bar-checkers{top:var(--tray-edge-inset)!important;right:var(--tray-edge-inset)!important;bottom:var(--tray-edge-inset)!important;left:var(--tray-edge-inset)!important;transform:none!important}.board-off .own-stack,.board-off .opponent-stack{position:absolute;right:0;left:0;height:var(--tray-stack-depth);transform:none}.board-off .own-stack{top:0}.board-off .opponent-stack{bottom:0}.board-off .own-stack .checker{top:calc(var(--stack-index) * var(--tray-stack-step));bottom:auto}.board-off .opponent-stack .checker{top:auto;bottom:calc(var(--stack-index) * var(--tray-stack-step))}.board-controls.roll-control{align-self:center;height:var(--control-safe-block-size);min-height:var(--control-safe-block-size)}.board-stage{inline-size:var(--board-inline-size);max-inline-size:var(--board-inline-size)}#board{aspect-ratio:var(--board-aspect-ratio);height:auto;grid-template-rows:minmax(0,1fr) var(--center-clearance) minmax(0,1fr)}.board-bar,.board-off{height:auto;align-self:stretch}.board-stage{--bumper-height: clamp( 2.4rem, calc(var(--checker-diameter) * 1.4), 3.1rem );--well-radius: calc(var(--checker-diameter) / 2);--tray-edge-inset: .25rem;--control-safe-half-block-size: 1.5rem;--tray-stack-step: clamp(.18rem, 1.08cqw, .7rem)}.half,#bottom-left-board,#bottom-right-board{grid-template-rows:var(--bumper-height) minmax(0,1fr)}#bottom-left-board,#bottom-right-board{grid-template-rows:minmax(0,1fr) var(--bumper-height)}.point-bumper{height:var(--bumper-height);min-height:var(--bumper-height);overflow:hidden}.bumper-heading,.bumper-numbers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center}.bumper-heading{grid-template-columns:minmax(0,1fr) auto;padding-inline:.28rem}.bumper-numbers{align-self:end;padding:.12rem .1rem .08rem;text-align:center}.point:not(.counter-point){height:100%;min-height:0;padding:0}.point:not(.counter-point):after{border-radius:var(--well-radius)}.point .checkers{position:absolute;top:0;right:0;bottom:0;left:0}.point:not(.counter-point) .checker{position:absolute!important}#top-left-board .point .checker,#top-right-board .point .checker{top:calc(var(--notch-checker-offset) + var(--stack-offset, 0rem))!important;bottom:auto!important;transform:translate(-50%)}#bottom-left-board .point .checker,#bottom-right-board .point .checker{top:auto!important;bottom:calc(var(--notch-bottom-checker-offset) + var(--stack-offset, 0rem))!important;transform:translate(-50%)}.board-bar,.board-off{inline-size:calc(var(--checker-diameter) + var(--tray-edge-inset) * 2);justify-self:center}.board-bar .bar-checkers,.board-off .bar-checkers{--tray-stack-depth: calc(50% - var(--control-safe-half-block-size));position:absolute;inset:var(--tray-edge-inset);width:auto;height:auto;display:block}.board-bar .bar-stack,.board-off .bar-stack{position:absolute!important;right:0;left:0;height:var(--tray-stack-depth)!important;transform:none!important}.board-bar .own-stack,.board-off .reserve-stack--top{inset:0 0 auto!important;grid-row:auto}.board-bar .opponent-stack,.board-off .reserve-stack--bottom,.board-off .own-stack{inset:auto 0 0!important;grid-row:auto}.board-off .opponent-stack{inset:0 0 auto!important;grid-row:auto}.board-bar .own-stack .checker,.board-off .reserve-stack--top .checker{top:calc(var(--stack-index) * var(--checker-stack-step))!important;bottom:auto!important}.board-bar .opponent-stack .checker,.board-off .reserve-stack--bottom .checker,.board-off .own-stack .checker{top:auto!important;bottom:calc(var(--stack-index) * var(--checker-stack-step))!important}.board-off .opponent-stack .checker{top:calc(var(--stack-index) * var(--checker-stack-step))!important;bottom:auto!important}#board.board--with-bar .board-bar,#board.board--with-bar .board-off{width:calc(var(--checker-diameter) + var(--tray-edge-inset) * 2 + var(--tray-border-width) * 2)!important}#board.board--with-bar .board-bar .bar-checkers,#board.board--with-bar .board-off .bar-checkers{top:var(--tray-edge-inset)!important;right:var(--tray-edge-inset)!important;bottom:var(--tray-edge-inset)!important;left:var(--tray-edge-inset)!important;width:auto!important;height:auto!important;transform:none!important}@media (orientation: landscape) and (max-width: 42rem){.board-bar,.board-off{block-size:calc(var(--checker-diameter) + var(--tray-edge-inset) * 2);inline-size:auto;align-self:center}}.board-top-rail{position:relative;z-index:30;display:grid;min-height:3.15rem;gap:.12rem;padding:.4rem .55rem;border:.65rem solid #29170d;border-bottom:0;border-radius:.8rem .8rem 0 0;background:linear-gradient(135deg,#2b160d,#593019 48%,#24130c);box-shadow:inset 0 0 0 .1rem #e8bd7244,inset 0 -.3rem .55rem #16090688}.board-rail-main{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.6rem}.board-session{display:flex;flex:1 1 0;min-width:0;align-items:center;gap:.4rem;overflow:hidden;color:#d9c695;font-size:.86rem}.board-session>strong{flex:none;padding:.08rem .08rem .16rem;border-bottom:1px solid #d9ad5b88;color:#f3d062;font-family:Georgia,serif;font-size:1.08rem;letter-spacing:.01em;line-height:1.05;text-shadow:0 .06rem 0 #160906,0 -.04rem .05rem #fff0b033;white-space:nowrap}.rail-separator{flex:none;width:.16rem;height:1.15rem;border-radius:50%;background:#d9ad5b88}.rail-label,.opponent-label{flex:none;color:#bfa77a;font-size:.69rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.board-top-rail .room-code,.board-top-rail .fairness-commit{flex:none;margin:0;cursor:default}.room-code,.fairness-commit{display:inline-flex;flex:none;align-items:center;gap:.18rem;min-width:0;padding:.12rem .18rem .12rem .35rem;border:1px solid #765128;border-radius:.24rem;background:#12090788}.room-code code,.fairness-commit code{min-width:0;overflow:hidden;color:#f2d79e;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.room-code button,.fairness-commit button{display:inline-grid;width:1.35rem;height:1.3rem;place-items:center;padding:0;border:0;border-radius:.16rem;background:#513014;color:#f2d79e;font-size:.86rem;line-height:1}.room-code button:hover,.fairness-commit button:hover{background:#71411f;color:#ffe3a8}.room-code button:focus-visible,.fairness-commit button:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}.board-top-rail .session-menu{flex:none;position:relative;z-index:40}.board-top-rail .session-menu summary{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .55rem;border:1px solid #d9ad5b;border-radius:.35rem;background:linear-gradient(135deg,#3b1c0e,#71411f 47%,#32180d);color:#ffe3a8;font-weight:800;list-style:none}.board-top-rail .session-menu summary::-webkit-details-marker{display:none}.board-top-rail .session-actions{z-index:1000}.board-status{min-width:0;margin:0;overflow:hidden;color:#d9c695;font-size:.8rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.board-status--error{color:#ffb4a9}.opponent-presence{display:inline-block;width:.55rem;height:.55rem;margin-right:.35rem;border-radius:50%;vertical-align:.02rem}.opponent-presence--online{background:#72d39a;box-shadow:0 0 .35rem #72d39aaa}.opponent-presence--offline{background:#ec6d61;box-shadow:0 0 .35rem #ec6d61aa}.opponent-presence--waiting{background:#d9ad5b;box-shadow:0 0 .35rem #d9ad5baa}.board-top-rail+#board{border-top-left-radius:0;border-top-right-radius:0}.session-actions{min-width:max-content}.session-actions .session-leave{width:100%;min-width:max-content;min-height:2.8rem;border-color:#d9ad5b;background:linear-gradient(135deg,#3b1c0e,#865027 47%,#32180d);box-shadow:inset 0 0 0 .08rem #f7d99555,inset 0 0 .4rem #130704,0 .12rem .22rem #150904b3;color:#ffe3a8;font-weight:800;white-space:nowrap}.session-actions .session-leave:hover:not(:disabled){border-color:#ffe08f;box-shadow:inset 0 0 0 .08rem #fff0b080,0 0 .45rem #eabf6a66}.session-actions .session-leave:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}@media (max-width: 42rem){.board-top-rail{min-height:2.85rem;gap:.08rem;padding:.32rem .38rem;border-width:.4rem}.board-rail-main{gap:.35rem}.board-session{gap:.25rem;font-size:.72rem}.board-session>strong{padding:.18rem .3rem}.rail-label{display:none}.board-top-rail .session-menu summary span:last-child{display:none}.board-top-rail .session-menu summary{padding:.42rem .5rem}}@media (max-width: 24rem){.board-top-rail{min-height:2.7rem;padding:.25rem;border-width:.25rem}.board-session>strong{font-size:.61rem}.board-top-rail .room-code{max-width:7.4rem;overflow:hidden;text-overflow:ellipsis}.board-status{font-size:.68rem}}@media (max-width: 42rem){.board-rail-main{gap:.35rem}.board-session{gap:.25rem}.board-top-rail .rail-label{display:none}}@media (max-width: 24rem){.board-top-rail .board-session>strong{font-size:.92rem}.board-top-rail .session-menu summary span:last-child{display:none}}#lobby .lobby-intro .lobby-fairness{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.25rem;margin:.45rem 0 0;color:#d9c695;font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}#lobby .lobby-fairness-text>span{color:#f3d062}#lobby .lobby-fairness-action{display:inline;min-height:0;padding:0;border:0;background:transparent;color:#f3d062;font:inherit;font-weight:700;line-height:inherit;text-decoration:underline;text-underline-offset:.15rem;white-space:nowrap;vertical-align:baseline}#lobby .fairness-info-action:hover{color:#ffe3a8}.fairness-indicator{position:relative;display:inline-flex;flex:none}.fairness-shield{position:relative;display:inline-grid;width:1.55rem;height:1.4rem;place-items:center;padding:0;border:0;background:transparent;color:#f3d062;font-size:.9rem;line-height:1}.fairness-shield-icon{line-height:1}.fairness-clock{position:absolute;right:0;bottom:.02rem;color:#f3d062;font-size:.52rem;line-height:1}.fairness-shield--ready{color:#9ae6b5}.fairness-shield:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}.fairness-popover{position:absolute;z-index:100;top:calc(100% + .45rem);right:0;display:grid;width:min(19rem,75vw);gap:.35rem;padding:.55rem .65rem;border:1px solid #d9ad5b;border-radius:.35rem;background:#24130df5;box-shadow:0 .3rem .8rem #000b;color:#f7ebd5;font-family:system-ui,sans-serif;font-size:.78rem;font-weight:500;line-height:1.35;text-align:left}.fairness-popover strong{color:#ffe3a8}@media (max-width: 42rem){.fairness-commit,.fairness-commit-separator{display:none}.fairness-shield{width:1.45rem;height:1.35rem}}.result-dialog .fairness-proof{padding:.65rem .7rem;border:1px solid #9b704077;border-radius:.45rem;background:#1d100a88}.fairness-proof>summary{color:#ffe1a3;cursor:pointer;font-family:Georgia,serif;font-size:.84rem;font-weight:700}.fairness-proof>summary::marker{color:#e8bd72}.fairness-proof-content{display:grid;gap:.55rem;padding-top:.55rem}.fairness-proof-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.fairness-proof-heading p{min-width:0;margin-top:.12rem;color:#bfa77a;font-size:.78rem;line-height:1.25}.fairness-proof-meta{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content max-content;align-items:center;gap:.4rem;padding:.38rem .45rem;border:1px solid #765128;border-radius:.3rem;background:#12090788;color:#bfa77a;font-size:.72rem}.fairness-proof-meta code{color:#f2d79e;font-size:.72rem;white-space:nowrap}.fairness-proof-meta button{display:inline-grid;width:1.35rem;min-width:1.35rem;height:1.3rem;min-height:1.3rem;place-items:center;padding:0;border:0;border-radius:.16rem;background:#513014;color:#f2d79e;font-size:.86rem;line-height:1}.fairness-proof-meta button:hover{background:#71411f;color:#ffe3a8}.fairness-proof-meta button:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}.fairness-proof-meta b{padding-left:.4rem;border-left:1px solid #765128;color:#e8bd72;font-size:.7rem;white-space:nowrap}.fairness-seed{width:auto;margin:0 clamp(1rem,3vw,1.5rem) 1rem;border-color:#b8863d;background:linear-gradient(145deg,#4a2919dd,#27150ecc);box-shadow:inset 0 0 0 .08rem #f3d58e2e,inset 0 0 1rem #16090688}.fairness-seed-field button{border-color:#d9ad5b;background:linear-gradient(135deg,#3b1c0e,#865027 47%,#32180d);box-shadow:inset 0 0 0 .08rem #f7d99555,inset 0 0 .4rem #130704,0 .12rem .22rem #150904b3;color:#ffe3a8;font-weight:800}.fairness-seed-field button:hover:not(:disabled){border-color:#ffe08f;box-shadow:inset 0 0 0 .08rem #fff0b080,0 0 .45rem #eabf6a66}.fairness-seed-field button:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}.fairness-seed summary{grid-template-columns:max-content max-content minmax(0,1fr) max-content max-content max-content}.fairness-info-action{display:inline-flex;flex:none;box-sizing:border-box;width:1.55rem;min-width:1.55rem;height:1.55rem;min-height:1.55rem;margin:0;padding:0;align-items:center;justify-content:center;border-color:#a8773a;background:#392a16;color:#f3d062;vertical-align:middle}.fairness-info-action svg{display:block;width:.95rem;height:.95rem;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.fairness-info-action:hover{border-color:#ffe08f;background:#4a2919;color:#ffe3a8}.fairness-info-action:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}.fairness-info-dialog{width:min(calc(100% - 2rem),30rem)}.fairness-info-dialog>header small{color:#e8bd72;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fairness-info-dialog h2{margin:0}.fairness-info-dialog ol{display:grid;gap:.7rem;margin:1rem 0;padding:0;list-style:none;counter-reset:fairness-step}.fairness-info-dialog li{display:grid;grid-template-columns:1.7rem minmax(0,1fr);column-gap:.6rem}.fairness-info-dialog li:before{display:grid;grid-row:span 2;width:1.7rem;height:1.7rem;place-items:center;border:1px solid #d9ad5b;border-radius:50%;color:#ffe3a8;content:counter(fairness-step);counter-increment:fairness-step}.fairness-info-dialog li strong{color:#f0d9a4}.fairness-info-dialog li span,.fairness-info-note{color:#d9c695;font-size:.86rem;line-height:1.35}.fairness-info-note{margin:0 0 1rem;padding:.6rem;border:1px solid #9b704077;border-radius:.35rem;background:#1d130ecc}.fairness-info-confirm{min-width:7.5rem;border-color:#d9ad5b;background:linear-gradient(135deg,#3b1c0e,#865027 47%,#32180d);box-shadow:inset 0 0 0 .08rem #f7d99555,inset 0 0 .4rem #130704,0 .12rem .22rem #150904b3;color:#ffe3a8;font-weight:800}.fairness-info-confirm:hover:not(:disabled){border-color:#ffe08f;background:linear-gradient(135deg,#3b1c0e,#945a2b 47%,#482411);box-shadow:inset 0 0 0 .08rem #fff0b080,inset 0 0 .45rem #180904,0 0 .45rem #eabf6a66}.fairness-info-confirm:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}@media (max-width: 42rem){.fairness-commit-label,.fairness-commit-separator{display:none}}dialog{width:min(calc(100% - 2rem),28rem);border:1px solid #789b86;border-radius:var(--radius-dialog);background:var(--color-dialog-surface);color:#f7ebd5;box-shadow:var(--shadow-dialog)}dialog::backdrop{background:#0009}:root{font-family:var(--font-sans);background:var(--color-page-surface);color:var(--color-page-text)}.result-backdrop{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;background:#090806a8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#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}.profile-dialog{width:min(calc(100% - 2rem),42rem);max-height:min(90vh,52rem);padding:1.1rem;overflow:auto;border-color:#d9ad5b;background:linear-gradient(135deg,#24130c,#3d2417 48%,#183b2b)}.profile-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid #d9ad5b77}.profile-dialog h2,.profile-dialog h3{margin:0}.profile-dialog>header button{min-width:2.25rem;padding:.25rem .55rem;font-size:1.4rem}.profile-content{display:grid;gap:.8rem;margin-top:.9rem}.profile-content section{display:grid;gap:.45rem;padding:.8rem;border:1px solid #9b7040;border-radius:.45rem;background:#1d130ecc}.profile-content p{margin:0}.profile-rating{color:#ffe3a8;font-size:clamp(2rem,7vw,3rem);line-height:1}.profile-hint{color:#d9c695;font-size:.86rem;line-height:1.4}.profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.profile-metrics span{display:grid;gap:.15rem;padding:.45rem;border-radius:.3rem;background:#173728;color:#d9c695;font-size:.8rem}.profile-metrics b{color:#f7ebd5;font-size:1rem}.profile-content label{display:grid;gap:.35rem;color:#f0d9a4;font-size:.86rem;font-weight:700}.profile-content .profile-toggle{display:flex;align-items:center;gap:.5rem}.profile-toggle input{width:1.1rem;height:1.1rem}.leaderboard-list{display:grid;gap:.45rem;margin:0;padding-left:1.4rem}.leaderboard-list li{display:flex;justify-content:space-between;gap:.7rem;color:#d9c695}.leaderboard-list li b{color:#f7ebd5}.leaderboard-list li span{text-align:right;font-size:.85rem}.profile-best-games-scroll{overflow-x:auto}.profile-best-games{width:100%;min-width:32rem;border-collapse:collapse;color:#d9c695;font-size:.82rem}.profile-best-games th,.profile-best-games td{padding:.45rem;border-bottom:1px solid #765128;text-align:right;white-space:nowrap}.profile-best-games th:first-child,.profile-best-games td:first-child{text-align:left}.profile-best-games th{color:#f7ebd5}.profile-best-games td b{color:#ffe08f}.profile-best-game-details{white-space:nowrap;padding:.25rem .5rem;border:1px solid #9b7040;border-radius:.3rem;background:transparent;color:#d9c695;font:inherit}.profile-best-game-details:hover,.profile-best-game-details:focus-visible{border-color:#d9ad5b;color:#f7ebd5}.best-game-details-dialog{width:min(calc(100% - 2rem),34rem)}.best-game-quality-metrics{display:grid;gap:0;margin:1rem 0}.best-game-quality-metrics div{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem 5.5rem;gap:1rem;padding:.65rem 0;border-bottom:1px solid #765128}.best-game-quality-metrics dt{color:#f7ebd5}.best-game-quality-metrics dt span{display:block;margin-top:.2rem;color:#d9c695;font-size:.8rem;font-weight:400;line-height:1.35}.best-game-quality-metrics dd{margin:0;color:#ffe08f;font-variant-numeric:tabular-nums;text-align:right}.best-game-quality-metrics__head{padding-top:0!important;color:#d9c695;font-size:.8rem}.best-game-quality-metrics__head dd{color:inherit}.rules-teaser{display:grid;grid-column:1 / -1;gap:.35rem;padding:.7rem;border:1px solid #9b7040;border-radius:.35rem;background:#1d130e99;color:#d9c695;font-size:.84rem}.rules-teaser strong{color:#f7dfa8}.rules-open-action{justify-self:start}.rules-dialog{width:min(calc(100% - 1rem),48rem);max-height:min(90vh,52rem);padding:1.2rem;overflow:auto}.rules-dialog header{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid #789b8666}.rules-dialog h2,.rules-dialog h3,.rules-dialog p{margin-top:0}.rules-dialog header small,.rules-variant-picker,.rules-board span,.rules-sections p{color:#b8d0be}.rules-dialog h2{margin-bottom:0;color:#e6f2dd}.rules-close-action{min-width:2.3rem;min-height:2.3rem;padding:.15rem;border-color:#789b86;background:#1f4837;color:#e6f2dd;font-size:1.6rem;font-weight:800;line-height:1}.rules-variant-picker{display:grid;gap:.35rem;margin:1rem 0}.rules-summary{margin-bottom:.9rem;color:#f7ebd5;font-size:1.05rem;line-height:1.5}.rules-highlights{display:flex;flex-wrap:wrap;gap:.45rem;padding:0;list-style:none}.rules-highlights li{padding:.3rem .55rem;border:1px solid #789b86;border-radius:2rem;background:#1f4837;color:#e1efdf;font-size:.82rem}.rules-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.55rem;margin:1rem 0;padding:.75rem;border:1px solid #789b86;border-radius:.45rem;background:#123124}.rules-board div{display:grid;gap:.2rem;padding:.45rem;border-radius:.3rem;background:#1a402f}.rules-board strong,.rules-sections h3{color:#d6ead5}.rules-board span,.rules-sections p{line-height:1.45}.rules-sections{display:grid;gap:.7rem}.rules-sections section{padding:.8rem;border:1px solid #789b8666;border-radius:.45rem;background:#163727}.rules-sections h3{margin-bottom:.35rem}@media (max-width: 42rem){main{margin:1rem auto;padding:0 .5rem}#lobby{grid-template-columns:minmax(0,1fr);border-width:.4rem}.lobby-top-rail{min-height:2.85rem;padding:.32rem .4rem}.lobby-top-rail .account-menu summary span:last-child{display:none}.lobby-intro{min-height:4.5rem;margin-inline:.8rem;padding-block:.65rem;font-size:.86rem}.lobby-layout{grid-template-columns:1fr;padding-inline:.8rem}.lobby-download{min-height:2.8rem;padding-inline:.8rem;font-size:.84rem}.game-session{align-items:stretch;flex-direction:column;gap:.25rem}.room-summary{gap:.25rem .35rem}.session-menu{align-self:flex-end}}@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){main{margin:.65rem auto 1rem;padding:0 .25rem}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}}.result-statistics{width:min(100%,28rem);margin:1rem 0;border-collapse:collapse;color:#f7ebd5}.result-statistics caption{padding:.45rem;color:#f3d062;font-weight:700;text-align:left}.result-statistics th,.result-statistics td{padding:.35rem .6rem;border:1px solid #765128;text-align:center}.result-statistics tbody th{text-align:left}.result-statistics thead{background:#392a16}.rulesets-error{grid-column:1 / -1;margin:0;color:#ffb4a9}@media (max-width: 42rem){.lobby-top-rail{position:relative;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;max-width:100%}.lobby-top-rail .account-menu{position:relative;top:auto;right:auto;width:auto;max-width:6rem;min-width:0}}.opening-die{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}.result-dialog{position:fixed;z-index:1000;top:50%;left:50%;display:grid;width:min(calc(100% - 2rem),30rem);min-width:0;max-height:calc(100vh - 2rem);gap:.9rem;margin:0;padding:clamp(1rem,3vw,1.5rem);overflow-y:auto;border:.12rem solid #d9ad5b;border-radius:.75rem;background:linear-gradient(135deg,#231109,#65391f 48%,#1d0d08);box-shadow:inset 0 0 0 .1rem #f7d99555,inset 0 0 1.3rem #120603aa,0 1rem 3rem #000c;color:#f7ebd5;transform:translate(-50%,-50%)}.result-dialog h2,.result-dialog p{margin:0}.result-heading{display:grid;justify-items:center;gap:.25rem;padding-bottom:.8rem;border-bottom:1px solid #d9ad5b77;text-align:center}.result-heading small{color:#e8bd72;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.result-heading h2{color:#ffe4a9;font-family:Georgia,serif;font-size:clamp(1.45rem,5vw,1.9rem);text-shadow:0 .08rem .08rem #160906}.result-heading p{color:#d9c695;font-weight:700}.result-stars{display:flex;gap:.3rem;margin-top:.15rem;font-size:clamp(1.7rem,7vw,2.35rem);line-height:1}.result-stars span{color:transparent;-webkit-text-stroke:.07rem #d9ad5b;text-shadow:0 .08rem .08rem #160906}.result-stars .earned{color:#f4c94f;-webkit-text-stroke-color:#ffe99a;text-shadow:0 .08rem .08rem #4b2807,0 0 .4rem #f3c84b88}.result-dialog .result-statistics{width:100%;margin:0;border:1px solid #9b7040;background:#1d100acc}.result-dialog .result-statistics{table-layout:fixed}.result-statistic-value{width:6rem}.result-dialog .result-statistics td{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.statistic-advantage{display:inline-grid;width:1.05em;height:1.05em;place-items:center;margin-right:.22rem;border:.09em solid #ffe7a0;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffe999 0,#ffe999 18%,#e2a930 19%,#e2a930 65%,#84500f 66%);color:#4b2807;font-family:sans-serif;font-size:.72em;font-weight:900;line-height:1;text-shadow:none;vertical-align:-.08em;box-shadow:0 .05em .1em #160906aa,inset 0 .05em .08em #fff4}.result-dialog .result-statistics th:first-child{position:relative;text-align:left}.statistic-info{position:relative;display:inline-grid;width:1.25em;height:1.25em;place-items:center;margin-left:.28rem;padding:0;border:0;border-radius:50%;background:transparent;color:#f3d062;font-size:.9em;line-height:1;vertical-align:.04em}.statistic-info:focus-visible{outline:.12rem solid #ffe08f;outline-offset:.12rem}.statistic-tooltip{position:absolute;z-index:1;bottom:calc(100% + .45rem);left:0;display:none;width:min(17rem,75vw);padding:.55rem .65rem;border:1px solid #d9ad5b;border-radius:.35rem;background:#24130df5;box-shadow:0 .3rem .8rem #000b;color:#f7ebd5;font-family:system-ui,sans-serif;font-size:.78rem;font-weight:500;line-height:1.35;text-align:left}.statistic-info:hover .statistic-tooltip,.statistic-info:focus-visible .statistic-tooltip{display:block}.statistic-legend{display:inline-flex;align-items:center;gap:.15rem;color:#d9c695;font-family:Trebuchet MS,system-ui,sans-serif;font-size:.72rem;font-weight:500}.statistic-legend .statistic-advantage{margin-right:.08rem}.result-dialog .result-statistics-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 0 .35rem;color:#ffe1a3;font-family:Georgia,serif;font-size:1rem}.result-dialog .result-statistics th,.result-dialog .result-statistics td{border-color:#765128}.result-dialog .result-statistics thead{background:#4a2919;color:#f7dfa8}.result-dialog .dialog-actions{justify-content:stretch;gap:.5rem}.result-dialog .dialog-actions button{flex:1;min-height:2.7rem;border-color:#a8773a;background:#27150e;color:#f7dfa8;font-weight:800}.result-dialog .dialog-actions .result-primary-action{border-color:#d9ad5b;background:linear-gradient(135deg,#3b1c0e,#865027 47%,#32180d);box-shadow:inset 0 0 0 .08rem #f7d99555,inset 0 0 .4rem #130704;color:#ffe3a8}@supports (height: 100dvh){.result-dialog{max-height:calc(100dvh - 2rem)}}.result-dialog .fairness-proof-actions{flex:none;justify-content:flex-end;gap:.35rem}.result-dialog .fairness-proof-actions button{flex:none;min-width:2.2rem;min-height:2.2rem;padding:.3rem .4rem;font-family:ui-monospace,monospace;font-size:.92rem;line-height:1}.side-choice,.difficulty-choice{display:grid;min-width:0;margin:0;padding:0;border:0;color:#f0d9a4;font-size:.86rem;font-weight:700}.side-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.difficulty-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.side-choice legend,.difficulty-choice legend{grid-column:1 / -1;width:100%;margin-bottom:.35rem;padding:0}.side-choice button,.difficulty-choice button{display:inline-grid;min-width:0;min-height:2.6rem;align-items:center;justify-content:center;border-color:#9b7040;background:#1d130eee;color:#f7ebd5;font-weight:700}.side-choice button{grid-template-columns:1.55rem minmax(0,max-content);column-gap:.45rem}.difficulty-choice button{padding-inline:.35rem;font-size:.78rem}.side-choice button.selected,.difficulty-choice button.selected{border-color:#d9ad5b;background:linear-gradient(135deg,#392012,#70401f 52%,#2a170e);box-shadow:inset 0 0 0 .08rem #f7d99544,0 0 .35rem #d9ad5b33}.side-choice button:focus-visible,.difficulty-choice button:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}.opponent-summary>.opponent-checker{border-color:#432b18;background-color:#d8c29e;background-image:radial-gradient(circle at center,#8e6f4f 0 35%,transparent 38%),linear-gradient(135deg,transparent 42%,#0004 100%);box-shadow:inset -.22rem -.25rem .35rem #0008,.08rem .12rem .18rem #0008}.opponent-summary>.opponent-checker:before{display:block;top:17%;right:17%;bottom:17%;left:17%;border-color:#442b1988;background:radial-gradient(circle at 50% 50%,transparent 48%,#0005 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #0008}.opponent-summary>.opponent-checker:after{display:block;top:28%;right:28%;bottom:28%;left:28%;border:0;border-radius:0;background:linear-gradient(90deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat;opacity:.72}.opponent-summary>.opponent-checker.black{border-color:#9b8065;background-color:#201715;background-image:radial-gradient(circle at center,#090504 0 35%,transparent 38%),radial-gradient(circle at center,#45332e 0,#45332e 52%,#604940,#2a1d19 82%,#100a08),linear-gradient(135deg,transparent 42%,#0008 100%);box-shadow:inset -.22rem -.25rem .35rem #000a,.08rem .12rem .18rem #000a}.opponent-summary>.opponent-checker.black:before{border-color:#b99c7c77;background:radial-gradient(circle at 50% 50%,transparent 48%,#0b0706cc 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #000a}.opponent-summary>.opponent-checker.black:after{background:linear-gradient(90deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat}.room-summary>.opponent-summary{--opponent-checker-size: 1.9rem;display:inline-grid;grid-template-columns:max-content var(--opponent-checker-size) max-content;flex:0 0 auto;align-items:center;gap:.5rem;min-height:var(--opponent-checker-size);padding-right:.25rem;white-space:nowrap}.opponent-label{grid-column:1;color:#bfa77a;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.opponent-summary>.opponent-checker{position:relative;display:block;grid-column:2;width:var(--opponent-checker-size);height:var(--opponent-checker-size);margin:0;transform:none;overflow:hidden;contain:layout paint}.opponent-name{display:block;grid-column:3;min-width:0}.room-summary>.opponent-summary{--opponent-checker-size: 1.9rem;display:inline-flex;flex:0 0 auto;align-items:center;gap:.35rem;min-height:var(--opponent-checker-size);padding-right:.25rem;white-space:nowrap}.opponent-label{color:#bfa77a;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.opponent-value{display:inline-grid;grid-template-columns:var(--opponent-checker-size) max-content;align-items:center;gap:.35rem;min-width:0;isolation:isolate}.opponent-value>.opponent-checker{position:relative;z-index:0;display:block;width:var(--opponent-checker-size);height:var(--opponent-checker-size);margin:0;transform:none;overflow:hidden;contain:layout paint;border-color:#432b18;background-color:#d8c29e;background-image:radial-gradient(circle at center,#8e6f4f 0 35%,transparent 38%),linear-gradient(135deg,transparent 42%,#0004 100%);box-shadow:inset -.22rem -.25rem .35rem #0008,.08rem .12rem .18rem #0008}.opponent-value>.opponent-checker:before{display:block;top:17%;right:17%;bottom:17%;left:17%;border-color:#442b1988;background:radial-gradient(circle at 50% 50%,transparent 48%,#0005 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #0008}.opponent-value>.opponent-checker:after{display:block;top:28%;right:28%;bottom:28%;left:28%;border:0;border-radius:0;background:linear-gradient(90deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat;opacity:.72}.opponent-value>.opponent-checker.black{border-color:#9b8065;background-color:#201715;background-image:radial-gradient(circle at center,#090504 0 35%,transparent 38%),radial-gradient(circle at center,#45332e 0,#45332e 52%,#604940,#2a1d19 82%,#100a08),linear-gradient(135deg,transparent 42%,#0008 100%);box-shadow:inset -.22rem -.25rem .35rem #000a,.08rem .12rem .18rem #000a}.opponent-value>.opponent-checker.black:before{border-color:#b99c7c77;background:radial-gradient(circle at 50% 50%,transparent 48%,#0b0706cc 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #000a}.opponent-value>.opponent-checker.black:after{background:linear-gradient(90deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat}.opponent-name{position:relative;z-index:1;display:block;min-width:0}.opponent-value{display:inline-flex;align-items:center;gap:.42rem}.opponent-token{position:relative;display:block;flex:0 0 var(--opponent-checker-size);width:var(--opponent-checker-size);height:var(--opponent-checker-size);overflow:hidden;border:.14rem solid #432b18;border-radius:50%;background:radial-gradient(circle at center,#8e6f4f 0 35%,transparent 38%),linear-gradient(135deg,transparent 42%,#0004 100%),#d8c29e;box-shadow:inset -.22rem -.25rem .35rem #0008,.08rem .12rem .18rem #0008}.opponent-token:before,.opponent-token:after{position:absolute;display:block;content:"";pointer-events:none}.opponent-token:before{top:17%;right:17%;bottom:17%;left:17%;border:.08rem solid #442b1988;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 48%,#0005 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #0008}.opponent-token:after{top:28%;right:28%;bottom:28%;left:28%;background:linear-gradient(90deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#5c4127aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat;opacity:.72}.opponent-token.black{border-color:#9b8065;background:radial-gradient(circle at center,#090504 0 35%,transparent 38%),radial-gradient(circle at center,#45332e 0,#45332e 52%,#604940,#2a1d19 82%,#100a08),#201715;box-shadow:inset -.22rem -.25rem .35rem #000a,.08rem .12rem .18rem #000a}.opponent-token.black:before{border-color:#b99c7c77;background:radial-gradient(circle at 50% 50%,transparent 48%,#0b0706cc 50% 54%,transparent 56%);box-shadow:inset .08rem .1rem .16rem #000a}.opponent-token.black:after{background:linear-gradient(90deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) center / 100% 92% no-repeat,linear-gradient(34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 26% 25% / 58% 45% no-repeat,linear-gradient(-34deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 74% 25% / 58% 45% no-repeat,linear-gradient(32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 30% 75% / 52% 36% no-repeat,linear-gradient(-32deg,transparent 47%,#d7ba90aa 48% 52%,transparent 53%) 70% 75% / 52% 36% no-repeat}.lobby-download{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:3.25rem;margin:0 calc(clamp(1rem,3vw,1.5rem)*-1);padding:.45rem clamp(1rem,3vw,1.5rem);border-top:1px solid #a8743d;border-radius:0 0 .75rem .75rem;background:linear-gradient(90deg,#25130b,#583019 52%,#24120a);color:#e9d3a0}.download-copy,.download-options{display:flex;align-items:center;gap:.55rem;min-width:0}.download-copy{font-size:.88rem;font-weight:700}.download-android{color:#8fca70;font-size:1.15rem}.download-options{justify-content:flex-end}.download-apk{padding:.42rem .7rem;border:1px solid #d9ad5b;border-radius:.32rem;background:linear-gradient(135deg,#3b1c0e,#865027 47%,#32180d);box-shadow:inset 0 0 0 .06rem #f7d99555;color:#ffe3a8;font-size:.8rem;font-weight:800;text-decoration:none;white-space:nowrap}.store-option{display:grid;min-width:4.7rem;padding:.2rem .35rem;border:1px solid #a3835b55;border-radius:.28rem;color:#b6a58b;font-size:.67rem;line-height:1.1;text-align:center;opacity:.64}.store-option small{color:#a89170;font-size:.55rem;font-weight:600;letter-spacing:0;text-transform:none}.player-statistics{display:grid;gap:.65rem;margin:0 clamp(1rem,3vw,1.5rem) 1rem;padding:.85rem 1rem;border:1px solid #a8743d;border-radius:.55rem;background:linear-gradient(135deg,#27150ddd,#51301ddd 50%,#21120bdd);box-shadow:inset 0 0 0 .06rem #f7d99533}.player-statistics-heading{display:grid;gap:.1rem}.player-statistics-heading small{color:#e8bd72;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.player-statistics-heading strong{color:#ffe3a8;font-family:Georgia,serif;font-size:1.15rem}.player-statistics-heading span{color:#d9c695;font-size:.85rem}.player-statistics-totals,.player-statistics-details{display:flex;flex-wrap:wrap;gap:.4rem}.player-statistics-totals span,.player-statistics-details span{padding:.28rem .45rem;border:1px solid #9b704066;border-radius:.28rem;background:#1d100aaa;color:#d9c695;font-size:.78rem}.player-statistics-totals b{color:#ffe3a8;font-size:1rem}.player-statistics-rating,.leaderboard-preview{display:grid;gap:.3rem;padding:.55rem;border:1px solid #9b704066;border-radius:.35rem;background:#1d100a99;color:#d9c695;font-size:.82rem}.player-statistics-rating strong,.leaderboard-preview strong{color:#ffe3a8}.player-statistics-rating small,.leaderboard-preview small{color:#bfa77a;line-height:1.35}.leaderboard-preview ol{display:grid;gap:.2rem;margin:.2rem 0 0;padding-left:1.5rem}.leaderboard-preview li{display:flex;justify-content:space-between;gap:.5rem;color:#e8d4aa}.leaderboard-preview li span{color:#bfa77a;white-space:nowrap}@media (max-width: 42rem){.lobby-download{align-items:flex-start;flex-direction:column;gap:.42rem}.download-options{width:100%;justify-content:space-between;gap:.25rem}.store-option{min-width:0;flex:1}}.bumper-heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.3rem;padding:.08rem .34rem 0;color:#f4ead8;font-family:Trebuchet MS,system-ui,sans-serif;font-size:.58rem;letter-spacing:.025em;text-transform:uppercase}.bumper-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-left i{transform:rotate(180deg)}.bumper-numbers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.bumper-numbers>span{position:relative;display:grid;min-width:0;place-items:start center;isolation:isolate}.bumper-numbers>span b{position:relative;z-index:1;padding-top:.1rem}.bumper-numbers>span:after{position:absolute;z-index:-1;width:min(100%,calc(var(--checker-diameter) * .9));height:calc(var(--bumper-height) * .58);content:""}.bumper-numbers>span.legal:after,.bumper-numbers>span.selected:after,.bumper-numbers>span.opponent-selected:after{display:none}.board-stage{--notch-center-beyond-inner-edge: 65%}.top-bumper:before{border-radius:.26rem .26rem 0 0;-webkit-mask:radial-gradient(ellipse var(--notch-radius) var(--notch-depth) at calc(50% - var(--point-gap) / 2) calc(100% + var(--notch-center-beyond-inner-edge)),transparent 96%,#000 100%) 0 0 / calc((100% - var(--point-gaps-total)) / 6 + var(--point-gap)) 100% repeat-x;mask:radial-gradient(ellipse var(--notch-radius) var(--notch-depth) at calc(50% - var(--point-gap) / 2) calc(100% + var(--notch-center-beyond-inner-edge)),transparent 96%,#000 100%) 0 0 / calc((100% - var(--point-gaps-total)) / 6 + var(--point-gap)) 100% repeat-x}.bottom-bumper:before{border-radius:0 0 .26rem .26rem;background:linear-gradient(0deg,#7d4826,#40200f 56%,#1c0d08);box-shadow:inset 0 -.08rem .1rem #f3d58e55,inset 0 .1rem .12rem #090403cc,0 -.07rem .1rem #10070399}.bottom-bumper{grid-template-rows:1fr var(--bumper-heading-height)}.bottom-bumper .bumper-heading{grid-row:2;align-items:end;padding:0 .3rem .09rem}.bottom-bumper .bumper-numbers{grid-row:1}.bottom-bumper .bumper-numbers>span{place-items:end center}.bottom-bumper .bumper-numbers>span b{padding:0 0 .1rem}.bottom-bumper:before{-webkit-mask:radial-gradient(ellipse var(--notch-radius) var(--notch-depth) at calc(50% - var(--point-gap) / 2) calc(0% - var(--notch-center-beyond-inner-edge)),transparent 96%,#000 100%) 0 0 / calc((100% - var(--point-gaps-total)) / 6 + var(--point-gap)) 100% repeat-x;mask:radial-gradient(ellipse var(--notch-radius) var(--notch-depth) at calc(50% - var(--point-gap) / 2) calc(0% - var(--notch-center-beyond-inner-edge)),transparent 96%,#000 100%) 0 0 / calc((100% - var(--point-gaps-total)) / 6 + var(--point-gap)) 100% repeat-x}.bumper-heading{font-size:clamp(.36rem,1.2vw,.5rem)}.quarter-highlights{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--point-gap);pointer-events:none}.quarter-highlights>i{display:block;min-width:0;border:2px solid transparent}.quarter-highlights>i.selected{border-color:#4d9dff;box-shadow:0 0 .8rem #4d9dff}.quarter-highlights>i.legal{border-color:#58c777;box-shadow:0 0 .8rem #58c777}.rules-dialog{width:min(calc(100% - 2rem),42rem);max-height:min(90vh,52rem);padding:1.1rem;overflow:auto;border:.12rem solid #d9ad5b;border-radius:.75rem;background:linear-gradient(135deg,#231109,#543019 48%,#1d0d08);box-shadow:inset 0 0 0 .1rem #f7d99555,inset 0 0 1.3rem #120603aa,0 1rem 3rem #000c;color:#f7ebd5}.rules-dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid #d9ad5b77}.rules-dialog header small{color:#e8bd72;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.rules-dialog h2{margin:.08rem 0 0;color:#ffe4a9;font-family:Georgia,serif;text-shadow:0 .08rem .08rem #160906}.rules-dialog .rules-close-action{min-width:2.25rem;padding:.25rem .55rem;border-color:#d9ad5b;background:#3b1c0e;box-shadow:inset 0 0 0 .06rem #f7d99555;color:#ffe3a8;font-size:1.4rem}.rules-dialog .rules-close-action:hover{border-color:#ffe08f;background:#71411f}.rules-dialog .rules-variant-picker{display:grid;gap:.35rem;margin-top:.9rem;padding:.7rem;border:1px solid #9b7040;border-radius:.45rem;background:#1d130ecc;color:#f0d9a4;font-size:.86rem;font-weight:700}.rules-dialog .rules-variant-picker select{width:100%;min-height:2.6rem;padding-right:2.7rem;border-color:#a8773a;background:linear-gradient(45deg,transparent 50%,#f3d062 50%) calc(100% - 1.15rem) 1.05rem / .45rem .45rem no-repeat,linear-gradient(135deg,#f3d062 50%,transparent 50%) calc(100% - .85rem) 1.05rem / .45rem .45rem no-repeat,linear-gradient(135deg,#3b1c0e,#593019 48%,#24130c);box-shadow:inset 0 0 0 .06rem #f7d99533;color:#f7dfa8;font-weight:700;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.rules-dialog .rules-variant-picker select:hover{border-color:#ffe08f;background-color:#4a2919;box-shadow:inset 0 0 0 .08rem #fff0b080,0 0 .35rem #eabf6a44}.rules-dialog .rules-variant-picker select option{background:#2b180f;color:#f7dfa8}.rules-sheet{padding-top:.2rem}.rules-dialog .rules-summary{margin:.9rem 0 0;padding:.65rem .75rem;border-left:.2rem solid #d9ad5b;border-radius:0 .35rem .35rem 0;background:#1d130ecc;color:#f0d9a4;font-size:1rem;line-height:1.5}.rules-dialog .rules-highlights{gap:.45rem;margin:.9rem 0 1rem}.rules-dialog .rules-highlights li{border-color:#a8773a;border-radius:2rem;background:linear-gradient(135deg,#3b1c0e,#593019 48%,#24130c);box-shadow:inset 0 0 0 .06rem #f7d99533;color:#f7dfa8}.rules-dialog .rules-board{gap:.55rem;padding:.75rem;border:1px solid #765128;border-left:.2rem solid #477052;border-radius:.45rem;background:linear-gradient(90deg,#2b180f,#382417);box-shadow:inset 0 0 0 .06rem #f7d99518}.rules-dialog .rules-board div{padding:.45rem;border:1px solid #765128;border-radius:.3rem;background:#1d130ecc}.rules-dialog .rules-board strong{color:#f0d9a4}.rules-dialog .rules-board span{color:#d9c695}.rules-dialog .rules-sections{gap:.7rem;margin-top:1rem}.rules-dialog .rules-sections section{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.7rem;padding:.8rem;border:1px solid #765128;border-radius:.45rem;background:linear-gradient(90deg,#2b180f,#382417);box-shadow:inset 0 0 0 .06rem #f7d99518}.rules-section-number{display:grid;width:1.65rem;height:1.65rem;place-items:center;border:1px solid #d9ad5b;border-radius:50%;background:radial-gradient(circle at 50% 35%,#f7dfa8,#b97925 58%,#4a260e 62%);box-shadow:inset 0 0 0 .06rem #fff0b066,0 .08rem .12rem #12060399;color:#381b09;font-weight:900;text-shadow:none}.rules-dialog .rules-sections h3{margin:0;color:#f0d9a4}.rules-dialog .rules-sections p{margin:.25rem 0 0;color:#d9c695;line-height:1.45}.rules-dialog .dialog-actions{margin-top:.8rem}.rules-confirm{min-width:7.5rem;border-color:#d9ad5b;background:linear-gradient(135deg,#3b1c0e,#865027 47%,#32180d);box-shadow:inset 0 0 0 .08rem #f7d99555,inset 0 0 .4rem #130704,0 .12rem .22rem #150904b3;color:#ffe3a8;font-weight:800}.rules-confirm:hover:not(:disabled){border-color:#ffe08f;background:linear-gradient(135deg,#3b1c0e,#945a2b 47%,#482411);box-shadow:inset 0 0 0 .08rem #fff0b080,inset 0 0 .45rem #180904,0 0 .45rem #eabf6a66}.rules-confirm:focus-visible,.rules-dialog .rules-variant-picker select:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}@media (max-width: 34rem){.rules-dialog{width:calc(100% - 1rem);padding:.85rem}.rules-sheet{padding-inline:0}}.quarter-highlights>i.opponent-selected.preview,.quarter-highlights>i.opponent-target.preview{border-color:#a77bff;box-shadow:0 0 .85rem #a77bff}.profile-dialog{border:.12rem solid #d9ad5b;border-radius:.75rem;background:linear-gradient(135deg,#231109,#65391f 48%,#1d0d08);box-shadow:inset 0 0 0 .1rem #f7d99555,inset 0 0 1.3rem #120603aa,0 1rem 3rem #000c}.profile-dialog>header h2{color:#ffe4a9;font-family:Georgia,serif;text-shadow:0 .08rem .08rem #160906}.profile-dialog>header button{border-color:#d9ad5b;background:#3b1c0e;color:#ffe3a8;box-shadow:inset 0 0 0 .06rem #f7d99555}.profile-dialog>header button:hover{border-color:#ffe08f;background:#71411f}.profile-content section,.leaderboard-dialog .leaderboard-list{border-color:#9b7040;background:#1d100acc;box-shadow:inset 0 0 0 .06rem #f7d99522}.profile-metrics span{border:1px solid #765128;background:#392a16}.profile-content input{border-color:#9b7040;background:#1d130eee;color:#f7ebd5}.profile-content input:focus-visible{outline:.14rem solid #ffe08f;outline-offset:.12rem}.leaderboard-list li{padding:.55rem .65rem;border:1px solid #765128;border-radius:.35rem;background:linear-gradient(90deg,#2b180f,#382417)}.leaderboard-list{padding:.7rem;border:1px solid #9b7040;border-radius:.5rem}.leaderboard-list li b:first-letter{color:#f3d062}@media (max-width: 34rem){.profile-dialog{width:calc(100% - 1rem);padding:.85rem}.profile-metrics{grid-template-columns:1fr}.leaderboard-list li{align-items:flex-start;flex-direction:column;gap:.15rem}.leaderboard-list li span{text-align:left}}.own-stack,.reserve-stack--top{grid-row:1}.opponent-stack,.reserve-stack--bottom{grid-row:3}@media (max-height: 44rem){main{margin-block:.75rem}.welcome-page{align-content:start}.welcome-card{margin-block:.5rem}.lobby-intro{min-height:0;padding-block:.6rem}}