.bg{--bg-chip-h: 34px;--bg-dice-h: 44px;--bg-status-h: 18px;--bg-chrome: calc( var(--gamebar-h) + var(--bg-chip-h) + var(--bg-dice-h) + var(--bg-status-h) + 32px + 16px + env(safe-area-inset-top) + env(safe-area-inset-bottom) );--bg-board-w: min(calc(100vw - 2 * var(--s-2)), calc((100dvh - var(--bg-chrome)) * 1.346));--bg-unit: calc(var(--bg-board-w) / 14);--bg-chk: calc(var(--bg-unit) * .94);--bg-felt: #efe3cf;--bg-frame: #7c5a3a;--bg-pt-a: #d9be95;--bg-pt-b: #ab7149;--bg-white: #fbfcfd;--bg-white-edge: #9aa7b6;--bg-black: #232f3f;--bg-black-edge: #0b1220;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bg{--bg-felt: #2b2219;--bg-frame: #4a3626;--bg-pt-a: #5d472f;--bg-pt-b: #8b4f30;--bg-white: #e6ebf2;--bg-white-edge: #8d99a8;--bg-black: #131c29;--bg-black-edge: #050a12}}.bg__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.bg__turn{margin-left:auto;font-size:var(--fs-caption);font-weight:650;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:9em}.bg__turn--mine{color:var(--accent)}.bg__chips{flex:0 0 auto;height:var(--bg-chip-h);display:flex;gap:var(--s-1)}.bg-chip{flex:1;min-width:0;display:flex;align-items:center;gap:5px;padding:0 6px;border-radius:var(--r-sm);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);font-size:var(--fs-caption)}.bg-chip--turn{box-shadow:inset 0 0 0 2px var(--seat, var(--accent))}.bg-chip__disc{flex:0 0 auto;width:14px;height:14px;border-radius:50%}.bg-chip__disc--white{background:var(--bg-white);box-shadow:inset 0 0 0 1.5px var(--bg-white-edge)}.bg-chip__disc--black{background:var(--bg-black);box-shadow:inset 0 0 0 1.5px var(--bg-black-edge)}.bg-chip__name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:650}.bg-chip__pips{font-variant-numeric:tabular-nums;color:var(--text-2)}.bg-chip__off{font-variant-numeric:tabular-nums;padding:1px var(--s-1);border-radius:var(--r-pill);background:var(--bg-elevated);color:var(--text-2)}.bg__play{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow-x:auto}.bg-board{flex:0 0 auto;width:var(--bg-board-w);height:calc(var(--bg-unit) * 10.4);display:grid;grid-template-columns:repeat(6,1fr) .9fr repeat(6,1fr) 1.1fr;grid-template-rows:1fr 1fr;background:var(--bg-felt);border-radius:var(--r-sm);box-shadow:inset 0 0 0 2px var(--bg-frame),var(--shadow);overflow:hidden}.bg-pt{position:relative;appearance:none;border:0;padding:0;background:none;font:inherit;color:inherit;min-width:0;min-height:0}.bg-pt:disabled{cursor:default}.bg-pt__tri{position:absolute;inset:0;background:var(--bg-pt-a)}.bg-pt--b .bg-pt__tri{background:var(--bg-pt-b)}.bg-pt--down .bg-pt__tri{clip-path:polygon(2% 0,98% 0,50% 96%)}.bg-pt--up .bg-pt__tri{clip-path:polygon(50% 4%,98% 100%,2% 100%)}.bg-pt__no{position:absolute;left:0;right:0;text-align:center;font-size:calc(var(--bg-unit) * .42);line-height:1;font-variant-numeric:tabular-nums;color:var(--bg-frame);opacity:.75;pointer-events:none}.bg-pt--down .bg-pt__no{bottom:2%}.bg-pt--up .bg-pt__no{top:2%}.bg-pt--origin .bg-pt__tri{box-shadow:inset 0 0 0 2px var(--accent)}.bg-pt--selected .bg-pt__tri{box-shadow:inset 0 0 0 3px var(--accent-strong);filter:brightness(1.08)}.bg-pt--target .bg-pt__tri{filter:brightness(1.15)}.bg-pt__dot{position:absolute;left:50%;width:calc(var(--bg-unit) * .42);height:calc(var(--bg-unit) * .42);margin-left:calc(var(--bg-unit) * -.21);border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);pointer-events:none}.bg-pt--down .bg-pt__dot{top:32%}.bg-pt--up .bg-pt__dot{bottom:32%}.bg-pt--hit .bg-pt__dot{background:var(--danger);box-shadow:0 0 0 2px var(--danger-soft)}.bg-pt--recent .bg-pt__tri{outline:2px dashed var(--accent);outline-offset:calc(var(--bg-unit) * -.12)}.bg-chk{position:absolute;left:50%;width:var(--bg-chk);height:var(--bg-chk);margin-left:calc(var(--bg-chk) / -2);border-radius:50%;display:grid;place-items:center;pointer-events:none;top:calc(var(--i) * var(--bg-chk) * .9)}.bg-chk--up{top:auto;bottom:calc(var(--i) * var(--bg-chk) * .9)}.bg-chk--white{background:radial-gradient(circle at 35% 30%,#ffffff,var(--bg-white) 60%);box-shadow:inset 0 0 0 max(1px,calc(var(--bg-chk) * .07)) var(--bg-white-edge);color:#1f2937}.bg-chk--black{background:radial-gradient(circle at 35% 30%,#46586f,var(--bg-black) 60%);box-shadow:inset 0 0 0 max(1px,calc(var(--bg-chk) * .07)) var(--bg-black-edge);color:#f1f5f9}.bg-chk__count{font-size:calc(var(--bg-chk) * .5);font-weight:750;line-height:1;font-variant-numeric:tabular-nums}.bg-bar{position:relative;appearance:none;border:0;padding:0;background:color-mix(in srgb,var(--bg-frame) 22%,transparent);box-shadow:inset 1.5px 0 0 var(--bg-frame),inset -1.5px 0 0 var(--bg-frame);font:inherit;min-width:0;min-height:0}.bg-bar:disabled{cursor:default}.bg-bar--origin{box-shadow:inset 1.5px 0 0 var(--bg-frame),inset -1.5px 0 0 var(--bg-frame),inset 0 0 0 2px var(--accent)}.bg-bar--selected{box-shadow:inset 1.5px 0 0 var(--bg-frame),inset -1.5px 0 0 var(--bg-frame),inset 0 0 0 3px var(--accent-strong);background:var(--accent-soft)}.bg-tray{position:relative;appearance:none;border:0;padding:0;background:color-mix(in srgb,var(--bg-frame) 14%,transparent);box-shadow:inset 2px 0 0 var(--bg-frame);font:inherit;color:var(--bg-frame);min-width:0;min-height:0}.bg-tray:disabled{cursor:default}.bg-tray--target{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--bg-frame),inset 0 0 0 3px var(--accent)}.bg-tray__n{position:absolute;inset:50% 0 auto;transform:translateY(-50%);text-align:center;font-size:calc(var(--bg-unit) * .5);font-weight:750;font-variant-numeric:tabular-nums;opacity:.55;pointer-events:none}.bg-slab{position:absolute;left:12%;right:12%;height:calc(var(--bg-unit) * .3);border-radius:calc(var(--bg-unit) * .1);pointer-events:none;top:calc(var(--i) * var(--bg-unit) * .34 + var(--bg-unit) * .1)}.bg-slab--up{top:auto;bottom:calc(var(--i) * var(--bg-unit) * .34 + var(--bg-unit) * .1)}.bg-slab--white{background:var(--bg-white);box-shadow:inset 0 0 0 1px var(--bg-white-edge)}.bg-slab--black{background:var(--bg-black);box-shadow:inset 0 0 0 1px var(--bg-black-edge)}.bg__dice{flex:0 0 auto;height:var(--bg-dice-h);display:flex;align-items:center;justify-content:center;gap:var(--s-2)}.bg-die{appearance:none;border:0;width:38px;height:38px;padding:5px;border-radius:9px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border),var(--shadow);transition:opacity .12s ease,transform .12s ease}.bg-die:disabled{cursor:default}.bg-die--spent{opacity:.32;transform:scale(.86)}.bg-die--on{background:var(--accent-soft);box-shadow:inset 0 0 0 2.5px var(--accent)}.bg-die__face{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:1px;width:100%;height:100%}.bg-pip{border-radius:50%}.bg-pip--on{background:var(--text)}.bg__clear{appearance:none;border:0;background:none;color:var(--accent);font:inherit;font-size:var(--fs-caption);font-weight:650;padding:var(--s-1) var(--s-2);min-height:var(--tap)}.bg__diehint{color:var(--text-3);font-size:var(--fs-caption)}.bg__status{flex:0 0 auto;height:var(--bg-status-h);text-align:center;font-size:var(--fs-caption);color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bg__status--good{color:var(--accent);font-weight:650}.bg__status--bad{color:var(--text-error);font-weight:650}.bg-final{display:flex;flex-direction:column;gap:var(--s-2);width:100%}.bg-final__row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);font-size:var(--fs-small)}.bg-final__row--win{box-shadow:inset 0 0 0 2px var(--success)}.bg-final__name{flex:1;min-width:0;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bg-final__stat{color:var(--text-2);font-variant-numeric:tabular-nums}.bg-final__tag{padding:1px var(--s-2);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--fs-caption);font-weight:700;text-transform:capitalize}@media(prefers-reduced-motion:reduce){.bg-die{transition:none}}.bb{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}.bb__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.bb__spend{margin-left:auto;font-size:var(--fs-caption);color:var(--text-3);font-variant-numeric:tabular-nums}.bb__chips{flex:0 0 auto;display:flex;gap:var(--s-1)}.bb__chip{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-1);padding:3px var(--s-2);border-radius:var(--r-sm);background:var(--bg-elevated);border-left:3px solid var(--seat)}.bb__chip-name{font-size:var(--fs-caption);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb__chip--me .bb__chip-name{color:var(--text);font-weight:650}.bb__chip-num{margin-left:auto;font-size:var(--fs-caption);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.bb__boardwrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.bb__board{width:min(100%,460px);max-height:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(10,1fr);grid-auto-rows:1fr;gap:2px}.bb__corner{visibility:hidden}.bb__port{min-width:0;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-elevated);color:var(--text-3);font-family:var(--font-mono);font-size:.6rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.bb__port:disabled{opacity:.55}.bb__port--live{background:var(--surface);color:var(--accent);border-color:var(--accent)}.bb__port--used{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.bb__port--hit{background:var(--danger-soft);color:var(--text-error);border-color:var(--danger)}.bb__port--reflect{background:var(--surface-warn);color:var(--text-warn);border-color:var(--warn)}.bb__cell{min-width:0;min-height:0;padding:0;position:relative;border:1px solid var(--line-thin);border-radius:3px;background:var(--surface)}.bb__cell:disabled{opacity:1}.bb__cell--marked{background:var(--accent-soft);border-color:var(--accent)}.bb__dot{position:absolute;inset:18%;border-radius:50%;background:var(--text)}.bb__dot--mine{background:var(--accent)}.bb__dot--right{background:var(--success)}.bb__dot--wrong{background:transparent;border:2px solid var(--danger)}.bb__mark{position:absolute;inset:22%;border-radius:50%;border:2px dashed var(--accent)}.bb__status{flex:0 0 auto;min-height:18px;text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bb__status--good{color:var(--success);font-weight:650}.bb__status--bad{color:var(--text-error);font-weight:650}.bb__actions{flex:0 0 auto;display:flex;gap:var(--s-2)}.bb__actions .btn{flex:1;min-width:0}.bb-detail{display:flex;flex-direction:column;gap:var(--s-2);align-items:center}.bb-detail__boxes{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap}.bb-detail__box{display:flex;flex-direction:column;align-items:center;gap:var(--s-1)}.bb-detail__grid{width:132px;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;gap:1px}.bb-detail__grid .bb__cell{border-radius:2px}.bb-detail__legend{font-size:var(--fs-caption);color:var(--text-3);text-align:center}.ck{--ck-chip-h: 34px;--ck-status-h: 18px;--ck-control-h: 52px;--ck-chrome: calc( var(--gamebar-h) + var(--ck-chip-h) + var(--ck-status-h) + var(--ck-control-h) + 32px + 16px + env(safe-area-inset-top) + env(safe-area-inset-bottom) );--ck-board: min(calc(100vw - 2 * var(--s-2)), calc(100dvh - var(--ck-chrome)));--ck-dark: #8a6244;--ck-light: #e8d3b8;--ck-frame: #4a3222;--ck-red: #c0392b;--ck-red-rim: #7d1f14;--ck-white: #f2e8d8;--ck-white-rim: #9a8b6f;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ck{--ck-dark: #6b4a33;--ck-light: #c4a988;--ck-frame: #2a1c12;--ck-red: #e05545;--ck-red-rim: #8f2417;--ck-white: #f5efe3;--ck-white-rim: #8a7a63}}.ck__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.ck__turn{margin-left:auto;font-size:var(--fs-caption);font-weight:650;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:9em}.ck__turn--mine{color:var(--accent)}.ck__chips{flex:0 0 auto;height:var(--ck-chip-h);display:flex;gap:var(--s-1)}.ck__chip{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:var(--r-sm);background:var(--bg-elevated);opacity:.72}.ck__chip--turn{opacity:1}.ck__chip--red.ck__chip--turn{box-shadow:inset 0 0 0 1.5px var(--ck-red)}.ck__chip--white.ck__chip--turn{box-shadow:inset 0 0 0 1.5px var(--ck-white-rim)}.ck__chip--away .ck__chip-name{color:var(--warn)}.ck__pip{flex:0 0 auto;width:14px;height:14px;border-radius:50%}.ck__pip--red{background:var(--ck-red);box-shadow:inset 0 0 0 1.5px var(--ck-red-rim)}.ck__pip--white{background:var(--ck-white);box-shadow:inset 0 0 0 1.5px var(--ck-white-rim)}.ck__chip-name{font-size:var(--fs-caption);font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ck__chip-count{margin-left:auto;display:flex;align-items:baseline;gap:3px;font-size:var(--fs-caption);font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.ck__chip-kings{font-size:.85em;font-weight:650;color:var(--text-3)}.ck__play{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.ck__board{width:var(--ck-board);height:var(--ck-board);max-width:100%;max-height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);padding:4px;gap:0;border-radius:var(--r-md);background:var(--ck-frame);box-shadow:var(--shadow);overflow:hidden}.ck__cell{position:relative;display:grid;place-items:center;border:0;padding:0;background:var(--ck-dark)}.ck__cell--light{background:var(--ck-light)}.ck__cell--active{cursor:pointer}.ck__cell--active:not(:has(.ck__disc)){background:color-mix(in srgb,var(--accent) 34%,var(--ck-dark))}.ck__target{width:30%;aspect-ratio:1;border-radius:50%;background:var(--accent);opacity:.8}.ck__cell--origin{background:color-mix(in srgb,var(--accent) 45%,var(--ck-dark))}.ck__cell--path,.ck__cell--head{background:color-mix(in srgb,var(--accent) 26%,var(--ck-dark))}.ck__cell--head{box-shadow:inset 0 0 0 2.5px var(--accent)}.ck__cell--traced:not(.ck__cell--active):not(.ck__cell--origin){background:color-mix(in srgb,var(--warn) 24%,var(--ck-dark))}.ck__cell--doomed .ck__disc{opacity:.34;transform:scale(.82)}.ck__cell--doomed:after{content:"";position:absolute;inset:34%;border-radius:50%;box-shadow:0 0 0 2px var(--text-error);opacity:.85}.ck__disc{width:76%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--rim),inset 0 -3px 5px #00000038,0 1px 2px #0006;transition:opacity .12s ease,transform .12s ease}.ck__disc--red{--rim: var(--ck-red-rim);background:var(--ck-red)}.ck__disc--white{--rim: var(--ck-white-rim);background:var(--ck-white)}.ck__crown{font-size:min(3.4vh,4.6vw);line-height:1;margin-top:-.04em}.ck__disc--red .ck__crown{color:#ffe08a}.ck__disc--white .ck__crown{color:#8a6a1f}.ck__status{flex:0 0 auto;height:var(--ck-status-h);text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ck__status--good{color:var(--accent);font-weight:650}.ck__status--bad{color:var(--text-error);font-weight:650}.ck__controls{flex:0 0 auto;height:var(--ck-control-h);display:flex;align-items:stretch;gap:var(--s-2)}.ck__controls .btn{min-width:6em}.ck__hint{flex:1;align-self:center;text-align:right;font-size:var(--fs-caption);color:var(--text-3);font-variant-numeric:tabular-nums}.ck-final{--ck-dark: #8a6244;--ck-light: #e8d3b8;--ck-frame: #4a3222;--ck-red: #c0392b;--ck-red-rim: #7d1f14;--ck-white: #f2e8d8;--ck-white-rim: #9a8b6f;width:min(240px,72vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);padding:3px;border-radius:var(--r-md);background:var(--ck-frame);overflow:hidden}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ck-final{--ck-dark: #6b4a33;--ck-light: #c4a988;--ck-frame: #2a1c12;--ck-red: #e05545;--ck-red-rim: #8f2417;--ck-white: #f5efe3;--ck-white-rim: #8a7a63}}.ck-final__cell{display:grid;place-items:center;background:var(--ck-dark)}.ck-final__cell--light{background:var(--ck-light)}.ck-final__disc{width:74%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--rim)}.ck-final__disc--red{--rim: var(--ck-red-rim);background:var(--ck-red)}.ck-final__disc--white{--rim: var(--ck-white-rim);background:var(--ck-white)}.ck-final__crown{font-size:9px;line-height:1;color:#6b4f14}.ch{--ch-side-h: 26px;--ch-status-h: 18px;--ch-moves-h: 30px;--ch-control-h: 52px;--ch-chrome: calc( var(--gamebar-h) + 2 * var(--ch-side-h) + var(--ch-status-h) + var(--ch-moves-h) + var(--ch-control-h) + 48px + 16px + env(safe-area-inset-top) + env(safe-area-inset-bottom) );--ch-board: min(calc(100vw - 2 * var(--s-2)), calc(100dvh - var(--ch-chrome)));--ch-light: #f0d9b5;--ch-dark: #b58863;--ch-white: #fbfbf9;--ch-black: #262421;--ch-last: #f7d66a;--ch-check: #e8564a;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ch{--ch-light: #cbb391;--ch-dark: #8f6a4c;--ch-last: #d8b13f}}.ch__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.ch__turn{margin-left:auto;font-size:var(--fs-caption);font-weight:650;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:9em}.ch__turn--mine{color:var(--accent)}.ch__side{flex:0 0 auto;height:var(--ch-side-h);display:flex;align-items:center;gap:var(--s-2);padding:0 6px;border-radius:var(--r-sm);background:var(--bg-elevated);opacity:.72}.ch__side--turn{opacity:1;box-shadow:inset 0 0 0 1.5px var(--accent)}.ch__side-name{font-size:var(--fs-caption);font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:8em}.ch__side-name--away{color:var(--warn)}.ch__taken{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden;font-size:15px;line-height:1;letter-spacing:-3px;color:var(--text-2)}.ch__taken-piece{flex:0 0 auto}.ch__side-points{font-size:var(--fs-caption);font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-2)}.ch__play{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.ch__board{width:var(--ch-board);height:var(--ch-board);max-width:100%;max-height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow)}.ch__sq{position:relative;display:grid;place-items:center;border-radius:0;padding:0;background:var(--ch-light);transition:box-shadow .11s ease}.ch__sq--dark{background:var(--ch-dark)}.ch__sq:disabled{opacity:1}.ch__sq--last:before{content:"";position:absolute;inset:0;background:var(--ch-last);opacity:.45}.ch__sq--target:after{content:"";width:30%;aspect-ratio:1;border-radius:50%;background:#14141457}.ch__sq--capture:after{content:"";position:absolute;inset:6%;border-radius:50%;border:3px solid rgb(20 20 20 / .34)}.ch__sq--selected{box-shadow:inset 0 0 0 3px var(--accent);z-index:2}.ch__sq--check:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--ch-check) 12%,rgb(232 86 74 / .55) 55%,transparent 78%)}.ch__piece{position:relative;z-index:1;font-size:calc(var(--ch-board) / 8 * .82);line-height:1;-webkit-user-select:none;user-select:none}.ch__piece--w{color:var(--ch-white);text-shadow:0 0 1px var(--ch-black),1px 0 1px var(--ch-black),-1px 0 1px var(--ch-black),0 1px 1px var(--ch-black),0 -1px 1px var(--ch-black),0 2px 3px rgb(0 0 0 / .35)}.ch__piece--b{color:var(--ch-black);text-shadow:0 0 1px rgb(255 255 255 / .55),0 2px 3px rgb(0 0 0 / .35)}.ch__status{flex:0 0 auto;height:var(--ch-status-h);text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ch__status--good{color:var(--accent);font-weight:650}.ch__status--bad{color:var(--text-error);font-weight:650}.ch__moves{flex:0 0 auto;height:var(--ch-moves-h);display:flex;align-items:center;gap:var(--s-3);padding:0 6px;border-radius:var(--r-sm);background:var(--bg-elevated);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ch__moves::-webkit-scrollbar{display:none}.ch__moves-empty{font-size:var(--fs-caption);color:var(--text-3)}.ch__move{flex:0 0 auto;display:flex;align-items:baseline;gap:4px;font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-2);white-space:nowrap}.ch__move-no{color:var(--text-3);font-weight:700}.ch__controls{flex:0 0 auto;height:var(--ch-control-h);display:flex;align-items:stretch;gap:var(--s-2)}.ch__controls .btn{min-width:7em}.ch__hint{flex:1;align-self:center;text-align:right;font-size:var(--fs-caption);color:var(--text-3);font-variant-numeric:tabular-nums}.ch__promo{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2);width:100%}.ch__promo-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s-2) 0;border-radius:var(--r-md);background:var(--ch-light);min-height:64px}.ch__promo-btn .ch__piece{font-size:30px}.ch__promo-name{font-size:10px;font-weight:650;color:var(--ch-black)}.ch-final{--ch-light: #f0d9b5;--ch-dark: #b58863;--ch-white: #fbfbf9;--ch-black: #262421;width:min(240px,72vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:var(--r-md);overflow:hidden}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ch-final{--ch-light: #cbb391;--ch-dark: #8f6a4c}}.ch-final__sq{display:grid;place-items:center;background:var(--ch-light)}.ch-final__sq--dark{background:var(--ch-dark)}.ch-final__sq .ch__piece{font-size:min(26px,8vw)}.ch-final__moves{max-width:min(320px,88vw);max-height:5.4em;overflow-y:auto;margin-top:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-caption);line-height:1.35;color:var(--text-3);text-align:center;word-break:break-word}.c4{--c4-chip-h: 34px;--c4-status-h: 18px;--c4-chrome: calc( var(--gamebar-h) + var(--c4-chip-h) + var(--c4-status-h) + 24px + 16px + env(safe-area-inset-top) + env(safe-area-inset-bottom) );--c4-square: min(calc(100vw - 2 * var(--s-2)), calc(100dvh - var(--c4-chrome)));--c4-cell: calc(var(--c4-square) / 7);--c4-rack: #1d4ed8;--c4-rack-edge: #1e3a8a;--c4-well: #0f172a;--c4-red: #dc2626;--c4-yellow: #f5c211;--c4-empty: transparent;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .c4{--c4-rack: #1e40af;--c4-rack-edge: #172554;--c4-well: #060a14;--c4-red: #ef4444;--c4-yellow: #fbbf24}}.c4__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.c4__turn{margin-left:auto;font-size:var(--fs-caption);font-weight:650;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:9em}.c4__turn--mine{color:var(--accent)}.c4__chips{flex:0 0 auto;height:var(--c4-chip-h);display:flex;gap:var(--s-1)}.c4__chip{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:var(--r-sm);background:var(--bg-elevated);border-left:3px solid var(--c4-seat);opacity:.72}.c4__chip--turn{opacity:1;box-shadow:inset 0 0 0 1.5px var(--c4-seat)}.c4__chip--won{opacity:1;box-shadow:inset 0 0 0 2px var(--accent)}.c4__chip--away .c4__chip-name{color:var(--warn)}.c4__chip-name{font-size:var(--fs-caption);font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.c4__chip-count{margin-left:auto;font-size:var(--fs-caption);font-weight:800;font-variant-numeric:tabular-nums;color:var(--c4-seat)}.c4__dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 -1px 1px #0000004d}.c4__dot--red{background:var(--c4-red)}.c4__dot--yellow{background:var(--c4-yellow)}.c4__dot--empty{background:var(--text-3)}.c4__play{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.c4__preview{width:var(--c4-square);max-width:100%;height:var(--c4-cell);display:grid;grid-template-columns:repeat(7,1fr);place-items:center}.c4__slot{display:grid;place-items:center;width:100%;height:100%}.c4__frame{width:var(--c4-square);max-width:100%;padding:5px;border-radius:var(--r-md);background:var(--c4-rack);box-shadow:inset 0 0 0 1px var(--c4-rack-edge),var(--shadow)}.c4__rack{position:relative;aspect-ratio:7 / 6;display:grid;grid-template-columns:repeat(7,1fr);border-radius:4px;background:var(--c4-well);overflow:hidden}.c4__plate{position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--c4-rack);-webkit-mask-image:radial-gradient(circle at center,transparent 0 44%,#000 45%);mask-image:radial-gradient(circle at center,transparent 0 44%,#000 45%);-webkit-mask-size:calc(100% / 7) calc(100% / 6);mask-size:calc(100% / 7) calc(100% / 6);-webkit-mask-repeat:repeat;mask-repeat:repeat}.c4__col{position:relative;z-index:1;display:grid;grid-template-rows:repeat(6,1fr);padding:0;border:0;background:transparent;cursor:pointer}.c4__col:disabled{cursor:default;opacity:1}.c4__col:not(:disabled):hover,.c4__col:not(:disabled):focus-visible{background:#ffffff24;outline:none}.c4__hole{position:relative;display:grid;place-items:center}.c4__disc{width:92%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 -2px 3px #00000047,inset 0 2px 3px #ffffff38}.c4__disc--red{background:var(--c4-red)}.c4__disc--yellow{background:var(--c4-yellow)}.c4__disc--empty{background:var(--c4-empty)}.c4__disc--ghost{width:76%;opacity:.55}.c4__disc--fell{animation:c4-drop .32s cubic-bezier(.45,.05,.55,1) 1}@keyframes c4-drop{0%{transform:translateY(calc(-100% * var(--c4-fall, 1) - 4px))}to{transform:translateY(0)}}.c4__disc--win{box-shadow:inset 0 0 0 3px #fff,inset 0 -2px 3px #00000047;animation:c4-win .9s ease-in-out infinite alternate}@keyframes c4-win{0%{filter:brightness(1)}to{filter:brightness(1.35)}}@media(prefers-reduced-motion:reduce){.c4__disc--fell,.c4__disc--win{animation:none}}.c4__status{flex:0 0 auto;height:var(--c4-status-h);text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.c4__status--good{color:var(--accent);font-weight:650}.c4__status--bad{color:var(--text-error);font-weight:650}.c4-final{--c4-rack: #1d4ed8;--c4-well: #0f172a;--c4-red: #dc2626;--c4-yellow: #f5c211;width:min(224px,68vw);padding:4px;border-radius:var(--r-md);background:var(--c4-rack)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .c4-final{--c4-rack: #1e40af;--c4-well: #060a14;--c4-red: #ef4444;--c4-yellow: #fbbf24}}.c4-final__rack{aspect-ratio:7 / 6;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);border-radius:3px;background:var(--c4-rack)}.c4-final__hole{display:grid;place-items:center}.c4-final__disc{width:84%;aspect-ratio:1;border-radius:50%;background:var(--c4-well)}.c4-final__disc--red{background:var(--c4-red)}.c4-final__disc--yellow{background:var(--c4-yellow)}.c4-final__disc--win{box-shadow:inset 0 0 0 2px #fff}.coop-cell{position:relative}.coop-cell[data-owner]:before{content:"";position:absolute;inset:0;background:var(--owner-color);opacity:.16;pointer-events:none}.coop-cell[data-owner-self=true]:before{opacity:.26}.coop-cell>span{position:relative;z-index:1}.coop__legend{flex:0 0 auto;height:24px;display:flex;align-items:center;gap:6px;overflow:hidden}.coop__chip{display:flex;align-items:center;gap:5px;min-width:0;padding:2px 8px;border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-thin);font-size:var(--fs-caption);line-height:1.2;white-space:nowrap}.coop__chip--me{box-shadow:inset 0 0 0 1.5px var(--accent)}.coop__chip--gone{opacity:.45}.coop__swatch{width:8px;height:8px;flex:0 0 auto;border-radius:var(--r-pill);background:var(--seat-color)}.coop__name{overflow:hidden;text-overflow:ellipsis;max-width:7ch}.coop__count{font-weight:700;font-variant-numeric:tabular-nums}.coop__progress{flex:1;text-align:center;font-size:var(--fs-button);font-weight:700;font-variant-numeric:tabular-nums}.coop__progress small{font-size:var(--fs-caption);font-weight:500;opacity:.65}.coop__detail{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.cr{--cr-clue-h: 48px;--cr-chip-h: 26px;--cr-status-h: 18px;--cr-log-min: 104px;--cr-chrome: calc( var(--gamebar-h) + var(--cr-clue-h) + var(--cr-chip-h) + var(--cr-status-h) + var(--cr-log-min) + 40px + 16px + env(safe-area-inset-top) + env(safe-area-inset-bottom) );--cr-map-w: min(calc(100vw - 2 * var(--s-2)), calc((100dvh - var(--cr-chrome)) * 9 / 7));flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}.cr,.cr-reveal{--cr-cell-gap: 2px;--cr-forest: #b9dfae;--cr-forest-ink: #14532d;--cr-water: #a6d2f0;--cr-water-ink: #0c4a6e;--cr-desert: #f1dfa2;--cr-desert-ink: #78350f;--cr-mountain: #d2d8de;--cr-mountain-ink: #334155;--cr-swamp: #ddc2e7;--cr-swamp-ink: #581c87}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cr,:root:not([data-theme=light]) .cr-reveal{--cr-forest: #2f5d3a;--cr-forest-ink: #bbf7d0;--cr-water: #1d4a6b;--cr-water-ink: #bae6fd;--cr-desert: #6a5322;--cr-desert-ink: #fde68a;--cr-mountain: #3b4553;--cr-mountain-ink: #e2e8f0;--cr-swamp: #4b2f5c;--cr-swamp-ink: #e9d5ff}}.cr__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.cr__turn{margin-left:auto;font-size:var(--fs-caption);font-weight:650;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:9em}.cr__turn--mine{color:var(--accent)}.cr__clue{flex:0 0 auto;min-height:var(--cr-clue-h);display:flex;flex-direction:column;justify-content:center;gap:1px;padding:4px var(--s-3);border-radius:var(--r-md);background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.cr__clue-label{font-size:var(--fs-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}.cr__clue-text{font-size:var(--fs-small);font-weight:650;line-height:1.2;color:var(--text)}.cr__chips{flex:0 0 auto;height:var(--cr-chip-h);display:flex;gap:var(--s-1)}.cr__chip{flex:1;min-width:0;display:flex;align-items:center;gap:4px;padding:0 6px;border-radius:var(--r-sm);background:var(--bg-elevated);border-left:3px solid var(--seat);opacity:.72}.cr__chip--turn{opacity:1;box-shadow:inset 0 0 0 1.5px var(--seat)}.cr__chip--gone{opacity:.34;text-decoration:line-through}.cr__chip-name{font-size:var(--fs-caption);font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cr__chip-asked{margin-left:auto;font-size:var(--fs-caption);font-weight:800;font-variant-numeric:tabular-nums;color:var(--seat)}.cr__chip-flag{font-size:var(--fs-caption);font-weight:800;color:var(--text-error)}.cr__play{flex:0 0 auto;display:flex;justify-content:center}.cr-board{width:var(--cr-map-w);height:calc(var(--cr-map-w) * 7 / 9);display:grid;grid-template-rows:repeat(7,1fr);gap:var(--cr-cell-gap);padding:var(--cr-cell-gap);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:var(--shadow)}.cr-board--compact{--cr-map-w: min(270px, 76vw);--cr-cell-gap: 1px;box-shadow:none}.cr-cell{position:relative;display:grid;place-items:center;border-radius:3px;font-size:calc(var(--cr-map-w) / 22);font-weight:700;line-height:1;transition:box-shadow .11s ease,transform .11s ease}.cr-cell--forest{background:var(--cr-forest);color:var(--cr-forest-ink)}.cr-cell--water{background:var(--cr-water);color:var(--cr-water-ink)}.cr-cell--desert{background:var(--cr-desert);color:var(--cr-desert-ink)}.cr-cell--mountain{background:var(--cr-mountain);color:var(--cr-mountain-ink)}.cr-cell--swamp{background:var(--cr-swamp);color:var(--cr-swamp-ink)}.cr-cell--feature{box-shadow:inset 0 0 0 1.5px currentcolor}.cr-cell--feature .cr-cell__glyph{font-size:calc(var(--cr-map-w) / 16)}.cr-cell__glyph{opacity:.85}.cr-cell__dot{position:absolute;right:2px;bottom:2px;width:4px;height:4px;border-radius:50%;background:currentcolor;opacity:.75}.cr-cell--selected{box-shadow:inset 0 0 0 2.5px var(--ring-selected),0 0 0 1px var(--ring-selected);z-index:1}.cr-cell--reveal{box-shadow:inset 0 0 0 2.5px var(--danger),0 0 0 2px var(--danger);z-index:1}.cr-cell--reveal:after{content:"";position:absolute;inset:22%;border-radius:50%;background:var(--danger);opacity:.55}.cr__status{flex:0 0 auto;height:var(--cr-status-h);text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cr__status--good{color:var(--accent);font-weight:650}.cr__status--bad{color:var(--text-error);font-weight:650}.cr__log{flex:1;min-height:var(--cr-log-min);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:3px;padding:4px;border-radius:var(--r-md);background:var(--bg-elevated)}.cr__log-empty{margin:auto;font-size:var(--fs-caption);color:var(--text-3)}.cr__row{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-2);min-height:26px;padding:0 6px;border-radius:var(--r-sm);background:var(--surface);text-align:left}.cr__row--on{box-shadow:inset 0 0 0 1.5px var(--ring-selected)}.cr__row-cell{flex:0 0 auto;min-width:2.4em;font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:700;color:var(--text)}.cr__row-text{flex:1;min-width:0;font-size:var(--fs-caption);color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cr__row-mark{flex:0 0 auto;font-size:var(--fs-small);font-weight:800}.cr__row-mark--yes{color:var(--success)}.cr__row-mark--no{color:var(--danger)}.cr__sheet-glyph{margin-left:6px;opacity:.6}.cr__asks{display:flex;flex-wrap:wrap;gap:var(--s-2)}.cr__asks .btn{flex:1 1 8em;min-width:8em;font-size:var(--fs-small)}.cr-reveal{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.cr-reveal__label{font-size:var(--fs-small);font-weight:700;color:var(--text-2)}.cr-reveal__clues{display:flex;flex-direction:column;gap:var(--s-1);width:100%;max-width:320px;margin:0;padding:0;list-style:none}.cr-reveal__clue{padding:4px var(--s-2);border-left:3px solid var(--seat);border-radius:var(--r-sm);background:var(--bg-elevated);font-size:var(--fs-caption);color:var(--text-2)}.dfz{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}.dfz__clock{flex:1;text-align:center;font-family:var(--font-mono);font-size:var(--fs-title);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em}.dfz__clock--urgent{color:var(--danger);animation:dfz-pulse 1s ease-in-out infinite}@keyframes dfz-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.dfz__clock--urgent{animation:none}}.dfz__status{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);font-size:var(--fs-caption);color:var(--text-3)}.dfz__role{font-weight:650;color:var(--text-2)}.dfz__mono{font-family:var(--font-mono);letter-spacing:.08em}.dfz__badges{flex:0 0 auto;display:flex;gap:var(--s-1)}.dfz__badge{flex:1;text-align:center;padding:3px 4px;border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-thin);font-size:var(--fs-caption);font-weight:600;color:var(--text-3)}.dfz__badge--on{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1.5px var(--accent)}.dfz__notice{flex:0 0 auto;min-height:1.2em;margin:0;text-align:center;font-size:var(--fs-small);font-weight:600;color:var(--text-2)}.dfz__notice--empty{opacity:0}.dfz__body{flex:1;min-height:0}.dfz__bomb{display:flex;flex-direction:column;gap:var(--s-2);padding-bottom:var(--s-3)}.dfz__card{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow)}.dfz__card--done{opacity:.62}.dfz__cardhead{display:flex;align-items:baseline;gap:var(--s-2)}.dfz__cardtitle{margin:0;font-size:var(--fs-body);font-weight:700}.dfz__note{flex:1;font-size:var(--fs-caption);color:var(--text-3)}.dfz__stamp{padding:1px 8px;border-radius:var(--r-pill);background:var(--danger-soft);color:var(--text-error);font-size:var(--fs-caption);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dfz__stamp--on{background:var(--accent-soft);color:var(--accent-strong)}.dfz__wires{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dfz__wire{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap)}.dfz__pos{width:1.4em;flex:0 0 auto;text-align:center;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-3)}.dfz__wirebar{flex:1;height:12px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px #0f172a59}.dfz__wirename{flex:0 0 auto;width:5.5ch;font-size:var(--fs-caption);color:var(--text-2)}.dfz__cut{flex:0 0 auto;min-width:60px;height:var(--tap);border-radius:var(--r-sm);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line-thin);font-size:var(--fs-small);font-weight:700;color:var(--text)}.dfz__cut:active:not(:disabled){background:var(--danger-soft);color:var(--text-error)}.dfz__cut:disabled{opacity:.4}.dfz-hue[data-color=red]{background:#dc2626}.dfz-hue[data-color=blue]{background:#2563eb}.dfz-hue[data-color=yellow]{background:#eab308}.dfz-hue[data-color=white]{background:#f8fafc}.dfz-hue[data-color=black]{background:#111827}.dfz-hue[data-color=green]{background:#16a34a}.dfz__keys{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}.dfz__key{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:var(--r-md);background:var(--pad-surface);box-shadow:inset 0 0 0 1.5px var(--line-thin)}.dfz__key:active:not(:disabled){background:var(--surface-selected)}.dfz__key--down{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent);opacity:1}.dfz__key:disabled:not(.dfz__key--down){opacity:.4}.dfz__glyph{font-size:2rem;line-height:1}.dfz__order{position:absolute;top:3px;right:5px;font-size:var(--fs-caption);font-weight:700;color:var(--accent-strong)}.dfz__pips{display:flex;gap:5px}.dfz__pip{width:10px;height:10px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1.5px var(--line-thin)}.dfz__pip--on{background:var(--success);box-shadow:none}.dfz__flash{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.dfz__slot{height:56px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--line-thin)}.dfz__slot--lit{box-shadow:inset 0 0 0 2px #0f172a4d}.dfz__slotlabel{padding:2px 6px;border-radius:var(--r-sm);background:#ffffffd1;color:#0f172a;font-size:var(--fs-caption);font-weight:700;text-transform:capitalize}.dfz__slotlabel--dim{background:none;color:var(--text-3);font-weight:500}.dfz__presses{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.dfz__press{height:var(--control);border-radius:var(--r-md);background:var(--accent);color:var(--accent-contrast);font-size:var(--fs-small);font-weight:700}.dfz__press:active:not(:disabled){background:var(--accent-strong)}.dfz__press:disabled{opacity:.4}.dfz__manual{display:flex;flex-direction:column;gap:var(--s-2);min-height:100%}.dfz__tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-1);padding-bottom:var(--s-1);background:var(--bg)}.dfz__tab{height:var(--tap);border-radius:var(--r-sm);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-thin);font-size:var(--fs-small);font-weight:650;color:var(--text-2)}.dfz__tab--on{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 2px var(--accent)}.dfz__done{margin-left:4px;color:var(--success)}.dfz__manualbody{display:flex;flex-direction:column;gap:var(--s-3);padding-bottom:var(--s-3)}.dfz__hint,.dfz__solvedline{margin:0;font-size:var(--fs-caption);color:var(--text-3)}.dfz__solvedline{font-weight:700;color:var(--success)}.dfz__page{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow)}.dfz__pagetitle{margin:0;font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.dfz__rules{list-style:none;counter-reset:rule;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dfz__rule{display:flex;flex-direction:column;gap:1px;padding-left:var(--s-3);border-left:3px solid var(--line-thin)}.dfz__rule--last{border-left-color:var(--accent)}.dfz__when{font-size:var(--fs-small);color:var(--text-2)}.dfz__then{font-size:var(--fs-body);font-weight:700}.dfz__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.dfz__column{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:center}.dfz__colhead{font-size:var(--fs-caption);font-weight:700;color:var(--text-3)}.dfz__colcell{padding:4px 0;border-radius:var(--r-sm);background:var(--bg-elevated);font-size:1.5rem;line-height:1.2}.dfz__grid{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.dfz__grid th,.dfz__grid td{padding:5px 4px;text-align:center;border:1px solid var(--line-thin)}.dfz__grid thead th{font-size:var(--fs-caption);color:var(--text-3);font-weight:650}.dfz__grid tbody th{text-align:left;white-space:nowrap;font-weight:650}.dfz__grid td{font-weight:700;font-variant-numeric:tabular-nums}.dfz__axis{font-size:.68rem;font-weight:500}.dfz__swatch{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px #0f172a59;vertical-align:baseline}.dfz__version{text-align:center}.dfz__detail{display:flex;flex-direction:column;gap:var(--s-2);width:100%;max-width:320px}.dfz__detailrow{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-small)}.dfz__detailrow--answer .dfz__wirename{font-weight:700;color:var(--success)}.dfz__detailhead{display:flex;justify-content:space-between;font-size:var(--fs-caption);color:var(--text-3)}.dfz__detailkeys{display:flex;gap:var(--s-1);justify-content:center}.dfz__detailkey{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-sm);background:var(--bg-elevated);font-size:1.25rem}.esc{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}.esc__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.esc__clock{flex:1;text-align:center;font-family:var(--font-mono);font-size:var(--fs-title);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.esc__clock--urgent{color:var(--danger);animation:esc-pulse 1s ease-in-out infinite}@keyframes esc-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.esc__clock--urgent{animation:none}}.esc__credits{min-width:var(--tap);text-align:right;font-size:var(--fs-small);font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}.esc__rail{flex:0 0 auto;display:flex;gap:var(--s-1);list-style:none;margin:0;padding:0}.esc__step{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:4px var(--s-2);border-radius:var(--r-sm);background:var(--bg-elevated);font-size:var(--fs-caption);color:var(--text-3);white-space:nowrap;overflow:hidden}.esc__step-num{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface);font-size:11px;font-weight:700}.esc__step--done{background:var(--accent-soft);color:var(--accent-strong)}.esc__step--done .esc__step-num{background:var(--success);color:#fff}.esc__step--current{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--accent)}.esc__step--current .esc__step-num{background:var(--accent);color:var(--accent-contrast)}.esc__step-name{overflow:hidden;text-overflow:ellipsis}.esc__play{position:relative;flex:1;min-height:0;display:flex}.esc__card{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.esc__card--quiet{align-items:center;justify-content:center}.esc__card-title{font-size:var(--fs-small);font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.esc__hint{font-size:var(--fs-caption);color:var(--text-3)}.esc__cipher{font-family:var(--font-mono);font-size:var(--fs-verdict);font-weight:700;letter-spacing:.22em;text-align:center;word-break:break-all;color:var(--accent-strong)}.esc__input{width:100%;height:var(--control);padding:0 var(--s-3);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-size:var(--fs-body);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;text-align:center}.esc__input:focus-visible{outline:none;border-color:var(--ring-selected);box-shadow:0 0 0 3px var(--accent-soft)}.esc__input:disabled{opacity:.5}.esc__clues{flex:1;min-height:0;overflow-y:auto;margin:0;padding-left:var(--s-4);display:flex;flex-direction:column;gap:6px;font-size:var(--fs-small);line-height:1.35}.esc__question{font-size:var(--fs-button);font-weight:700;text-align:center}.esc__people{display:flex;gap:var(--s-2)}.esc__person{flex:1;height:var(--control);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:var(--fs-button);font-weight:650}.esc__person:active:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.esc__person:disabled{opacity:.45}.esc__frags{display:flex;gap:var(--s-2);justify-content:center}.esc__frag{display:flex;align-items:baseline;gap:6px;padding:2px var(--s-3);border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--fs-button);font-weight:700;letter-spacing:.12em}.esc__frag small{font-size:var(--fs-caption);font-weight:600;opacity:.7;letter-spacing:0}.esc__arrows{display:flex;gap:var(--s-3);justify-content:center}.esc__arrow{font-size:var(--fs-title);line-height:1;color:var(--text)}.esc__pad{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:260px;margin:0 auto;width:100%}.esc__key{position:relative;aspect-ratio:1;min-height:var(--tap);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--pad-surface);color:var(--text);font-size:var(--fs-button);font-weight:700;font-variant-numeric:tabular-nums}.esc__key--on{background:var(--accent);border-color:var(--accent-strong);color:var(--accent-contrast)}.esc__key small{position:absolute;top:3px;right:5px;font-size:10px;font-weight:700;opacity:.85}.esc__key:disabled:not(.esc__key--on){opacity:.45}.esc__path{text-align:center;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-2);font-variant-numeric:tabular-nums}.esc__row{display:flex;gap:var(--s-2)}.esc__lock-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);padding:var(--s-4);border-radius:var(--r-lg);background:var(--scrim);color:#fff;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.esc__lock-num{font-size:var(--fs-countdown);line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.esc__lock-text{font-size:var(--fs-button);font-weight:650;overflow-wrap:anywhere}.esc__lock-sub{font-size:var(--fs-caption);opacity:.8}.esc__log{flex:0 0 auto;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.esc__log-row{display:flex;align-items:center;gap:var(--s-2);padding:3px var(--s-2);border-radius:var(--r-sm);background:var(--bg-elevated);font-size:var(--fs-caption);white-space:nowrap}.esc__log-stage{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.esc__log-answer{font-family:var(--font-mono);font-weight:700;overflow:hidden;text-overflow:ellipsis}.esc__log-who{margin-left:auto;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;max-width:9ch}.esc-detail{display:flex;flex-direction:column;gap:var(--s-2);align-items:center;text-align:center}.esc-detail__line{font-size:var(--fs-small);color:var(--text-2)}.esc-detail__answer{font-family:var(--font-mono);font-weight:700;color:var(--text);letter-spacing:.08em}.flowg{--flowc-0: #dc2626;--flowc-1: #2563eb;--flowc-2: #15803d;--flowc-3: #d97706;--flowc-4: #7c3aed;--flowc-5: #0891b2;--flowc-6: #db2777;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .flowg{--flowc-0: #f87171;--flowc-1: #60a5fa;--flowc-2: #4ade80;--flowc-3: #fbbf24;--flowc-4: #c4b5fd;--flowc-5: #22d3ee;--flowc-6: #f9a8d4}}.flowg__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.flowg__left{margin-left:auto;font-size:var(--fs-caption);color:var(--text-3);font-variant-numeric:tabular-nums}.flowg__scores{flex:0 0 auto;display:flex;gap:var(--s-1)}.flowg__chip{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-1);padding:3px var(--s-2);border-radius:var(--r-sm);background:var(--bg-elevated);border-left:3px solid var(--seat)}.flowg__chip-name{font-size:var(--fs-caption);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flowg__chip--me .flowg__chip-name{color:var(--text);font-weight:650}.flowg__chip-score{margin-left:auto;font-size:var(--fs-small);font-weight:700;font-variant-numeric:tabular-nums}.flowg__legend{flex:0 0 auto;display:flex;gap:6px;justify-content:center}.flowg__swatch{flex:0 0 auto;width:30px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:2px solid var(--flowc);background:color-mix(in srgb,var(--flowc) 12%,var(--surface));color:var(--text-2);font-size:var(--fs-caption);font-weight:700;font-variant-numeric:tabular-nums}.flowg__swatch--mine,.flowg__swatch--theirs{background:var(--flowc);color:#fff}.flowg__swatch--mine{box-shadow:0 0 0 2px var(--accent)}.flowg__swatch--theirs{box-shadow:0 0 0 2px var(--opponent)}.flowg__swatch--drawing{transform:translateY(-2px)}.flowg__play{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.flowb{position:relative;width:min(100%,62vh);aspect-ratio:1;touch-action:none;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-outer);box-shadow:var(--shadow);overflow:hidden}.flowb__grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--flow-size),1fr);grid-template-rows:repeat(var(--flow-size),1fr)}.flowb__cell{min-width:0;min-height:0;padding:0;border:.5px solid var(--line-thin);background:transparent;-webkit-tap-highlight-color:transparent}.flowb__cell:disabled{opacity:1}.flowb__cell--draft{background:var(--accent-soft)}.flowb__cell--head{box-shadow:inset 0 0 0 2px var(--ring-selected)}.flowb__cell--mine{background:color-mix(in srgb,var(--accent) 8%,transparent)}.flowb__ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flowb__casing{fill:none;stroke:var(--line-thin);stroke-width:.46;stroke-linecap:round;stroke-linejoin:round}.flowb__thread{fill:none;stroke-width:.3;stroke-linecap:round;stroke-linejoin:round}.flowb__draft{fill:none;stroke-width:.22;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.24 .16;opacity:.9}.flowb__end{stroke:var(--surface);stroke-width:.06}.flowb__end--done{opacity:.9}.flowg__lock{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);border-radius:var(--r-md);background:var(--scrim);color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.flowg__lock-num{font-size:var(--fs-verdict);font-weight:800;font-variant-numeric:tabular-nums}.flowg__foot{flex:0 0 auto;min-height:18px;text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flowg__foot--good{color:var(--success);font-weight:650}.flowg__foot--bad{color:var(--text-error);font-weight:650}.flowg__actions{flex:0 0 auto;display:flex;gap:var(--s-2)}.flowg__actions .btn{flex:1}.flow-detail{--flowc-0: #dc2626;--flowc-1: #2563eb;--flowc-2: #15803d;--flowc-3: #d97706;--flowc-4: #7c3aed;--flowc-5: #0891b2;--flowc-6: #db2777;display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .flow-detail{--flowc-0: #f87171;--flowc-1: #60a5fa;--flowc-2: #4ade80;--flowc-3: #fbbf24;--flowc-4: #c4b5fd;--flowc-5: #22d3ee;--flowc-6: #f9a8d4}}.flow-detail .flowb{width:min(100%,260px);box-shadow:none}.gk{--gk-chip-h: 34px;--gk-status-h: 18px;--gk-chrome: calc( var(--gamebar-h) + var(--gk-chip-h) + var(--gk-status-h) + 24px + 16px + env(safe-area-inset-top) + env(safe-area-inset-bottom) );--gk-board: min(calc(100vw - 2 * var(--s-2)), calc(100dvh - var(--gk-chrome)));--gk-wood: #e3c088;--gk-line: #9a7743;--gk-black: #16202e;--gk-white: #f8fafc;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .gk{--gk-wood: #6d5230;--gk-line: #c2a06a;--gk-black: #0b1220;--gk-white: #f1f5f9}}.gk__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.gk__turn{margin-left:auto;font-size:var(--fs-caption);font-weight:650;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:9em}.gk__turn--mine{color:var(--accent)}.gk__chips{flex:0 0 auto;height:var(--gk-chip-h);display:flex;gap:var(--s-1)}.gk__chip{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:var(--r-sm);background:var(--bg-elevated);opacity:.72}.gk__chip--turn{opacity:1;box-shadow:inset 0 0 0 1.5px var(--accent)}.gk__chip--won{opacity:1;box-shadow:inset 0 0 0 1.5px var(--success)}.gk__chip--away .gk__chip-name{color:var(--warn)}.gk__chip-name{font-size:var(--fs-caption);font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gk__chip-count{margin-left:auto;font-size:var(--fs-caption);font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-2)}.gk__swatch{flex:0 0 auto;width:14px;height:14px;border-radius:50%;box-shadow:0 1px 1px #0000004d}.gk__swatch--b{background:radial-gradient(circle at 34% 30%,#4a5568,var(--gk-black) 70%)}.gk__swatch--w{background:radial-gradient(circle at 34% 30%,#fff,#cbd5e1 78%)}.gk__play{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.gk__board{width:var(--gk-board);height:var(--gk-board);max-width:100%;max-height:100%;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);padding:2px;border-radius:var(--r-md);background:var(--gk-wood);box-shadow:var(--shadow)}.gk__cell{position:relative;display:grid;place-items:center;padding:0;border:0;background:transparent;-webkit-tap-highlight-color:transparent}.gk__cell:before,.gk__cell:after{content:"";position:absolute;background:var(--gk-line)}.gk__cell:before{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.gk__cell:after{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.gk__cell--top:before{top:50%}.gk__cell--bottom:before{bottom:50%}.gk__cell--left:after{left:50%}.gk__cell--right:after{right:50%}.gk__cell:disabled{opacity:1}.gk__star{width:22%;aspect-ratio:1;border-radius:50%;background:var(--gk-line);z-index:1}.gk__stone{position:relative;width:88%;aspect-ratio:1;border-radius:50%;z-index:2;box-shadow:0 1px 2px #0006,inset 0 -1px 1px #0000002e}.gk__stone--b{background:radial-gradient(circle at 33% 28%,#566178,var(--gk-black) 68%);color:#ffffffe6}.gk__stone--w{background:radial-gradient(circle at 33% 28%,#fff,#ccd5e0 76%);color:#0f172a99}.gk__stone--last:after{content:"";position:absolute;inset:34%;border-radius:50%;background:currentColor}.gk__cell--win{background:#2563eb2e;border-radius:2px}.gk__stone--win{box-shadow:0 0 0 2px var(--accent),0 1px 3px #00000073}.gk__ghost{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;opacity:0;transition:opacity 90ms ease;z-index:2}.gk__ghost--b{background:var(--gk-black)}.gk__ghost--w{background:var(--gk-white)}.gk__cell--open:active .gk__ghost{opacity:.55}@media(hover:hover){.gk__cell--open:hover .gk__ghost{opacity:.32}}.gk__status{flex:0 0 auto;height:var(--gk-status-h);text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gk__status--good{color:var(--accent);font-weight:650}.gk__status--bad{color:var(--text-error);font-weight:650}.gk-final{--gk-wood: #e3c088;--gk-line: #9a7743;--gk-black: #16202e;width:min(260px,76vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);padding:2px;border-radius:var(--r-md);background:var(--gk-wood)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .gk-final{--gk-wood: #6d5230;--gk-line: #c2a06a}}.gk-final__cell{position:relative;display:grid;place-items:center}.gk-final__cell:after{content:"";position:absolute;inset:0;border-right:1px solid var(--gk-line);border-bottom:1px solid var(--gk-line);opacity:.5}.gk-final__stone{width:92%;aspect-ratio:1;border-radius:50%;z-index:1}.gk-final__stone--b{background:var(--gk-black)}.gk-final__stone--w{background:#f1f5f9;box-shadow:inset 0 0 0 1px #00000040}.gk-final__stone--win{box-shadow:0 0 0 1.5px var(--accent),inset 0 0 0 1px #0003}.gk-final__caption{margin-top:var(--s-1);font-size:var(--fs-caption);color:var(--text-3);text-align:center}.kr-screen{display:flex;flex-direction:column;gap:6px;height:100%;min-height:0}.kr-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 0}.kr-wind{display:flex;align-items:center;gap:6px;min-width:0}.kr-wind__arrow{display:inline-block;font-size:14px;color:var(--accent, #58a6ff)}.kr-quit{border:0;background:none;color:inherit;opacity:.6;font-size:16px;padding:4px 8px}.kr-riders{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}.kr-riderchip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent)}.kr-riderchip--gone{opacity:.4;text-decoration:line-through}.kr-ready{color:#3fb950;font-size:9px}.kr-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.kr-stage{position:relative;flex:1;min-height:0;border-radius:12px;overflow:hidden}.kr-canvas,.kr-canvas canvas{width:100%;height:100%;display:block}.kr-chart{display:grid;height:100%;gap:1px;background:#10365a;padding:2px;overflow-y:auto}.kr-cell{background:#155a8a;min-height:8px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#7d8b96}.kr-cell--gust{background:#0e3f66}.kr-cell--lull{background:#4d8fb3}.kr-cell--gate{box-shadow:inset 0 0 0 1px #ffd166}.kr-cell--finish{background:repeating-linear-gradient(90deg,#d0d7de 0 4px,#30363d 4px 8px)}.kr-cell--preview{outline:2px solid #ffd166;outline-offset:-2px}.kr-panel{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 4px 10px}.kr-note{font-size:12px;opacity:.85}.kr-note--bad{color:#e5484d}.kr-compass{position:relative;width:11em;height:11em;display:flex;align-items:center;justify-content:center}.kr-heading{position:absolute;width:3em;height:2.2em;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:color-mix(in srgb,currentColor 6%,transparent);color:inherit;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:3px}.kr-heading b{color:var(--accent, #58a6ff)}.kr-heading:disabled{opacity:.25}.kr-heading--sel{border-color:#ffd166;box-shadow:0 0 0 2px #ffd16655}.kr-compass__hub{font-size:22px;opacity:.7}.kr-cards{display:flex;align-items:center;gap:8px}.kr-card{border-radius:999px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:none;color:inherit;font-size:13px;padding:6px 12px}.kr-card:disabled{opacity:.3}.kr-card--sel{border-color:#ffd166;box-shadow:0 0 0 2px #ffd16655}.kr-detail .kr-chart{height:auto;aspect-ratio:11 / 22;max-height:46vh}@media(orientation:landscape){.kr-screen{flex-direction:row;flex-wrap:wrap}.kr-stage{flex:2 1 55%;order:-1;height:100%}.kr-panel{flex:1 1 38%;justify-content:center}}.mm,.mm-detail{--mm-peg-1: #be123c;--mm-peg-2: #c2410c;--mm-peg-3: #b45309;--mm-peg-4: #15803d;--mm-peg-5: #1d4ed8;--mm-peg-6: #7c3aed;--mm-empty: var(--bg-elevated)}.mm{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mm,:root:not([data-theme=light]) .mm-detail{--mm-peg-1: #fda4af;--mm-peg-2: #fdba74;--mm-peg-3: #fcd34d;--mm-peg-4: #86efac;--mm-peg-5: #93c5fd;--mm-peg-6: #c4b5fd}}.mm__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.mm__opp{margin-left:auto;display:flex;align-items:center;gap:var(--s-1);max-width:55%;padding:3px var(--s-2);border-radius:var(--r-pill);background:var(--bg-elevated);border-left:3px solid var(--seat-1);font-size:var(--fs-caption);color:var(--text-2)}.mm__opp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm__opp-count{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.mm__opp--done .mm__opp-count{color:var(--text-3)}.mm__peg{display:inline-flex;align-items:center;justify-content:center;width:var(--mm-peg-size, 34px);height:var(--mm-peg-size, 34px);border-radius:50%;background:var(--mm-empty);border:1px solid var(--border);color:#fff;font-size:10px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.mm__peg--filled{border-color:transparent;box-shadow:inset 0 -2px 4px #0f172a38}.mm__peg[data-colour="0"]{background:var(--mm-peg-1)}.mm__peg[data-colour="1"]{background:var(--mm-peg-2)}.mm__peg[data-colour="2"]{background:var(--mm-peg-3)}.mm__peg[data-colour="3"]{background:var(--mm-peg-4)}.mm__peg[data-colour="4"]{background:var(--mm-peg-5)}.mm__peg[data-colour="5"]{background:var(--mm-peg-6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mm__peg--filled{color:#0f172a}}.mm__code{display:flex;gap:var(--s-1)}.mm__rows{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s-1);padding-right:2px}.mm__row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border)}.mm__row--crack{border-color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--surface))}.mm__row-no{width:1.4em;flex:0 0 auto;font-size:var(--fs-caption);color:var(--text-3);font-variant-numeric:tabular-nums}.mm__row .mm__code{--mm-peg-size: 26px}.mm__fb{margin-left:auto;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:3px}.mm__fb-peg{width:10px;height:10px;border-radius:50%;background:transparent;border:1px solid var(--border)}.mm__fb-peg--black{background:var(--text);border-color:var(--text)}.mm__fb-peg--white{background:var(--surface);border-color:var(--text-2);box-shadow:inset 0 0 0 1px var(--text-3)}.mm__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);text-align:center;color:var(--text-3);font-size:var(--fs-caption)}.mm__draft{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-md);background:var(--bg-elevated)}.mm__slot{padding:0;border:none;background:none;line-height:0;border-radius:50%}.mm__slot--next .mm__peg{box-shadow:0 0 0 2px var(--ring-selected)}.mm__palette{flex:0 0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-1)}.mm__swatch{min-width:0;height:var(--tap);padding:0;border:1px solid transparent;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;background:var(--surface)}.mm__swatch:disabled{opacity:.45}.mm__swatch .mm__peg{--mm-peg-size: 30px}.mm__actions{flex:0 0 auto;display:flex;gap:var(--s-2);align-items:stretch}.mm__actions .btn{flex:1}.mm__hint{flex:0 0 auto;min-height:18px;text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mm__hint--good{color:var(--success);font-weight:650}.mm__hint--bad{color:var(--text-error);font-weight:650}.mm__lead{flex:0 0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--s-1)}.mm__lead-title{font-size:var(--fs-title);font-weight:700}.mm__wait{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);color:var(--text-2);font-size:var(--fs-small);text-align:center}.mm-detail{display:flex;flex-direction:column;gap:var(--s-2);width:100%}.mm-detail .mm__code{--mm-peg-size: 28px;justify-content:center}.mm-detail__row{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-2);border-radius:var(--r-md);background:var(--bg-elevated)}.qd{--qd-groove: 7px;--qd-chip-h: 34px;--qd-status-h: 18px;--qd-control-h: 52px;--qd-chrome: calc( var(--gamebar-h) + var(--qd-chip-h) + var(--qd-status-h) + var(--qd-control-h) + 32px + 16px + env(safe-area-inset-top) + env(safe-area-inset-bottom) );--qd-board: min(calc(100vw - 2 * var(--s-2)), calc(100dvh - var(--qd-chrome)));--qd-wall: #a16207;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .qd{--qd-wall: #fbbf24}}.qd__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.qd__turn{margin-left:auto;font-size:var(--fs-caption);font-weight:650;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:9em}.qd__turn--mine{color:var(--accent)}.qd__chips{flex:0 0 auto;height:var(--qd-chip-h);display:flex;gap:var(--s-1)}.qd__chip{flex:1;min-width:0;display:flex;align-items:center;gap:5px;padding:0 6px;border-radius:var(--r-sm);background:var(--bg-elevated);border-left:3px solid var(--seat);opacity:.72}.qd__chip--turn{opacity:1;box-shadow:inset 0 0 0 1.5px var(--seat)}.qd__chip--gone{opacity:.3;text-decoration:line-through}.qd__chip--away .qd__chip-name{color:var(--warn)}.qd__chip-name{font-size:var(--fs-caption);font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.qd__chip-dist{margin-left:auto;font-size:var(--fs-caption);font-weight:800;font-variant-numeric:tabular-nums;color:var(--seat)}.qd__chip-walls{font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--text-3);letter-spacing:-.5px}.qd__play{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.qd__board{position:relative;width:var(--qd-board);height:var(--qd-board);max-width:100%;max-height:100%;display:grid;grid-template-columns:repeat(8,1fr var(--qd-groove)) 1fr;grid-template-rows:repeat(8,1fr var(--qd-groove)) 1fr;padding:4px;border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:var(--shadow)}.qd__goal{position:absolute;border-radius:var(--r-pill);opacity:.85}.qd__goal--top{top:1px;left:6px;right:6px;height:3px}.qd__goal--bottom{bottom:1px;left:6px;right:6px;height:3px}.qd__goal--left{left:1px;top:6px;bottom:6px;width:3px}.qd__goal--right{right:1px;top:6px;bottom:6px;width:3px}.qd__cell{position:relative;display:grid;place-items:center;border-radius:3px;background:var(--surface);transition:background-color .11s ease}.qd__cell:disabled{opacity:1}.qd__cell--target{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.qd__cell--target:after{content:"";width:26%;aspect-ratio:1;border-radius:50%;background:var(--accent);opacity:.55}.qd__pawn{width:74%;aspect-ratio:1;border-radius:50%;box-shadow:0 1px 2px #00000059}.qd__pawn--mine{box-shadow:inset 0 0 0 3px var(--surface),0 1px 2px #00000059}.qd__wall{border-radius:var(--r-pill);background:var(--qd-wall);z-index:2}.qd__wall--h{margin:0 1px}.qd__wall--v{margin:1px 0}.qd__spot{position:relative;border-radius:var(--r-pill);background:var(--accent);opacity:.16;z-index:3;transition:opacity .11s ease}.qd__spot--picked{opacity:1;background:var(--qd-wall);box-shadow:0 0 0 2px var(--accent)}.qd__hit{position:absolute;inset:-9px}.qd__status{flex:0 0 auto;height:var(--qd-status-h);text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.qd__status--good{color:var(--accent);font-weight:650}.qd__status--bad{color:var(--text-error);font-weight:650}.qd__controls{flex:0 0 auto;height:var(--qd-control-h);display:flex;align-items:stretch;gap:var(--s-2)}.qd__seg{flex:1;min-width:0;display:flex;padding:3px;gap:3px;border-radius:var(--r-md);background:var(--bg-elevated)}.qd__segbtn{flex:1;min-width:0;border-radius:var(--r-sm);font-size:var(--fs-small);font-weight:650;color:var(--text-2);background:transparent}.qd__segbtn--on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.qd__segbtn:disabled{opacity:.4}.qd__controls .btn{min-width:5.5em}.qd__hint{flex:1;align-self:center;text-align:right;font-size:var(--fs-caption);color:var(--text-3);font-variant-numeric:tabular-nums}.qd-final{--qd-groove: 4px;--qd-wall: #a16207;width:min(240px,72vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr var(--qd-groove)) 1fr;grid-template-rows:repeat(8,1fr var(--qd-groove)) 1fr;padding:3px;border-radius:var(--r-md);background:var(--bg-elevated)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .qd-final{--qd-wall: #fbbf24}}.qd-final__cell{border-radius:2px;background:var(--surface);display:grid;place-items:center}.qd-final__pawn{width:70%;aspect-ratio:1;border-radius:50%}.qd-final__wall{border-radius:var(--r-pill);background:var(--qd-wall)}.rv{--rv-count-h: 34px;--rv-status-h: 18px;--rv-chrome: calc( var(--gamebar-h) + var(--rv-count-h) + var(--rv-status-h) + 24px + 16px + env(safe-area-inset-top) + env(safe-area-inset-bottom) );--rv-board: min(calc(100vw - 2 * var(--s-2)), calc(100dvh - var(--rv-chrome)));--rv-felt: #15803d;--rv-felt-2: #166534;--rv-line: rgb(0 0 0 / 28%);--rv-black: #111827;--rv-black-hi: #374151;--rv-white: #f8fafc;--rv-white-hi: #ffffff;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rv{--rv-felt: #14532d;--rv-felt-2: #123f22;--rv-line: rgb(0 0 0 / 42%)}}.rv__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.rv__turn{margin-left:auto;font-size:var(--fs-caption);font-weight:650;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:9em}.rv__turn--mine{color:var(--accent)}.rv__counts{flex:0 0 auto;height:var(--rv-count-h);display:flex;gap:var(--s-1)}.rv__count{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:var(--r-sm);background:var(--bg-elevated);opacity:.72;transition:opacity .12s ease}.rv__count--turn{opacity:1;box-shadow:inset 0 0 0 1.5px var(--accent)}.rv__pip{width:16px;height:16px;flex:0 0 auto;border-radius:50%}.rv__pip--b{background:radial-gradient(circle at 32% 28%,var(--rv-black-hi),var(--rv-black) 62%)}.rv__pip--w{background:radial-gradient(circle at 32% 28%,var(--rv-white-hi),var(--rv-white) 62%);box-shadow:inset 0 0 0 1px #0000002e}.rv__count-who{font-size:var(--fs-caption);font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rv__count-n{margin-left:auto;font-size:var(--fs-small);font-weight:800;font-variant-numeric:tabular-nums}.rv__play{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.rv__board{width:var(--rv-board);height:var(--rv-board);max-width:100%;max-height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:1px;padding:5px;border-radius:var(--r-md);background:linear-gradient(160deg,var(--rv-felt),var(--rv-felt-2));box-shadow:var(--shadow)}.rv__cell{position:relative;display:grid;place-items:center;padding:0;border:0;background:transparent;box-shadow:inset 0 0 0 .5px var(--rv-line);perspective:320px}.rv__cell:disabled{opacity:1}.rv__cell--last:before{content:"";position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 0 2px var(--warn-bright);opacity:.9}.rv__cell--flipping:after{content:"";position:absolute;inset:4%;border-radius:50%;box-shadow:0 0 0 2px var(--accent);opacity:.85}.rv__disc{position:relative;width:82%;aspect-ratio:1;transform-style:preserve-3d;transform:rotateY(0);transition:transform .32s cubic-bezier(.4,.1,.2,1);animation:rv-drop .18s ease-out}.rv__disc--w{transform:rotateY(180deg)}.rv__face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;box-shadow:0 1px 2px #00000059}.rv__face--b{background:radial-gradient(circle at 32% 28%,var(--rv-black-hi),var(--rv-black) 66%)}.rv__face--w{background:radial-gradient(circle at 32% 28%,var(--rv-white-hi),var(--rv-white) 66%);transform:rotateY(180deg)}@keyframes rv-drop{0%{transform:scale(.55);opacity:.4}to{transform:scale(1);opacity:1}}.rv__dot{width:24%;aspect-ratio:1;border-radius:50%;background:var(--rv-white);opacity:.5}.rv__ghost{width:82%;aspect-ratio:1;border-radius:50%;opacity:.55}.rv__ghost--b{background:radial-gradient(circle at 32% 28%,var(--rv-black-hi),var(--rv-black) 66%)}.rv__ghost--w{background:radial-gradient(circle at 32% 28%,var(--rv-white-hi),var(--rv-white) 66%)}@media(prefers-reduced-motion:reduce){.rv__disc{transition-duration:1ms;animation:none}}.rv__status{flex:0 0 auto;height:var(--rv-status-h);text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rv__status--good{color:var(--accent);font-weight:650}.rv__status--bad{color:var(--text-error);font-weight:650}.rv__toast{position:absolute;left:var(--s-3);right:var(--s-3);bottom:var(--s-3);padding:8px 10px;border-radius:var(--r-sm);background:var(--scrim);color:#f8fafc;font-size:var(--fs-caption);font-weight:650;text-align:center;animation:rv-rise .16s ease-out}@keyframes rv-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rv-final{--rv-felt: #15803d;--rv-felt-2: #166534;--rv-black: #111827;--rv-black-hi: #374151;--rv-white: #f8fafc;--rv-white-hi: #ffffff;width:min(240px,72vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:1px;padding:4px;border-radius:var(--r-md);background:linear-gradient(160deg,var(--rv-felt),var(--rv-felt-2))}.rv-final__cell{display:grid;place-items:center;box-shadow:inset 0 0 0 .5px #00000047}.rv-final__disc{width:80%;aspect-ratio:1;border-radius:50%}.rv-final__disc--b{background:radial-gradient(circle at 32% 28%,var(--rv-black-hi),var(--rv-black) 66%)}.rv-final__disc--w{background:radial-gradient(circle at 32% 28%,var(--rv-white-hi),var(--rv-white) 66%)}.rr{--rr-chip-h: 28px;--rr-status-h: 18px;--rr-control-h: 132px;--rr-chrome: calc( var(--gamebar-h) + var(--rr-chip-h) + var(--rr-status-h) + var(--rr-control-h) + 32px + 16px + env(safe-area-inset-top) + env(safe-area-inset-bottom) );--rr-board: min(calc(100vw - 2 * var(--s-2)), calc(100dvh - var(--rr-chrome)));--rr-red: #dc2626;--rr-yellow: #b45309;--rr-green: #15803d;--rr-blue: #1d4ed8;--rr-wall: #a16207;--rr-grid: var(--line-thin);flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rr{--rr-red: #f87171;--rr-yellow: #fbbf24;--rr-green: #4ade80;--rr-blue: #60a5fa;--rr-wall: #fbbf24}}.rr__bar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.rr__target{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:var(--fs-caption);font-weight:650;color:var(--text-2);text-transform:capitalize;white-space:nowrap}.rr__swatch{width:12px;height:12px;border-radius:50%;background:var(--rr-hue)}.rr__chips{flex:0 0 auto;height:var(--rr-chip-h);display:flex;gap:var(--s-1)}.rr__chip{flex:1;min-width:0;display:flex;align-items:center;gap:5px;padding:0 6px;border-radius:var(--r-sm);background:var(--bg-elevated);border-left:3px solid var(--seat);opacity:.75}.rr__chip--demo,.rr__chip--me{opacity:1}.rr__chip--demo{box-shadow:inset 0 0 0 1.5px var(--seat)}.rr__chip-name{font-size:var(--fs-caption);font-weight:650;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rr__chip--me .rr__chip-name{color:var(--text)}.rr__chip-score{margin-left:auto;font-size:var(--fs-caption);font-weight:800;font-variant-numeric:tabular-nums;color:var(--seat)}.rr__chip-of{font-weight:600;color:var(--text-3)}.rr__play{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.rr__board{width:var(--rr-board);height:var(--rr-board);max-width:100%;max-height:100%;display:grid;grid-template-columns:repeat(var(--rr-cols, 16),1fr);grid-template-rows:repeat(var(--rr-cols, 16),1fr);gap:1px;padding:3px;border-radius:var(--r-sm);border:3px solid var(--rr-wall);background:var(--rr-grid);box-shadow:var(--shadow)}.rr__cell{position:relative;box-sizing:border-box;min-width:0;min-height:0;display:grid;place-items:center;padding:0;border:0 solid var(--rr-wall);background:var(--surface)}.rr__cell:disabled{opacity:1}.rr__cell--wn{border-top-width:3px}.rr__cell--ws{border-bottom-width:3px}.rr__cell--ww{border-left-width:3px}.rr__cell--we{border-right-width:3px}.rr__cell--target{background:var(--bg-elevated)}.rr__mark{position:absolute;inset:12%;border-radius:50%;border:2px solid var(--rr-mark);box-shadow:inset 0 0 0 1px var(--surface)}.rr__robot{position:relative;width:82%;aspect-ratio:1;border-radius:50%;background:var(--rr-hue);box-shadow:0 1px 1px #0006}.rr__robot--sel{box-shadow:0 0 0 2px var(--text),0 1px 1px #0006}.rr__status{flex:0 0 auto;height:var(--rr-status-h);text-align:center;font-size:var(--fs-caption);color:var(--text-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rr__status--good{color:var(--success);font-weight:650}.rr__status--bad{color:var(--text-error);font-weight:650}.rr__controls{flex:0 0 auto;height:var(--rr-control-h)}.rr__bidrow{height:100%;display:flex;align-items:center;gap:var(--s-2)}.rr__stepper{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-md);background:var(--bg-elevated)}.rr__step{width:var(--tap);height:var(--tap);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);font-size:var(--fs-button);font-weight:700;color:var(--text)}.rr__step:disabled{opacity:.4}.rr__step:active{background:var(--accent-soft)}.rr__stepnum{min-width:1.6em;text-align:center;font-size:var(--fs-title);font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.rr__bidbtn{flex:1;min-width:0}.rr__clock{margin-left:var(--s-2);font-size:var(--fs-small);font-weight:700;font-variant-numeric:tabular-nums;opacity:.75}.rr__demorow{height:100%;display:flex;align-items:center;gap:var(--s-2)}.rr__robots{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--s-1)}.rr__pick{width:30px;height:26px;border-radius:var(--r-sm);border:2px solid transparent;background:var(--rr-hue);opacity:.55}.rr__pick:disabled{opacity:.25}.rr__pick--sel{opacity:1;border-color:var(--text)}.rr__pad{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);gap:2px}.rr__arrow{border-radius:var(--r-sm);background:var(--bg-elevated);border:1px solid var(--border);font-size:var(--fs-button);font-weight:700;color:var(--text)}.rr__arrow:disabled{opacity:.35}.rr__arrow:active{background:var(--accent-soft);border-color:var(--accent)}.rr__arrow--up{grid-area:1 / 2}.rr__arrow--left{grid-area:2 / 1}.rr__arrow--right{grid-area:2 / 3}.rr__arrow--down{grid-area:3 / 2}.rr__gauge{grid-area:2 / 2;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}.rr__gauge-moves{font-size:var(--fs-small);font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.rr__gauge-clock{font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--text-3)}.rr__giveup{flex:1;min-width:0}.rr-detail{display:flex;flex-direction:column;align-items:center;gap:var(--s-1)}.board .tcell--claimed{font-weight:700}.board .tcell--mine:before{content:"";position:absolute;inset:2px;border-radius:3px;border:1.5px solid currentColor;opacity:.55;pointer-events:none}.board .tcell.cell--selected{box-shadow:inset 0 0 0 2px var(--ring-selected)}.terr{flex:0 0 auto;height:var(--race-h);display:flex;flex-direction:column;gap:var(--s-1)}.terr__row{flex:1;min-height:0;display:flex;align-items:center;gap:var(--s-2)}.terr__row--gone{opacity:.45}.terr__name{font-size:var(--fs-caption);font-weight:650;width:4.75em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terr__track{flex:1;height:8px;border-radius:var(--r-pill);background:var(--surface-peer);overflow:hidden}.terr__fill{height:100%;border-radius:var(--r-pill);transition:width .18s ease}.terr__count{font-size:var(--fs-caption);font-weight:800;font-variant-numeric:tabular-nums;width:2.25em;text-align:right}.terr__away{color:var(--warn)}.terr__left{font-size:var(--fs-caption);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-2);min-width:4.5em;text-align:right}.miniboard__cell--terr{font-weight:700}:root{--digit-1: #1d4ed8;--digit-2: #0e7490;--digit-3: #15803d;--digit-4: #4d7c0f;--digit-5: #b45309;--digit-6: #c2410c;--digit-7: #be123c;--digit-8: #a21caf;--digit-9: #6d28d9;--bg: #f1f5f9;--bg-elevated: #e2e8f0;--surface: #ffffff;--surface-given: #edf2f7;--surface-selected: #dbeafe;--surface-peer: #f1f5f9;--surface-error: #fee2e2;--surface-warn: #fef3c7;--scrim: rgb(15 23 42 / 62%);--text: #0f172a;--text-2: #475569;--text-3: #64748b;--text-error: #b91c1c;--text-warn: #92400e;--warn: #d97706;--warn-bright: #fbbf24;--ring-selected: #2563eb;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-contrast: #ffffff;--accent-soft: #dbeafe;--opponent: #c2410c;--opponent-soft: #ffedd5;--seat-0: #0e7490;--seat-1: #c2410c;--seat-2: #7c3aed;--seat-3: #15803d;--success: #16a34a;--danger: #dc2626;--danger-soft: #fee2e2;--line-thin: #cbd5e1;--line-box: #334155;--line-outer: #334155;--pad-disabled-text: #b6c2d0;--pad-surface: #ffffff;--border: #cbd5e1;--shadow: 0 1px 2px rgb(15 23 42 / 8%), 0 4px 12px rgb(15 23 42 / 6%);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", "Roboto Mono", monospace;--fs-caption: .75rem;--fs-small: .875rem;--fs-body: 1rem;--fs-button: 1.25rem;--fs-title: 1.5rem;--fs-verdict: 2rem;--fs-code: 2.5rem;--fs-countdown: 6rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--tap: 44px;--control: 52px;--gamebar-h: 44px;--racer-count: 2;--race-h: calc(var(--racer-count) * 20px + (var(--racer-count) - 1) * 4px);--pad-h: 118px;--game-gaps: 24px;--game-pad-y: 16px;--chrome: calc( var(--gamebar-h) + var(--race-h) + var(--pad-h) + var(--game-gaps) + var(--game-pad-y) + env(safe-area-inset-top) + env(safe-area-inset-bottom) )}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--digit-1: #93c5fd;--digit-2: #67e8f9;--digit-3: #86efac;--digit-4: #bef264;--digit-5: #fcd34d;--digit-6: #fdba74;--digit-7: #fda4af;--digit-8: #f0abfc;--digit-9: #c4b5fd;--bg: #0f172a;--bg-elevated: #17233c;--surface: #1e293b;--surface-given: #273449;--surface-selected: #1e3a5f;--surface-peer: #243049;--surface-error: #7f1d1d;--surface-warn: #78350f;--scrim: rgb(2 6 23 / 72%);--text: #f1f5f9;--text-2: #94a3b8;--text-3: #7c8ba1;--text-error: #fca5a5;--text-warn: #fcd34d;--warn: #fbbf24;--warn-bright: #fcd34d;--ring-selected: #60a5fa;--accent: #60a5fa;--accent-strong: #93c5fd;--accent-contrast: #0f172a;--accent-soft: #1e3a5f;--opponent: #fdba74;--opponent-soft: #422006;--seat-0: #67e8f9;--seat-1: #fdba74;--seat-2: #c4b5fd;--seat-3: #86efac;--success: #4ade80;--danger: #f87171;--danger-soft: #450a0a;--line-thin: #334155;--line-box: #94a3b8;--line-outer: #94a3b8;--pad-disabled-text: #475569;--pad-surface: #1e293b;--border: #334155;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 12px rgb(0 0 0 / 24%)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.4;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}html,button,input,[role=button]{touch-action:manipulation}button,input{font:inherit;color:inherit;border:none;background:none;-webkit-tap-highlight-color:transparent}button{cursor:pointer}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input{user-select:text;-webkit-user-select:text}:focus-visible{outline:2px solid var(--ring-selected);outline-offset:2px}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + var(--s-2)) calc(env(safe-area-inset-right) + var(--s-4)) calc(env(safe-area-inset-bottom) + var(--s-3)) calc(env(safe-area-inset-left) + var(--s-4))}.screen--game{padding-left:calc(env(safe-area-inset-left) + var(--s-2));padding-right:calc(env(safe-area-inset-right) + var(--s-2));padding-bottom:calc(env(safe-area-inset-bottom) + var(--s-2))}.screen__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-4)}.screen__actions{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-4)}.topbar{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap);flex:0 0 auto}.topbar__title{font-size:var(--fs-button);font-weight:650;flex:1;text-align:center}.topbar__slot{width:var(--tap);height:var(--tap);display:grid;place-items:center;flex:0 0 auto}.iconbutton{width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:var(--r-md);color:var(--text-2);font-size:var(--fs-button)}.iconbutton:active{background:var(--bg-elevated)}.label{font-size:var(--fs-small);font-weight:600;color:var(--text-2)}.caption{font-size:var(--fs-caption);color:var(--text-3)}.center-stack{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);text-align:center}.btn{min-height:var(--control);padding:0 var(--s-5);border-radius:var(--r-md);font-size:var(--fs-button);font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);transition:transform 90ms ease,background-color .12s ease,opacity .12s ease}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--secondary{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--border)}.btn--danger{background:var(--danger);color:#fff}.btn--ghost{color:var(--text-2);font-size:var(--fs-body);min-height:var(--tap)}.btn--block{width:100%}.home__brand{display:flex;gap:2px;font-size:var(--fs-verdict);font-weight:800;letter-spacing:-.02em}.home__title{font-size:var(--fs-verdict);font-weight:800;letter-spacing:-.02em}.home__tagline{color:var(--text-2);font-size:var(--fs-body);max-width:22ch}.home__head{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding-bottom:var(--s-3)}.home__brand--sm{font-size:var(--fs-title)}.gamegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.gametile{min-height:104px;padding:var(--s-3);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1);text-align:left;transition:background-color .12s ease,box-shadow .12s ease}.gametile:active{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.gametile__title{font-size:var(--fs-small);font-weight:650}.gametile__tagline{flex:1;font-size:var(--fs-caption);color:var(--text-2)}.gametile__badge{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--fs-caption);color:var(--text-3)}.gametile__soon{padding:1px var(--s-1);border-radius:var(--r-pill);background:var(--bg-elevated);font-size:var(--fs-caption);font-weight:600}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__input{height:48px;padding:0 var(--s-4);border-radius:var(--r-sm);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);font-size:var(--fs-body)}.field__input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--ring-selected)}.tiers{display:flex;flex-direction:column;gap:var(--s-2)}.tier{min-height:64px;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);text-align:left;display:flex;flex-direction:column;justify-content:center;gap:2px;transition:background-color .12s ease,box-shadow .12s ease}.tier[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.tier__name{font-size:var(--fs-button);font-weight:650}.tier__desc{font-size:var(--fs-caption);color:var(--text-2)}.tier:disabled{opacity:1;cursor:default}.pill{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);font-size:var(--fs-small);font-weight:600}.toggle{display:flex;align-items:center;gap:var(--s-3);min-height:var(--tap);width:100%;padding:var(--s-2) var(--s-4);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);text-align:left}.toggle:disabled{opacity:.7;cursor:default}.toggle__text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.toggle__label{font-size:var(--fs-small);font-weight:650}.toggle__hint{font-size:var(--fs-caption);color:var(--text-3)}.toggle__track{flex:0 0 auto;width:46px;height:28px;border-radius:var(--r-pill);background:var(--bg-elevated);box-shadow:inset 0 0 0 1.5px var(--border);padding:3px;transition:background-color .14s ease,box-shadow .14s ease}.toggle__knob{display:block;width:22px;height:22px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 1px 3px #0f172a40;transition:transform .14s ease}.toggle[aria-checked=true] .toggle__track{background:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.toggle[aria-checked=true] .toggle__knob{transform:translate(18px)}.codecard{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);width:100%}.codechip{width:100%;min-height:72px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform 90ms ease}.codechip:active{transform:scale(.985)}.codechip__code{font-family:var(--font-mono);font-size:var(--fs-code);font-weight:700;letter-spacing:.15em;text-indent:.15em;font-variant-numeric:tabular-nums}.codeslots{display:flex;gap:var(--s-2);justify-content:center;position:relative}.codeslots__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:var(--fs-body)}.codeslot{width:52px;height:60px;border-radius:var(--r-sm);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-title);font-weight:700}.codeslot--active{box-shadow:inset 0 0 0 2px var(--ring-selected)}.codeslot--filled{background:var(--accent-soft)}.codeslots--error{animation:shake .32s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.error-text{color:var(--danger);font-size:var(--fs-small);font-weight:600;text-align:center;min-height:1.4em}.slots{display:flex;flex-direction:column;gap:var(--s-2);width:100%}.slot{min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-md);background:var(--surface);display:flex;align-items:center;gap:var(--s-3);box-shadow:inset 0 0 0 1.5px var(--border)}.slot--empty{background:transparent;box-shadow:inset 0 0 0 1.5px var(--border);animation:breathe 2s ease-in-out infinite}.slot--joined{animation:pop-in .24s ease}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes pop-in{0%{transform:scale(.96)}to{transform:scale(1)}}.slot__name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:10px;height:10px;border-radius:var(--r-pill);background:var(--text-3);flex:0 0 auto}.dot--on{background:var(--success)}.dot--off{background:var(--danger)}.game{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-2);--board: min(calc(100vw - 2 * var(--s-2)), calc(100dvh - var(--chrome)));--pad-gap: 6px}.game__play{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-2)}.game__board{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.game__pad{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.gamebar{flex:0 0 auto;height:var(--gamebar-h);display:flex;align-items:center;gap:var(--s-2)}.gamebar__timer{flex:1;text-align:center;font-size:var(--fs-button);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.race{flex:0 0 auto;height:var(--race-h);display:flex;flex-direction:column;gap:var(--s-1)}.race__row{flex:1;min-height:0;display:flex;align-items:center;gap:var(--s-2)}.race__row--out{opacity:.45}.race__out{font-size:.5625rem;font-weight:800;letter-spacing:.08em;color:var(--danger);width:33px;text-align:right}.race__away{color:var(--warn)}.race__name{font-size:var(--fs-caption);font-weight:650;width:4.75em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race__track{flex:1;height:10px;border-radius:var(--r-pill);background:var(--bg-elevated);overflow:hidden}.race__fill{height:100%;border-radius:var(--r-pill);transition:width .22s ease-out}.race__fill--ahead{animation:lead-pulse .9s ease-out}@keyframes lead-pulse{0%{box-shadow:0 0 0 0 var(--opponent)}to{box-shadow:0 0 0 8px transparent}}.race__pct{font-size:var(--fs-caption);font-weight:650;font-variant-numeric:tabular-nums;width:2.6em;text-align:right;color:var(--text-2)}.strikes{display:flex;gap:4px;flex:0 0 auto}.strike{width:9px;height:9px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1.5px var(--danger);opacity:.4}.strike--on{background:var(--danger);opacity:1;animation:strike-pop .26s ease}@keyframes strike-pop{0%{transform:scale(.5)}60%{transform:scale(1.35)}to{transform:scale(1)}}.board{width:var(--board);height:var(--board);max-width:100%;max-height:100%;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:2px solid var(--line-outer);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.cell{position:relative;display:grid;place-items:center;background:var(--surface);font-size:var(--fs-title);font-weight:500;font-variant-numeric:tabular-nums;border-right:1px solid var(--line-thin);border-bottom:1px solid var(--line-thin);transition:background-color .11s ease}.cell[data-boxedge-right=true]{border-right:2px solid var(--line-box)}.cell[data-boxedge-bottom=true]{border-bottom:2px solid var(--line-box)}.cell[data-lastcol=true]{border-right:none}.cell[data-lastrow=true]{border-bottom:none}.cell--given{background:var(--surface-given);font-weight:800}.cell--peer{background:var(--surface-peer)}.cell--given.cell--peer{background:var(--surface-given)}.cell--selected,.cell--given.cell--selected{background:var(--surface-selected)}.cell--selected:after{content:"";position:absolute;inset:0;border:2px solid var(--ring-selected);pointer-events:none}.cell--samedigit:after{content:"";position:absolute;inset:1px;border:2px solid currentColor;opacity:.45;border-radius:3px;pointer-events:none}.cell--error{background:var(--surface-error);color:var(--text-error)!important;animation:error-flash .6s ease}.cell--illegal{background:var(--surface-warn);color:var(--text-warn)!important;animation:illegal-shake .4s ease}.cell--conflict{animation:conflict-pulse .7s ease}.cell--conflict:before{content:"";position:absolute;inset:0;border:2px solid var(--warn);pointer-events:none}@keyframes illegal-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes conflict-pulse{0%,to{background-color:var(--surface)}40%{background-color:var(--surface-warn)}}@keyframes error-flash{0%,70%{opacity:1}to{opacity:.15}}.cell__value--entered{animation:value-pop .15s ease-out}@keyframes value-pop{0%{transform:scale(.55);opacity:.4}to{transform:scale(1);opacity:1}}.pad{width:var(--board);height:var(--pad-h);display:flex;flex-direction:column;gap:var(--pad-gap)}.pad__row{display:flex;gap:var(--pad-gap);justify-content:center}.pad__key{position:relative;width:calc((var(--board) - 4 * var(--pad-gap)) / 5);height:56px;border-radius:var(--r-sm);background:var(--pad-surface);box-shadow:var(--shadow);display:grid;place-items:center;transition:transform 80ms ease,opacity .12s ease}.pad__digit{font-size:1.375rem;font-weight:700;line-height:1}.pad__count{position:absolute;top:4px;right:6px;font-size:.625rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-3);line-height:1}.pad__key:active:not(:disabled){transform:scale(.95)}.pad__key:disabled{cursor:default}.pad__key--complete{color:var(--pad-disabled-text);opacity:.4;box-shadow:inset 0 0 0 1px var(--border);background:transparent}.pad__key--complete .pad__count{color:var(--success);opacity:.9}.pad__key--ruledout{color:var(--pad-disabled-text);opacity:.5;box-shadow:inset 0 0 0 1px var(--border);background:transparent}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--s-5);text-align:center}.countdown__numeral{font-size:var(--fs-countdown);font-weight:800;color:#fff;font-variant-numeric:tabular-nums;animation:countdown-pulse .9s ease-out}.countdown__numeral--go{color:var(--success)}@keyframes countdown-pulse{0%{transform:scale(.6);opacity:.2}40%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.countdown__hint{color:#ffffffd1;font-size:var(--fs-body);font-weight:600}.freeze{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);border-radius:var(--r-md);background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff}.freeze__label{font-size:var(--fs-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.freeze__clock{font-size:var(--fs-verdict);font-weight:800;font-variant-numeric:tabular-nums}.freeze__note{font-size:var(--fs-caption);color:#fffc;padding:0 var(--s-4);text-align:center}.freeze--illegal .freeze__label{color:var(--warn-bright)}.sheet{width:100%;max-width:420px;background:var(--bg);border-radius:var(--r-lg);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);text-align:left;animation:sheet-in .2s ease-out}@keyframes sheet-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet__title{font-size:var(--fs-button);font-weight:700}.sheet__body{color:var(--text-2);font-size:var(--fs-small)}.verdict{font-size:var(--fs-verdict);font-weight:800;letter-spacing:-.02em}.verdict--win{color:var(--success)}.verdict--lose{color:var(--text-2)}.statcard{width:100%;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow);padding:var(--s-4);display:grid;grid-template-columns:1fr auto auto;gap:var(--s-2) var(--s-4);align-items:center;font-size:var(--fs-small)}.statcard__head{font-size:var(--fs-caption);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.statcard__value{font-variant-numeric:tabular-nums;font-weight:650;text-align:right}.miniboard{width:min(62%,260px);aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);border:1.5px solid var(--line-outer);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.miniboard__cell{display:grid;place-items:center;font-size:.6875rem;font-weight:600;border-right:.5px solid var(--line-thin);border-bottom:.5px solid var(--line-thin)}.miniboard__cell--given{background:var(--surface-given);font-weight:800}.miniboard__cell--mine{background:var(--accent-soft)}.banner{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top) + var(--s-2));z-index:50;max-width:calc(100vw - 2 * var(--s-4));padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:650;box-shadow:var(--shadow);display:flex;align-items:center;gap:var(--s-2);white-space:nowrap}.banner--warn{background:var(--danger-soft);color:var(--danger)}.banner--info{background:var(--accent-soft);color:var(--accent-strong)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + var(--s-6));z-index:60;padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);background:var(--text);color:var(--bg);font-size:var(--fs-small);font-weight:650;box-shadow:var(--shadow);animation:toast-in .18s ease-out}@keyframes toast-in{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.spinner{width:16px;height:16px;border-radius:var(--r-pill);border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rotate{display:none}@media(orientation:landscape)and (max-height:500px){.rotate{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);background:var(--bg);text-align:center;padding:var(--s-5)}}.rotate__icon{font-size:var(--fs-verdict);animation:tilt 1.6s ease-in-out infinite}@keyframes tilt{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.segmented{display:flex;gap:var(--s-2)}.segmented__option{flex:1;min-height:56px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:var(--fs-button);font-weight:700;transition:background-color .12s ease,box-shadow .12s ease}.segmented__option[aria-checked=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.segmented__option:disabled{opacity:.4;cursor:default}.segmented__unit{font-size:.625rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.invite{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);width:100%}.invite__qr{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow)}.qr{display:block;width:168px;height:168px;border-radius:4px}.invite__qr .caption{color:#475569}.invite__toggle{font-size:var(--fs-small);font-weight:650;color:var(--accent);min-height:var(--tap);padding:0 var(--s-3)}.or-divider{display:flex;align-items:center;gap:var(--s-3);color:var(--text-3);font-size:var(--fs-caption)}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.overlay--scanner{padding:var(--s-4)}.scanner{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);width:100%;max-width:420px}.scanner__frame{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:#000;display:grid;place-items:center}.scanner__video{width:100%;height:100%;object-fit:cover}.scanner__canvas{display:none}.scanner__reticle{position:absolute;inset:18%;border:3px solid rgb(255 255 255 / 85%);border-radius:var(--r-md);box-shadow:0 0 0 100vmax #00000059;pointer-events:none}.scanner__failed{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-5);text-align:center;color:#fff;background:var(--bg-elevated)}.scanner__failedIcon{font-size:var(--fs-verdict)}.scanner__failed strong{color:var(--text)}.scanner__failed .caption{color:var(--text-2)}.scanner__hint{color:#fff;font-size:var(--fs-small);font-weight:600;text-align:center}.searching__title{font-size:var(--fs-button);font-weight:700}.searching__clock{font-size:var(--fs-verdict);font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent)}.searching__lonely{font-size:var(--fs-small);color:var(--text-2);max-width:30ch}.spinner--lg{width:34px;height:34px;border-width:3px;color:var(--accent)}.standings{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden;font-size:var(--fs-small)}.standings th,.standings td{padding:var(--s-2) var(--s-3);text-align:left}.standings thead th{font-size:var(--fs-caption);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);background:var(--bg-elevated)}.standings thead th:not(:nth-child(2)){text-align:right}.standings thead th:first-child{text-align:left}.standings tbody tr+tr{border-top:1px solid var(--border)}.standings__row--me{background:var(--accent-soft)}.standings__place{font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-2)}.standings__row--me .standings__place{color:var(--accent-strong)}.standings tbody tr:first-child .standings__place{color:var(--success)}.standings__name{font-weight:650;display:flex;align-items:center;gap:var(--s-2)}.standings__swatch{width:8px;height:8px;border-radius:var(--r-pill);flex:0 0 auto}.standings__tag{font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:1px 5px;border-radius:var(--r-pill);background:var(--danger-soft);color:var(--danger)}.standings__tag--won{background:var(--accent-soft);color:var(--accent-strong)}.standings td.statcard__value{text-align:right}.screen__body--scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}