:root{--ground:#e4ded3;--sheet:#f6f3ec;--ink:#221b14;--muted:#6b5f52;--rule:#cfc5b6;--accent:#5a3a22;--accent-ink:#fbf6ee;--danger:#a63a2e;--focus:#b8762e;--wood-hi:#e2b56e;--wood-lo:#c48c45;--wood-edge:#7a4f24;--grid:#4a280a6b;--cell-wash:#fff0d20d;--ring-wash:#58300e65;--blocked-wash:#1e120666;--engrave:#46260a9e;--engrave-light:#ffebc859;--hover:#fff8e6e6;--capture:#e0b25a;--stone-shadow:#00000073;--pip-halo:#fff0d200;--target:#8f2412;--stone-black:#2a2c30;--stone-black-hi:#6e7176;--stone-black-lo:#060708;--stone-black-terr:#060708;--stone-white:#f0ede4;--stone-white-hi:#fff;--stone-white-lo:#c6c0b1;--stone-white-terr:#fff;--font-display:"Marcellus", "Iowan Old Style", Georgia, serif;--font-body:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#15131a;--sheet:#201d24;--ink:#ebe5dc;--muted:#a39889;--rule:#3d3742;--accent:#d9b58a;--accent-ink:#1a1410;--danger:#ff8f8f;--focus:#e2b57a;--wood-hi:#5a3a22;--wood-lo:#3b2414;--wood-edge:#22140a;--grid:#00000080;--cell-wash:#ffdcaa08;--ring-wash:#0000008a;--blocked-wash:#00000070;--engrave:#ffd7a08c;--engrave-light:#00000059;--hover:#ffdcaad9;--capture:#d9a84a;--stone-shadow:#000000b3;--pip-halo:#ffdcaabf;--target:#ffcf85;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#15131a;--sheet:#201d24;--ink:#ebe5dc;--muted:#a39889;--rule:#3d3742;--accent:#d9b58a;--accent-ink:#1a1410;--danger:#ff8f8f;--focus:#e2b57a;--wood-hi:#5a3a22;--wood-lo:#3b2414;--wood-edge:#22140a;--grid:#00000080;--cell-wash:#ffdcaa08;--ring-wash:#0000008a;--blocked-wash:#00000070;--engrave:#ffd7a08c;--engrave-light:#00000059;--hover:#ffdcaad9;--capture:#d9a84a;--stone-shadow:#000000b3;--pip-halo:#ffdcaabf;--target:#ffcf85;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink)}body{font:400 15px/1.5 var(--font-body);padding:env(safe-area-inset-top) 16px max(24px, env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}a{color:var(--accent)}b,strong{font-weight:600}h1,h2{text-wrap:balance}:root{font-synthesis-weight:none}p{text-wrap:pretty}.site-head,.site-main,.site-foot{width:100%;max-width:1340px;margin-inline:auto}.site-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px 28px;padding:14px 0;display:flex}.logo{font:400 27px/1 var(--font-display);letter-spacing:-.01em;color:var(--ink);text-decoration:none}.site-head nav,.site-head .community{gap:4px 20px;display:flex}.site-head .community{margin-left:auto}.site-head a:not(.logo),.site-foot a{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.site-head a:not(.logo):hover,.site-foot a:hover{color:var(--ink)}.site-head nav a[aria-current=page]{color:var(--ink);box-shadow:0 2px 0 var(--accent)}@media (width<=520px){.site-head .community{display:none}.site-head nav{flex-wrap:wrap}.site-head{gap:8px 20px}}.site-main{flex:1;padding-block:24px 40px}.site-foot{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;padding-top:16px;display:flex}.site-foot nav{flex-wrap:wrap;gap:6px 20px;display:flex}.site-foot .version{font:400 12px var(--font-mono);color:var(--muted)}.site-credits{width:100%;max-width:1340px;margin:10px auto 0}.credits{width:fit-content;position:relative}.credits-toggle{font:500 12px var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.credits-toggle:hover,.credits.open .credits-toggle{color:var(--ink)}.credits-pop{z-index:10;padding-bottom:8px;display:none;position:absolute;bottom:100%;left:0}.credits:hover .credits-pop,.credits.open .credits-pop{display:block}.credits:has(:focus-visible) .credits-pop{display:block}.credits-card{background:var(--sheet);border:1px solid var(--rule);border-radius:10px;width:max-content;max-width:min(320px,100vw - 32px);margin:0;padding:12px 14px;font-size:13px;box-shadow:0 4px 12px #00000024}.credits-card dt{font:600 11px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.credits-card dd{margin:2px 0 10px}.credits-card dd:last-child{margin-bottom:0}.credits-card a{font:inherit;color:var(--accent);text-decoration:underline}.sw{vertical-align:-2px;width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:50%;flex:none;display:inline-block}.sw.c1{background:radial-gradient(circle at 36% 30%, var(--stone-black-hi), var(--stone-black) 38%, var(--stone-black-lo) 100%);box-shadow:0 1px 2px var(--stone-shadow)}.sw.c2{background:radial-gradient(circle at 36% 30%, var(--stone-white-hi), var(--stone-white) 45%, var(--stone-white-lo) 100%);box-shadow:0 1px 2px var(--stone-shadow), inset 0 0 0 1px #5a503c59}.sw.none{background:var(--rule)}.sw.ring,.sw.t1,.sw.t2,.sw.blocked{box-shadow:inset 0 0 0 1px var(--wood-edge);border-radius:2px}.sw.ring{background:linear-gradient(var(--ring-wash), var(--ring-wash)), linear-gradient(var(--wood-hi), var(--wood-lo))}.sw.blocked{background:linear-gradient(var(--blocked-wash), var(--blocked-wash)), linear-gradient(var(--wood-hi), var(--wood-lo))}.sw.t1{background:radial-gradient(circle, transparent 1.4px, var(--stone-black-terr) 1.9px, var(--stone-black-terr) 2.9px, transparent 3.4px), linear-gradient(var(--wood-hi), var(--wood-lo))}.sw.t2{background:radial-gradient(circle, transparent 1.4px, var(--stone-white-terr) 1.9px, var(--stone-white-terr) 2.9px, transparent 3.4px), linear-gradient(var(--wood-hi), var(--wood-lo))}.lede{max-width:48ch;margin:20px 0;font-size:17px}.card{background:var(--sheet);border:1px solid var(--rule);border-radius:10px;flex-direction:column;gap:14px;padding:16px;display:flex}.section-label{font:600 11px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 10px;display:flex}.section-label .lead{letter-spacing:.04em;text-transform:none;font:500 12px var(--font-mono);color:var(--ink)}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--rule);background:var(--ground);color:var(--ink);font:500 13.5px var(--font-body);cursor:pointer;border-radius:8px;flex:auto;justify-content:center;align-items:center;padding:9px 12px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--danger)}.btn.armed{background:var(--danger);border-color:var(--danger);color:var(--sheet)}.btn.small{flex:none;padding:6px 10px;font-size:12.5px}.btn.big{flex:none;padding:12px 20px;font-size:15px}.btn:disabled{opacity:.45;cursor:not-allowed}.toggle{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle input{accent-color:var(--accent);width:15px;height:15px;margin:0}.home{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:center;gap:24px 48px;display:grid}.home h1{font:600 clamp(56px, 9vw, 96px)/.9 var(--font-display);letter-spacing:-.02em;margin:0 0 28px}.big-buttons{flex-direction:column;gap:10px;max-width:420px;display:flex}.big-button{border:1.5px solid var(--rule);background:var(--sheet);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;padding:16px 18px;text-decoration:none;display:flex}.big-button:hover:not(:disabled){border-color:var(--accent)}.big-button:disabled{cursor:default;opacity:.6}.bb-title{font:500 24px/1.15 var(--font-display);white-space:nowrap}.bb-sub{color:var(--muted);font-size:13px}.community-line{color:var(--muted);margin:18px 0 0;font-size:14px}.home-board{justify-content:center;min-width:0;display:flex}.home-board .board{--face-max:calc((100vh - 200px) * var(--face-ratio) / 2)}@media (width<=860px){.home{grid-template-columns:minmax(0,1fr)}.home-board{order:-1}.home-board .board{--face-max:initial}}@media (width<=640px){.home-board .board{gap:14px;padding:12px 14px}}.board{grid-template-columns:repeat(var(--faces), minmax(0, var(--face-max,1fr)));width:100%;min-width:0;max-width:calc(var(--faces) * var(--face-max) + (var(--faces) - 1) * 26px + 52px);isolation:isolate;background-color:var(--wood-lo);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='300'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.004 0.45' numOctaves='4' seed='11'/><feColorMatrix values='0 0 0 0 0.16  0 0 0 0 0.07  0 0 0 0 0.01  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='700' height='700'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.05  0 0 0 0 0  0 0 0 0.12 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"), linear-gradient(175deg, var(--wood-hi), var(--wood-lo));box-shadow:inset 0 1px 0 #fff0d273, inset 0 -2px 0 #00000038, inset 1px 0 0 #fff0d22e, inset -1px 0 0 #0000002e, 0 1px 0 var(--wood-edge), 0 6px 0 -1px var(--wood-edge), 0 14px 24px -8px #0000008c;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-size:900px 300px,700px 700px,100% 100%;border-radius:12px;justify-content:center;align-items:center;gap:26px;padding:22px 26px;display:grid;position:relative}.board:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.board-paint{width:0;height:0;position:absolute}.board .face{width:100%;max-width:100%;height:auto;display:block;overflow:visible}@media (width<=640px){.board:not(.no-stack){grid-template-columns:minmax(0,1fr);max-width:none;padding:16px 14px}}.board .cell .hex{fill:var(--cell-wash);stroke:var(--grid);stroke-width:.85px;stroke-linejoin:round;transition:fill .15s,stroke .1s}.board .dot{fill:#060708;pointer-events:none}.board .cell.ring .hex{fill:var(--ring-wash);fill-opacity:var(--ringfade,1)}.board .cell .shade{fill:#000;fill-opacity:.1;pointer-events:none}.board .cell .block{fill:var(--blocked-wash);opacity:0;pointer-events:none;transition:opacity .15s}.board.shade .cell.blocked .block{opacity:1}.board.shade .cell.blocked.ring .hex{stroke-opacity:.5}.board .cell .pip,.board .cell .stone,.board .cell .ghost,.board .cell .mark{display:none}.board .cell.t1 .pip{fill:none;stroke:var(--p1-terr);stroke-width:1px;filter:drop-shadow(0 0 .5px var(--pip-halo));display:block}.board .cell.t2 .pip{fill:none;stroke:var(--p2-terr);stroke-width:1px;filter:drop-shadow(0 0 .5px var(--stone-shadow));display:block}.board .cell .axis{fill:none;stroke-width:.6px;pointer-events:none}.board .cell .stone{filter:var(--stone-filter)}.board .cell.s1 .stone{fill:var(--fill-s1);stroke:var(--p1-edge);stroke-width:.4px;display:block}.board .cell.s2 .stone{fill:var(--fill-s2);stroke:var(--p2-edge);stroke-width:.5px;display:block}.board .cell.now .mark{fill:none;stroke-width:1.3px;display:block}.board .cell.prev .mark{fill:none;stroke-width:1px;opacity:.6;stroke-dasharray:2 1.5;display:block}.board .cell.s1 .mark{stroke:var(--p1-mark)}.board .cell.s2 .mark{stroke:var(--p2-mark)}.board .cell.hover .hex{stroke:var(--hover);stroke-width:2px}.board.live.to1 .cell.can.hover .ghost{fill:var(--fill-s1);opacity:.55;display:block}.board.live.to2 .cell.can.hover .ghost{fill:var(--fill-s2);opacity:.7;display:block}.board.interactive .cell{cursor:default}.board.interactive.live .cell.can{cursor:pointer}.board.interactive.live .cell.cant{cursor:not-allowed}.board .cell.flash .hex{animation:.8s ease-out flash}.board .cell.fresh .pip{transform-box:fill-box;transform-origin:50%;animation:.45s ease-out pop}@keyframes flash{0%{fill:var(--capture)}}@keyframes pop{0%{opacity:0;transform:scale(2.6)}}.board .target{fill:none;stroke:var(--target);stroke-width:1.7px;stroke-dasharray:3 2;pointer-events:none}.board .cursor{fill:none;stroke:var(--focus);stroke-width:1.8px;pointer-events:none}.board .label{font:600 9px var(--font-body);text-anchor:middle;dominant-baseline:central;pointer-events:none}.board .label.on0{fill:var(--ink)}.board .label.on1{fill:var(--p1-mark)}.board .label.on2{fill:var(--p2-mark)}@media (prefers-reduced-motion:reduce){.board .cell .hex,.board .cell .block{transition:none}.board .cell.flash .hex,.board .cell.fresh .pip{animation:none}}.status{width:100%;min-height:2.9em;color:var(--muted);text-align:center;text-wrap:balance;font-variant-numeric:tabular-nums;flex:1;align-content:center;margin:0;font-size:14px}.status.warn{color:var(--danger)}.board-bar{align-items:center;gap:10px;width:100%;display:flex}.board-bar>.sw,.board-bar>.btn{display:none}.status b{color:var(--ink);font-weight:600}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend .sw{width:13px;height:13px}.local{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px 28px;display:grid}.local .stage{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.local .board{--face-max:calc((100vh - 250px) * var(--face-ratio))}@supports (height:100dvh){.local .board{--face-max:calc((100dvh - 250px) * var(--face-ratio))}}.local .panel{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:12px}.local-title{font:600 30px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.local .card{gap:10px;padding:14px 16px}.turn{align-items:center;gap:12px;display:flex}.sw.big{vertical-align:0;width:34px;height:34px}.sw.big.c1,.sw.big.c2{box-shadow:0 2px 4px var(--stone-shadow)}.sw.big.c2{box-shadow:0 2px 4px var(--stone-shadow), inset 0 0 0 1px #5a503c59}.who{font:600 1.35rem/1.15 var(--font-display)}.sub{color:var(--muted);font-size:13.5px}.hint{min-height:1.5em;margin:0;font-size:14px}.scores{gap:8px}.score{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.score .name{font-weight:500}.score .caps{color:var(--muted);font-size:12.5px}.score .pts{font:500 1.5rem/1 var(--font-mono);font-variant-numeric:tabular-nums}.score .pts small{font:400 .7rem var(--font-body);color:var(--muted);margin-left:4px}.settings,.settings .toggle{font-size:14px}.select-label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings select{font:inherit;border:1px solid var(--rule);background:var(--sheet);max-width:100%;color:var(--ink);border-radius:6px;padding:5px 8px}.keys{color:var(--muted);margin:0;font-size:12px}kbd{font:500 11px var(--font-mono);border:1px solid var(--rule);color:var(--ink);border-radius:4px;padding:0 4px}@media (width<=900px){.local{grid-template-columns:minmax(0,1fr);gap:14px}.local .panel{display:contents}.local-title{order:-3}.local .turn-card{order:-2}.local .stage{order:-1}.local .board{--face-max:initial}}@media (width<=640px){.local-title{font-size:26px}.local .board-bar{z-index:2;padding:6px 2px calc(6px + env(safe-area-inset-bottom));background:var(--ground);border-top:1px solid var(--rule);position:sticky;bottom:0}.local .board-bar>.sw{width:18px;height:18px;display:inline-block}.local .board-bar>.btn{display:inline-flex}.local .board-bar .status{text-align:left;font-size:13.5px}}.learn{max-width:720px}.learn h1,.lesson h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.lesson-list{border-top:1px solid var(--rule);margin:32px 0 0;padding:0;list-style:none}.lesson-list a{border-bottom:1px solid var(--rule);color:var(--ink);align-items:baseline;gap:16px;padding:14px 4px;text-decoration:none;display:flex}.lesson-list a:hover .name{text-underline-offset:3px;text-decoration:underline}.lesson-list .num{font:500 13px var(--font-mono);color:var(--muted);width:1.5em}.lesson-list .name{font:500 22px/1.2 var(--font-display)}.lesson-list .tick{color:var(--accent);margin-left:auto;font-weight:700}.lesson{grid-template:"text board""task board""finale board"1fr/minmax(0,380px) minmax(0,1fr);align-items:start;gap:20px 40px;display:grid}.lesson-text{grid-area:text}.lesson-text p{margin:0 0 12px}.eyebrow{font:500 12px var(--font-mono);color:var(--muted);margin:0 0 8px}.eyebrow a{color:var(--muted)}.lesson h1{margin-bottom:14px}.lesson-board{flex-direction:column;grid-area:board;align-items:center;gap:8px;min-width:0;display:flex;position:sticky;top:16px}.lesson-board .board{--face-max:min(calc((100vh - 170px) * var(--face-ratio)), calc(var(--cells) * 46px))}.lesson-task{grid-area:task}.lesson-task .task{margin:0;font-weight:600}.lesson-task .task strong{font-weight:700}.lesson-task.done{border-color:var(--accent)}.lesson-task.failed{border-color:var(--danger)}.lesson-score{gap:20px;margin:0;font-size:14px;display:flex}.lesson-score>span{align-items:center;gap:7px;display:inline-flex}.lesson-score b{font:500 16px var(--font-mono);font-variant-numeric:tabular-nums}.finale{grid-area:finale}.finale h2{font:500 28px/1.1 var(--font-display);margin:0}.finale p{margin:0}@media (width<=860px){.lesson{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"text""board""task""finale"}.lesson-board{position:static}.lesson-board .board{--face-max:calc(var(--cells) * 46px)}.learn h1,.lesson h1{font-size:36px}}@media (width<=640px){.lesson-board .board.no-stack{--face-max:calc(var(--cells) * 40px);gap:12px;padding:14px 12px}}.rulebook{max-width:860px}.rulebook h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.rulebook .lede{max-width:60ch;margin:14px 0 0;font-size:16px}.rule-toc{border-block:1px solid var(--rule);flex-wrap:wrap;gap:6px 20px;margin-top:20px;padding:10px 0;display:flex}.rule-toc a{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.rule-toc a:hover{color:var(--ink)}.rulebook section,.rulebook [id]{scroll-margin-top:16px}.rulebook h2{font:500 32px/1.1 var(--font-display);margin:40px 0 14px}.rulebook h3{font:600 16px var(--font-body);margin:26px 0 10px}.rulebook section>p,.rulebook section>ul,.rulebook section>ol{max-width:68ch;line-height:1.6}.rulebook section>p{margin:0 0 12px}.rulebook section>ul,.rulebook section>ol{flex-direction:column;gap:8px;margin:0 0 16px;padding-left:22px;display:flex}.rulebook hr{border:0;border-top:1px solid var(--rule);margin:28px 0}.rule-figs{flex-wrap:wrap;align-items:flex-start;gap:20px 28px;margin:8px 0 26px;display:flex}.rulebook li .rule-figs{margin:12px 0 10px}.rule-fig{--cell:34px;--face-max:calc(var(--cells) * var(--cell));width:min(100%, max(280px, calc(var(--nfaces) * var(--face-max) + (var(--nfaces) - 1) * 14px + 28px)));flex-direction:column;gap:8px;margin:0;display:flex}.rule-fig.wide{--cell:16px}.rule-fig .board{border-radius:8px;gap:14px;max-width:none;padding:12px 14px}.rule-fig figcaption{color:var(--muted);text-wrap:pretty;font-size:13px;line-height:1.45}@media (width<=640px){.rule-fig.wide{width:100%}.rule-fig .board:not(.no-stack){padding:10px 12px}}.not-found h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.success{color:var(--accent);margin:0}.not-found{max-width:560px}.play{max-width:900px}.play h1,.online-problem h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0 0 20px}.play-options{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.play-options h2{font:500 26px/1.15 var(--font-display);margin:0}.play-options p{margin:0}.fine{color:var(--muted);font-size:13px}.play>.fine{margin-top:16px}.loading{color:var(--muted)}.banner{background:var(--danger);color:var(--sheet);border-radius:8px;margin:0;padding:8px 12px;font-size:14px;font-weight:600}.badge.warn{border-color:var(--danger);color:var(--danger)}.toggle.disabled{color:var(--muted);cursor:not-allowed}.online .players{gap:4px}.online .card .section-label{margin:0}.player-row{align-items:center;gap:10px;padding:6px 0;display:flex}.player-row+.player-row{border-top:1px solid var(--rule)}.player-row.to-move .player-name b{color:var(--accent)}.player-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.player-name b{margin-right:4px;font-weight:600}.player-name a{color:inherit}.player-name .rating{color:var(--muted);font-variant-numeric:tabular-nums}.player-name .badge{margin-left:6px}.delta{font-variant-numeric:tabular-nums;font-weight:600}.delta.up{color:var(--accent)}.delta.down{color:var(--danger)}.clock{font:500 20px var(--font-mono);font-variant-numeric:tabular-nums;border:1px solid var(--rule);color:var(--muted);text-align:center;white-space:nowrap;border-radius:8px;min-width:4.4em;padding:2px 10px}.clock.running{color:var(--ink);border-color:var(--ink);background:var(--ground)}.clock.running.low{color:var(--sheet);background:var(--danger);border-color:var(--danger)}.clock.corr{min-width:0;padding:4px 10px;font-size:15px}.clock-box{flex-direction:column;align-items:center;gap:2px;display:flex}.clock-wait{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.2}.board-bar>.clock{display:none}.share{gap:8px;display:flex}.share .btn{flex:none}.share-link{min-width:0;font:400 14px var(--font-mono);color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:8px;flex:1;padding:8px 10px}.online .turn-card .btn[href]{flex:none}.record{max-height:360px;font:400 12.5px var(--font-mono);border-top:1px solid var(--rule);margin:0;padding:0;list-style:none;position:relative;overflow:auto}.record li{border-bottom:1px solid var(--rule);grid-template-columns:2.4em 3.4em minmax(0,1fr);align-items:center;gap:6px;padding:5px 2px;display:grid}.record .n{color:var(--muted);font-variant-numeric:tabular-nums}.record .moves{flex-wrap:wrap;gap:2px 6px;min-width:0;display:flex}.record .sw{vertical-align:0;width:10px;height:10px}.record .cap{color:var(--danger)}.record .claim{color:var(--accent)}.record .note{color:var(--muted);font-family:var(--font-body);font-size:12px}.replay-record button.mv{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:1px 4px;display:inline-flex}.replay-record button.mv.note{font:400 12px var(--font-body);color:var(--muted)}.replay-record button.mv:hover{background:var(--ground)}.replay-record button.mv[aria-current]{background:var(--accent);color:var(--accent-ink)}.replay-record button.mv[aria-current] .cap,.replay-record button.mv[aria-current] .claim{color:inherit}.replay-now{min-height:3em;margin:0;font-size:14px}.replay-now .turn-no{font:500 12px var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;display:block}.replay-controls{gap:6px;display:flex}.replay-controls .btn{flex:1 1 0;padding:9px 0}.replay-controls svg{display:block}.replay-scrub{align-items:center;gap:12px;display:flex}.replay-scrub input[type=range]{min-width:0;accent-color:var(--accent);flex:1;margin:0}.replay-speed{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.replay-speed select{font:500 13px var(--font-body);color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:6px;padding:4px 6px}.replay-share{gap:10px}.replay-share .fine{margin:0}@media (width<=900px){.online .banner{order:-4}.online .players{order:-3}}@media (width<=640px){.online .board-bar>.clock{min-width:0;padding:2px 8px;font-size:15px;display:inline-block}}.lobby{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:32px;display:grid}.lobby h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.lobby-main{flex-direction:column;gap:18px;min-width:0;max-width:720px;display:flex}.lobby-lede{color:var(--muted);max-width:60ch;margin:-6px 0 0}.lobby-main .section-label{margin:6px 0 -8px}.seek-new p{margin:0}.seek-new.waiting{border-color:var(--accent)}.seek-wait{align-items:center;gap:10px;font-weight:600;display:flex}.pulse{background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3;transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}.seek-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.seek-list li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 2px;display:grid}.seek-who{overflow-wrap:anywhere;min-width:0;font-weight:600}.seek-who a{color:inherit}.seek-who .rating{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.seek-kind{color:var(--muted);font-size:13px}.seek-kind.rated{color:var(--ink)}.seek-list li.locked .seek-who,.seek-list li.locked .seek-kind{opacity:.5}.seek-empty{color:var(--muted);border-block:1px solid var(--rule);margin:0;padding:14px 2px}.lobby-side{min-width:0;position:sticky;top:16px}@media (width<=860px){.lobby{grid-template-columns:minmax(0,1fr);gap:24px}.lobby-side{position:static}}.chat{gap:10px;padding:12px 14px}.chat-head{font:600 11px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin:0;display:flex}.chat-aside{font:500 12px var(--font-mono);letter-spacing:.04em;text-transform:none;color:var(--ink)}.chat-log{overscroll-behavior:contain;flex-direction:column;gap:5px;height:180px;margin:0;padding:0;font-size:14px;list-style:none;display:flex;overflow-y:auto}.lobby .chat-log{height:min(56vh,520px)}.chat-log li{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px;display:grid;position:relative}.chat-log time{font:400 11px var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}.chat-line{overflow-wrap:anywhere;white-space:pre-wrap}.chat-name{font-weight:600}.chat-name a{color:inherit;text-decoration:none}.chat-name a:hover{text-decoration:underline}.chat-log li.mine .chat-name{color:var(--accent)}.chat-log li.chat-empty{color:var(--muted);display:block}.chat-form{gap:8px;display:flex}.chat-input{min-width:0;font:400 16px var(--font-body);color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:8px;flex:1;padding:7px 10px}.chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.chat-form .btn{flex:none}.chat-note{color:var(--muted);margin:0;font-size:13px}.chat-note.warn{color:var(--danger)}.nav-badge{min-width:18px;font:600 11px/18px var(--font-body);font-variant-numeric:tabular-nums;text-align:center;color:var(--accent-ink);background:var(--accent);vertical-align:1px;border-radius:999px;margin-left:5px;padding:0 5px;display:inline-block}.match-notice{border:1px solid var(--accent);background:var(--sheet);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 14px;width:100%;max-width:1340px;margin:12px auto 0;padding:10px 14px;font-size:14px;display:flex}.match-notice>span{flex:260px}.match-notice .btn{flex:none}.my-games{flex-direction:column;gap:18px;max-width:760px;display:flex}.my-games h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.my-games>p{margin:0}.corr-find h2{font:500 26px/1.15 var(--font-display);margin:0}.corr-find p{margin:0}.searching{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.searching p{align-items:center;gap:10px;font-weight:600;display:flex}.searching .muted{font-weight:400}.searching .btn{flex:none}.my-games .section-label{margin:6px 0 -8px}.game-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.game-list li{border-bottom:1px solid var(--rule)}.game-row{color:var(--ink);grid-template-columns:6.5em minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 4px;text-decoration:none;display:grid}.game-row:hover{background:var(--sheet)}.turn-pill{border:1px solid var(--rule);font:600 12px var(--font-body);color:var(--muted);white-space:nowrap;border-radius:999px;justify-self:start;padding:2px 9px}.turn-pill.yours{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.game-who{overflow-wrap:anywhere;min-width:0;font-weight:600}.game-who .rating{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.game-kind{color:var(--muted);font-size:13px;font-weight:400;display:block}.game-time{font:500 14px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.your-turn .game-time{color:var(--ink)}.game-time.low{color:var(--danger)}@media (width<=520px){.game-row{grid-template-columns:minmax(0,1fr) auto}.turn-pill{grid-column:1/-1}}.segmented{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented label{cursor:pointer;border:1px solid var(--rule);background:var(--ground);border-radius:10px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;display:flex}.segmented label span{color:var(--muted);flex-direction:column;line-height:1.3;display:flex}.segmented label b{color:var(--ink);font-size:14px}.segmented input{accent-color:var(--accent);margin:0}.segmented label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.segmented label.disabled{opacity:.5;cursor:not-allowed}.friends-page{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:start;gap:32px;display:grid}.friends-page h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.friends-page>p{grid-column:1/-1;margin:0}.friends-main{flex-direction:column;gap:16px;min-width:0;max-width:680px;display:flex}.friends-main .section-label{margin:8px 0 -6px}.friends-side{flex-direction:column;gap:12px;min-width:0;display:flex;position:sticky;top:16px}.friends-hint{color:var(--muted);margin:0}.back-link{font-size:14px;display:none}.add-friend{gap:8px}.add-friend label{font-size:14px;font-weight:600}.add-row{gap:8px;display:flex}.add-row .btn{flex:none}.add-friend p{margin:0}.requests{gap:0;padding:4px 14px}.request-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:10px 0;font-size:14px;display:flex}.request-row+.request-row{border-top:1px solid var(--rule)}.request-actions{gap:6px;display:flex}.requests .form-error{padding-bottom:8px}.friend-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.friend-list li{border-bottom:1px solid var(--rule);align-items:center;gap:8px;display:flex}.friend-list li.current{background:var(--sheet)}.friend-row{min-width:0;color:var(--ink);flex:1;align-items:center;gap:12px;padding:10px 6px;text-decoration:none;display:flex}.friend-row:hover{background:var(--sheet)}.friend-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.friend-name .rating{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.friend-note{color:var(--muted);font-size:13px;font-weight:400;display:block}.presence{border:1.5px solid var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.presence.on{background:var(--accent);border-color:var(--accent)}.friend-list .watch{margin-right:6px}.conversation{flex-direction:column;gap:12px;display:flex}.conversation-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.conversation-head h2{font:500 28px/1.15 var(--font-display);margin:0}.conversation-head h2 a{color:inherit;text-decoration:none}.conversation .chat-log{height:min(46vh,420px)}.conversation .fine{margin:0}textarea.chat-input{resize:vertical;min-height:44px;max-height:200px;line-height:1.4}.invite-card{gap:10px}.invite-card h3{margin:0;font-size:15px}.invite-card p{margin:0}.friend-action{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.friend-action .btn{flex:none}@media (width<=860px){.friends-page{grid-template-columns:minmax(0,1fr);gap:20px}.friends-side{position:static}.friends-page.has-selection .friends-main,.friends-page:not(.has-selection) .friends-side{display:none}.back-link{display:inline}}.msg-actions{position:relative}.msg-more{font:600 14px/1 var(--font-body);color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;padding:2px 6px}.chat-log li:hover .msg-more,.chat-log li:focus-within .msg-more,.msg-more[aria-expanded=true]{opacity:1}@media (hover:none){.msg-more{opacity:.6}}.msg-more:hover{background:var(--ground);color:var(--ink)}.msg-menu{z-index:5;background:var(--sheet);border:1px solid var(--rule);border-radius:8px;flex-direction:column;min-width:150px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000024}.msg-menu button{font:500 13px var(--font-body);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 12px}.msg-menu button:hover,.msg-menu button:focus-visible{background:var(--ground)}.report-form{border:1px solid var(--danger);background:var(--ground);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;font-size:14px;display:flex}.report-form p{margin:0}.report-form select{font:400 15px var(--font-body);color:var(--ink);background:var(--sheet);border:1px solid var(--rule);border-radius:8px;padding:7px 8px}.profile-tools{flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:13px;display:flex}.profile-tools .linkish{color:var(--muted)}.profile-tools .report-form{flex-basis:100%;max-width:420px}.account h2{margin:0;font-size:16px}.muted-list ul{margin:0;padding:0;list-style:none}.muted-list li{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.danger-zone{border-color:color-mix(in srgb, var(--danger) 45%, var(--rule))}.danger-zone p{margin:0}.admin{flex-direction:column;gap:24px;max-width:860px;display:flex}.admin h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.admin section{flex-direction:column;gap:10px;display:flex}.admin .section-label{margin:0}.report-list,.error-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.report-list li,.error-list li{border-bottom:1px solid var(--rule);flex-direction:column;gap:6px;padding:12px 2px;display:flex}.report-list li.resolved{opacity:.65}.report-list li.ban-row{flex-direction:row;justify-content:space-between;align-items:center}.report-meta{color:var(--muted);font-size:13px}.report-meta b{color:var(--ink)}.report-meta .badge{margin-left:6px}.report-list blockquote{border-left:3px solid var(--danger);background:var(--sheet);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:8px 12px}.report-list blockquote.gone{border-left-color:var(--rule);color:var(--muted)}.report-list p{margin:0}.error-message{font:400 13px var(--font-mono);overflow-wrap:anywhere;margin:0}.error-list pre{background:var(--sheet);border-radius:6px;margin:6px 0 0;padding:8px;font-size:11px;overflow-x:auto}.error-list summary{cursor:pointer;color:var(--muted);font-size:12px}.policy{max-width:68ch}.policy h1{font:600 40px/1.1 var(--font-display);letter-spacing:-.01em;margin:0 0 4px}.policy h2{margin:28px 0 8px;font-size:17px}.policy p,.policy li{line-height:1.6}.policy ul{flex-direction:column;gap:6px;padding-left:20px;display:flex}:root{--chart-line:#1a8f68}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--chart-line:#1baf7a}}:root[data-theme=dark]{--chart-line:#1baf7a}.leaderboard{flex-direction:column;gap:18px;max-width:640px;display:flex}.leaderboard h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.leaderboard>p{max-width:60ch;margin:0}.leaderboard table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.leaderboard th,.leaderboard td{text-align:left;border-bottom:1px solid var(--rule);padding:8px 10px}.leaderboard th{color:var(--muted);font-size:12px;font-weight:500}.leaderboard .rank{width:3em;color:var(--muted);font-family:var(--font-mono)}.leaderboard .num{text-align:right}.leaderboard td a{color:var(--ink);overflow-wrap:anywhere;font-weight:600;text-decoration:none}.leaderboard td a:hover{text-decoration:underline}.leaderboard .q{text-align:left;width:.7em;display:inline-block}.leaderboard .q.blank{visibility:hidden}.leaderboard tr.me td{background:var(--sheet)}.leaderboard tr.me .rank{color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}@media (width<=520px){.leaderboard th,.leaderboard td{padding:8px 6px}}.profile{flex-direction:column;gap:24px;max-width:860px;display:flex}.profile h1{font:600 44px/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.profile-head p{margin:6px 0 0}.muted{color:var(--muted)}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat{background:var(--sheet);border:1px solid var(--rule);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stat-label{color:var(--muted);font-size:13px}.stat-value{font:600 30px/1.15 var(--font-body)}.stat-note{color:var(--muted);font-size:12px}.chart-card{gap:6px}.rating-chart{width:100%;position:relative}.rating-chart svg{display:block;overflow:visible}.rating-chart .grid{stroke:var(--rule);stroke-width:1px}.rating-chart .tick{fill:var(--muted);font:400 11px var(--font-mono);font-variant-numeric:tabular-nums}.rating-chart .line{fill:none;stroke:var(--chart-line);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.rating-chart .dot{fill:var(--chart-line);stroke:var(--sheet);stroke-width:2px}.rating-chart .end-label{fill:var(--ink);font:600 13px var(--font-body)}.rating-chart .crosshair{stroke:var(--muted);stroke-width:1px}.chart-tip{pointer-events:none;background:var(--sheet);border:1px solid var(--rule);border-radius:8px;width:140px;padding:6px 10px;font-size:13px;position:absolute;top:0;box-shadow:0 4px 12px #0000001f}.chart-tip b{font-size:16px}.chart-tip .muted{font-size:12px}.chart-table summary{cursor:pointer;color:var(--muted);font-size:13px}.chart-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px;font-size:13px}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--rule);padding:4px 6px}.chart-table th{color:var(--muted);font-weight:500}.recent{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.recent li{border-bottom:1px solid var(--rule);grid-template-columns:5.5em minmax(0,1fr) 5em auto auto;align-items:baseline;gap:8px 14px;padding:9px 2px;font-size:14px;display:grid}.recent .outcome{font-weight:600}.recent .outcome.win{color:var(--accent)}.recent .outcome.loss{color:var(--danger)}.recent .outcome.aborted{color:var(--muted)}.recent .change{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}.recent .when,.recent .kind{color:var(--muted);font-size:13px}.history-more{margin-top:12px}@media (width<=520px){.recent li{grid-template-columns:4.5em minmax(0,1fr) auto;align-items:center}.recent .when{grid-column:2/3}}.account-link{text-align:right;border:1px solid var(--rule);border-radius:999px;min-width:4em;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none;color:var(--ink)!important}.account-link:empty{visibility:hidden}.account-link:hover{border-color:var(--ink)}@media (width<=520px){.account-link{margin-left:auto}}.auth{max-width:440px}.auth h1{font:600 40px/1.1 var(--font-display);letter-spacing:-.01em;margin:0 0 8px}.auth .lede{color:var(--muted);margin:0 0 22px;font-size:15px}.auth-form{flex-direction:column;gap:16px;margin-top:8px;display:flex}.auth-form .btn.big{align-self:flex-start}.auth-alt{color:var(--muted);margin:14px 0 0;font-size:14px}:root{--google-bg:#fff;--google-line:#747775;--google-ink:#1f1f1f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--google-bg:#131314;--google-line:#8e918f;--google-ink:#e3e3e3}}:root[data-theme=dark]{--google-bg:#131314;--google-line:#8e918f;--google-ink:#e3e3e3}.google-btn{background:var(--google-bg);height:44px;color:var(--google-ink);border:1px solid var(--google-line);font:500 14px/20px Roboto, var(--font-body);border-radius:22px;align-items:center;gap:10px;padding:0 16px 0 12px;text-decoration:none;display:inline-flex}.google-btn:hover{background:color-mix(in srgb, var(--google-ink) 8%, var(--google-bg))}.google-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.google-btn svg{flex:none}.auth .google-error{margin:0 0 14px}.or-rule{color:var(--muted);align-items:center;gap:12px;margin:22px 0 6px;font-size:13px;display:flex}.or-rule:before,.or-rule:after{content:"";border-top:1px solid var(--rule);flex:1}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;font-weight:600}.input-wrap{display:flex;position:relative}.field input{min-width:0;font:400 16px var(--font-body);color:var(--ink);background:var(--sheet);border:1.5px solid var(--rule);border-radius:8px;flex:1;padding:10px 12px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.field input[aria-invalid=true]{border-color:var(--danger)}.input-wrap .reveal{font:600 12px var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 8px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-wrap:has(.reveal) input{padding-right:60px}.field-hint{color:var(--muted);margin:0;font-size:13px}.field-error,.form-error{color:var(--danger);margin:0;font-size:13px}.form-error{font-size:14px}.linkish{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.actions.narrow .btn{flex:none}.account .facts{grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0 20px;display:grid}.account dt{color:var(--muted);font-size:14px}.account dd{overflow-wrap:anywhere;margin:0}.account .card{margin-bottom:20px}.account .card p{margin:0}.stone-pickers{flex-wrap:wrap;gap:10px 18px;display:flex}.stone-picker{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.stone-picker input{cursor:pointer;border:1px solid var(--rule);background:0 0;border-radius:50%;flex:none;width:34px;height:34px;padding:0}.stone-picker input::-webkit-color-swatch-wrapper{padding:3px}.stone-picker input::-webkit-color-swatch{border:none;border-radius:50%}.stone-picker input::-moz-color-swatch{border:none;border-radius:50%}.stone-preview{background:linear-gradient(175deg, var(--wood-hi), var(--wood-lo));width:fit-content;max-width:100%;box-shadow:inset 0 1px 0 #fff0d273, 0 1px 0 var(--wood-edge);border-radius:8px;flex-wrap:wrap;gap:6px;padding:10px 12px;display:flex}.stone-preview .sw{width:26px;height:26px}.badge{vertical-align:1px;font:600 11px var(--font-body);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--muted);color:var(--muted);border-radius:999px;padding:1px 8px;display:inline-block}.badge.ok{border-color:var(--accent);color:var(--accent)}.print-and-play{max-width:760px}.print-and-play h1{font:400 44px/1.05 var(--font-display);margin:0 0 10px}.downloads{gap:12px;margin:22px 0;padding:0;list-style:none;display:grid}.downloads li{gap:4px;display:grid}.download{background:var(--sheet);border:1px solid var(--rule);color:var(--ink);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:14px 16px;text-decoration:none;display:grid}.download:hover{border-color:var(--accent)}.dl-title{font:400 22px/1.2 var(--font-display)}.dl-about{color:var(--muted);grid-column:1;font-size:14px}.dl-file{font:600 12px var(--font-body);letter-spacing:.08em;color:var(--accent);grid-area:1/2/span 2}.dl-view{padding-left:16px;font-size:13px}.print-doc{--ink:#111;--muted:#555;--rule:#bbb;--sheet:#fff;--grid:#4d4d4d;--cell-wash:transparent;--ring-wash:#0003;--engrave:#222;--pip-halo:#fff0;--target:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font:400 10.5pt/1.45 var(--font-body);box-sizing:border-box;background:#fff;width:8.5in;max-width:100%;margin:0 auto;padding:.6in .7in}.print-doc.doc-board{padding:.3in}.print-doc.doc-board-1,.print-doc.doc-board-2{width:11in;padding:.25in}.print-bar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.print-doc p{margin:0 0 7px}.print-doc h2{font:400 16pt/1.2 var(--font-display);margin:18px 0 6px}.print-doc h3{font:600 9pt var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 4px}.print-doc ul,.print-doc ol{margin:0 0 8px;padding-left:20px}.print-doc li{margin-bottom:4px}.print-doc hr{border:0;border-top:1px solid var(--rule);margin:14px 0}.doc-head{border-bottom:1.5px solid var(--ink);align-items:baseline;gap:14px;margin-bottom:12px;padding-bottom:6px;display:flex}.doc-logo{font:400 30px/1 var(--font-display)}.doc-name{font:400 17px var(--font-display);color:var(--muted)}.doc-foot{color:var(--muted);font-size:8pt;margin-top:16px!important}.paper-notes{break-inside:avoid}.doc-text .rule-figs{gap:12px 20px;margin:4px 0 12px}.doc-text .rule-fig{--cell:22px;break-inside:avoid}.doc-text .rule-fig.wide{--cell:13px}.doc-text .rule-fig figcaption{font-size:8.5pt}.print-doc .board{box-shadow:none;border:.75pt solid var(--rule);background:#fff;border-radius:6px;padding:8px 10px}.print-doc .board .face-name,.print-doc .board .legend{color:var(--muted)}.print-doc .board .cell .stone,.print-doc .board .cell .pip{filter:none}.print-doc .board .cell.s2 .stone{stroke:#555;stroke-width:.8px}.print-doc .board .cell.t2 .pip{stroke:#9a9a9a;stroke-width:1.3px}.print-face{display:block}.print-face .pcell polygon{fill:#fff;stroke:#4d4d4d;stroke-width:.9px;stroke-linejoin:round}.print-face .pcell.ring polygon{fill:#c4c4c4}.print-face .pcell.mid polygon{fill:#a8a8a8}.print-face .axis{fill:none;stroke:#1a1a1a;stroke-width:.7px}.print-face .dot{fill:#111}.doc-board .sheet{margin:0 auto}.doc-board-1 .sheet{flex-direction:column;justify-content:center;align-items:center;gap:.12in;height:7.9in;display:flex}.sheet-faces{gap:.25in;display:flex}.doc-board-1 .doc-head{align-self:stretch;margin-bottom:.04in}.sheet-note{color:var(--muted);font-size:8pt;margin:0!important}.doc-board-2 .sheet{break-after:page;align-items:center;gap:.2in;height:8in;display:flex}.doc-board-2 .sheet:last-child{break-after:auto}.sheet-side{flex-direction:column;align-self:stretch;gap:6px;width:1.15in;padding-top:.1in;display:flex}.sheet-face{font:400 22pt/1.1 var(--font-display)}.sheet-sub{color:var(--muted);font-size:8pt}.sheet-tip{margin-top:auto}@media screen{.doc-board-2 .sheet+.sheet{border-top:1px dashed var(--rule);margin-top:.4in;padding-top:.2in}}@media print{html,body{background:#fff}body{padding:0}#root{min-height:0;display:block}.print-bar{display:none}.print-doc,.print-doc.doc-board,.print-doc.doc-board-2{width:auto;margin:0;padding:0}}