:root{--color-page:#f2ece3;--color-raised:#fbf8f3;--color-sunken:#efe8dd;--color-card:#fff;--color-ink:#2a211a;--color-ink-2:#4d4136;--color-muted:#6f6254;--color-on-dark:#f7efe2;--color-accent-ink:#8a520c;--color-amber:#d38a16;--color-selected:#d9961c;--color-last-move:#f7be3c73;--color-warn:#a3190f;--color-check:#e22c1cf2;--color-last-move-edge:#be7d0fb3;--color-selected-fill:#f7be3c8c;--color-check-edge:#a8201a;--color-hint-ink:#22120699;--color-hint-halo:#fff4dea6;--color-focus:#2a211a;--color-focus-halo:#fff4de;--gradient-primary:linear-gradient(180deg, #4a3526, #33241a);--board-light:#e0c392;--board-dark:#86572f;--board-frame:#56331a;--board-inlay:#b88d5a;--board-coord-on-light:#6e4424;--board-coord-on-dark:#f1dcb4;--gradient-clock:linear-gradient(180deg, #3d322b, #211a15);--clock-face-active:#f1e7cb;--clock-face-idle:#c2b79f;--clock-face-low:#f7d3c4;--gradient-score:linear-gradient(180deg, #5b3a22, #43291a);--color-on-score:#f4e6cc;--shadow-hairline:0 0 0 1px #3c281424;--shadow-primary:inset 0 1px 0 #ffffff24, 0 8px 16px -6px #34251a99;--shadow-sheet:0 -10px 30px -12px #28190a4d;--font-display:"Chesswink Arabic", "Newsreader", Georgia, serif;--font-ui:"Chesswink Arabic", "Hanken Grotesk Variable", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--text-label:calc(11.5rem / 16);--text-small:calc(13rem / 16);--text-body:calc(14.5rem / 16);--text-ui:1rem;--text-button:calc(18rem / 16);--text-heading:calc(22rem / 16);--text-title:calc(26rem / 16);--text-display:2rem;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-16:16px;--radius-18:18px;--radius-20:20px;--radius-sheet:26px;--tap-min:44px;--button-sm:48px;--button-md:54px;--button-lg:62px;--duration-turntable:.6s;--duration-resign-pause:1.2s}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-normal-B66TYsaK.woff2)format("woff2"),url(/assets/newsreader-latin-500-normal-DFwuUcdu.woff)format("woff")}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-600-italic-BXGU4hd9.woff2)format("woff2"),url(/assets/newsreader-latin-600-italic-QBRrDGPr.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff")}@font-face{font-family:Chesswink Arabic;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-arabic-wght-normal-DiwT_uOQ.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{background:var(--color-page);color:var(--color-ink);font-family:var(--font-ui);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-block-size:100dvh;margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.btn{box-sizing:border-box;min-block-size:var(--button-sm);border-radius:var(--radius-12);background:var(--color-raised);box-shadow:var(--shadow-hairline);color:var(--color-ink);font:600 calc(14rem / 16) / 1.2 var(--font-ui);touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 16px;display:flex}.btn:active:not(:disabled){filter:brightness(.96);translate:0 1px}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus,p[tabindex="-1"]:focus{outline:none}.btn small{opacity:.8;font-size:.78125rem;font-weight:500}.btn-primary{min-block-size:var(--button-lg);border-radius:var(--radius-16);background:var(--gradient-primary);box-shadow:var(--shadow-primary);color:var(--color-on-dark);font-size:1.1875rem;font-weight:650}.btn-dark{background:var(--color-ink);box-shadow:none;color:var(--color-on-dark)}.btn-row{min-block-size:var(--button-md);border-radius:var(--radius-14);font-size:var(--text-ui)}.screen-title{font:500 var(--text-display) / 1.08 var(--font-display);letter-spacing:-.01em;margin:0}.home{box-sizing:border-box;min-block-size:100dvh;max-inline-size:480px;padding-block:14px max(26px, env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;padding-inline:20px;display:flex}.home-wordmark{font:italic 600 var(--text-heading) var(--font-display);margin:0;padding-inline:4px}.home-board{flex-direction:column;flex:1;justify-content:center;padding-block:8px 16px;display:flex}.home-board .board{inline-size:min(88%,420px,max(200px,100dvh - 420px))}.home-actions{flex-direction:column;gap:12px;display:flex}.home-tagline{font:500 var(--text-display) / 1.08 var(--font-display);letter-spacing:-.01em;white-space:pre-line;text-wrap:pretty;margin:0 4px 8px}.names{box-sizing:border-box;min-block-size:100dvh;max-inline-size:480px;padding:32px 20px max(26px, env(safe-area-inset-bottom));flex-direction:column;gap:28px;margin-inline:auto;display:flex}.names-form{flex-direction:column;gap:18px;display:flex}.field{font-weight:600;font-size:var(--text-body);flex-direction:column;gap:8px;display:flex}.field input{box-sizing:border-box;min-block-size:var(--button-md);border-radius:var(--radius-14);background:var(--color-card);box-shadow:var(--shadow-hairline);color:var(--color-ink);font:500 calc(17rem / 16) var(--font-ui);border:0;padding-inline:16px}.field input:is(:placeholder-shown,:required:invalid){direction:inherit}.field input:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.game{box-sizing:border-box;min-block-size:100dvh;max-inline-size:576px;padding-block:14px max(16px, env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;display:flex;overflow:clip}.game-head{justify-content:space-between;align-items:baseline;gap:12px;padding:0 22px 4px;display:flex}.game-title{overflow-wrap:anywhere;text-wrap:balance;min-inline-size:0;font:500 var(--text-display) / 1.1 var(--font-display);margin:0}.game-title[data-long]{font-size:var(--text-heading)}.game-head-day{flex-direction:column;align-items:stretch;gap:4px}.game-title[data-waiting]{color:var(--color-ink-2)}.game-sub{color:var(--color-ink-2);font-size:var(--text-body);margin:0;line-height:1.35}.game-move{color:var(--color-muted);font-size:var(--text-small);flex:none}.game-table{flex-direction:column;flex:1;justify-content:center;gap:10px;padding-inline:8px;display:flex}.game-table .board{inline-size:min(100%,max(260px,100dvh - 300px))}.game-foot{margin:8px 12px 0}.game-notify{gap:6px;display:grid}.game:has(.game-head-day) .game-table .board{inline-size:min(100%,max(260px,100dvh - 350px))}.game-notify-on{color:var(--color-ink-2);font-size:var(--text-small);text-align:center}.game-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.game-handoff{box-sizing:border-box;min-block-size:var(--button-sm);border-radius:var(--radius-16);background:var(--color-ink);color:var(--color-on-dark);text-align:center;padding:14px 18px;font-size:.9375rem;font-weight:600}.game-result{flex-direction:column;gap:10px;display:flex}@media (prefers-reduced-motion:no-preference){.game-result[data-after-tip]{animation:result-in .24s ease-out var(--duration-resign-pause) backwards}}@keyframes result-in{0%{opacity:0;pointer-events:none;translate:0 12px}}.game-reason{color:var(--color-ink-2);font-size:var(--text-body);margin:0 4px 4px;line-height:1.4}.bar{align-items:center;gap:10px;min-block-size:54px;padding-inline:6px;display:flex;container-type:inline-size}.bar-chip{--sq:22px;background:linear-gradient(#f7efe0,#e6d7bb);border-radius:50%;flex:none;block-size:36px;inline-size:36px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #3c230f2e,0 2px 4px #28140533}.bar[data-side=b] .bar-chip{background:linear-gradient(#6b5344,#3a2b21)}.bar-sq{inline-size:var(--sq);block-size:var(--sq);position:absolute;inset-block-start:15px;inset-inline-start:calc(50% - var(--sq) / 2)}.bar-caps{--sq:30px;--step:min(12px, (33cqi - var(--sq)) / max(var(--n) - 1, 1));flex:none;align-self:flex-end;margin-block-start:-6px;margin-inline-start:auto;display:flex}.bar[data-clock] .bar-caps{--step:min(12px, (24cqi - var(--sq)) / max(var(--n) - 1, 1))}.bar-cap{inline-size:var(--sq);block-size:var(--sq);flex:none;position:relative}.bar-cap:not(:last-child){margin-inline-end:calc(var(--step) - var(--sq))}.bar-text{flex-direction:column;flex:auto;gap:2px;min-inline-size:0;display:flex}.bar-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;font-size:var(--text-ui);unicode-bidi:isolate;overflow:hidden}.bar[data-active] .bar-name:after{content:"";vertical-align:.15em;background:var(--color-amber);border-radius:50%;block-size:8px;inline-size:8px;margin-inline-start:7px;display:inline-block;box-shadow:0 0 0 3px #d38a1638}.bar-status{font-size:var(--text-small);font-weight:650;line-height:1.25}.bar-status[data-tone=muted]{color:var(--color-muted);font-weight:500}.bar-status[data-tone=accent]{color:var(--color-accent-ink)}.bar-status[data-tone=warn]{color:var(--color-warn)}.sheet{box-sizing:border-box;background:var(--color-page);inline-size:min(100%,480px);max-inline-size:100%;box-shadow:var(--shadow-sheet);color:var(--color-ink);border:0;border-start-start-radius:var(--radius-sheet);border-start-end-radius:var(--radius-sheet);margin-block:auto 0;margin-inline:auto;padding:0}.sheet::backdrop{background:#2a211a59}.sheet-list{padding:20px 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.sheet-list .btn{min-block-size:var(--button-md);border-radius:var(--radius-14);font-size:var(--text-ui)}.bar[data-faded] .bar-chip,.bar[data-faded] .bar-name{opacity:.5}.game-wordmark{font:italic 600 var(--text-heading) var(--font-display);margin:0}.game-loading .board{opacity:.6}.game[data-sheet] .bar{display:none}.game[data-sheet] .board{opacity:.6;inline-size:min(60%,240px)}.card{border-radius:var(--radius-18);background:var(--color-raised);box-shadow:var(--shadow-hairline);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.card p{color:var(--color-ink-2);font-size:var(--text-body);margin:0;line-height:1.4}.share{padding:20px 20px max(22px, env(safe-area-inset-bottom));background:var(--color-raised);box-shadow:var(--shadow-sheet);border-start-start-radius:var(--radius-sheet);border-start-end-radius:var(--radius-sheet);flex-direction:column;gap:12px;margin-block-start:8px;display:flex}.share-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.share-title{font:500 var(--text-title) / 1.1 var(--font-display);margin:0}.share-detail{color:var(--color-muted);margin:4px 0 0;font-size:.875rem;line-height:1.4}.share-close{inline-size:var(--tap-min);block-size:var(--tap-min);background:var(--color-sunken);color:var(--color-ink);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:22px;line-height:1}.share-close:focus-visible,.tile:focus-visible,.share-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.tile{min-block-size:var(--button-sm);border-radius:var(--radius-12);background:var(--color-page);color:var(--color-ink);font:inherit;cursor:pointer;border:0;justify-content:space-between;align-items:center;padding-inline:14px;display:flex}.tile-label{color:var(--color-muted);font-size:var(--text-label)}.tile-value{font-weight:650;font-size:var(--text-body)}.share-link{box-sizing:border-box;min-block-size:var(--button-sm);border-radius:var(--radius-12);background:var(--color-card);color:var(--color-ink);font:500 calc(15rem / 16) var(--font-mono);border:0;padding-inline:12px;box-shadow:inset 0 0 0 1px #3c281429}.share .btn-primary{min-block-size:58px;font-size:1.125rem}.share-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.share-row .btn{border-radius:var(--radius-14);background:var(--color-card);min-block-size:52px;font-size:.9375rem;text-decoration:none}.colour-form{flex-direction:column;gap:14px;display:flex}.seg-field{border:0;margin:0;padding:0}.seg{border-radius:var(--radius-14);background:var(--color-sunken);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.seg-legend{font:500 var(--text-heading) var(--font-display);margin-block-end:10px;padding:0}.seg label{min-block-size:var(--tap-min);border-radius:var(--radius-10);color:var(--color-ink-2);cursor:pointer;place-items:center;font-weight:600;display:grid;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg label:has(input:checked){background:var(--color-card);color:var(--color-ink);font-weight:650;box-shadow:0 1px 3px #28190a2e}.seg label:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:1px}.qr-card{box-sizing:border-box;aspect-ratio:1;background:var(--color-card);inline-size:min(100%,240px);box-shadow:var(--shadow-hairline);border-radius:22px;align-self:center;padding:14px}.qr-card svg{block-size:100%;inline-size:100%;fill:var(--color-ink);display:block}.gone{box-sizing:border-box;min-block-size:100dvh;max-inline-size:480px;padding:14px 20px max(26px, env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin-inline:auto;display:flex}.gone-text{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.gone-detail{color:var(--color-muted);margin:0;font-size:.9375rem;line-height:1.4}.home-error{color:var(--color-warn);font-size:var(--text-small);margin:0 4px;font-weight:600}.field-hint{color:var(--color-muted);font-size:.78125rem;font-weight:500}.result-title{font:500 var(--text-title) / 1.1 var(--font-display);margin:0 4px}.game-actions-3{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-title{font:500 calc(21rem / 16) / 1.2 var(--font-display);margin:0}.offer-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.link-btn{min-block-size:var(--tap-min);min-inline-size:var(--tap-min);color:var(--color-accent-ink);font:650 calc(14rem / 16) var(--font-ui);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding-inline:4px}.link-btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.notice{color:var(--color-ink-2);font-size:var(--text-body);margin:0 4px 8px;line-height:1.4}.sheet-title{font:500 var(--text-heading) var(--font-display);margin:0 4px}.sheet-detail{color:var(--color-muted);font-size:var(--text-body);margin:0 4px 6px}.home-links{align-self:center;gap:8px;margin:0;display:flex}.home-footer{min-block-size:var(--tap-min);color:var(--color-muted);font-size:var(--text-small);align-self:center;place-items:center;padding-inline:12px;display:grid}.home-footer[lang=ar]{font-family:system-ui,sans-serif}button.home-footer{cursor:pointer;background:0 0;border:0;font-family:inherit}.home-hint{color:var(--color-muted);font-size:var(--text-small);align-items:center;gap:4px;margin:0;line-height:1.35;display:flex}.home-hint-x{inline-size:var(--tap-min);block-size:var(--tap-min);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:20px}.home-hint-x:focus-visible{outline:3px solid var(--color-focus)}.home-footer:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.game[data-screen=over] .bar{display:none}.game[data-screen=over] .board{inline-size:min(100%,220px)}.game[data-screen=over] .game-table{flex:none;padding-block-start:8px}.gg-row{min-block-size:var(--tap-min);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.btn-pill{min-block-size:var(--tap-min);background:var(--color-raised);color:var(--color-ink);font:650 var(--text-body) / 1 var(--font-ui);touch-action:manipulation;cursor:pointer;border:0;border-radius:22px;padding:0 18px;box-shadow:0 0 0 1px #3c281429}.btn-pill:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.gg-said,.gg-theirs,.rematch-wanted{font-size:var(--text-small);margin:0;font-weight:600}.gg-said{color:var(--color-muted)}.gg-theirs,.rematch-wanted{color:var(--color-accent-ink);text-align:center}.score{border-radius:var(--radius-16);background:var(--gradient-score);color:var(--color-on-score);text-align:center;padding:14px 18px;box-shadow:inset 0 1px #ffdcaa33,0 8px 18px -8px #28140599}.score p{margin:0}.score-title{font-size:var(--text-label);letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-weight:600}.score-row{justify-content:center;align-items:center;gap:14px;display:flex}.score .score-row{margin-block:4px 2px}.score-name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:500 calc(20rem / 16) / 1.2 var(--font-display);unicode-bidi:isolate;flex:1;overflow:hidden}.score-name:first-child{text-align:end}.score-name:last-child{text-align:start}.score-num{color:#fff6e4;font:500 calc(34rem / 16) / 1 var(--font-mono);font-variant-numeric:tabular-nums;flex:none}.score-draws{opacity:.8;font-size:.78125rem}.clock{flex:none;padding-block-start:7px;position:relative}.clock:before{content:"";background:linear-gradient(#5a4c42,#3a302a);border-radius:3px 3px 1px 1px;block-size:4px;inline-size:34px;position:absolute;inset-block-start:4px;inset-inline-start:calc(50% - 17px)}.clock[data-running]:before{background:linear-gradient(#f2bd4f,#b97817);block-size:8px;inset-block-start:0}.clock-body{box-sizing:border-box;border-radius:var(--radius-10);background:var(--gradient-clock);block-size:44px;inline-size:90px;padding:5px;display:block;box-shadow:0 4px 8px -2px #1e0f0566,inset 0 1px #ffffff24}.clock-face{background:var(--clock-face-idle);block-size:100%;color:var(--color-ink-2);font:500 calc(21rem / 16) / 1 var(--font-mono);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px 3px #0006}.clock[data-running] .clock-face{background:var(--clock-face-active);color:var(--color-ink)}.clock[data-low] .clock-face{background:var(--clock-face-low);color:var(--color-warn)}.tile-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tile-row .tile{text-align:start;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.clock-rows{flex-direction:column;gap:6px;display:flex}.clock-row{border-radius:var(--radius-12);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:12px;min-block-size:52px;padding-inline:16px;display:flex;position:relative;box-shadow:0 0 0 1px #3c281424}.clock-row input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.clock-row-label{font-size:.96875rem;font-weight:600}.clock-row-hint{color:var(--color-muted);font-size:.84375rem}.clock-row:has(input:checked){box-shadow:0 0 0 2px var(--color-ink)}.clock-row:has(input:checked) .clock-row-label{font-weight:650}.clock-row:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.home-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.picker{box-sizing:border-box;min-block-size:100dvh;max-inline-size:480px;padding-block:0 max(26px, env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;display:flex}.picker-head{align-items:center;block-size:48px;padding-inline:8px;display:flex}.picker-back{inline-size:var(--tap-min);block-size:var(--tap-min);color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:22px}.picker-back:focus-visible{outline:3px solid var(--color-focus)}[dir=rtl] .picker-back{scale:-1 1}.picker-title{padding:6px 22px 20px}.picker-list{flex-direction:column;gap:12px;margin:0;padding:0 16px;list-style:none;display:flex}.bot-card{border-radius:var(--radius-20);background:var(--color-raised);inline-size:100%;color:var(--color-ink);text-align:start;font:inherit;cursor:pointer;touch-action:manipulation;border:0;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 0 0 1px #3c28141f,0 4px 10px -6px #28190a40}.bot-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.bot-card:disabled{opacity:.6}.bot-avatar{--sq:40px;background:radial-gradient(circle at 40% 35%,#ecd4a8,#c9a26f);border-radius:50%;flex:none;block-size:60px;inline-size:60px;position:relative;overflow:hidden;box-shadow:inset 0 -3px 6px #5a32144d,0 3px 6px #28140540}.bot-sq{inline-size:var(--sq);block-size:var(--sq);position:absolute;inset-block-start:12px;inset-inline-start:calc(50% - var(--sq) / 2)}.bot-text{flex-direction:column;gap:3px;display:flex}.bot-name{font:600 calc(21rem / 16) / 1 var(--font-display)}.bot-level{color:var(--color-accent-ink);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.bot-hint{color:var(--color-ink-2);font-size:.875rem;line-height:1.35}.picker-foot{color:var(--color-muted);text-align:center;margin:auto 0 0;padding:24px 22px 0;font-size:.84375rem}:lang(ar) :is(.screen-title,.home-tagline,.score-title,.bot-level){letter-spacing:0}:lang(ar) :is(.screen-title,.home-tagline){line-height:1.3}:lang(ar) .home-tagline{font-size:calc(var(--text-display) * .875)}.board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;inline-size:min(100%,680px);margin-inline:auto;container-type:inline-size}.board-stage{--sq:calc(100cqi / var(--board-sq));aspect-ratio:1;margin-block-start:calc(var(--headroom) * var(--sq));position:relative}.board-img{background:var(--board-frame);position:absolute;inset:0}.board-img[data-side=b]{rotate:180deg}.board-checker{inset:var(--grid-inset);background:repeating-conic-gradient(var(--board-dark) 0 25%, var(--board-light) 0 50%) 0 0 / 25% 25%;position:absolute}.board-art{background-size:100% 100%;position:absolute;inset:0}.board-grid{inset:var(--grid-inset);position:absolute}.pc,.key,.coord{block-size:12.5%;inline-size:12.5%;position:absolute;inset-block-start:calc(var(--row) * 12.5%);inset-inline-start:calc(var(--col) * 12.5%)}.pc{z-index:calc(var(--row) + 1);pointer-events:none}.spr{left:var(--foot-x);inline-size:var(--spr-w);block-size:var(--spr-h);transform:translate(var(--anchor-x), var(--anchor-y));background-image:var(--atlas-url);background-size:var(--atlas-size);background-repeat:no-repeat;position:absolute;inset-block-start:var(--foot-y)}.coord{z-index:0;box-sizing:border-box;padding:calc(var(--sq) * .06);pointer-events:none;font:700 max(8px, calc(var(--sq) * .2)) / 1 var(--font-ui);display:flex}.coord[data-tone=light]{color:var(--board-coord-on-light)}.coord[data-tone=dark]{color:var(--board-coord-on-dark)}.coord-rank{justify-content:flex-start;align-items:flex-start}.coord-file{justify-content:flex-end;align-items:flex-end}.key{z-index:20;pointer-events:none;background:0 0;border:0;padding:0}.key:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;box-shadow:inset 0 0 0 5px var(--color-focus-halo)}.hl{block-size:12.5%;inline-size:12.5%;pointer-events:none;position:absolute;inset-block-start:calc(var(--row) * 12.5%);inset-inline-start:calc(var(--col) * 12.5%)}.hl-last{background:var(--color-last-move);box-shadow:inset 0 0 0 2px var(--color-last-move-edge)}.hl-selected{background:var(--color-selected-fill);box-shadow:inset 0 0 0 3px var(--color-selected)}.hl-check{background:radial-gradient(circle at 50% 55%, var(--color-check) 0, #e22c1c99 38%, #e22c1c00 74%);box-shadow:inset 0 0 0 2px var(--color-check-edge)}.hl-move:after,.hl-capture:after{content:"";border-radius:50%;position:absolute}.hl-move:after{background:var(--color-hint-ink);box-shadow:0 0 0 2px var(--color-hint-halo);inset:35%}.hl-capture:after{border:max(2px, calc(var(--sq) * .07)) solid var(--color-hint-ink);box-shadow:0 0 0 1.5px var(--color-hint-halo), inset 0 0 0 1.5px var(--color-hint-halo);inset:6%}.pc.dragging{z-index:99;will-change:transform}.promo{z-index:100;border-radius:var(--radius-18);background:var(--color-raised);box-shadow:var(--shadow-sheet), var(--shadow-hairline);border:0;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:8px;display:grid;position:absolute;inset-block-start:36%;inset-inline:8%}.promo-btn{min-block-size:max(var(--tap-min), calc(var(--sq) * 1.45));border-radius:var(--radius-12);background:var(--color-sunken);border:0;padding:0;position:relative;overflow:hidden}.promo-btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;box-shadow:inset 0 0 0 5px var(--color-focus-halo)}.promo-sq{inline-size:var(--sq);block-size:var(--sq);position:absolute;inset-block-start:calc(var(--sq) * .42);inset-inline-start:calc(50% - var(--sq) / 2)}.board[data-turning]{pointer-events:none}.board-grid{transform-origin:var(--turn-x) var(--turn-y)}.pc{transform-origin:var(--foot-x) var(--foot-y)}.pc[data-tipped]{rotate:-80deg}.pc[data-tipped]>.spr:first-child{opacity:0}.ghosts{position:absolute;inset:0}.marks{pointer-events:none;position:absolute;inset:0}