/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-tracking:initial;--tw-space-y-reverse:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme,base;@layer components{.checkers-board-clock{color:#fff;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#211a17e0;border:1px solid #ffffff1c;border-radius:.7rem;justify-content:space-between;align-items:center;gap:clamp(.5rem,1.8cqw,1rem);min-width:0;height:100%;padding:clamp(.28rem,.75cqh,.45rem) clamp(.4rem,1.25cqw,.75rem);transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #ffffff0f,0 .45rem 1.2rem #26040f3d}.checkers-board-clock[data-clock-state=active]{border-color:#68d63d7a;box-shadow:inset 0 1px #ffffff12,0 0 0 3px #68d63d14,0 .45rem 1.2rem #26040f3d}.checkers-board-clock__player{align-items:center;gap:clamp(.35rem,1cqw,.6rem);min-width:0;display:flex}.checkers-board-clock__piece{aspect-ratio:1;border-width:2px;border-radius:999px;flex:none;width:clamp(1rem,3.5cqw,1.35rem);box-shadow:0 .12rem .3rem #00000052}.checkers-board-clock__avatar{aspect-ratio:1;object-fit:cover;background:#211a17;border:2px solid #78bbc19e;border-radius:.58rem;flex:none;width:clamp(1.8rem,5.4cqh,2.5rem);box-shadow:inset 0 1px #ffffff1f,0 .15rem .45rem #00000061}.checkers-board-clock[data-clock-state=active] .checkers-board-clock__avatar{border-color:#68d63d;box-shadow:0 0 0 2px #68d63d21,0 .15rem .45rem #00000061}.checkers-board-clock__identity{min-width:0;line-height:1.05;display:block}.checkers-board-clock__label{color:#d8ccc68a;letter-spacing:.13em;text-transform:uppercase;font-size:clamp(.42rem,1.35cqh,.55rem);font-weight:800;display:none}.checkers-board-clock__name{max-width:clamp(5rem,22cqw,10rem);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:clamp(.72rem,2.2cqh,.95rem);font-weight:800;display:block;overflow:visible}.checkers-board-clock__detail{color:#d8ccc6a8;text-overflow:ellipsis;white-space:nowrap;max-width:clamp(5rem,25cqw,11rem);font-size:clamp(.52rem,1.5cqh,.66rem);font-weight:700;overflow:visible}.checkers-board-clock__thinking{color:#9be879;letter-spacing:.08em;text-transform:uppercase;background:#68d63d24;border-radius:999px;flex:none;padding:.2rem .45rem;font-size:.55rem;font-weight:900}@container (width<=31rem){.checkers-board-clock__detail,.duel-clock--board .duel-clock__rule{display:none}}}@layer utilities;.board-stack{--board-stage-edge-gap:10px;--board-surface-gap:0px;--board-player-bar-height:clamp(2.75rem, 5.9cqh, 3.5rem);z-index:1;width:min(calc(100cqw - var(--board-stage-edge-gap) - var(--board-stage-edge-gap)), calc(100cqh - var(--board-stage-edge-gap) - var(--board-stage-edge-gap) - var(--board-surface-gap) - var(--board-surface-gap) - var(--board-player-bar-height) - var(--board-player-bar-height)));max-width:calc(100cqw - var(--board-stage-edge-gap) - var(--board-stage-edge-gap));max-height:calc(100cqh - var(--board-stage-edge-gap) - var(--board-stage-edge-gap));grid-template-rows:var(--board-player-bar-height) auto var(--board-player-bar-height);gap:var(--board-surface-gap);display:grid;position:relative}.board-stack .board-frame{aspect-ratio:1;width:100%;position:relative}@keyframes board-clock-handoff{0%{opacity:.62;transform:scale(.94);box-shadow:0 0 #68d63d00}45%{opacity:1;transform:scale(1.06);box-shadow:0 0 .9rem #68d63d61}to{transform:scale(1);box-shadow:0 0 #68d63d00}}@keyframes board-clock-trophy-in{0%{opacity:0;transform:translateY(35%)rotate(8deg)scale(.55)}70%{opacity:1;transform:translateY(-8%)rotate(-2deg)scale(1.12)}to{transform:translateY(0)rotate(0)scale(1)}}.board-clock .clock-time{min-width:4.5ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:clamp(1.05rem,3.8cqh,1.8rem);font-weight:900;line-height:1}.board-clock[data-clock-state=low] .clock-time{color:#f4c86b}.board-clock[data-clock-state=critical] .clock-time,.board-clock[data-clock-state=expired] .clock-time{color:#ff8a80}.board-clock{color:#fff;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#211a17e0;border:1px solid #ffffff1c;border-radius:.7rem;justify-content:space-between;align-items:center;gap:clamp(.5rem,1.8cqw,1rem);min-width:0;height:100%;padding:clamp(.28rem,.75cqh,.45rem) clamp(.4rem,1.25cqw,.75rem);transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #ffffff0f,0 .45rem 1.2rem #26040f3d}.board-clock[data-clock-state=active]{border-color:#68d63d7a;animation:.46s cubic-bezier(.18,.82,.24,1.12) both board-clock-handoff;box-shadow:inset 0 1px #ffffff12,0 0 0 3px #68d63d14,0 .45rem 1.2rem #26040f3d}.board-clock .player{align-items:center;gap:clamp(.35rem,1cqw,.6rem);min-width:0;display:flex}.board-clock .piece{aspect-ratio:1;border-width:2px;border-radius:999px;flex:none;width:clamp(1rem,3.5cqw,1.35rem);box-shadow:0 .12rem .3rem #00000052}.board-clock .avatar{aspect-ratio:1;background:var(--color-lark-interface);object-fit:cover;border:2px solid #78bbc19e;border-radius:.58rem;flex:none;width:clamp(1.8rem,5.4cqh,2.5rem);box-shadow:inset 0 1px #ffffff1f,0 .15rem .45rem #00000061}.board-clock[data-clock-state=active] .avatar{border-color:var(--color-lark-lime);box-shadow:0 0 0 2px #68d63d21,0 .15rem .45rem #00000061}.board-clock .identity{min-width:0;line-height:1.05;display:block}.board-clock .label{color:#d8ccc68a;letter-spacing:.13em;text-transform:uppercase;font-size:clamp(.42rem,1.35cqh,.55rem);font-weight:800;display:none}.board-clock .name{max-width:clamp(5rem,22cqw,10rem);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:clamp(.72rem,2.2cqh,.95rem);font-weight:800;display:block;overflow:visible}.board-clock .detail{color:#d8ccc6a8;text-overflow:ellipsis;white-space:nowrap;max-width:clamp(5rem,25cqw,11rem);font-size:clamp(.52rem,1.5cqh,.66rem);font-weight:700;overflow:visible}.board-clock .thinking{color:#9be879;letter-spacing:.08em;text-transform:uppercase;background:#68d63d24;border-radius:999px;flex:none;padding:.2rem .45rem;font-size:.55rem;font-weight:900}.board-clock .captures{align-items:center;gap:clamp(.08rem,.45cqw,.24rem);min-width:0;margin-left:auto;display:flex}.board-clock .capture{aspect-ratio:1;flex:none;place-items:center;width:clamp(.95rem,3cqh,1.25rem);animation:.32s cubic-bezier(.18,.82,.24,1.15) both board-clock-trophy-in;display:grid;position:relative}.board-clock .capture img{object-fit:contain;filter:drop-shadow(0 .1rem .1rem #0000006b);width:100%;height:100%}.board-clock .capture small{color:#fff;background:#211b18;border-radius:999px;place-items:center;min-width:.72rem;height:.72rem;font-size:.46rem;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-.18rem;right:-.22rem}.board-clock .status{background:var(--theme-rail);min-width:clamp(4.5rem,15cqw,6rem);color:var(--theme-muted);font-family:var(--font-display);text-align:center;border-radius:.3rem;flex:none;padding:.48rem .7rem;font-size:clamp(.66rem,1.75cqh,.8rem);font-weight:800}.board-clock[data-clock-state=active] .status{background:var(--theme-text);color:var(--theme-shell)}[data-game-stage-flat] .board-clock,[data-game-stage-flat] .board-clock[data-clock-state=active]{color:var(--theme-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0 .15rem}[data-game-stage-flat] .board-clock .label,[data-game-stage-flat] .board-clock .detail{color:var(--theme-muted)}[data-game-stage-flat] .board-clock .avatar,[data-game-stage-flat] .board-clock[data-clock-state=active] .avatar{box-shadow:none;border:0;border-radius:.35rem}@container (width<=31rem){.board-clock .detail{display:none}}@container (width<=23rem){.board-clock .captures{display:none!important}}@media (prefers-reduced-motion:reduce){.board-clock[data-clock-state=active],.board-clock .capture{animation:none}}[data-board-stats-page]{width:100%;max-width:var(--container-6xl,72rem);padding-top:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 20);margin-inline:auto}@media (width>=64rem){[data-board-stats-page]{padding-top:calc(var(--spacing,.25rem) * 12);padding-bottom:calc(var(--spacing,.25rem) * 24)}}[data-board-stats-page]{padding-inline:var(--page-inset)}.stats-panel-shell{flex-direction:column;flex:1;min-height:0;display:flex}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-new-match{padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * 2)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-new-match-copy{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#d8ccc6b3}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-new-match-copy{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 70%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-new-match-button{margin-top:calc(var(--spacing,.25rem) * 4);width:100%}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-navigation{margin-bottom:calc(var(--spacing,.25rem) * 8);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;display:flex}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-back{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-lark-muted,#726863);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:inline-flex}@media (hover:hover){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-back:hover{color:var(--color-lark-interface,#211a17)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-back:where(.dark,.dark *){color:#d8ccc6b3}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-back:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 70%, transparent)}}@media (hover:hover){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-back:where(.dark,.dark *):hover{color:var(--color-white,#fff)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-icon{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-rules{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-lark-lake,#226f78);display:inline-flex}@media (hover:hover){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-rules:hover{text-decoration-line:underline}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-rules:where(.dark,.dark *){color:#9ed7dd}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-title{margin-top:calc(var(--spacing,.25rem) * 3);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-5xl,3rem)!important;line-height:var(--tw-leading,var(--text-5xl--line-height,1))!important;--tw-leading:1.05!important;--tw-font-weight:var(--font-weight-black,900)!important;line-height:1.05!important;font-weight:var(--font-weight-black,900)!important;color:var(--color-lark-interface,#211a17)!important;margin-bottom:0!important}@media (width>=40rem){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-title{font-size:var(--text-6xl,3.75rem)!important;line-height:var(--tw-leading,var(--text-6xl--line-height,1))!important}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-title:where(.dark,.dark *){color:var(--color-white,#fff)!important}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-introduction{margin-top:calc(var(--spacing,.25rem) * 5);max-width:var(--container-3xl,48rem);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 8);line-height:calc(var(--spacing,.25rem) * 8);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-lark-muted,#726863)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-introduction:where(.dark,.dark *){color:#d8ccc6bf}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-introduction:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 75%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-anonymous{margin-top:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-3xl,1.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-lark-line,#e0d8d3);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 7)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-anonymous:where(.dark,.dark *){border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-anonymous:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white,#fff) 8%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-anonymous:where(.dark,.dark *){background-color:#332a25}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-anonymous-title{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-2xl,1.5rem)!important;line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))!important;--tw-font-weight:var(--font-weight-black,900)!important;font-weight:var(--font-weight-black,900)!important;color:var(--color-lark-interface,#211a17)!important;margin-bottom:0!important}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-anonymous-title:where(.dark,.dark *){color:var(--color-white,#fff)!important}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-anonymous-copy{margin-top:calc(var(--spacing,.25rem) * 3);max-width:var(--container-2xl,42rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-lark-muted,#726863)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-anonymous-copy:where(.dark,.dark *){color:#d8ccc6b3}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-anonymous-copy:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 70%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-play{margin-top:calc(var(--spacing,.25rem) * 5)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-summary{margin-top:calc(var(--spacing,.25rem) * 10);gap:calc(var(--spacing,.25rem) * 4);display:grid}@media (width>=40rem){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=80rem){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-summary-card{border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-lark-line,#e0d8d3);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 5);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-summary-card:where(.dark,.dark *){border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-summary-card:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white,#fff) 8%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-summary-card:where(.dark,.dark *){background-color:#332a25}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);--tw-tracking:.16em;letter-spacing:.16em;text-transform:uppercase;color:var(--category-accent-text)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-value{margin-top:calc(var(--spacing,.25rem) * 2);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:var(--color-lark-interface,#211a17);display:block}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-value:where(.dark,.dark *){color:var(--color-white,#fff)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-detail{margin-top:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-muted,#726863);display:block}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-detail:where(.dark,.dark *){color:#d8ccc68c}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-detail:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 55%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-section{margin-top:calc(var(--spacing,.25rem) * 14)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-section-heading{justify-content:space-between;align-items:flex-end;gap:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;display:flex}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-section-title{margin-top:calc(var(--spacing,.25rem) * 2);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-3xl,1.875rem)!important;line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))!important;--tw-font-weight:var(--font-weight-black,900)!important;font-weight:var(--font-weight-black,900)!important;color:var(--color-lark-interface,#211a17)!important;margin-bottom:0!important}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-section-title:where(.dark,.dark *){color:var(--color-white,#fff)!important}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-count{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-muted,#726863)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-count:where(.dark,.dark *){color:#d8ccc699}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-count:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 60%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-empty{margin-top:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--color-lark-line,#e0d8d3);padding:calc(var(--spacing,.25rem) * 7);text-align:center}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-empty:where(.dark,.dark *){border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-empty:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white,#fff) 12%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-empty-copy{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-muted,#726863)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-empty-copy:where(.dark,.dark *){color:#d8ccc6a6}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-empty-copy:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 65%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-entries{margin-top:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 3);display:grid}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-entry{border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-lark-line,#e0d8d3);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 5)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-entry:where(.dark,.dark *){border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-entry:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white,#fff) 8%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-entry:where(.dark,.dark *){background-color:#332a25}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-entry-heading{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-outcome{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);--tw-tracking:.14em;letter-spacing:.14em;text-transform:uppercase;color:var(--category-accent-text)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent{margin-top:var(--spacing,.25rem);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-xl,1.25rem)!important;line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))!important;--tw-font-weight:var(--font-weight-black,900)!important;font-weight:var(--font-weight-black,900)!important;color:var(--color-lark-interface,#211a17)!important;margin-bottom:0!important}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent:where(.dark,.dark *){color:var(--color-white,#fff)!important}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metadata{margin-top:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-muted,#726863)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metadata:where(.dark,.dark *){color:#d8ccc68c}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metadata:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 55%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-termination{background-color:var(--color-lark-mist-v3,#d8ccc6);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-black,900);font-size:.65rem;font-weight:var(--font-weight-black,900);--tw-tracking:.12em;letter-spacing:.12em;color:var(--color-lark-interface,#211a17);text-transform:uppercase;border-radius:2147483647px}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-termination:where(.dark,.dark *){background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-termination:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white,#fff) 8%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-termination:where(.dark,.dark *){color:var(--color-lark-mist-v3,#d8ccc6)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metrics{margin-top:calc(var(--spacing,.25rem) * 4);gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric{border-radius:var(--radius-lg,.5rem);background-color:#d8ccc6b3}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric{background-color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 70%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric:where(.dark,.dark *){background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white,#fff) 6%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric-label{--tw-font-weight:var(--font-weight-black,900);font-size:.55rem;font-weight:var(--font-weight-black,900);--tw-tracking:.1em;letter-spacing:.1em;color:var(--color-lark-muted,#726863);text-transform:uppercase}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric-label:where(.dark,.dark *){color:#d8ccc680}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric-label:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 50%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric-value{margin-top:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-lark-interface,#211a17)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-metric-value:where(.dark,.dark *){color:var(--color-white,#fff)}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponents{margin-top:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 3);display:grid}@media (width>=48rem){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponents{grid-template-columns:repeat(2,minmax(0,1fr))}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent-card{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-lark-line,#e0d8d3);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 5);display:flex}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent-card:where(.dark,.dark *){border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent-card:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white,#fff) 8%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent-card:where(.dark,.dark *){background-color:#332a25}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent-name{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-lg,1.125rem)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--font-weight-black,900)!important;font-weight:var(--font-weight-black,900)!important;color:var(--color-lark-interface,#211a17)!important;margin-bottom:0!important}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent-name:where(.dark,.dark *){color:var(--color-white,#fff)!important}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent-detail{margin-top:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:.12em;letter-spacing:.12em;color:var(--color-lark-muted,#726863);text-transform:uppercase}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent-detail:where(.dark,.dark *){color:#d8ccc68c}@supports (color:color-mix(in lab, red, red)){:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-opponent-detail:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 55%, transparent)}}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-record{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:var(--color-lark-muted,#726863);flex-shrink:0}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-record:where(.dark,.dark *){color:var(--color-lark-mist-v3,#d8ccc6)}.board-rules{--accent:var(--lark-cat-board);--accent-ink:var(--category-accent-text);--accent-wash:var(--accent)}@supports (color:color-mix(in lab, red, red)){.board-rules{--accent-wash:color-mix(in oklab, var(--accent) 12%, transparent)}}.board-rules{--card:white;--card-border:var(--color-lark-line);width:100%;max-width:var(--container-6xl,72rem);padding-top:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 20);margin-inline:auto}@media (width>=64rem){.board-rules{padding-top:calc(var(--spacing,.25rem) * 12);padding-bottom:calc(var(--spacing,.25rem) * 24)}}.board-rules{padding-inline:var(--page-inset)}.board-rules:where(.dark,.dark *){--accent-wash:var(--accent)}@supports (color:color-mix(in lab, red, red)){.board-rules:where(.dark,.dark *){--accent-wash:color-mix(in oklab, var(--accent) 30%, transparent)}}.board-rules:where(.dark,.dark *){--card:#332a25;--card-border:#ffffff14}@supports (color:color-mix(in lab, red, red)){.board-rules:where(.dark,.dark *){--card-border:color-mix(in oklab, var(--color-white) 8%, transparent)}}.board-rules nav{margin-bottom:calc(var(--spacing,.25rem) * 8);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;display:flex}.board-rules .back{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--theme-muted);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:inline-flex}@media (hover:hover){.board-rules .back:hover{color:var(--color-lark-interface,#211a17)}}.board-rules .back:where(.dark,.dark *){color:#d8ccc6b3}@supports (color:color-mix(in lab, red, red)){.board-rules .back:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 70%, transparent)}}@media (hover:hover){.board-rules .back:where(.dark,.dark *):hover{color:var(--color-white,#fff)}}.board-rules .back svg{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4)}.board-rules .badge{align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);text-transform:uppercase;background:var(--accent-wash);color:var(--accent-ink);letter-spacing:.16em;border-radius:2147483647px;font-size:.65rem;display:inline-flex}.board-rules .badge .dot{height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 2);background:var(--accent);border-radius:2147483647px}.board-rules .kicker{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);text-transform:uppercase;color:var(--accent-ink);letter-spacing:.18em}.board-rules h1,.board-rules h2,.board-rules h3{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);margin-bottom:0}.board-rules header{gap:calc(var(--spacing,.25rem) * 8);display:grid}.board-rules .intro h1{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1));color:var(--color-lark-interface,#211a17)}@media (width>=40rem){.board-rules .intro h1{font-size:var(--text-6xl,3.75rem);line-height:var(--tw-leading,var(--text-6xl--line-height,1))}}.board-rules .intro h1:where(.dark,.dark *){color:var(--color-white,#fff)}.board-rules .intro h1{line-height:1.05}.board-rules .intro .copy{margin-top:calc(var(--spacing,.25rem) * 6);max-width:var(--container-3xl,48rem);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 8);line-height:calc(var(--spacing,.25rem) * 8);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted)}.board-rules .intro .copy:where(.dark,.dark *){color:#d8ccc6bf}@supports (color:color-mix(in lab, red, red)){.board-rules .intro .copy:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 75%, transparent)}}.board-rules .intro .actions{margin-top:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;display:flex}.board-rules .start-board{width:100%;max-width:22rem;margin-inline:auto}.board-rules .start-board .grid{aspect-ratio:1;padding:calc(var(--spacing,.25rem) * 2);background:#e8d9c6;border-radius:12px;grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 22px 60px #211a1733}.board-rules .start-board .grid:where(.dark,.dark *){background:#57473f}.board-rules .start-board .square{aspect-ratio:1;place-items:center;display:grid}.board-rules .start-board .square.dark{background:#795c4c}.board-rules .start-board .square.light{background:#e9d8c3}.board-rules .start-board img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 2px 2px #00000059);width:82%}.board-rules .start-board figcaption{margin-top:calc(var(--spacing,.25rem) * 3);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--theme-muted)}.board-rules .start-board figcaption:where(.dark,.dark *){color:#d8ccc699}@supports (color:color-mix(in lab, red, red)){.board-rules .start-board figcaption:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 60%, transparent)}}.board-rules .card,.board-rules .glance .stat,.board-rules .cards article,.board-rules .cta-panel{border:1px solid var(--card-border);background:var(--card);border-radius:1rem}.board-rules .glance{margin-top:calc(var(--spacing,.25rem) * 16);gap:calc(var(--spacing,.25rem) * 4);display:grid}@media (width>=40rem){.board-rules .glance{grid-template-columns:repeat(3,minmax(0,1fr))}}.board-rules .glance .stat{padding:calc(var(--spacing,.25rem) * 5)}.board-rules .glance .stat strong{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:var(--accent-ink);display:block}.board-rules .glance .stat span{margin-top:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--theme-muted);display:block}.board-rules .glance .stat span:where(.dark,.dark *){color:#d8ccc6a6}@supports (color:color-mix(in lab, red, red)){.board-rules .glance .stat span:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 65%, transparent)}}.board-rules .rules{margin-top:calc(var(--spacing,.25rem) * 14)}:where(.board-rules .rules>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 12) * calc(1 - var(--tw-space-y-reverse)))}.board-rules .rule{scroll-margin-top:calc(var(--spacing,.25rem) * 8)}.board-rules .rule h2{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));color:var(--color-lark-interface,#211a17)}.board-rules .rule h2:where(.dark,.dark *){color:var(--color-white,#fff)}.board-rules .rule>.copy{margin-top:calc(var(--spacing,.25rem) * 4);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted)}.board-rules .rule>.copy:where(.dark,.dark *){color:#d8ccc6bf}@supports (color:color-mix(in lab, red, red)){.board-rules .rule>.copy:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 75%, transparent)}}.board-rules .rule .card{margin-top:calc(var(--spacing,.25rem) * 5);padding:calc(var(--spacing,.25rem) * 6)}.board-rules .rule .card ul{gap:calc(var(--spacing,.25rem) * 4);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted);display:grid}.board-rules .rule .card ul:where(.dark,.dark *){color:#d8ccc6bf}@supports (color:color-mix(in lab, red, red)){.board-rules .rule .card ul:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 75%, transparent)}}.board-rules .rule .card li{gap:calc(var(--spacing,.25rem) * 3);display:flex}.board-rules .rule .card .dot{margin-top:calc(var(--spacing,.25rem) * 2);height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 2);background:var(--accent);border-radius:2147483647px;flex-shrink:0}.board-rules .rule .tip{margin-top:calc(var(--spacing,.25rem) * 5);gap:calc(var(--spacing,.25rem) * 4);background-color:var(--color-lark-lake-soft,#e2eff0);padding:calc(var(--spacing,.25rem) * 5);color:var(--color-lark-lake-dark,#195b63);border-radius:1rem;display:flex}.board-rules .rule .tip:where(.dark,.dark *){color:#9ed7dd;background:oklab(49.9786% -.0662079 -.0327033/.18)}.board-rules .rule .tip svg{margin-top:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);flex-shrink:0}.board-rules .rule .tip p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.board-rules .rule .cards{margin-top:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 4);display:grid}@media (width>=40rem){.board-rules .rule .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.board-rules .rule .cards article{padding:calc(var(--spacing,.25rem) * 6)}.board-rules .rule .cards .num{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-xl,.75rem);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);background:var(--accent-wash);color:var(--accent-ink);justify-content:center;align-items:center;display:flex}.board-rules .rule .cards h3{margin-top:calc(var(--spacing,.25rem) * 4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));color:var(--color-lark-interface,#211a17)}.board-rules .rule .cards h3:where(.dark,.dark *){color:var(--color-white,#fff)}.board-rules .rule .cards p{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted)}.board-rules .rule .cards p:where(.dark,.dark *){color:#d8ccc6a6}@supports (color:color-mix(in lab, red, red)){.board-rules .rule .cards p:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 65%, transparent)}}.board-rules .rule .callout{margin-top:calc(var(--spacing,.25rem) * 5);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-lark-coral-v3,#d65f3d);padding:calc(var(--spacing,.25rem) * 5);background:oklab(62.7994% .126746 .0944826/.08);border-radius:1rem}.board-rules .rule .callout:where(.dark,.dark *){background:oklab(62.7994% .126746 .0944826/.12)}.board-rules .rule .callout p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--theme-muted)}.board-rules .rule .callout p:where(.dark,.dark *){color:#d8ccc6bf}@supports (color:color-mix(in lab, red, red)){.board-rules .rule .callout p:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 75%, transparent)}}.board-rules .quick-ref{scroll-margin-top:calc(var(--spacing,.25rem) * 8);background-color:var(--color-lark-interface,#211a17);padding:calc(var(--spacing,.25rem) * 7);color:var(--color-white,#fff)}@media (width>=40rem){.board-rules .quick-ref{padding:calc(var(--spacing,.25rem) * 9)}}.board-rules .quick-ref{border-radius:1.5rem}.board-rules .quick-ref .kicker{color:#e6bec9}.board-rules .quick-ref h2{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));color:var(--color-white,#fff)}.board-rules .quick-ref ol{margin-top:calc(var(--spacing,.25rem) * 7);gap:calc(var(--spacing,.25rem) * 4);display:grid}@media (width>=40rem){.board-rules .quick-ref ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.board-rules .quick-ref li{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.board-rules .quick-ref li{background-color:color-mix(in oklab, var(--color-white,#fff) 8%, transparent)}}.board-rules .quick-ref li{padding:calc(var(--spacing,.25rem) * 5);border-radius:1rem}.board-rules .quick-ref .num{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:var(--color-lark-lime,#68d63d)}.board-rules .quick-ref strong{margin-top:calc(var(--spacing,.25rem) * 2);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);display:block}.board-rules .quick-ref .copy{margin-top:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:#d8ccc6b3;display:block}@supports (color:color-mix(in lab, red, red)){.board-rules .quick-ref .copy{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 70%, transparent)}}.board-rules .cta-panel{margin-top:calc(var(--spacing,.25rem) * 16);padding:calc(var(--spacing,.25rem) * 7)}@media (width>=40rem){.board-rules .cta-panel{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 9);display:flex}}.board-rules .cta-panel{border-radius:1.5rem}.board-rules .cta-panel h2{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));color:var(--color-lark-interface,#211a17)}.board-rules .cta-panel h2:where(.dark,.dark *){color:var(--color-white,#fff)}.board-rules .cta-panel .copy{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted)}.board-rules .cta-panel .copy:where(.dark,.dark *){color:#d8ccc6a6}@supports (color:color-mix(in lab, red, red)){.board-rules .cta-panel .copy:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 65%, transparent)}}.board-rules .cta-panel .lark-button-cta{margin-top:calc(var(--spacing,.25rem) * 5);flex-shrink:0}@media (width>=40rem){.board-rules .cta-panel .lark-button-cta{margin-top:0}}.board-rules .attribution{margin-top:calc(var(--spacing,.25rem) * 8);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted)}.board-rules .attribution:where(.dark,.dark *){color:#d8ccc673}@supports (color:color-mix(in lab, red, red)){.board-rules .attribution:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 45%, transparent)}}.board-rules .attribution a{--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);text-underline-offset:4px;color:var(--theme-accent);text-decoration-line:underline;-webkit-text-decoration-color:var(--theme-accent);-webkit-text-decoration-color:var(--theme-accent);-webkit-text-decoration-color:var(--theme-accent);text-decoration-color:var(--theme-accent)}@supports (color:color-mix(in lab, red, red)){.board-rules .attribution a{-webkit-text-decoration-color:color-mix(in srgb, var(--theme-accent) 30%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--theme-accent) 30%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--theme-accent) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--theme-accent) 30%, transparent)}}.board-rules .attribution a:hover{-webkit-text-decoration-color:var(--theme-accent);-webkit-text-decoration-color:var(--theme-accent);-webkit-text-decoration-color:var(--theme-accent);text-decoration-color:var(--theme-accent)}[data-board-game-history-panel]{padding-bottom:calc(var(--spacing,.25rem) * 4)}[data-board-game-history-panel] .history-refresh{margin-bottom:calc(var(--spacing,.25rem) * 3);padding-inline:var(--spacing,.25rem);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:#d8ccc699}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-refresh{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 60%, transparent)}}[data-board-game-history-panel] .history-heading{align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}[data-board-game-history-panel] .history-emblem{height:calc(var(--spacing,.25rem) * 11);width:calc(var(--spacing,.25rem) * 11);background-color:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-emblem{background-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}[data-board-game-history-panel] .history-emblem{color:var(--color-lark-mist-v3,#d8ccc6)}[data-board-game-history-panel] .history-icon{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6)}[data-board-game-history-panel] .history-kicker{--tw-font-weight:var(--font-weight-extrabold,800);font-size:.58rem;font-weight:var(--font-weight-extrabold,800);--tw-tracking:.16em;letter-spacing:.16em;color:var(--color-lark-mist-v3,#d8ccc6);text-transform:uppercase}[data-board-game-history-panel] .history-title{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff)}[data-board-game-history-panel] .history-empty{margin-top:calc(var(--spacing,.25rem) * 5);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-empty{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}[data-board-game-history-panel] .history-empty{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-empty{background-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}[data-board-game-history-panel] .history-empty{padding:calc(var(--spacing,.25rem) * 4)}[data-board-game-history-panel] .history-copy{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#d8ccc6bf}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-copy{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 75%, transparent)}}[data-board-game-history-panel] .history-summary{margin-top:calc(var(--spacing,.25rem) * 5);gap:calc(var(--spacing,.25rem) * 2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}[data-board-game-history-panel] .history-stat{border-radius:var(--radius-xl,.75rem);background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-stat{background-color:color-mix(in oklab, var(--color-white,#fff) 7%, transparent)}}[data-board-game-history-panel] .history-stat{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center}[data-board-game-history-panel] .history-value{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}[data-board-game-history-panel] .history-label{margin-top:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-black,900);font-size:.55rem;font-weight:var(--font-weight-black,900);--tw-tracking:.1em;letter-spacing:.1em;color:#d8ccc68c}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-label{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 55%, transparent)}}[data-board-game-history-panel] .history-label{text-transform:uppercase}[data-board-game-history-panel] .history-recent{margin-top:calc(var(--spacing,.25rem) * 5);gap:calc(var(--spacing,.25rem) * 2);display:grid}[data-board-game-history-panel] .history-entry{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-entry{border-color:color-mix(in oklab, var(--color-white,#fff) 8%, transparent)}}[data-board-game-history-panel] .history-entry{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-entry{background-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}[data-board-game-history-panel] .history-entry{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5)}[data-board-game-history-panel] .history-entry-row{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}[data-board-game-history-panel] .history-opponent{min-width:0}[data-board-game-history-panel] .history-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);overflow:hidden}[data-board-game-history-panel] .history-metadata{margin-top:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-bold,700);font-size:.65rem;font-weight:var(--font-weight-bold,700);--tw-tracking:.1em;letter-spacing:.1em;color:#d8ccc680}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-metadata{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 50%, transparent)}}[data-board-game-history-panel] .history-metadata{text-transform:uppercase}[data-board-game-history-panel] .history-time{--tw-font-weight:var(--font-weight-bold,700);font-size:.65rem;font-weight:var(--font-weight-bold,700);color:#d8ccc68c;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-time{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 55%, transparent)}}[data-board-game-history-panel] .history-link{margin-top:calc(var(--spacing,.25rem) * 5);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff26;border-radius:9px;width:100%;display:inline-flex}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-link{border-color:color-mix(in oklab, var(--color-white,#fff) 15%, transparent)}}[data-board-game-history-panel] .history-link{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){[data-board-game-history-panel] .history-link:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){[data-board-game-history-panel] .history-link:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 8%, transparent)}}}[data-board-game-history-panel] .history-link-icon{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4)}[data-board-game-history-panel] .history-value[data-outcome=wins]{color:var(--color-lark-lime)}[data-board-game-history-panel] .history-value[data-outcome=losses]{color:#f2a38d}[data-board-game-history-panel] .history-value[data-outcome=draws]{color:var(--color-lark-mist-v3)}[data-board-game-history-panel] .history-value[data-outcome=aborted]{color:#d7b783}@keyframes board-notation-pop{0%{opacity:0;background:#fdbb2138;transform:translate(.65rem)}to{opacity:1;background:0 0;transform:translate(0)}}@keyframes board-search-hop{0%,15%,to{transform:translate(0)rotate(-8deg)}35%{transform:translate(1.4rem,-1.4rem)rotate(10deg)scale(1.12)}50%,65%{transform:translate(2.8rem)rotate(8deg)}85%{transform:translate(1.4rem,-1.4rem)rotate(-10deg)scale(1.12)}}@keyframes board-search-ring{0%{opacity:.65;transform:scale(.55)}to{opacity:0;transform:scale(1.25)}}@keyframes board-search-spark{0%,to{opacity:.25;transform:scale(.7)rotate(-15deg)}50%{opacity:1;transform:scale(1.15)rotate(15deg)}}.game-panel .rulebook .head{align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.game-panel .rulebook .icon{height:calc(var(--spacing,.25rem) * 11);width:calc(var(--spacing,.25rem) * 11);background:var(--theme-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.game-panel .rulebook .icon{background:color-mix(in srgb, var(--theme-text) 10%, transparent)}}.game-panel .rulebook .icon{color:var(--theme-muted);border-radius:10px}.game-panel .rulebook .icon svg{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6)}.game-panel .rulebook .kicker{--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);text-transform:uppercase;color:var(--theme-muted);letter-spacing:.16em;font-size:.58rem}.game-panel .rulebook h2{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--theme-text)}.game-panel .rulebook ol{margin-top:calc(var(--spacing,.25rem) * 5);gap:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted);display:grid}.game-panel .rulebook li{gap:calc(var(--spacing,.25rem) * 3);display:flex}.game-panel .rulebook li>span:first-child{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--theme-text)}.game-panel .rulebook .note{margin-top:calc(var(--spacing,.25rem) * 5);border-left-style:var(--tw-border-style);padding-block:var(--spacing,.25rem);padding-left:calc(var(--spacing,.25rem) * 3);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);border-left-width:2px;border-color:var(--theme-border-strong);color:var(--theme-muted)}.game-panel .room-missing{padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * 2)}.game-panel .room-missing h2{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff)}.game-panel .room-missing p{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-lark-mist-v3,#d8ccc6)}.game-panel .room-missing a{--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);text-underline-offset:4px;text-decoration-line:underline}.game-panel .wait{padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * 3)}.game-panel .wait .match-search{isolation:isolate;background:radial-gradient(#fdbb2124,#0000 70%);border-radius:14px;place-items:center;width:100%;height:8.5rem;display:grid;position:relative;overflow:hidden}.game-panel .wait .mini-board{background:conic-gradient(#735544 25%, #d6b98a 0 50%, #735544 0 75%, #d6b98a 0) 0 0 / 50% 50%;border:3px solid #ffffff2e;border-radius:8px;width:5.6rem;height:5.6rem;transform:rotate(-12deg);box-shadow:0 8px 16px #00000040}.game-panel .wait .search-ring{border:1px solid #fdbb21a6;border-radius:50%;width:9rem;height:9rem;animation:2.8s ease-out infinite board-search-ring;position:absolute}.game-panel .wait .search-ring.echo{animation-delay:-1.4s}.game-panel .wait .search-piece{object-fit:contain;filter:drop-shadow(0 5px 3px #00000059);width:2.6rem;height:2.6rem;animation:2.8s ease-in-out infinite board-search-hop;position:absolute;left:calc(50% - 2.7rem)}.game-panel .wait .search-piece.first{top:2.1rem}.game-panel .wait .search-piece.second{animation-delay:-1.4s;top:4rem}.game-panel .wait .search-spark{color:#fdbb21;font-size:1.25rem;animation:1.8s ease-in-out infinite board-search-spark;position:absolute}.game-panel .wait .search-spark.one{top:2rem;left:calc(50% - 4.8rem)}.game-panel .wait .search-spark.two{animation-delay:-.9s;bottom:1.8rem;right:calc(50% - 4.6rem)}@media (prefers-reduced-motion:reduce){.game-panel .wait .match-search *{animation:none}.game-panel .wait .search-ring{display:none}.game-panel .wait .search-piece.second{transform:translate(2.8rem)}}.game-panel .wait h2{margin-top:calc(var(--spacing,.25rem) * 3);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff)}.game-panel .wait p{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-lark-mist-v3,#d8ccc6)}.game-panel .wait .search-status{font-variant-numeric:tabular-nums;min-height:3rem}.game-panel .wait .search-hint{opacity:.75;font-size:.72rem;line-height:1.4}.game-panel .wait .share{margin-top:calc(var(--spacing,.25rem) * 3);align-items:center;gap:calc(var(--spacing,.25rem) * 2);width:100%;display:flex}.game-panel .wait .share input{border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff26;width:100%}@supports (color:color-mix(in lab, red, red)){.game-panel .wait .share input{border-color:color-mix(in oklab, var(--color-white,#fff) 15%, transparent)}}.game-panel .wait .share input{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.game-panel .wait .share input{background-color:color-mix(in oklab, var(--color-white,#fff) 5%, transparent)}}.game-panel .wait .share input{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff)}.game-panel .wait .share input:focus{border-color:var(--color-lark-lake,#226f78);--tw-outline-style:none;outline-style:none}.game-panel .wait .share input{border-radius:9px}.game-panel .wait .share .lark-button-cta{flex-shrink:0;padding:.625rem 1rem!important}.game-panel .result{padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * 3)}.game-panel .result>h2{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff)}.game-panel .result>p{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-lark-mist-v3,#d8ccc6)}.game-panel .result .actions{margin-top:calc(var(--spacing,.25rem) * 4);gap:calc(var(--spacing,.25rem) * 2);display:grid}.game-panel .result .actions>button{width:100%}.game-panel .match.bot{padding:.2rem .15rem 0}.game-panel .match.online{min-height:0;padding-inline:var(--spacing,.25rem);flex-direction:column;flex:1;display:flex}.game-panel .match .opponent{border:1px solid var(--theme-text);align-items:center;gap:.7rem;min-width:0;margin-top:.15rem;padding:.75rem .8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.game-panel .match .opponent{border:1px solid color-mix(in srgb, var(--theme-text) 28%, transparent)}}.game-panel .match .opponent{border-radius:10px}.game-panel .match .opponent .avatar{width:3rem;height:3rem;box-shadow:none;object-fit:cover;border:0;border-radius:.45rem;flex:none}.game-panel .match .opponent .who{flex:1;min-width:0}.game-panel .match .opponent .name{color:var(--theme-text);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:800;display:block;overflow:visible}.game-panel .match .opponent .meta{color:var(--theme-muted);margin-top:.12rem;font-size:.68rem;font-weight:700}.game-panel .match .opponent .kicker,.game-panel .match .moves .label{color:var(--theme-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:800}.game-panel .match .summary{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-top:.6rem;display:flex}.game-panel .match .summary.flush{margin-top:0}.game-panel .match .summary>strong,.game-panel .match .summary>span,.game-panel .match .summary>div>strong,.game-panel .match .summary>div>span{display:block}.game-panel .match .summary>strong,.game-panel .match .summary>div>strong{color:var(--theme-text);font-family:var(--font-display);font-size:1rem;font-weight:800}.game-panel .match .summary>span,.game-panel .match .summary>div>span{color:var(--theme-muted);margin-top:.12rem;font-size:.68rem;font-weight:700}.game-panel .match .perspective{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#d8ccc68c}@supports (color:color-mix(in lab, red, red)){.game-panel .match .perspective{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 55%, transparent)}}.game-panel .match .moves{margin-top:1.1rem}.game-panel .match .moves .move{width:100%;min-height:2rem;color:var(--theme-muted);text-align:left;background:0 0;border:0;border-radius:.35rem;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;padding:.18rem .25rem;font-size:.78rem;font-weight:700;display:grid}.game-panel .match .moves .move strong{color:var(--theme-text);justify-self:end;font-size:.82rem;font-weight:800}.game-panel .match .moves .move[data-capture=true] strong{color:#e8a18b}.game-panel .match .moves .move[data-latest=true]{border-radius:.35rem;animation:.46s cubic-bezier(.18,.82,.24,1) both board-notation-pop}.game-panel .match .moves .move[data-latest=true] strong{color:#fdbb21}.game-panel .match .moves .empty{color:var(--theme-muted);padding:.7rem .25rem;font-size:.76rem;font-weight:700}.game-panel .leave{padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * 2)}.game-panel .leave p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#d8ccc6b3}@supports (color:color-mix(in lab, red, red)){.game-panel .leave p{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 70%, transparent)}}.game-panel .leave .lark-button-cta{margin-top:calc(var(--spacing,.25rem) * 4);width:100%}.game-panel .dock{border-top-style:var(--tw-border-style);border-color:#ffffff1a;border-top-width:1px;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.game-panel .dock{border-color:color-mix(in oklab, var(--color-white,#fff) 10%, transparent)}}.game-panel .dock .action{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff26;width:100%;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.game-panel .dock .action{border-color:color-mix(in oklab, var(--color-white,#fff) 15%, transparent)}}.game-panel .dock .action{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.game-panel .dock .action:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.game-panel .dock .action:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 8%, transparent)}}}.game-panel .dock .action{border-radius:9px}.game-panel .dock .action.quiet{border-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 2);color:var(--color-lark-mist-v3,#d8ccc6);border-width:0}.game-panel .dock .action svg{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4)}.game-panel .dock .error{margin-bottom:calc(var(--spacing,.25rem) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:#d65f3d59}@supports (color:color-mix(in lab, red, red)){.game-panel .dock .error{border-color:color-mix(in oklab, var(--color-lark-coral-v3,#d65f3d) 35%, transparent)}}.game-panel .dock .error{background-color:var(--color-lark-error-soft,#f8e4e1);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-error,#963a32);border-radius:9px}.game-panel .dock .board-record{margin-bottom:calc(var(--spacing,.25rem) * 2);justify-content:center;align-items:baseline;gap:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-mist-v3,#d8ccc6);display:flex}.game-panel .dock .board-record .board-record-label{margin-right:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-extrabold,800);font-size:.6rem;font-weight:var(--font-weight-extrabold,800);--tw-tracking:.14em;letter-spacing:.14em;color:#d8ccc6b3}@supports (color:color-mix(in lab, red, red)){.game-panel .dock .board-record .board-record-label{color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 70%, transparent)}}.game-panel .dock .board-record .board-record-label{text-transform:uppercase}.game-panel .dock .board-record strong{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff)}.game-panel .dock .start-game{width:100%}.game-panel .dock .start-game:disabled{cursor:wait;opacity:.6}.game-panel .dock .start-game{letter-spacing:-.03em;font-size:1.5rem;font-weight:800;line-height:1;font-family:var(--font-brand), var(--font-display), ui-sans-serif, system-ui, sans-serif!important}.game-panel .dock .play-dock{gap:calc(var(--spacing,.25rem) * 2);display:grid}.game-panel .dock .live{padding-inline:var(--spacing,.25rem);text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);letter-spacing:.18em}.game-panel .dock .live .dot{margin-right:calc(var(--spacing,.25rem) * 1.5);height:calc(var(--spacing,.25rem) * 2);width:calc(var(--spacing,.25rem) * 2);vertical-align:middle;border-radius:2147483647px;display:inline-block}.game-panel .dock .live .dot.on{background-color:var(--color-lark-action-green,#347259)}.game-panel .dock .live .dot.off{background-color:var(--color-lark-error,#963a32)}.game-panel .dock .confirm{gap:calc(var(--spacing,.25rem) * 2);display:grid}.game-panel .dock .confirm p{padding-inline:var(--spacing,.25rem);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-mist-v3,#d8ccc6)}@media (prefers-reduced-motion:reduce){.game-panel .match .move[data-latest=true]{animation:none}}.board-setup-panel{flex-direction:column;flex:1;min-height:0;display:flex}:is(.board-setup,.board-setup-panel) .game-new-form{gap:calc(var(--spacing,.25rem) * 4);width:100%;color:var(--game-sidebar-text);box-shadow:none;background:0 0;border:0;border-radius:0;display:grid}:is(.board-setup,.board-setup-panel) .game-new-form .room-code:focus{box-shadow:0 0 0 3px var(--game-sidebar-accent);outline:none;border-color:var(--game-sidebar-accent)!important}@supports (color:color-mix(in lab, red, red)){:is(.board-setup,.board-setup-panel) .game-new-form .room-code:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--game-sidebar-accent) 18%, transparent)}}:is(.board-setup,.board-setup-panel) .game-new-form>section{width:100%}:is(.board-setup,.board-setup-panel) .game-new-form .bots{padding:.25rem .7rem .75rem}.duel-history{color:var(--theme-text);margin-top:1rem;font-size:.75rem}.duel-history .order-note{color:var(--theme-muted);margin-bottom:.75rem;font-size:.7rem;font-weight:600}.duel-history .table-scroll{border:1px solid var(--theme-text);overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.duel-history .table-scroll{border:1px solid color-mix(in srgb, var(--theme-text) 12%, transparent)}}.duel-history .table-scroll{border-radius:10px}.duel-history .table-scroll:focus-visible{outline:2px solid var(--theme-accent);outline-offset:3px}.duel-history table{border-collapse:collapse;text-align:left;width:100%;min-width:640px}.duel-history th,.duel-history td{vertical-align:top;padding:.65rem .75rem}.duel-history th{background:var(--theme-text)}@supports (color:color-mix(in lab, red, red)){.duel-history th{background:color-mix(in srgb, var(--theme-text) 5%, transparent)}}.duel-history th{color:var(--theme-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:800}.duel-history tbody tr+tr{border-top:1px solid var(--theme-text)}@supports (color:color-mix(in lab, red, red)){.duel-history tbody tr+tr{border-top:1px solid color-mix(in srgb, var(--theme-text) 10%, transparent)}}.duel-history tbody tr:hover{background:var(--theme-text)}@supports (color:color-mix(in lab, red, red)){.duel-history tbody tr:hover{background:color-mix(in srgb, var(--theme-text) 3%, transparent)}}.duel-history small{color:var(--theme-muted);margin-top:.15rem;font-size:.6rem;display:block}.duel-history .played,.duel-history .duration{font-variant-numeric:tabular-nums;white-space:nowrap}.duel-history .played time{font-weight:700}.duel-history .duration{padding-top:.9rem}.duel-history .matchup{align-items:center;gap:.6rem;width:17rem;display:flex}.duel-history .player{flex:1 1 0;align-items:center;gap:.4rem;min-width:0;display:flex}.duel-history .player img{object-fit:cover;border-radius:6px;flex:none;width:28px;height:28px}.duel-history .identity{min-width:0}.duel-history .identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:6rem;font-weight:750;display:block;overflow:hidden}.duel-history .identity small{white-space:nowrap}.duel-history .versus{color:var(--theme-muted);font-size:.6rem}.duel-history .piece{width:.45rem;height:.45rem;box-shadow:0 0 0 1px var(--theme-text);border-radius:50%;margin-right:.25rem;display:inline-block}@supports (color:color-mix(in lab, red, red)){.duel-history .piece{box-shadow:0 0 0 1px color-mix(in srgb, var(--theme-text) 35%, transparent)}}.duel-history .piece.white{background:#f1eee7}.duel-history .piece.black{background:#232323}.duel-history .piece.red{background:#d54436}.duel-history .piece.dark{background:#372924}.duel-history .piece.light{background:#ead8b8}.duel-history .piece.blue{background:#226f78}.duel-history .piece.yellow{background:#f6c857}.duel-history .outcome{color:var(--theme-muted);background:currentColor;border-radius:5px;margin-top:.1rem;padding:.2rem .4rem;font-size:.65rem;font-weight:800;display:inline-block}@supports (color:color-mix(in lab, red, red)){.duel-history .outcome{background:color-mix(in srgb, currentColor 10%, transparent)}}.duel-history .outcome.win{color:#84b966}.duel-history .outcome.loss{color:#e89b88}.duel-history .outcome.draw{color:#9ec4d2}.duel-history details{font-size:.65rem}.duel-history details summary{cursor:pointer;color:var(--theme-muted);padding:.25rem 0;font-weight:700}.duel-history details summary:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.duel-history details dl{min-width:8rem;margin-top:.5rem}.duel-history details dl>div{justify-content:space-between;gap:.75rem;padding-block:.15rem;display:flex}.duel-history details dt{color:var(--theme-muted)}.duel-history details dd{font-weight:700}[data-game-stage-flat] .checkers-board-clock,[data-game-stage-flat] .checkers-board-clock[data-clock-state=active]{color:var(--theme-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0 .15rem}[data-game-stage-flat] .checkers-board-clock__label,[data-game-stage-flat] .checkers-board-clock__detail{color:var(--theme-muted)}[data-game-stage-flat] .checkers-board-clock__avatar,[data-game-stage-flat] .checkers-board-clock[data-clock-state=active] .checkers-board-clock__avatar{box-shadow:none;border:0;border-radius:.35rem}@keyframes chess-move-impact{0%{opacity:.9;transform:scale(.28)}to{opacity:0;transform:scale(1.35)}}@keyframes chess-captured-piece-break{0%{opacity:1;transform:scale(1)}22%{opacity:1;transform:rotate(-4deg)scale(1.08,.9)}to{opacity:0;transform:rotate(14deg)scale(.1)}}@keyframes chess-capture-spark{0%{opacity:0;transform:rotate(var(--capture-angle)) translateY(0)}20%{opacity:.85}to{opacity:0;transform:rotate(var(--capture-angle)) translateY(calc(-1 * min(3cqw, 16px))) scale(.3)}}@keyframes chess-selected-piece-lift{0%{transform:translateY(0)scale(1)}70%{transform:translateY(-7%)scale(1.1)}to{transform:translateY(-5%)scale(1.08)}}@keyframes chess-turn-handoff{0%{opacity:.62;transform:scale(.94);box-shadow:0 0 #68d63d00}45%{opacity:1;transform:scale(1.06);box-shadow:0 0 .9rem #68d63d61}to{transform:scale(1);box-shadow:0 0 #68d63d00}}@keyframes chess-promotion-flare{0%{opacity:0;transform:translate(-50%,15%)rotate(-12deg)scale(.35)}35%{opacity:1;transform:translate(-50%,-55%)rotate(5deg)scale(1.15)}to{opacity:0;transform:translate(-50%,-125%)rotate(0)scale(.82)}}@keyframes chess-capture-trophy-in{0%{opacity:0;transform:translateY(35%)rotate(8deg)scale(.55)}70%{opacity:1;transform:translateY(-8%)rotate(-2deg)scale(1.12)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes chess-notation-pop{0%{opacity:0;background:#fdbb2138;transform:translate(.65rem)}to{opacity:1;background:0 0;transform:translate(0)}}@keyframes chess-check-trace{0%{opacity:0;stroke-dashoffset:28px}18%,62%{opacity:.92}to{opacity:0;stroke-dashoffset:0}}@keyframes chess-move-review-trace{0%{opacity:0;stroke-dashoffset:22px}to{opacity:.9;stroke-dashoffset:0}}@keyframes chess-promotion-picker-in{0%{opacity:0;transform:translateY(.75rem)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chess-piece-snapback{0%{transform:translate3d(var(--chess-drag-x), var(--chess-drag-y), 0) scale(var(--chess-drag-scale))}72%{transform:translate(0)scale(1.025)}to{transform:translate(0)scale(1)}}.chess-board{--chess-selection:#234e9d;--chess-target:#223c60;--chess-target-rim:#e4eeff;--chess-check-coral:#e96661;--chess-drag-scale:1.1}.chess-board[data-chess-board-perspective=b]{--board-orient:180deg;transform:rotate(var(--board-orient))}.chess-board[data-chess-board-perspective=b]>.square,.chess-board[data-chess-board-perspective=b]>.promotion-picker{transform:rotate(180deg)}.chess-board .square.light{--chess-check-rim:#aa3546;color:var(--chess-coordinate-light);background-color:var(--chess-square-light)}.chess-board .square.dark{--chess-check-rim:#771e35;color:var(--chess-coordinate-dark);background-color:var(--chess-square-dark)}@media (hover:hover) and (pointer:fine){.chess-board .square.dark:hover{background-color:var(--chess-square-dark-hover)}}.chess-board .premove-arrow line{color:#fdbb21;fill:none;stroke:currentColor;stroke-dasharray:5 4;stroke-linecap:round;stroke-width:4px;filter:drop-shadow(0 0 5px #fdbb21d1)}.chess-board .check-trace line{fill:none;stroke:var(--chess-check-coral);stroke-dasharray:8 5;stroke-linecap:round;stroke-width:3px;animation:1.25s ease-out both chess-check-trace}.chess-board .review-trace line{color:#78bbc1;fill:none;stroke:currentColor;stroke-dasharray:6 4;stroke-linecap:round;stroke-width:3.5px;filter:drop-shadow(0 0 5px #78bbc1d1);animation:.18s ease-out both chess-move-review-trace}.chess-board [data-chess-move-review-origin=true]{z-index:2;box-shadow:inset 0 0 0 4px #78bbc1db,inset 0 0 1rem #78bbc147!important}.chess-board [data-chess-move-review-destination=true]{z-index:2;box-shadow:inset 0 0 0 5px #fdbb21eb,inset 0 0 1.35rem #fdbb2157!important}.chess-board [data-chess-check-attacker]{z-index:2;box-shadow:inset 0 0 0 2px var(--chess-check-rim)}.chess-board .piece{touch-action:none;filter:drop-shadow(0 2px 2px #13192647);width:94%;height:94%}.chess-board .drag-origin-ghost{z-index:1;object-fit:contain;opacity:.2;filter:grayscale(35%)drop-shadow(0 0 .35rem #78bbc17a);pointer-events:none;width:84%;height:84%;position:absolute;transform:scale(.94)}.chess-board .square.is-interactive .piece{cursor:grab}.chess-board[data-chess-dragging=true],.chess-board .piece[data-chess-dragging=active]{cursor:grabbing}.chess-board>.square:has(>.piece[data-chess-dragging=returning]){z-index:11}.chess-board>.square:has(>.piece[data-chess-dragging=active]){z-index:12}.chess-board .piece[data-chess-dragging=active]{z-index:12;filter:drop-shadow(0 6px 5px #13192661);pointer-events:none;transform:translate3d(var(--chess-drag-x), var(--chess-drag-y), 0) scale(var(--chess-drag-scale))!important;transition:none!important;animation:none!important}.chess-board .piece[data-chess-dragging=returning]{z-index:12;pointer-events:none;animation:.22s cubic-bezier(.2,.82,.24,1) both chess-piece-snapback!important}.chess-board [data-chess-drop-state=legal]{box-shadow:inset 0 0 0 2px var(--chess-target-rim), inset 0 0 0 4px var(--chess-selection)!important}.chess-board [data-chess-drop-state=illegal]{box-shadow:inset 0 0 0 3px var(--chess-check-rim)!important}.chess-board .square.is-selected .piece{filter:drop-shadow(0 4px 3px #13192657);animation:.23s cubic-bezier(.18,.82,.24,1.2) both chess-selected-piece-lift}@media (hover:hover) and (pointer:fine){.chess-board .square.is-interactive:not(.is-selected):hover .piece{filter:drop-shadow(0 3px 2px #13192652);transform:translateY(-3%)scale(1.04)}}.chess-board .square.is-move-impact:after,.chess-board .square.is-capture-impact:after,.chess-board .square.is-castle-impact:after,.chess-board .square.is-promotion-impact:after{z-index:2;content:"";pointer-events:none;border:4px solid #fdbb21e0;border-radius:999px;animation:.48s ease-out both chess-move-impact;position:absolute;inset:8%}.chess-board .square.is-capture-impact:after{border-width:2px;border-color:#d65f3da6;animation-duration:.2s;inset:16%}.chess-board .square.is-castle-impact:after{border-color:#68d63de6;box-shadow:0 0 1rem #68d63d75}.chess-board .square.is-promotion-impact:after{border-color:#fdbb21f5;box-shadow:0 0 1.35rem #fdbb21a8}.chess-board .chess-capture-break{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.chess-board .chess-capture-break img{object-fit:contain;filter:drop-shadow(0 2px 2px #13192647);width:94%;height:94%;animation:chess-captured-piece-break .15s ease-out var(--chess-capture-delay) both;position:absolute;inset:3%}.chess-board .chess-capture-break i{width:3px;height:5px;animation:chess-capture-spark .18s ease-out var(--chess-capture-delay) both;background:#f3b580;border-radius:1px;position:absolute;bottom:50%;left:calc(50% - 1.5px)}.chess-board .promotion-flare{z-index:6;color:#fdbb21;text-shadow:0 0 .65rem #fdbb21eb,0 .15rem .2rem #0000007a;pointer-events:none;font-size:clamp(1.4rem,5.5cqw,3rem);line-height:1;animation:.78s cubic-bezier(.16,.78,.2,1) both chess-promotion-flare;position:absolute;top:46%;left:50%}.chess-board .promotion-picker{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1412b8;place-items:center;padding:clamp(1rem,5cqw,2rem);display:grid;position:absolute;inset:0}.chess-board .promotion-panel{text-align:center;background:#2b231f;border:1px solid #ffffff24;border-radius:.9rem;width:min(90%,24rem);padding:clamp(1rem,4cqw,1.5rem);animation:.22s cubic-bezier(.18,.82,.24,1.12) both chess-promotion-picker-in;box-shadow:0 1.2rem 3rem #0000007a}.chess-board .promotion-panel>p{color:#f5efeb;font-family:var(--font-display);font-size:clamp(.9rem,3.2cqw,1.15rem);font-weight:900}.chess-board .choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.35rem,1.8cqw,.65rem);margin-top:.8rem;display:grid}.chess-board .choices button{aspect-ratio:1;background:#e8ddd7;border:2px solid #d8ccc638;border-radius:.65rem;place-items:center;min-width:0;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid;box-shadow:inset 0 1px #fff9}.chess-board .choices button:hover,.chess-board .choices button:focus-visible{border-color:#fdbb21;outline:none;transform:translateY(-4%)scale(1.04);box-shadow:0 0 0 3px #fdbb2133,inset 0 1px #ffffffad}.chess-board .choices img{object-fit:contain;filter:drop-shadow(0 .25rem .2rem #0000004d);width:88%;height:88%}.chess-board .cancel{color:#d8ccc6b8;margin-top:.9rem;font-size:.72rem;font-weight:800}.chess-board [data-chess-checked-king=check]{z-index:2;box-shadow:inset 0 0 0 3px var(--chess-check-rim)}.chess-board [data-chess-checked-king=checkmate]{z-index:2;box-shadow:inset 0 0 0 4px var(--chess-check-rim), inset 0 0 .85rem #e9666159}@media (prefers-reduced-motion:reduce){.chess-board .premove-arrow,.chess-board .premove-ghost,.chess-board .review-trace,.chess-board .promotion-panel,.chess-board .check-trace line,.chess-board .review-trace line{transition:none;animation:none}}.chess-board:not([data-board-painted]){visibility:hidden}.chess-board .square:focus-visible{z-index:5;outline-offset:-3px;outline:3px solid #fdbb21}.chess-board [data-chess-premove-origin=true],.chess-board [data-chess-premove-destination=true]{box-shadow:inset 0 0 0 4px #fdbb21e0!important}@media (prefers-reduced-motion:reduce){.chess-board .square.is-selected .piece,.chess-board .piece[data-chess-dragging=returning],.chess-board .square.is-move-impact:after,.chess-board .square.is-capture-impact:after,.chess-board .square.is-castle-impact:after,.chess-board .square.is-promotion-impact:after,.chess-board .promotion-flare{animation:none}.chess-board .chess-capture-break{display:none}}.chess-board{isolation:isolate;aspect-ratio:1;background:var(--color-lark-warm);border-radius:5px;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;position:relative;overflow:hidden}.chess-board .square{aspect-ratio:1;cursor:default;outline:none;justify-content:center;align-items:center;min-height:0;transition:background-color .12s;display:flex;position:relative}.chess-board .square.is-selected:not([data-chess-checked-king]){box-shadow:inset 0 0 0 2px var(--chess-target-rim), inset 0 0 0 4px var(--chess-selection)}.chess-board .square.is-interactive{cursor:pointer}.chess-board .last-origin,.chess-board .last-target{pointer-events:none;position:absolute;inset:0}.chess-board .last-origin{background:#f5ad381c;box-shadow:inset 0 0 0 1px #e49e389e}.chess-board .last-target{background:#f5ad382b;box-shadow:inset 0 0 0 2px #e49e38c7}.chess-board :is(.is-selected,[data-chess-checked-king],[data-chess-check-attacker],[data-chess-drop-state]) :is(.last-origin,.last-target){box-shadow:none;inset:4px}.chess-board .move-target{aspect-ratio:1;border:1px solid var(--chess-target-rim);background:var(--chess-target);pointer-events:none;border-radius:50%;width:17%;position:absolute}.chess-board .capture-target{border:clamp(2px, .5cqw, 3px) solid var(--chess-target);box-shadow:0 0 0 1px var(--chess-target-rim);pointer-events:none;border-radius:50%;position:absolute;inset:5%}.chess-board .piece{z-index:1;-webkit-user-select:none;user-select:none;object-fit:contain;transition:filter .12s;position:relative}.chess-board .premove-ghost{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:contain;opacity:.35;filter:grayscale(18%)drop-shadow(0 0 10px #fdbb21cc);width:82%;height:82%;position:absolute}.chess-board .premove-arrow,.chess-board .review-trace,.chess-board .check-trace{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chess-board .premove-arrow{z-index:3}.chess-board .coordinate{z-index:2;pointer-events:none;font-size:clamp(.52rem,1.5cqw,.62rem);font-weight:900;position:absolute}.chess-board .coordinate.rank{top:.2rem;left:.3rem}.chess-board .coordinate.file{bottom:.125rem;right:.125rem}#chess-room{position:absolute;inset:0}#chess-room .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}#chess-room .seat .avatar{border-color:var(--color-lark-lake,#226f78)}:where(.chess-stack,.chess-article){--chess-square-light:#ede9d9;--chess-square-dark:#849871;--chess-square-dark-hover:#778a65;--chess-coordinate-light:#3b4936;--chess-coordinate-dark:#111911;--chess-cobalt:#82afff;--chess-frame-accent:linear-gradient(90deg, #345ba3, var(--chess-cobalt))}.chess-stack .board-frame,.chess-diagram-frame{background:var(--chess-frame-accent) left 9% top 2px / 8% 2px no-repeat, var(--chess-frame-accent) right 9% bottom 2px / 8% 2px no-repeat, linear-gradient(145deg, #596479, #353e50 35%, #222936 72%, #49566b);border-radius:clamp(7px,2cqw,15px);padding:clamp(4px,1.35%,11px);box-shadow:inset 0 1px #e0ecff4d,inset 0 -1px #141923,0 5px 12px #10141e52}.chess-stack{--board-surface-gap:5px}.chess-stack .capture{animation:none}.chess-stack .captures>strong{color:#e5eeff;background:#344e77;border-radius:999px;margin-left:.25rem;padding:.18rem .35rem;font-size:.68rem;font-weight:900}.chess-stack .chess-board{border-radius:3px}.chess-stack .board-clock,.chess-stack .board-clock[data-clock-state=active]{color:#fffaf2;background:linear-gradient(155deg,#303a4c,#232b39);border:1px solid #414c60;border-radius:.6rem;padding:.25rem clamp(.35rem,1.5cqw,.75rem);animation:none;box-shadow:inset 0 1px #e2ecff17}.chess-stack .board-clock .detail{color:#c7d1e2}.chess-stack .board-clock .player{overflow:hidden}.chess-stack .board-clock .name{max-width:clamp(6rem,32cqw,11rem);overflow:hidden}.chess-stack .board-clock .status,.chess-stack .board-clock .thinking{color:#e1e8f4;background:#39455a}.chess-stack .board-clock .status{white-space:nowrap;padding:.32rem .55rem}.chess-stack .board-clock[data-chess-turn=true]{border-color:var(--chess-cobalt);box-shadow:inset 2px 0 var(--chess-cobalt)}.chess-stack .board-clock[data-chess-turn=true] .status{color:#fffaf2;background:#34558e}.chess-stack .chess-clock-display{flex:none;justify-items:end;gap:.1rem;line-height:1;display:grid}.chess-stack .chess-turn-label{color:#b8d2ff;white-space:nowrap;font-size:.6rem;font-weight:800}@media (width>=1024px){#chess-room #shell-rail{width:clamp(9.75rem,13vw,12rem)}#chess-room [data-shell-panel-column]{width:clamp(15rem,23vw,22rem)}#chess-room [data-play-shell-app-body]>#shell-ad-rail{--shell-ad-slot-width:min(100%, 10rem);--shell-ad-slot-height:min(37.5rem, calc(100dvh - 1.5rem));width:clamp(7.25rem,10.5vw,11.5rem);padding:.625rem;display:flex}}@media (width>=1024px) and (width<=1199px){#chess-room .shell-category-button{grid-template-columns:2.25rem minmax(0,1fr) 1rem;gap:.3rem}#chess-room .shell-category-button .category-object{width:100%}}.chess-panel .game-new-form .friend-invite>p:not(.label){color:var(--theme-muted);font-size:.8rem;font-weight:600;line-height:1.65}.chess-panel .game-new-form .friend-invite .label{margin-bottom:.65rem}.chess-panel .game-new-form .friend-invite label{margin-top:1.25rem;display:block}.chess-panel .game-new-form .friend-invite label span{text-transform:none;font-weight:600}.chess-panel .game-new-form .who-label{line-height:1.25}.chess-panel .wait{padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * 3)}.chess-panel .match .identity{flex:1;min-width:0}.chess-panel .move{cursor:crosshair;width:100%;transition:background .12s,color .12s,box-shadow .12s}.chess-panel .move:hover,.chess-panel .move:focus-visible,.chess-panel .move[data-reviewed=true]{background:var(--theme-accent-soft);box-shadow:inset 3px 0 0 var(--theme-accent);color:var(--theme-text);outline:none}.chess-panel .move[data-reviewed=true] strong{color:#fff1b8}.chess-panel .connection-error{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-error,#963a32)}.board-rules.chess-article{container:chess-article/inline-size}.board-rules.chess-article>.chess-article-hero{border-bottom:1px solid var(--theme-border);align-items:center;gap:clamp(1rem,4cqi,2.5rem);padding-block-end:clamp(1.5rem,4cqi,2.5rem)}@container chess-article (width>=35rem){.board-rules.chess-article>.chess-article-hero{grid-template-columns:minmax(0,1fr) minmax(12rem,19rem)}}.board-rules.chess-article .chess-orion-pose{width:auto;max-width:100%;height:auto;max-height:clamp(12rem,44cqi,21rem);filter:drop-shadow(0 8px 12px var(--theme-shadow));background:radial-gradient(at 58% 62%,#4a75e03d,#0000 68%);justify-self:center;display:block}.board-rules.chess-article .chess-lesson{align-items:start;gap:clamp(1.25rem,4cqi,2.5rem);display:grid}@container chess-article (width>=37rem){.board-rules.chess-article .chess-lesson{grid-template-columns:minmax(0,1fr) minmax(14rem,38%)}}.board-rules.chess-article .knight-lesson{margin-block-start:1.25rem}.board-rules.chess-article .lesson-copy>.copy{margin-top:calc(var(--spacing,.25rem) * 4);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted)}.board-rules.chess-article .lesson-copy>.copy:where(.dark,.dark *){color:#d8ccc6bf}@supports (color:color-mix(in lab, red, red)){.board-rules.chess-article .lesson-copy>.copy:where(.dark,.dark *){color:color-mix(in oklab, var(--color-lark-mist-v3,#d8ccc6) 75%, transparent)}}.board-rules.chess-article :is(.chess-diagram,.start-board){width:min(100%,21rem);margin-inline:auto}.board-rules.chess-article :is(.chess-diagram,.start-board) figcaption{color:var(--theme-muted);text-align:start;margin-block-start:.6rem;font-size:.875rem;font-weight:600;line-height:1.5}.board-rules.chess-article .chess-diagram-frame svg{border-radius:3px;width:100%;height:auto;display:block}.board-rules.chess-article .chess-diagram-frame .tile{fill:var(--chess-square-light)}.board-rules.chess-article .chess-diagram-frame .dark-square .tile{fill:var(--chess-square-dark)}.board-rules.chess-article .chess-diagram-frame text{fill:var(--chess-coordinate-light);font-size:13px;font-weight:800}.board-rules.chess-article .chess-diagram-frame .dark-square text{fill:var(--chess-coordinate-dark)}.board-rules.chess-article .chess-diagram-frame .marked{fill:none;stroke:#234e9d;stroke-width:4px}.board-rules.chess-article .chess-diagram-frame .piece{filter:drop-shadow(0 2px 2px #13192647)}#chess-rules .piece-card{gap:calc(var(--spacing,.25rem) * 4);min-width:0;display:flex}#chess-rules .piece-card>div{min-width:0}#chess-rules .piece-card h3{margin-top:0}#chess-rules .piece-icon{height:calc(var(--spacing,.25rem) * 14);width:calc(var(--spacing,.25rem) * 14);border-radius:var(--radius-xl,.75rem);background:var(--accent-wash);flex-shrink:0;justify-content:center;align-items:center;display:flex}#chess-rules .piece-icon img{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);object-fit:contain}#chess-rules .special-moves{margin-top:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 6);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}#chess-rules .special{border-top:1px solid var(--theme-border);flex-direction:column;gap:.75rem;padding-block-start:.75rem;display:flex}#chess-rules .special .copy{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted)}#chess-rules .special .chess-diagram{margin-block-start:auto}#chess-rules .rule .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}#chess-rules .quick-ref ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.board-rules.chess-article .rule .lead{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-interface,#211a17)}.board-rules.chess-article .rule .lead:where(.dark,.dark *){color:var(--color-white,#fff)}.checkers-stack .board-frame{--frame-inset:clamp(5px, 1.35%, 12px);--frame-accent:linear-gradient(100deg, #a43b51, #f0897e);box-sizing:border-box;padding:var(--frame-inset);background:var(--frame-accent) left 5% top 2px / 5% 2px no-repeat, var(--frame-accent) right 5% bottom 2px / 5% 2px no-repeat, linear-gradient(145deg, #77707e, #433c49 34%, #29252f 72%, #56505c);border-radius:clamp(9px,2.4cqw,18px);box-shadow:inset 0 1px #ffedec42,inset 0 -1px #1b1821,0 6px 14px #100c144d}.checkers-stack .board-clock .piece.dark{background:#171416;border-color:#5a5153}.checkers-stack .board-clock .piece.light{background:#d53d2e;border-color:#ff9a87}.checkers-stack .board-clock .capture{width:clamp(1.1rem,3.4cqh,1.4rem)}.checkers-stack .board-clock .capture img{transform:scale(1.12)}@keyframes checkers-move-impact{0%{opacity:.9;transform:scale(.28)}to{opacity:0;transform:scale(1.35)}}@keyframes checkers-king-flare{0%{opacity:0;transform:translate(-50%,15%)rotate(-12deg)scale(.35)}35%{opacity:1;transform:translate(-50%,-55%)rotate(5deg)scale(1.15)}to{opacity:0;transform:translate(-50%,-125%)rotate(0)scale(.82)}}@keyframes checkers-king-arrive{0%{transform:scale(.9)rotate(-12deg)}55%{transform:scale(1.22)rotate(8deg)}to{transform:scale(1)rotate(0)}}@keyframes checkers-piece-snapback{0%{transform:translate3d(var(--checkers-drag-x), var(--checkers-drag-y), 0) scale(1.13)}72%{transform:translate(0)scale(1.025)}to{transform:translate(0)scale(1)}}:where(.checkers-board,.jump-diagram,#checkers-rules){--checkers-ivory:#ede3d8;--checkers-slate:#62616e}.checkers-board{aspect-ratio:1;--checker-size:96%;border-radius:clamp(4px,1.1cqw,8px);outline:1px solid #25212b;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;position:relative;overflow:hidden}.checkers-board:not([data-board-painted]){visibility:hidden}.checkers-board[data-checkers-board-perspective=dark],.checkers-board[data-checkers-board-perspective=dark]>.square{transform:rotate(180deg)}.checkers-board[data-checkers-dragging=true]{cursor:grabbing}:is(.checkers-board[data-checkers-dragging=true] .square:has(.sprite[data-checkers-dragging=active]),.checkers-board[data-checkers-dragging=true] .square:has(.sprite[data-checkers-dragging=returning])){z-index:40;isolation:isolate;position:relative}.checkers-board .square{aspect-ratio:1;min-height:0;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;cursor:default;outline-style:none;justify-content:center;align-items:center;display:flex;position:relative}.checkers-board .square.light{background-color:var(--checkers-ivory)}.checkers-board .square.dark{background-color:var(--checkers-slate)}@media (hover:hover){.checkers-board .square.dark.is-actionable:hover{background-color:#6e6c79}}.checkers-board .square.is-actionable{cursor:pointer}.checkers-board .square.is-selected{box-shadow:inset 0 0 0 clamp(2px,.55cqw,4px) #b6e8e9}.checkers-board .square:focus-visible{z-index:5;outline-offset:-3px;outline:3px solid #fdbb21}.checkers-board .square:has(.piece.is-moving){z-index:10}.checkers-board .square[data-checkers-premove-origin=true],.checkers-board .square[data-checkers-premove-destination=true]{box-shadow:inset 0 0 0 4px #fdbb21e0!important}.checkers-board .square[data-checkers-drop-state=legal]{box-shadow:inset 0 0 0 2px #3f4b26,inset 0 0 0 6px #fdbb21f5,inset 0 0 1.5rem #fdbb216b!important}.checkers-board .square[data-checkers-drop-state=illegal]{box-shadow:inset 0 0 0 5px #c2372fe0,inset 0 0 1.25rem #c2372f57!important}.checkers-board .square[data-checkers-interactive=true] .sprite{cursor:grab}@media (hover:hover) and (pointer:fine){.checkers-board .square[data-checkers-interactive=true]:hover .piece:not(.is-selected){filter:drop-shadow(0 .42rem .32rem #00000057);transform:translateY(-3%)scale(1.05)}}.checkers-board .square.move-impact:after,.checkers-board .square.capture-impact:after,.checkers-board .square.king-impact:after{z-index:2;content:"";pointer-events:none;border:4px solid #fdbb21e0;border-radius:999px;animation:.48s ease-out both checkers-move-impact;position:absolute;inset:8%}.checkers-board .square.capture-impact:after{border-color:#d65f3deb;box-shadow:0 0 1rem #d65f3d8a}.checkers-board .square.king-impact:after{border-color:#fdbb21f5;box-shadow:0 0 1.35rem #fdbb21a8}.checkers-board .last-origin{pointer-events:none;background:#f6cc721f;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f6cc7299}.checkers-board .last-target{pointer-events:none;background:#f6cc7233;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #f6cc72d1}.checkers-board .hint{z-index:1;aspect-ratio:1;pointer-events:none;background:#d9f1e0;border-radius:50%;place-items:center;width:20%;display:grid;position:relative}.checkers-board [data-checkers-capture-target] .hint{background:0 0;border:clamp(2px,.5cqw,3px) solid #ffe09a;width:40%}.checkers-board [data-checkers-capture-target] .hint:after{aspect-ratio:1;content:"";background:#ffe09a;border-radius:50%;width:35%}.checkers-board .ghost{z-index:1;width:var(--checker-size);height:var(--checker-size);object-fit:contain;opacity:.2;filter:grayscale(35%)drop-shadow(0 0 .35rem #78bbc17a);pointer-events:none;position:absolute;transform:scale(.94)}.checkers-board .piece{z-index:1;width:var(--checker-size);height:var(--checker-size);filter:drop-shadow(0 .16rem .18rem #140a0766);border-radius:999px;place-items:center;transition:transform .15s,filter .15s;display:grid;position:relative;transform:translateZ(0)}.checkers-board .piece.is-selected{transform:translateY(-2%)scale(1.09)}.checkers-board .piece.is-premove{filter:drop-shadow(0 .18rem .2rem #140a0775)drop-shadow(0 0 .4rem #fdbb21b8)}.checkers-board .piece.is-moving .sprite{pointer-events:none}.checkers-board .piece:not(.is-moving)>.sprite.is-crowned{animation:.52s cubic-bezier(.18,.82,.24,1.12) both checkers-king-arrive}.checkers-board .sprite{-webkit-user-select:none;user-select:none;object-fit:contain;touch-action:none;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.checkers-board .sprite[data-checkers-dragging=active]{z-index:50;filter:drop-shadow(0 .7rem .55rem #0000006b);cursor:grabbing;pointer-events:none;position:relative;transform:translate3d(var(--checkers-drag-x), var(--checkers-drag-y), 0) scale(1.13)!important;transition:none!important;animation:none!important}.checkers-board .sprite[data-checkers-dragging=returning]{z-index:12;pointer-events:none;animation:.22s cubic-bezier(.2,.82,.24,1) both checkers-piece-snapback!important}.checkers-board .captured-fx{z-index:6;width:var(--checker-size);height:var(--checker-size);object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 3px #0000004d);position:absolute}.checkers-board .flare{z-index:6;color:#fdbb21;filter:drop-shadow(0 0 .65rem #fdbb21eb);pointer-events:none;width:42%;animation:.78s cubic-bezier(.16,.78,.2,1) both checkers-king-flare;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.checkers-board .flare svg{fill:currentColor;stroke:#ffefb7e0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:100%;height:auto}@media (prefers-reduced-motion:reduce){.checkers-board .square.move-impact:after,.checkers-board .square.capture-impact:after,.checkers-board .square.king-impact:after,.checkers-board .piece:not(.is-moving)>.sprite.is-crowned,.checkers-board .sprite[data-checkers-dragging=returning],.checkers-board .flare{animation:none}}#checkers-room{position:absolute;inset:0}.checkers-room-page{max-width:var(--container-6xl,72rem);padding-top:calc(var(--spacing,.25rem) * 10);margin-inline:auto}#checkers-room .invite{border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 4);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-width:1px;border-radius:1rem}#checkers-room .invite .head{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}#checkers-room .invite .kicker{--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-lark-muted,#726863);text-transform:uppercase}#checkers-room .invite .kicker:where(.dark,.dark *){color:var(--color-lark-mist-v3,#d8ccc6)}#checkers-room .invite .kicker{letter-spacing:.15em;font-size:.65rem}#checkers-room .invite .status{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800)}#checkers-room .invite .status.on{color:var(--color-lark-action-green,#347259)}#checkers-room .invite .status.off{color:var(--color-lark-error,#963a32)}#checkers-room .invite .code-row{margin-top:calc(var(--spacing,.25rem) * 2);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}#checkers-room .invite .code{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-lark-interface,#211a17)}#checkers-room .invite .code:where(.dark,.dark *){color:var(--color-white,#fff)}#checkers-room .invite .code{letter-spacing:.28em}#checkers-room .invite .copy{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-lark-lake,#226f78);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-lark-lake,#226f78);border-radius:9px}#checkers-room .invite .perspective{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-muted,#726863)}#checkers-room .invite .perspective:where(.dark,.dark *){color:var(--color-lark-mist-v3,#d8ccc6)}#checkers-room .footer-tools{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem) * 2);width:100%;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-muted,#726863);display:flex}#checkers-room .footer-tools:where(.dark,.dark *){color:var(--color-lark-mist-v3,#d8ccc6)}#checkers-room .offline{z-index:20;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 4);background-color:#211a17f2;flex-direction:column;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){#checkers-room .offline{background-color:color-mix(in oklab, var(--color-lark-interface,#211a17) 95%, transparent)}}#checkers-room .offline{padding:calc(var(--spacing,.25rem) * 6);text-align:center}#checkers-room .offline .title{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff)}#checkers-room .offline .copy{max-width:var(--container-sm,24rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-lark-mist-v3,#d8ccc6)}:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.board-lesson-rules,[data-board-guide=checkers]){container:checkers-lessons/inline-size}:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.board-lesson-rules,[data-board-guide=checkers])>header{align-items:center;gap:clamp(1rem,4cqi,2rem)}@container checkers-lessons (width>=34rem){:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.board-lesson-rules,[data-board-guide=checkers])>header{grid-template-columns:minmax(0,1fr) minmax(12rem,17rem)}}:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.board-lesson-rules,[data-board-guide=checkers]) .nova-guide-pose{background:radial-gradient(at 50% 62%,#e7354c33,#0000 70%);width:min(100%,16rem);margin-inline:auto}:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.board-lesson-rules,[data-board-guide=checkers]) .nova-guide-pose img{width:100%;height:auto;filter:drop-shadow(0 8px 12px var(--theme-shadow));display:block}:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.board-lesson-rules,[data-board-guide=checkers]) .checkers-lesson{display:flow-root}:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.board-lesson-rules,[data-board-guide=checkers]) .checkers-lesson>:is(.nova-guide-pose,.start-board){width:min(100%,13rem);margin-block-start:.75rem}@container checkers-lessons (width>=34rem){:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.board-lesson-rules,[data-board-guide=checkers]) .checkers-lesson>:is(.nova-guide-pose,.start-board){float:inline-end;margin-inline-start:clamp(1rem,4cqi,2rem)}}:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.board-lesson-rules,[data-board-guide=checkers]) .checkers-lesson>:is(.card,.callout){display:flow-root}:is(.checkers-article:not(.guide-book),.board-article:not(.guide-book,.chess-article),.rules-chapter)>header{border-bottom:1px solid var(--theme-border);padding-block-end:clamp(1.5rem,4cqi,2.5rem)}:is(.board-lesson-rules,.board-article) .host-pose{background:radial-gradient(ellipse at 50% 62%, var(--category-accent), transparent 70%);width:min(100%,15rem);margin:0 auto}@supports (color:color-mix(in lab, red, red)){:is(.board-lesson-rules,.board-article) .host-pose{background:radial-gradient(ellipse at 50% 62%, color-mix(in srgb, var(--category-accent) 26%, transparent), transparent 70%)}}:is(.board-lesson-rules,.board-article) .host-pose img{width:100%;height:auto;filter:drop-shadow(0 8px 12px var(--theme-shadow));display:block}.board-article[data-board-article$=-glossary] :is(.nova-guide-pose,.host-pose){width:clamp(8rem,22cqi,12rem)}#checkers-rules-panel{flex-direction:column;flex:1;min-height:0;display:flex}#checkers-rules-panel .leave p{--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}:is(#checkers-rules,.board-lesson-rules){--checkers-ivory:#ede3d8;--checkers-slate:#62616e}:is(#checkers-rules,.board-lesson-rules) .lessons{margin-top:clamp(1.5rem,4cqi,2.5rem)}:is(#checkers-rules,.board-lesson-rules) .lesson,:is(#checkers-rules,.board-lesson-rules) .lesson-play{border-top:1px solid var(--theme-border);align-items:center;gap:1.25rem;padding-block:clamp(1.5rem,4cqi,2.5rem);display:grid}:is(#checkers-rules,.board-lesson-rules) .lesson{scroll-margin-top:4.5rem}:is(#checkers-rules,.board-lesson-rules) .lesson-copy{gap:.6rem;max-width:60ch;display:grid}:is(#checkers-rules,.board-lesson-rules) .lesson-copy .copy{margin:0;line-height:1.65}:is(#checkers-rules,.board-lesson-rules) .lesson-copy h2{margin:0}:is(#checkers-rules,.board-lesson-rules) .lesson-copy ul{color:var(--theme-muted);gap:.4rem;padding-inline-start:1.15rem;font-size:.95rem;font-weight:600;line-height:1.55;list-style:outside;display:grid}@container checkers-lessons (width>=36rem){:is(#checkers-rules,.board-lesson-rules) .lesson-copy:has(>.lesson-figure--illustration){display:flow-root}:is(#checkers-rules,.board-lesson-rules) .lesson-copy:has(>.lesson-figure--illustration)>:is(h2,h3,.copy,ul){margin-block-start:.6rem}:is(#checkers-rules,.board-lesson-rules) .lesson-copy:has(>.lesson-figure--illustration)>h3{clear:both}}:is(#checkers-rules,.board-lesson-rules) .lesson-figure{justify-self:center;gap:.6rem;width:100%;max-width:21rem;margin:0;display:grid}:is(#checkers-rules,.board-lesson-rules) .lesson-figure.lesson-figure--illustration{max-width:23.8rem;margin:.5rem auto .75rem}@container checkers-lessons (width>=36rem){:is(#checkers-rules,.board-lesson-rules) .lesson-figure.lesson-figure--illustration{float:inline-end;width:min(56%,100% - 17rem);margin-inline:1.25rem 0}}:is(#checkers-rules,.board-lesson-rules) .lesson-figure.lesson-figure--illustration img{border-radius:.85rem;width:100%;height:auto}:is(#checkers-rules,.board-lesson-rules) .lesson-figure figcaption{color:var(--theme-muted);font-size:.875rem;font-weight:600;line-height:1.5}:is(#checkers-rules,.board-lesson-rules) .objective-line{color:var(--theme-muted);margin-top:.85rem;font-weight:600;line-height:1.6}:is(#checkers-rules,.board-lesson-rules) .objective-line strong{color:var(--theme-text)}:is(#checkers-rules,.board-lesson-rules) .figure-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}:is(#checkers-rules,.board-lesson-rules) .figure-panels p{color:var(--theme-text);margin-bottom:.3rem;font-size:.75rem;font-weight:800}:is(#checkers-rules,.board-lesson-rules) :is(.checkers-diagram,.rules-diagram){width:100%;height:auto;box-shadow:0 .4rem 1rem var(--theme-shadow);border-radius:6px;display:block}:is(#checkers-rules,.board-lesson-rules) .nova-says{grid-template-columns:clamp(4.5rem,24%,7rem) minmax(0,1fr);align-items:center;gap:.75rem;margin-top:.4rem;display:grid}:is(#checkers-rules,.board-lesson-rules) .nova-says img{width:100%;height:auto;filter:drop-shadow(0 6px 8px var(--theme-shadow))}:is(#checkers-rules,.board-lesson-rules) .nova-says blockquote{margin:0}:is(#checkers-rules,.board-lesson-rules) .nova-says blockquote p{color:var(--theme-text);font-size:.95rem;font-weight:700;line-height:1.5}:is(#checkers-rules,.board-lesson-rules) .nova-says cite{color:var(--category-accent-text);margin-top:.2rem;font-size:.75rem;font-style:normal;font-weight:800;display:block}:is(#checkers-rules,.board-lesson-rules) .roster{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem .5rem;display:grid}:is(#checkers-rules,.board-lesson-rules) .roster img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}:is(#checkers-rules,.board-lesson-rules) .roster strong,:is(#checkers-rules,.board-lesson-rules) .roster span{line-height:1.3;display:block}:is(#checkers-rules,.board-lesson-rules) .roster strong{color:var(--theme-text);margin-top:.25rem;font-size:.8rem;font-weight:800}:is(#checkers-rules,.board-lesson-rules) .roster span{color:var(--theme-muted);font-size:.7rem;font-weight:700}:is(#checkers-rules,.board-lesson-rules) .checks{gap:.65rem;margin-top:.25rem;padding-inline-start:1.25rem;list-style:decimal;display:grid}:is(#checkers-rules,.board-lesson-rules) .checks li::marker{color:var(--category-accent-text);font-weight:800}:is(#checkers-rules,.board-lesson-rules) .checks strong,:is(#checkers-rules,.board-lesson-rules) .checks span{display:block}:is(#checkers-rules,.board-lesson-rules) .checks strong{color:var(--theme-text);font-weight:800}:is(#checkers-rules,.board-lesson-rules) .checks span{color:var(--theme-muted);font-size:.95rem;font-weight:600;line-height:1.5}:is(#checkers-rules,.board-lesson-rules) .lesson-play{justify-content:space-between}:is(#checkers-rules,.board-lesson-rules) .lesson-play h2{margin:0}:is(#checkers-rules,.board-lesson-rules) .lesson-play p a{color:var(--category-accent-text);font-weight:800;text-decoration:underline}:is(#checkers-rules,.board-lesson-rules) .attribution{margin-top:1rem}@container checkers-lessons (width>=44rem){:is(#checkers-rules,.board-lesson-rules) .lesson.has-art{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,4cqi,3rem)}:is(#checkers-rules,.board-lesson-rules) .lesson-play{grid-template-columns:minmax(0,1fr) auto}}:is(#checkers-rules,.rules-chapter) .lesson{border:0;align-items:start;padding-block:0}@container checkers-lessons (width>=37rem){:is(#checkers-rules,.rules-chapter) .lesson.has-art{grid-template-columns:minmax(0,1fr) minmax(13rem,38%)}}.board-guide.board-lesson-rules .guide-sections{margin-top:clamp(1.5rem,4cqi,2.5rem)}.board-guide.board-lesson-rules .lessons>.lesson{margin-block:0}.board-guide.board-lesson-rules .lesson-figure{max-width:27rem}@container checkers-lessons (width>=37rem){.board-guide.board-lesson-rules .lesson.has-art{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}:is(.board-guide,.board-rules) .guide-sections{margin-top:3rem}:is(.board-article,.board-guide) :is(.copy,li,dd,.tip p) a{color:var(--accent-ink);font-weight:800;text-decoration:underline}@supports (color:color-mix(in lab, red, red)){:is(.board-article,.board-guide) :is(.copy,li,dd,.tip p) a{-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent)}}:is(.board-article,.board-guide) :is(.copy,li,dd,.tip p) a{text-underline-offset:.2em}:is(.board-article,.board-guide) :is(.copy,li,dd,.tip p) a:hover{text-decoration-color:currentColor}.board-article .article-sources{font:var(--type-note);gap:.5rem clamp(1.25rem,4cqi,2.5rem);margin-block-start:1rem;display:grid}@container (width>=40rem){.board-article .article-sources{grid-template-columns:repeat(2,minmax(0,1fr))}}.board-article .article-illustration{width:min(100%,25rem);margin:0 auto}.board-article .article-illustration img{border-radius:.75rem;width:100%;height:auto;display:block}.board-article .article-illustration figcaption{color:var(--theme-muted);margin-block-start:.6rem;font-size:.875rem;line-height:1.5}@container chess-article (width>=37rem){.board-article .illustrated-section:nth-child(2n of .illustrated-section){grid-template-columns:minmax(14rem,38%) minmax(0,1fr)}.board-article .illustrated-section:nth-child(2n of .illustrated-section) .article-illustration{grid-area:1/1}.board-article .illustrated-section:nth-child(2n of .illustrated-section) .lesson-copy{grid-area:1/2}}.board-article:not(.chess-article) .illustrated-section{align-items:start;gap:clamp(1.25rem,4cqi,2.5rem);display:grid}@container (width>=37rem){.board-article:not(.chess-article) .illustrated-section{grid-template-columns:minmax(0,1fr) minmax(14rem,38%)}}.board-article:not(.chess-article) .illustrated-section .lesson-copy>.copy{margin-block-start:1rem}.board-article .cards h3{margin-top:0}.board-article .terms{--type-subheading:600 1rem / 1.4 var(--font-brand);--type-body:400 .9375rem / 1.55 var(--font-brand);--type-note:400 .8125rem / 1.5 var(--font-brand);align-items:start;gap:1.5rem clamp(1.25rem,4cqi,2.5rem);margin-block-start:1.25rem;display:grid}@container (width>=30rem){.board-article .terms{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=46rem){.board-article .terms{grid-template-columns:repeat(3,minmax(0,1fr))}}.board-article .term{padding-inline-start:.875rem;scroll-margin-top:5rem}.board-article .term:target{background:var(--accent-wash);box-shadow:0 0 0 .4rem var(--accent-wash);border-radius:.5rem}.board-article .term dt{color:var(--theme-text);font:var(--type-subheading);margin-block-end:.25rem;position:relative}.board-article .term dt:before{content:"";background:var(--accent-ink);border-radius:50%;block-size:.3rem;inline-size:.3rem;position:absolute;inset-block-start:.55em;inset-inline-start:-.875rem}.board-article .term dd{color:var(--theme-muted);font:var(--type-body)}.board-article .terms .term .chess-diagram{width:100%;margin:.6rem 0 0}.board-article .terms .term .chess-diagram .chess-diagram-frame{width:min(100%,10rem)}.board-article .terms .term .chess-diagram figcaption{font:var(--type-note);margin-block-start:.35rem}[data-board-article=chess-glossary]>.chess-article-hero .chess-orion-pose{max-height:clamp(8rem,22cqi,12rem)}.board-guide #more-games .cards article{align-items:flex-start;gap:1rem;display:flex}.board-guide #more-games .cards article img{object-fit:cover;width:4rem;height:4rem;box-shadow:0 .5rem 1rem var(--theme-shadow);border-radius:1rem;flex:none}.board-guide #more-games .cards article h3{margin-top:0}.board-guide #more-games .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.game-landing{color:var(--theme-text)}.game-landing .kicker{--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);text-transform:uppercase;color:var(--category-accent-text,var(--theme-accent));letter-spacing:.17em;font-size:.6rem}.game-landing h2{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);letter-spacing:-.02em;font-size:var(--text-3xl,1.875rem)!important;line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))!important;--tw-font-weight:var(--font-weight-extrabold,800)!important;font-weight:var(--font-weight-extrabold,800)!important;color:var(--theme-text)!important;margin-bottom:0!important}.game-landing h3{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-base,1rem)!important;line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))!important;--tw-font-weight:var(--font-weight-extrabold,800)!important;font-weight:var(--font-weight-extrabold,800)!important;color:var(--theme-text)!important;margin-bottom:0!important}.game-landing p{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--theme-muted)}.game-landing>section{margin-top:calc(var(--spacing,.25rem) * 16)}@media (width>=64rem){.game-landing>section{margin-top:calc(var(--spacing,.25rem) * 24)}}.game-landing h2+p,.game-landing .kicker+h2+p{margin-top:calc(var(--spacing,.25rem) * 3)}.game-landing .kicker+h2{margin-top:calc(var(--spacing,.25rem) * 2)}.game-landing .more{margin-top:calc(var(--spacing,.25rem) * 4);align-items:center;gap:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--theme-accent-text);display:inline-flex}.game-landing .more:hover{text-decoration:underline}.game-landing .more svg{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4)}.game-landing .room-missing{margin-top:0;margin-bottom:calc(var(--spacing,.25rem) * 4);padding:calc(var(--spacing,.25rem) * 4);background:var(--theme-surface);box-shadow:inset 0 0 0 1px var(--theme-border);border-radius:12px}.game-landing .room-missing h2{font-size:var(--text-lg,1.125rem)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important}.game-landing .hero{isolation:isolate;min-height:20rem;padding:calc(var(--spacing,.25rem) * 6);align-items:flex-end;display:flex;position:relative;overflow:hidden}@media (width>=40rem){.game-landing .hero{padding:calc(var(--spacing,.25rem) * 9)}}@media (width>=64rem){.game-landing .hero{min-height:24rem}}.game-landing .hero{background:#120e0d;border-radius:16px}.game-landing .hero .art{z-index:calc(10 * -1);object-fit:cover;object-position:70% 50%;width:100%;height:100%;position:absolute;inset:0}.game-landing .hero:before{z-index:calc(10 * -1);content:"";z-index:-1;background:linear-gradient(90deg,#120e0deb 0%,#120e0db3 45%,#120e0d14 100%);position:absolute;inset:0}.game-landing .hero .art+.copy,.game-landing .hero .copy{max-width:var(--container-xl,36rem);position:relative}.game-landing .hero .tags{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}.game-landing .hero .tags span{padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);text-transform:uppercase;letter-spacing:.12em;background:#ffffff24;border-radius:2147483647px;font-size:.6rem}.game-landing .hero h1{margin-top:calc(var(--spacing,.25rem) * 3);font-family:var(--font-brand,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-5xl,3rem)!important;line-height:var(--tw-leading,var(--text-5xl--line-height,1))!important;--tw-font-weight:var(--font-weight-extrabold,800)!important;font-weight:var(--font-weight-extrabold,800)!important;color:var(--color-white,#fff)!important;margin-bottom:0!important}@media (width>=40rem){.game-landing .hero h1{font-size:var(--text-6xl,3.75rem)!important;line-height:var(--tw-leading,var(--text-6xl--line-height,1))!important}}.game-landing .hero h1{letter-spacing:-.04em}.game-landing .hero .summary{margin-top:calc(var(--spacing,.25rem) * 3)}@media (width>=40rem){.game-landing .hero .summary{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7)}}.game-landing .hero .summary{color:#ffffffd1}.game-landing .hero .hint{margin-top:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:#fff}.game-landing .hero .resume{margin-top:calc(var(--spacing,.25rem) * 5);display:inline-flex}.game-landing:not(.daily-home,.chess-landing)>.your-stats{margin-top:calc(var(--spacing,.25rem) * 8)}@media (width>=64rem){.game-landing:not(.daily-home,.chess-landing)>.your-stats{margin-top:calc(var(--spacing,.25rem) * 10)}}.game-landing:not(.daily-home,.chess-landing)>.your-stats .head{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing,.25rem) * 4);display:flex}.game-landing:not(.daily-home,.chess-landing)>.your-stats h2{margin-top:0;font-size:var(--text-lg,1.125rem)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important}.game-landing:not(.daily-home,.chess-landing)>.your-stats .more{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));margin-top:0}.game-landing:not(.daily-home,.chess-landing)>.your-stats dl{margin-top:calc(var(--spacing,.25rem) * 4);column-gap:calc(var(--spacing,.25rem) * 8);row-gap:calc(var(--spacing,.25rem) * 5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=40rem){.game-landing:not(.daily-home,.chess-landing)>.your-stats dl{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-landing:not(.daily-home,.chess-landing)>.your-stats dt{--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);text-transform:uppercase;color:var(--theme-muted);letter-spacing:.12em;font-size:.6rem}.game-landing:not(.daily-home,.chess-landing)>.your-stats dd{margin-top:var(--spacing,.25rem);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--theme-text)}.game-landing:not(.daily-home,.chess-landing)>.your-stats p{margin-top:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}.game-landing.daily-home>.your-stats{--stats-solved:#227151;--stats-streak:#a74223;--stats-record:#835319;--stats-time:var(--category-accent-text,var(--theme-accent-text))}:where(.dark) :is(.game-landing.daily-home>.your-stats){--stats-solved:#9cdeb2;--stats-streak:#ff9e76;--stats-record:#ffd586}.game-landing:is(.daily-home,.chess-landing)>.your-stats{margin-top:calc(var(--spacing,.25rem) * 8)}@media (width>=64rem){.game-landing:is(.daily-home,.chess-landing)>.your-stats{margin-top:calc(var(--spacing,.25rem) * 10)}}.game-landing:is(.daily-home,.chess-landing)>.your-stats{container:landing-stats/inline-size}.game-landing:is(.daily-home,.chess-landing)>.your-stats .head{margin-bottom:calc(var(--spacing,.25rem) * 3);justify-content:space-between;align-items:center;column-gap:calc(var(--spacing,.25rem) * 4);row-gap:var(--spacing,.25rem);flex-wrap:wrap;display:flex}.game-landing:is(.daily-home,.chess-landing)>.your-stats h2{margin-top:0;font-size:var(--text-xl,1.25rem)!important;line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))!important}.game-landing:is(.daily-home,.chess-landing)>.your-stats .more{padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));margin-top:0}.game-landing:is(.daily-home,.chess-landing)>.your-stats .stats-metrics{border:1px solid var(--theme-border);background:var(--theme-border);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@container landing-stats (width>=36rem){.game-landing:is(.daily-home,.chess-landing)>.your-stats .stats-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-landing:is(.daily-home,.chess-landing)>.your-stats .stats-metrics>div{--stat-padding:clamp(.55rem, 2cqi, 1rem);--stat-icon-size:clamp(1.8rem, 5.5cqi, 2.5rem);min-height:4.65rem;padding:var(--stat-padding);background:var(--stat-accent);align-content:center;gap:.25rem;padding-inline-start:calc(var(--stat-padding) + var(--stat-icon-size) + .5rem);display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.game-landing:is(.daily-home,.chess-landing)>.your-stats .stats-metrics>div{background:color-mix(in srgb, var(--stat-accent) 5%, var(--theme-surface))}}.game-landing:is(.daily-home,.chess-landing)>.your-stats .stat-solved{--stat-accent:var(--stats-solved)}.game-landing:is(.daily-home,.chess-landing)>.your-stats .stat-streak{--stat-accent:var(--stats-streak)}.game-landing:is(.daily-home,.chess-landing)>.your-stats .stat-record{--stat-accent:var(--stats-record)}.game-landing:is(.daily-home,.chess-landing)>.your-stats .stat-time{--stat-accent:var(--stats-time)}.game-landing:is(.daily-home,.chess-landing)>.your-stats .stat-icon{width:var(--stat-icon-size);height:var(--stat-icon-size);position:absolute;inset-block-start:50%;inset-inline-start:var(--stat-padding);transform:translateY(-50%)}.game-landing:is(.daily-home,.chess-landing)>.your-stats dt{--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--theme-muted);font-size:.72rem;line-height:1.2}.game-landing:is(.daily-home,.chess-landing)>.your-stats dd{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--theme-text);font-variant-numeric:tabular-nums;font-size:clamp(1.15rem,4cqi,1.7rem);line-height:1.1}.game-landing:is(.daily-home,.chess-landing)>.your-stats dd span{color:var(--theme-muted);font-size:.72rem}.game-landing:is(.daily-home,.chess-landing)>.your-stats dd .stat-empty{font-size:inherit}.game-landing:is(.daily-home,.chess-landing)>.your-stats p{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}.game-landing .story{align-items:center;gap:calc(var(--spacing,.25rem) * 8);display:grid}@media (width>=48rem){.game-landing .story{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.game-landing .story{gap:calc(var(--spacing,.25rem) * 14)}}@media (width>=48rem){.game-landing .story.is-flipped>.kings{order:2}}.game-landing .jump-diagram{width:100%;max-width:18rem;margin-inline:auto}.game-landing .jump-diagram .diagram-board{box-shadow:0 12px 24px var(--theme-shadow);border-radius:10px;position:relative;overflow:hidden}.game-landing .jump-diagram .squares{aspect-ratio:1;background:var(--checkers-ivory);grid-template:repeat(8,minmax(0,1fr))/repeat(8,minmax(0,1fr));display:grid}.game-landing .jump-diagram span{place-items:center;min-width:0;min-height:0;display:grid}.game-landing .jump-diagram span.is-dark{background:var(--checkers-slate)}.game-landing .jump-diagram span.is-landing{box-shadow:inset 0 0 0 2px #ffbc56}.game-landing .jump-diagram img{width:86%;height:auto}.game-landing .jump-diagram svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.game-landing .jump-diagram polyline{fill:none;stroke:#ffbc56;stroke-width:.095px;stroke-linecap:round;stroke-linejoin:round}.game-landing .jump-diagram polygon{fill:#ffbc56}.game-landing .jump-diagram figcaption{margin-top:calc(var(--spacing,.25rem) * 2);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--theme-muted)}.game-landing .kings{justify-content:center;align-items:center;display:flex}.game-landing .kings img{width:min(46%,13rem);height:auto;filter:drop-shadow(0 18px 22px var(--theme-shadow))}.game-landing .kings img:first-child{transform:translate(12%,-10%)rotate(-8deg)}.game-landing .kings img:last-child{position:relative;transform:translate(-12%,10%)rotate(6deg)}.game-landing .bots>p:not(.kicker){max-width:var(--container-2xl,42rem)}.game-landing .bots ul{margin-top:calc(var(--spacing,.25rem) * 8);column-gap:calc(var(--spacing,.25rem) * 4);row-gap:calc(var(--spacing,.25rem) * 6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width>=64rem){.game-landing .bots ul{grid-template-columns:repeat(8,minmax(0,1fr))}}.game-landing .bots li{text-align:center;flex-direction:column;align-items:center;display:flex}.game-landing .bots img{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%}.game-landing .bots strong{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--theme-text)}.game-landing .bots span{color:var(--theme-muted);font-size:.68rem;font-weight:700}.game-landing .pair{gap:calc(var(--spacing,.25rem) * 12);display:grid}@media (width>=40rem){.game-landing .pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.game-landing .pair{gap:calc(var(--spacing,.25rem) * 14)}}.game-landing .pair img{margin-bottom:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 14);width:calc(var(--spacing,.25rem) * 14);filter:drop-shadow(0 6px 8px var(--theme-shadow))}.game-landing .pair h2{font-size:var(--text-2xl,1.5rem)!important;line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))!important}.game-landing .about p{margin-top:calc(var(--spacing,.25rem) * 3);max-width:var(--container-2xl,42rem)}.checkers-landing{container:checkers-landing/inline-size}.checkers-landing .hero.checkers-hero{background:radial-gradient(at 82% 55%,#782337,#0000 64%),linear-gradient(132deg,#301921,#19131d);align-items:center;min-height:0;padding:0;display:grid;box-shadow:inset 0 0 0 1px #83505b}.checkers-landing .hero.checkers-hero:before{content:none}.checkers-landing .hero.checkers-hero .copy{z-index:1;padding:clamp(1.25rem,4cqi,2.5rem)}.checkers-landing .hero.checkers-hero .kicker{color:#ffbaba}.checkers-landing .hero.checkers-hero h1{line-height:1.02;font-size:clamp(2.75rem,8cqi,5rem)!important}.checkers-landing .hero.checkers-hero .tagline{margin-top:calc(var(--spacing,.25rem) * 2);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);font-size:clamp(1.05rem,2.7cqi,1.45rem);line-height:1.25}.checkers-landing .hero.checkers-hero .summary{max-width:29ch;line-height:1.5}.checkers-landing .hero.checkers-hero .hero-access{margin-top:calc(var(--spacing,.25rem) * 4);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#e5c2cb}.checkers-landing .hero.checkers-hero .hero-scene{align-self:stretch;min-height:clamp(13rem,66cqi,19rem);position:relative}.checkers-landing .hero.checkers-hero .hero-scene:before{background:repeating-conic-gradient(#ffbaa5 0 25%, transparent 0 50%) 0 0 / 4rem 4rem;opacity:.14;content:"";position:absolute;inset:2% 0 0;-webkit-mask-image:radial-gradient(at 50% 60%,#000 0%,#0000 68%);mask-image:radial-gradient(at 50% 60%,#000 0%,#0000 68%)}.checkers-landing .hero.checkers-hero .hero-scene img{filter:drop-shadow(0 12px 22px #190a16aa);width:auto;max-width:none;height:112%;position:absolute;inset-block-start:.5rem;inset-inline-start:50%;transform:translate(-50%)}@container checkers-landing (width>=36rem){.checkers-landing .hero.checkers-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.checkers-landing .hero.checkers-hero .hero-scene img{height:calc(100% - .35rem);inset-block-start:1rem}}.checkers-landing>.your-stats dl.checkers-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@container checkers-landing (width>=38rem){.checkers-landing>.your-stats dl.checkers-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.checkers-landing>.your-stats dl.checkers-metrics>div{border:1px solid var(--metric-accent);min-width:0;padding:clamp(.65rem,2cqi,1rem)}@supports (color:color-mix(in lab, red, red)){.checkers-landing>.your-stats dl.checkers-metrics>div{border:1px solid color-mix(in srgb, var(--metric-accent) 24%, var(--theme-border))}}.checkers-landing>.your-stats dl.checkers-metrics>div{background:var(--metric-accent);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.checkers-landing>.your-stats dl.checkers-metrics>div{background:color-mix(in srgb, var(--metric-accent) 7%, var(--theme-surface))}}.checkers-landing>.your-stats dl.checkers-metrics .metric-games{--metric-accent:#e95168}.checkers-landing>.your-stats dl.checkers-metrics .metric-record{--metric-accent:#73be96}.checkers-landing>.your-stats dl.checkers-metrics .metric-rate{--metric-accent:#edba60}.checkers-landing>.your-stats dl.checkers-metrics .metric-streak{--metric-accent:#ff865e}.checkers-landing>.your-stats dl.checkers-metrics dt{align-items:center;gap:calc(var(--spacing,.25rem) * 2);letter-spacing:normal;text-transform:none;font-size:.75rem;line-height:1.2;display:flex}.checkers-landing>.your-stats dl.checkers-metrics dt img{flex:none;width:clamp(1.65rem,5cqi,2.25rem);height:auto}.checkers-landing>.your-stats dl.checkers-metrics dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.25rem,4cqi,1.8rem)}.checkers-landing>.your-stats dl.checkers-metrics dd small{color:var(--theme-muted);white-space:nowrap;font-size:.67rem}.checkers-landing .jump-story{grid-template-columns:minmax(0,1fr)}@container checkers-landing (width>=34rem){.checkers-landing .jump-story{grid-template-columns:minmax(0,1fr) minmax(11rem,18rem)}}.checkers-landing .story p+p{margin-top:.65rem}:is(.checkers-landing,.chess-landing,.board-landing) .hero .hero-actions{margin-top:calc(var(--spacing,.25rem) * 5);align-items:center;column-gap:calc(var(--spacing,.25rem) * 4);row-gap:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;display:flex}:is(.checkers-landing,.chess-landing,.board-landing) .hero .hero-rules{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);text-underline-offset:4px;text-decoration-line:underline}:is(.checkers-landing,.chess-landing,.board-landing) .mode-list{margin-top:calc(var(--spacing,.25rem) * 5);gap:calc(var(--spacing,.25rem) * 4);display:grid}@container (width>=34rem){:is(.checkers-landing,.chess-landing,.board-landing) .mode-list{grid-template-columns:repeat(3,minmax(0,1fr))}}:is(.checkers-landing,.chess-landing,.board-landing) .mode-list article{border-block-start:1px solid var(--theme-border);padding-block-start:.75rem}:is(.checkers-landing,.chess-landing,.board-landing) .mode-list p{margin-top:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}:is(.chess-landing,.board-landing){container-type:inline-size}.board-landing .hero .art{z-index:-2}.board-landing .hero:before{background:linear-gradient(90deg,#15131f 0%,#15131fd9 35%,#15131f26 100%)}.board-landing .hero .summary{max-width:34ch}.board-landing :is(.connect4-hero,.backgammon-hero,.reversi-hero,.dots-and-boxes-hero){background:radial-gradient(at 79% 60%,#444174,#0000 66%),linear-gradient(135deg,#21192d,#241e3a);align-items:center;min-height:0;padding:0;display:grid;box-shadow:inset 0 0 0 1px #57456a}.board-landing :is(.connect4-hero,.backgammon-hero,.reversi-hero,.dots-and-boxes-hero):before{content:none}.board-landing :is(.connect4-hero,.backgammon-hero,.reversi-hero,.dots-and-boxes-hero) .kicker{color:#ffaddf}.board-landing :is(.connect4-hero,.backgammon-hero,.reversi-hero,.dots-and-boxes-hero) .copy{padding:clamp(1.25rem,4cqi,2.75rem)}.board-landing :is(.connect4-hero,.backgammon-hero,.reversi-hero,.dots-and-boxes-hero) h1{white-space:nowrap;line-height:1;font-size:clamp(2.75rem,6.9cqi,5.5rem)!important}.board-landing :is(.connect4-hero,.backgammon-hero,.reversi-hero,.dots-and-boxes-hero) .tagline{margin-top:calc(var(--spacing,.25rem) * 3);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);font-size:clamp(1.1rem,3.2cqi,1.65rem);line-height:1.2}.board-landing :is(.connect4-hero,.backgammon-hero,.reversi-hero,.dots-and-boxes-hero) .hero-scene{place-self:end center;width:min(100%,38rem);height:auto;display:block}@container (width>=37rem){.board-landing :is(.connect4-hero,.backgammon-hero,.reversi-hero,.dots-and-boxes-hero){grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.board-landing :is(.connect4-hero,.backgammon-hero,.reversi-hero,.dots-and-boxes-hero) .copy{padding-inline-end:0}}.board-landing .connect4-hero{background:radial-gradient(at 82% 60%,#66483a,#0000 66%),linear-gradient(135deg,#2d2222,#2e2525);box-shadow:inset 0 0 0 1px #745748}.board-landing .connect4-hero .kicker{color:#ffc6a2}.board-landing :is(.backgammon-hero,.reversi-hero,.dots-and-boxes-hero) .hero-scene{position:relative}.board-landing :is(.backgammon-hero,.reversi-hero,.dots-and-boxes-hero) .hero-scene img{height:auto;position:absolute}.board-landing :is(.backgammon-hero,.reversi-hero,.dots-and-boxes-hero) .hero-host{z-index:1;bottom:0}.board-landing .backgammon-hero{background:radial-gradient(at 75% 58%,#695174,#0000 68%),linear-gradient(135deg,#25182d,#38283f);box-shadow:inset 0 0 0 1px #69516f}.board-landing .backgammon-hero h1{font-size:clamp(2.25rem,5.65cqi,4.8rem)!important}.board-landing .backgammon-hero .hero-scene{aspect-ratio:116/85}.board-landing .backgammon-hero .hero-board{filter:drop-shadow(0 .5rem .75rem #180f2299);width:61%;bottom:3.25%;right:2.5%}.board-landing .backgammon-hero .hero-host{width:47.3%;left:2.75%}.board-landing .reversi-hero{background:radial-gradient(at 93% 60%,#23584e,#0000 52%),linear-gradient(135deg,#261b32,#392945 65%,#263d3d);box-shadow:inset 0 0 0 1px #67516f}.board-landing .reversi-hero .hero-scene{aspect-ratio:5/4}.board-landing .reversi-hero .hero-board{filter:drop-shadow(0 .6rem .75rem #0f0f1c94);width:73%;bottom:6%;right:2%}.board-landing .reversi-hero .hero-host{width:44%;left:5%}@container (width>=37rem){.board-landing .reversi-hero .hero-host{width:51%;left:2%}}.board-landing .dots-and-boxes-hero{background:radial-gradient(at 83% 61%,#31525b,#0000 59%),linear-gradient(135deg,#252a32,#1b2833);box-shadow:inset 0 0 0 1px #49626a}.board-landing .dots-and-boxes-hero h1{white-space:normal;font-size:clamp(2.05rem,4.9cqi,4.5rem)!important}.board-landing .dots-and-boxes-hero .hero-scene{aspect-ratio:5/4}.board-landing .dots-and-boxes-hero .hero-board{filter:drop-shadow(0 .6rem .75rem #0c121a9e);width:73%;bottom:7%;right:2%}.board-landing .dots-and-boxes-hero .hero-host{width:51%;left:3%}.chess-landing .chess-hero{--accent-ink:#a9c8ff;background:radial-gradient(at 82% 70%,#294b87,#0000 65%),linear-gradient(140deg,#202c46,#161b2b);align-items:center;min-height:0;padding:0;display:grid;box-shadow:inset 0 0 0 1px #4e6590}.chess-landing .chess-hero:before{content:none}.chess-landing .chess-hero .copy{z-index:1;padding:clamp(1.25rem,4.5cqi,2.75rem)}.chess-landing .chess-hero h1{line-height:1;font-size:clamp(3rem,9cqi,5.5rem)!important}.chess-landing .chess-hero .tagline{margin-top:calc(var(--spacing,.25rem) * 2);font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);font-size:clamp(1.1rem,3cqi,1.55rem);line-height:1.25}.chess-landing .chess-hero .summary{max-width:30ch;line-height:1.55}.chess-landing .chess-hero .hero-scene{align-self:stretch;min-height:clamp(12rem,65cqi,18rem);position:relative}.chess-landing .chess-hero .hero-scene:before{background:repeating-conic-gradient(#a4c2ff 0 25%, transparent 0 50%) 0 0 / 4rem 4rem;opacity:.16;content:"";position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 70%,#000,#0000 72%);mask-image:radial-gradient(at 50% 70%,#000,#0000 72%)}.chess-landing .chess-hero .hero-scene img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 22px #10192e);width:100%;height:100%;position:absolute;inset:0}@container (width<=33.99rem){.chess-landing .chess-hero .hero-scene img{width:min(100%,21rem);height:auto;inset:0 auto auto 50%;transform:translate(-50%)}}@container (width>=34rem){.chess-landing .chess-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(21rem,52cqi,29rem)}.chess-landing .chess-hero .copy{padding-inline-end:0}}.game-landing.chess-landing>.your-stats{--stats-record:#6bb796;--stats-streak:#ef986c}.game-landing.chess-landing>.your-stats .stat-games{--stat-accent:#83afff}.game-landing.chess-landing>.your-stats .stat-rate{--stat-accent:#ecc174}.game-landing.chess-landing>.your-stats .chess-record span[aria-hidden]{color:inherit;font-size:clamp(.95rem,3.5cqi,1.55rem)}.game-landing.chess-landing>:is(.ways-to-play,.chess-guides){margin-block-start:clamp(2.75rem,8cqi,4.5rem)}.game-landing.chess-landing .chess-guides{border-top:1px solid var(--theme-border);grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,4cqi,2.75rem);padding-block-start:clamp(1.75rem,4cqi,2.75rem)}@container (width>=36rem){.game-landing.chess-landing .chess-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}.document-content:has(>.board-page-nav)>main{width:100%;padding-top:calc(var(--spacing,.25rem) * 6);padding-bottom:calc(var(--spacing,.25rem) * 16)}@media (width>=64rem){.document-content:has(>.board-page-nav)>main{padding-bottom:calc(var(--spacing,.25rem) * 20)}}.document-content:has(>.board-page-nav)>main{padding-inline:var(--page-inset);--card:var(--theme-surface);--card-border:var(--theme-border);--accent-ink:var(--category-accent-text,var(--theme-accent-text));--accent-wash:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.document-content:has(>.board-page-nav)>main{--accent-wash:color-mix(in srgb, var(--accent-ink) 14%, transparent)}}.document-content:has(>.board-page-nav)>main{max-width:none;color:var(--theme-text);margin-inline:0}:is(.document-content:has(>.board-page-nav)>main h1,.document-content:has(>.board-page-nav)>main h2,.document-content:has(>.board-page-nav)>main h3,.document-content:has(>.board-page-nav)>main strong){color:var(--theme-text)}.document-content:has(>.board-page-nav)>main .intro h1{font-family:var(--font-brand);letter-spacing:-.04em;margin-top:.75rem;color:var(--theme-text)!important;font-size:clamp(2.25rem,5vw,3rem)!important;font-weight:800!important;line-height:1.05!important}.document-content:has(>.board-page-nav)>main .stats-title{font-family:var(--font-brand);letter-spacing:-.04em;margin-top:.75rem;color:var(--theme-text)!important;font-size:clamp(2.25rem,5vw,3rem)!important;font-weight:800!important;line-height:1.05!important}.document-content:has(>.board-page-nav)>main .rule h2{color:var(--theme-text)!important;font-size:1.5rem!important;font-weight:800!important}.document-content:has(>.board-page-nav)>main .cta-panel h2{color:var(--theme-text)!important;font-size:1.5rem!important;font-weight:800!important}.document-content:has(>.board-page-nav)>main .stats-section-title{color:var(--theme-text)!important;font-size:1.5rem!important;font-weight:800!important}.document-content:has(>.board-page-nav)>main .stats-anonymous-title{color:var(--theme-text)!important;font-size:1.5rem!important;font-weight:800!important}.document-content:has(>.board-page-nav)>main .cards h3{color:var(--theme-text)!important;font-weight:800!important}.document-content:has(>.board-page-nav)>main .stats-opponent{color:var(--theme-text)!important;font-weight:800!important}.document-content:has(>.board-page-nav)>main .stats-opponent-name{color:var(--theme-text)!important;font-weight:800!important}:is(.document-content:has(>.board-page-nav)>main .kicker,.document-content:has(>.board-page-nav)>main .lark-kicker,.document-content:has(>.board-page-nav)>main .stats-label,.document-content:has(>.board-page-nav)>main .stats-outcome){color:var(--accent-ink)}.document-content:has(>.board-page-nav)>main .intro .copy{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .rule>.copy{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .rule .card ul{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .cards p{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .callout p{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .cta-panel .copy{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .attribution{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .glance .stat span{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .start-board figcaption{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .quick-ref .copy{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .stats-introduction{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .stats-anonymous-copy{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .stats-detail{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .stats-count{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .stats-empty-copy{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .stats-metadata{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .stats-metric-label{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .stats-opponent-detail{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .stats-record{color:var(--theme-muted)}.document-content:has(>.board-page-nav)>main .intro .copy{font-size:1rem;line-height:1.75rem}.document-content:has(>.board-page-nav)>main .stats-introduction{font-size:1rem;line-height:1.75rem}.document-content:has(>.board-page-nav)>main .intro .actions{margin-top:1.5rem}.document-content:has(>.board-page-nav)>main .table-of-contents a:hover{background:var(--theme-hover)}.document-content:has(>.board-page-nav)>main .rule .tip{background:var(--theme-accent-soft);color:var(--theme-accent-text)}.document-content:has(>.board-page-nav)>main .rule .callout{border-color:var(--theme-brand);background:var(--theme-brand)}@supports (color:color-mix(in lab, red, red)){.document-content:has(>.board-page-nav)>main .rule .callout{background:color-mix(in srgb, var(--theme-brand) 10%, transparent)}}.document-content:has(>.board-page-nav)>main .quick-ref{border:1px solid var(--theme-border);background:var(--theme-panel-muted);color:var(--theme-text)}:is(.document-content:has(>.board-page-nav)>main .quick-ref .kicker,.document-content:has(>.board-page-nav)>main .quick-ref .num){color:var(--accent-ink)}.document-content:has(>.board-page-nav)>main .quick-ref h2{color:var(--theme-text)}.document-content:has(>.board-page-nav)>main .quick-ref li{background:var(--theme-surface)}.document-content:has(>.board-page-nav)>main .start-board .grid{background:var(--theme-panel-muted);box-shadow:0 16px 40px var(--theme-shadow)}:is(.document-content:has(>.board-page-nav)>main .stats-anonymous,.document-content:has(>.board-page-nav)>main .stats-summary-card,.document-content:has(>.board-page-nav)>main .stats-entry,.document-content:has(>.board-page-nav)>main .stats-opponent-card){border-color:var(--theme-border);background:var(--theme-surface);box-shadow:none}.document-content:has(>.board-page-nav)>main .stats-empty{border-color:var(--theme-border-strong)}:is(.document-content:has(>.board-page-nav)>main .stats-value,.document-content:has(>.board-page-nav)>main .stats-metric-value){color:var(--theme-text)}:is(.document-content:has(>.board-page-nav)>main .stats-termination,.document-content:has(>.board-page-nav)>main .stats-metric){background:var(--theme-panel-muted);color:var(--theme-text)}.document-content>.board-page-nav{width:auto;margin:1rem var(--page-inset) 0}@media (width>=64rem){.document-content>.board-page-nav{margin-top:1.5rem}html:has(.board-page-nav){scrollbar-gutter:stable}}@media (width<=1023px){.browse-shell:has(:is(.chess-landing,.checkers-landing,.board-landing)) .shell-panel.is-standalone:not(.is-open){visibility:hidden}.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .browse-header .drawer-trigger:last-child{display:none}.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .content-row{flex-direction:column;align-items:stretch}.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .shell-main.is-browse{display:contents}.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .document-content{display:contents}:is(.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .document-content>.board-page-nav,.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .document-content>.daily-lockup-nav){order:-2}.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .shell-panel-column{z-index:auto;width:auto;height:auto;padding:.75rem var(--page-inset) 0;order:-1;position:static;transform:none}.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .shell-panel-column [data-shell-title-panel]{display:none}.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .content-row>.shell-panel.is-standalone{z-index:auto;width:auto;height:auto;margin:.75rem var(--page-inset) 0;order:-1;position:static;transform:none}.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .shell-panel{border-radius:12px;flex:none;overflow:visible}:is(.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) .play-dock:has(.start-game),.browse-shell:has(.game-landing:not(.chess-landing,.checkers-landing,.board-landing)) [data-game-panel-dock]:has(.start-game)){z-index:5;background:var(--theme-panel);position:sticky;bottom:0}}.checkers-panel .dock{border-color:var(--theme-border)}.checkers-panel .dock .live,.checkers-panel .dock .board-record,.checkers-panel .dock .board-record strong,.checkers-panel .dock .board-record .board-record-label{color:var(--theme-muted)}.checkers-panel .dock .action{border-color:var(--theme-border-strong);color:var(--theme-text)}.checkers-panel .dock .action:hover{background:var(--theme-hover)}.checkers-panel .dock .action.quiet{color:var(--theme-muted)}:is(.checkers-landing,.chess-landing,.board-landing) .hero[class] h1{font-size:var(--game-hero-title)!important}@container (width>=37rem){:is(.checkers-landing,.chess-landing,.board-landing) .hero[class]{min-height:var(--game-hero-height)}:is(.checkers-landing,.chess-landing,.board-landing) .hero[class]:not(.chess-hero,.checkers-hero){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:is(.checkers-landing,.chess-landing,.board-landing) .hero[class] .copy{padding-block:1.5rem}:is(.checkers-landing,.chess-landing,.board-landing) .hero[class] img.hero-scene{width:auto;max-width:100%;max-height:var(--game-hero-height)}:is(.checkers-landing,.chess-landing,.board-landing) .hero[class] div.hero-scene[role=img]{width:min(100%, calc(var(--game-hero-height) * var(--scene-ratio,1.25)))}}.board-landing .backgammon-hero{--scene-ratio:1.36}#backgammon-room{position:absolute;inset:0}#backgammon-room .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}#backgammon-room .seat .avatar{border-color:var(--color-lark-lake)}.backgammon-stack .status{color:var(--theme-muted);white-space:nowrap;font-size:.65rem;font-weight:800}.board-stack.backgammon-stack{--board-surface-gap:1.25rem;width:min(calc(100cqw - var(--board-stage-edge-gap) * 2), calc((100cqh - var(--board-stage-edge-gap) * 2 - var(--board-player-bar-height) * 2 - var(--board-surface-gap) * 2) * 1.5))}.board-stack.backgammon-stack .board-frame{aspect-ratio:3/2}@keyframes backgammon-legal-pulse{0%{opacity:.72;transform:scale(.82)}to{opacity:1;transform:scale(1.08)}}.backgammon-board{--backgammon-checker-size:min(calc(100cqw / 15.75), calc((100cqw / 3 - 12px) / 5));--backgammon-checker-stack-gap:1px;--backgammon-target-height:.3rem;--backgammon-lemon:#f9df66;--backgammon-bar-width:clamp(2rem, 9cqw, 4.5rem);aspect-ratio:3/2;background:linear-gradient(90deg, #a98834, var(--backgammon-lemon)) left 8% top 2px / 12% 2px no-repeat, linear-gradient(90deg, var(--backgammon-lemon), #a98834) right 8% bottom 2px / 12% 2px no-repeat, linear-gradient(145deg, #746481, #3d314d 34%, #21192d 76%, #4e3d5e);border-radius:clamp(8px,1.8cqw,16px);width:100%;padding:clamp(6px,1.2cqw,12px);position:relative;box-shadow:inset 0 1px #e4d0f475,inset 0 -2px #1b1323,0 .65rem 1.2rem #0d081659;container-type:inline-size}.backgammon-board .layout{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0, 1fr) var(--backgammon-bar-width) minmax(0, 1fr);background:radial-gradient(at 50% 40%,#5a4d6d,#463a58 82%);border-radius:clamp(3px,.8cqw,7px);column-gap:clamp(2px,.8cqw,8px);height:100%;display:grid;box-shadow:inset 0 0 0 1px #120c1b94,inset 0 2px 6px #150f1e73}.backgammon-board .quadrant{grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;display:grid}.backgammon-board .point{--tw-outline-style:none;outline-style:none;min-width:0;position:relative}.backgammon-board .point:hover .triangle{filter:brightness(1.1)}.backgammon-board .point:focus-visible{outline:2px solid var(--backgammon-lemon);outline-offset:-3px;z-index:5}.backgammon-board .point.is-target:before{content:"";z-index:6;height:var(--backgammon-target-height);background:var(--color-lark-lime);border-radius:999px;animation:.68s ease-in-out infinite alternate backgammon-legal-pulse;position:absolute;inset-inline:12%;box-shadow:0 0 14px #68d63da6}.backgammon-board .point.is-hit:before{background:var(--color-lark-coral-v3-lift);box-shadow:0 0 14px #e47a5aa6}@supports (color:color-mix(in lab, red, red)){.backgammon-board .point.is-hit:before{box-shadow:0 0 14px color-mix(in srgb, var(--color-lark-coral-v3-lift) 65%, transparent)}}.backgammon-board .point.is-selected:after{content:"";background:var(--backgammon-lemon);z-index:4;height:.25rem;position:absolute;inset-inline:0}.backgammon-board .triangle{background:linear-gradient(var(--backgammon-point-direction), var(--backgammon-point-base), var(--backgammon-point-tip));height:92%;transition:filter .15s;position:absolute;inset-inline:3%}.backgammon-board .triangle.is-red{--backgammon-point-base:#c2a585;--backgammon-point-tip:#9b7b69}.backgammon-board .triangle.is-blue{--backgammon-point-base:#948aaf;--backgammon-point-tip:#73688e}.backgammon-board .checkers{justify-content:flex-start;align-items:center;gap:var(--backgammon-checker-stack-gap);pointer-events:none;flex-direction:column;display:flex}.backgammon-board .point .checkers{z-index:2;max-height:100%;position:absolute;inset-inline:3%}.backgammon-board .piece{width:var(--backgammon-checker-size);height:var(--backgammon-checker-size);aspect-ratio:1;filter:drop-shadow(0 .06rem .08rem #140a074d);border-radius:50%;flex:none;place-items:center;transition:transform .15s,filter .15s;display:grid;position:relative}.backgammon-board .piece.is-selected{filter:drop-shadow(0 0 .35rem #68d63d9e);transform:translateY(-2%)scale(1.09)}.backgammon-board .piece .sprite{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.26)}.backgammon-board .count{background-color:#000000a6;border-radius:2147483647px}@supports (color:color-mix(in lab, red, red)){.backgammon-board .count{background-color:color-mix(in oklab, var(--color-black,#000) 65%, transparent)}}.backgammon-board .count{padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-black,900);font-size:.55rem;font-weight:var(--font-weight-black,900);color:var(--color-white,#fff)}.backgammon-board .point .count{z-index:3;position:absolute;left:50%;transform:translate(-50%)}.backgammon-board .down .point.is-target:before{top:calc(-.25rem - var(--board-surface-gap) / 2 - var(--backgammon-target-height) / 2)}.backgammon-board .down .triangle{--backgammon-point-direction:to bottom;clip-path:polygon(0 0,100% 0,50% 100%);top:0}.backgammon-board .down .checkers{top:.125rem}.backgammon-board .down .count{top:.25rem}.backgammon-board .down .point.is-selected:after{top:0}.backgammon-board .up .point.is-target:before{bottom:calc(-.25rem - var(--board-surface-gap) / 2 - var(--backgammon-target-height) / 2)}.backgammon-board .up .triangle{--backgammon-point-direction:to top;clip-path:polygon(50% 0,100% 100%,0 100%);bottom:0}.backgammon-board .up .checkers{flex-direction:column-reverse;bottom:.125rem}.backgammon-board .up .count{bottom:.25rem}.backgammon-board .up .point.is-selected:after{bottom:0}.backgammon-board .bar{background:linear-gradient(90deg,#2b2338,#463751 26%,#3a2e46 74%,#251d31);border-inline:1px solid #78658a;flex-direction:column;grid-row:span 2/span 2;justify-content:space-between;align-items:center;padding:clamp(3px,1.3cqw,12px) clamp(2px,.55cqw,5px);display:flex;position:relative;box-shadow:inset 0 .2rem .5rem #130b1c94}.backgammon-board .bar-button{width:100%;padding-block:var(--spacing,.25rem);--tw-outline-style:none;border-radius:2147483647px;outline-style:none;flex-direction:column;align-items:center;display:flex}.backgammon-board .bar-button:focus-visible{outline:2px solid var(--backgammon-lemon)}.backgammon-board .bar-button.is-dark,.backgammon-board .bar-button.is-dark .checkers{flex-direction:column-reverse}.backgammon-board .bar-button .checkers{width:100%;max-height:48%}.backgammon-board .dice.is-doubles .die{animation:.7s cubic-bezier(.2,.8,.3,1) backgammon-doubles}.backgammon-board .dice{flex-direction:column;align-items:center;gap:clamp(.3rem,1.4cqw,.75rem);width:100%;padding-block:clamp(.2rem,.9cqw,.5rem);display:flex}.backgammon-board .dice .die{aspect-ratio:1;flex-shrink:0;width:min(100%,3.875rem);position:relative}.backgammon-board .dice .die.is-used .face{filter:saturate(.45)brightness(.74);transform:translateY(1px)}.backgammon-board .dice .face{background:radial-gradient(at 25% 0,#fffffff2,#0000 65%),linear-gradient(145deg,#fffaf0 15%,#f0e4cd 65%,#d7c6a9);border:1px solid #fff8e6;border-radius:20%;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:5%;padding:18%;transition:filter .18s,transform .18s;display:grid;position:absolute;inset:0;box-shadow:inset 0 2px 1px #fffffff2,inset 2px 0 2px #ffffff8c,inset -2px -3px 3px #75563333,0 clamp(2px,.5cqw,4px) #b39c86,0 clamp(3px,.65cqw,5px) #766477,0 .4rem .55rem #140c1c73}.backgammon-board .dice .face.face-1 .pip:nth-child(5),.backgammon-board .dice .face.face-2 .pip:is(:first-child,:nth-child(9)),.backgammon-board .dice .face.face-3 .pip:is(:first-child,:nth-child(5),:nth-child(9)),.backgammon-board .dice .face.face-4 .pip:is(:first-child,:nth-child(3),:nth-child(7),:nth-child(9)),.backgammon-board .dice .face.face-5 .pip:is(:first-child,:nth-child(3),:nth-child(5),:nth-child(7),:nth-child(9)),.backgammon-board .dice .face.face-6 .pip:is(:first-child,:nth-child(3),:nth-child(4),:nth-child(6),:nth-child(7),:nth-child(9)){visibility:visible}.backgammon-board .dice .pip{visibility:hidden;background:radial-gradient(circle at 65% 75%,#534456,#251d31 70%);border-radius:50%;box-shadow:inset 0 1.5px 1.5px #000000a6,0 1px #ffffffe6}.backgammon-board .dice .uses{bottom:5%;justify-content:center;gap:5%;display:flex;position:absolute;inset-inline:0}.backgammon-board .dice .uses .use{background:#72521d;border-radius:999px;width:16%;height:clamp(1px,.5cqw,3px)}.backgammon-board .dice .uses .use.is-used{background:#b4a9a8}.backgammon-board .dice .empty{font-family:var(--font-display,"Sora", ui-sans-serif, system-ui, sans-serif);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.backgammon-board .dice .empty{color:color-mix(in oklab, var(--color-white,#fff) 35%, transparent)}}.backgammon-board .off-counts{pointer-events:none;z-index:5;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);grid-template-columns:minmax(0, 1fr) var(--backgammon-bar-width) minmax(0, 1fr);inset-inline:0;justify-items:center;display:grid;position:absolute;top:50%}.backgammon-board .off-counts span{white-space:nowrap;padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);--tw-tracking:.1em;letter-spacing:.1em;color:var(--color-white,#fff);text-transform:uppercase;background-color:oklab(23.3112% .0206476 -.0332354/.9);border-radius:2147483647px;font-size:clamp(.47rem,1.55cqw,.58rem)}.backgammon-board .off-counts span:last-child{grid-column:3}.backgammon-board .bear-off{right:calc(var(--spacing,.25rem) * 2);bottom:calc(var(--spacing,.25rem) * 2);z-index:7;border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-lark-lime,#68d63d);background-color:var(--color-lark-interface,#211a17);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:var(--color-lark-lime,#68d63d);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:9px;position:absolute}.backgammon-board .bear-off:disabled{cursor:default;opacity:0}@media (prefers-reduced-motion:reduce){.backgammon-board .point.is-target:before,.backgammon-board .dice.is-doubles .die{animation:none}.backgammon-board .dice .face{transition:none}}@keyframes backgammon-doubles{0%{filter:drop-shadow(0 0 #ffd66600);transform:scale(1)}35%{filter:drop-shadow(0 0 10px #ffd666e6);transform:scale(1.18)rotate(-6deg)}70%{transform:scale(.97)rotate(3deg)}to{filter:drop-shadow(0 0 #ffd66600);transform:scale(1)}}.backgammon-panel .match .who{flex:1;min-width:0}.backgammon-panel .connection-error{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-error,#963a32)}.backgammon-panel .turn-actions{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.backgammon-panel .turn-actions .roll{flex:1;min-width:0}.backgammon-panel .turn-actions .turn-status{border-left:3px solid var(--game-sidebar-accent);flex-direction:column;flex:1;justify-content:center;gap:.375rem;min-width:0;min-height:3.5rem;padding:.375rem .75rem;display:flex}.backgammon-panel .turn-actions .turn-status strong{color:var(--game-sidebar-text);overflow-wrap:anywhere;font-size:1rem;font-weight:800}.backgammon-panel .turn-actions .turn-status span{color:var(--game-sidebar-muted);font-size:.875rem;line-height:1.4}.backgammon-panel .turn-actions .undo{color:var(--game-sidebar-text);border:1px solid #fff3;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .75rem;font-size:.875rem;font-weight:700;display:inline-flex}.backgammon-panel .turn-actions .undo svg{width:1rem;height:1rem}.backgammon-panel .turn-actions .undo:hover:not(:disabled){background:#ffffff14}.backgammon-panel .turn-actions .undo:focus-visible{outline:2px solid var(--color-lark-lime);outline-offset:2px}.backgammon-panel .turn-actions .undo:disabled{cursor:default;opacity:.4}.backgammon-panel .perspective{color:var(--theme-muted);margin-top:.5rem;font-size:.75rem}.backgammon-panel .move.is-capture{color:var(--color-lark-coral-v3)}.backgammon-landing .your-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}@container (width>=34rem){.backgammon-landing .your-stats dl{grid-template-columns:repeat(4,minmax(0,1fr))}}.backgammon-landing .your-stats dl>div{border:1px solid var(--theme-border);background:linear-gradient(135deg, #aa86bd, var(--theme-surface));border-radius:.85rem;min-width:0;padding:clamp(.75rem,2.6cqi,1.25rem)}@supports (color:color-mix(in lab, red, red)){.backgammon-landing .your-stats dl>div{background:linear-gradient(135deg, color-mix(in srgb, #aa86bd 13%, var(--theme-surface)), var(--theme-surface))}}.backgammon-landing .your-stats dt{gap:.6rem;display:grid}.backgammon-landing .your-stats dd{font-variant-numeric:tabular-nums;font-size:clamp(1.3rem,4cqi,1.875rem)}.backgammon-landing .your-stats dl+p{margin-top:.65rem}:is(.backgammon-landing,[data-board-stats-page=backgammon]) .board-stat-art{object-fit:contain;border-radius:.55rem;width:2.75rem;height:2.75rem}[data-board-stats-page=backgammon]{container-type:inline-size}[data-board-stats-page=backgammon] .stats-illustrated-header{border:1px solid var(--theme-border);background:radial-gradient(ellipse at 80% 60%, #aa86bd, var(--theme-surface) 72%);border-radius:1rem;align-items:center;gap:1rem;padding:clamp(1rem,4cqi,2rem);display:grid}@supports (color:color-mix(in lab, red, red)){[data-board-stats-page=backgammon] .stats-illustrated-header{background:radial-gradient(ellipse at 80% 60%, color-mix(in srgb, #aa86bd 26%, var(--theme-surface)), var(--theme-surface) 72%)}}[data-board-stats-page=backgammon] .stats-illustrated-header img{justify-self:center;width:clamp(7rem,23cqi,10rem);height:auto}@container (width>=31rem){[data-board-stats-page=backgammon] .stats-illustrated-header{grid-template-columns:minmax(0,1fr) auto}}[data-board-stats-page=backgammon] .stats-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@container (width>=42rem){[data-board-stats-page=backgammon] .stats-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-board-stats-page=backgammon] .stats-summary-card{min-width:0;padding:clamp(.75rem,2.6cqi,1.25rem)}[data-board-stats-page=backgammon] .stats-summary-card .board-stat-art{margin-bottom:.6rem}[data-board-stats-page=backgammon] .stats-value{font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,4cqi,1.875rem)}.standard-rules{container:board-rules/inline-size}.standard-rules .objective{align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.standard-rules .objective img{border-radius:1rem;width:5rem;height:5rem}.standard-rules .objective .kicker+p{font-family:var(--font-display);margin-top:.5rem;font-size:1.25rem;font-weight:800;line-height:1.3}.standard-rules .rules-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:2.5rem;margin-top:4rem;display:grid}.standard-rules .rules{min-width:0;margin-top:0}.standard-rules .table-of-contents{padding:1.25rem}.standard-rules .table-of-contents ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.5rem;margin-top:1rem;display:grid}.standard-rules .table-of-contents a{color:var(--theme-muted);border-radius:.5rem;padding:.6rem;font-size:.85rem;font-weight:700;display:block}.standard-rules .table-of-contents a:hover{background:var(--accent-wash);color:var(--theme-text)}@container board-rules (width>=50rem){.standard-rules>header{grid-template-columns:minmax(0,1fr) 19rem;align-items:center}.standard-rules .objective{flex-direction:column;align-items:start}.standard-rules .rules-layout{grid-template-columns:13rem minmax(0,1fr)}.standard-rules .table-of-contents{position:sticky;top:1.5rem}}#connect4-room{position:absolute;inset:0}#connect4-room .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}#connect4-room .seat .avatar{border-color:#f6c857}.board-stack.connect4-stack{width:min(calc(100cqw - var(--board-stage-edge-gap) * 2), calc((100cqh - var(--board-stage-edge-gap) * 2 - var(--board-player-bar-height) * 2) * 1.05))}.board-stack.connect4-stack .board-frame{aspect-ratio:auto}.board-stack.connect4-stack .status{color:var(--theme-muted);white-space:nowrap;font-size:.65rem;font-weight:800}.connect4-board{--connect4-board-padding:clamp(.55rem, 1.35cqw, .9rem);--connect4-slot-gap:clamp(.3rem, .9cqw, .48rem);--connect4-copper:#dc9a70;--connect4-focus:#ffd4b2;width:100%;position:relative}.connect4-board .controls{gap:var(--connect4-slot-gap);height:clamp(1.65rem,3.5cqw,2rem);padding-inline:var(--connect4-board-padding);grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:.35rem;display:grid}.connect4-board .controls.is-finished{visibility:hidden}.connect4-board .drop{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none;justify-content:center;align-items:center;display:flex}.connect4-board .drop:disabled{cursor:not-allowed;opacity:.25}.connect4-board .drop{color:#f5e4d6;background:#37302e;border:0;border-radius:999px;position:relative;box-shadow:inset 0 1px #ffdfc52e}.connect4-board .drop:is(:hover,:focus-visible,.is-aimed):enabled{color:var(--connect4-focus);background:#574135}.connect4-board .drop.is-receiving{box-shadow:inset 0 -2px 0 var(--connect4-copper)}.connect4-board .drop:focus-visible{outline:2px solid var(--connect4-focus);outline-offset:2px}.connect4-board .drop svg{width:clamp(1.05rem,2.8cqw,1.3rem);height:clamp(1.05rem,2.8cqw,1.3rem)}.connect4-board .drop.is-aimed svg{opacity:0}.connect4-board .drop.is-rejected:enabled{color:#ffb39e;background:#512e42;box-shadow:inset 0 0 0 1px #ed8a78}.connect4-board .aim-disc{aspect-ratio:1;opacity:0;border-radius:999px;width:clamp(1rem,4.5cqw,1.7rem);transition:opacity .12s,transform .18s cubic-bezier(.2,.85,.25,1.25);position:absolute;top:50%;left:50%;transform:translate(-50%,-70%)scale(.68)}.connect4-board .aim-disc.is-red{filter:drop-shadow(0 .18rem .22rem #1209076b)drop-shadow(0 0 .48rem #ef534547)}.connect4-board .aim-disc.is-yellow{filter:drop-shadow(0 .18rem .22rem #1209076b)drop-shadow(0 0 .48rem #ffd0263d)}.connect4-board .aim-disc.is-aimed{opacity:.88;transform:translate(-50%,-50%)scale(1)}.connect4-board .disc-art{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:none}.connect4-board .aim-disc.is-red .disc-art.is-red,.connect4-board .aim-disc.is-yellow .disc-art.is-yellow,.connect4-board .disc.is-red .disc-art.is-red,.connect4-board .disc.is-yellow .disc-art.is-yellow{display:block}.connect4-board .rack{isolation:isolate;gap:var(--connect4-slot-gap);width:100%;padding:var(--connect4-board-padding);aspect-ratio:7/6;background:linear-gradient(90deg, #8e533a, var(--connect4-copper)) left 9% top 3px / 19% 2px no-repeat, linear-gradient(90deg, var(--connect4-copper), #8e533a) right 9% bottom 3px / 19% 2px no-repeat, radial-gradient(120% 75% at 30% -10%, #edbb912b, transparent 70%), linear-gradient(145deg, #574c45, #3c3532 54%, #2a2524);border-radius:clamp(.8rem,2.2cqw,1.25rem);grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:relative;box-shadow:0 .7rem 1.5rem #150d0a57,inset 0 1px #ffdcc070,inset 0 -2px #1e1918}.connect4-board .cell{min-height:0;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;cursor:pointer;background:linear-gradient(155deg,#211c1b 12%,#2c2523 68%,#342a26);border:0;border-radius:clamp(.45rem,1.35cqw,.9rem);outline-style:none;justify-content:center;align-items:center;transition:box-shadow .14s;display:flex;position:relative;box-shadow:inset 0 .25rem .45rem #100b0aad,inset 0 -1px #dcb09324,0 1px #ebc5a929}.connect4-board .cell:disabled{cursor:default}.connect4-board .cell:focus-visible{outline:2px solid var(--connect4-focus);outline-offset:1px}.connect4-board .cell.is-winning{box-shadow:inset 0 0 0 clamp(2px,.46cqw,4px) #fff0c8,0 0 .55rem #ffc16575}.connect4-board .cell.is-hovered-column:not(.is-winning,.is-preview){box-shadow:inset 0 0 0 1px #dc9a709e,inset 0 .25rem .45rem #100b0aad}.connect4-board .cell.is-rejected-column{box-shadow:inset 0 0 0 2px #ed8a78}.connect4-board .cell.is-latest-drop .disc:not(.is-empty):not(.is-preview){z-index:4;animation:.5s cubic-bezier(.16,.78,.2,1.12) both connect4-disc-land}.connect4-board .cell.is-latest-drop:not(.is-winning):after{z-index:5;aspect-ratio:1;content:"";opacity:.36;pointer-events:none;border:2px solid #fff7e175;border-radius:999px;width:89%;animation:.62s ease-out .18s both connect4-last-move-ring;position:absolute}.connect4-board .cell.is-winning .disc-art{animation:connect4-winning-disc .56s calc(.5s + var(--connect4-win-order,0) * 55ms) ease-in-out}.connect4-board .disc{z-index:3;width:86%;height:86%;box-shadow:none;background:0 0;border-radius:999px;transition:background .14s,box-shadow .14s,opacity .14s,transform .14s;display:block;position:relative}.connect4-board .disc:is(.is-red,.is-yellow){filter:drop-shadow(0 .16rem .17rem #07081780)}.connect4-board .disc.is-preview{border:clamp(2px, .48cqw, 4px) dashed var(--connect4-preview-ring);box-shadow:0 0 .45rem var(--connect4-preview-glow);background:0 0;transform:scale(.83)}.connect4-board .disc.is-preview-red{--connect4-preview-ring:#ff9e9d;--connect4-preview-glow:#ff6a6a5c}.connect4-board .disc.is-preview-yellow{--connect4-preview-ring:#ffe07a;--connect4-preview-glow:#f6c8575c}.connect4-board .winning-line{z-index:6;inset:var(--connect4-board-padding);width:calc(100% - var(--connect4-board-padding) * 2);height:calc(100% - var(--connect4-board-padding) * 2);pointer-events:none;position:absolute;overflow:visible}.connect4-board .winning-line line{fill:none;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:.46s ease-out .44s forwards connect4-winning-line-draw}.connect4-board .winning-line .glow{stroke:#ffb96066;stroke-width:13px}.connect4-board .winning-line .stroke{stroke:#fff0c8;stroke-width:5px}.connect4-board.is-turn-pulse .controls{animation:.42s both connect4-turn-handoff}@media (prefers-reduced-motion:reduce){.connect4-board .cell.is-latest-drop .disc,.connect4-board .cell.is-latest-drop:after,.connect4-board .cell.is-winning .disc-art,.connect4-board.is-turn-pulse .controls,.connect4-board .winning-line line{animation:none}.connect4-board .winning-line line{stroke-dashoffset:0}}.connect4-panel .match .who{flex:1;min-width:0}.connect4-panel .connection-error{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-error,#963a32)}.connect4-panel .mini-board{background:radial-gradient(circle,#241e1b 35%,#0000 39%) 0 0/25% 25%,#79675f}@keyframes connect4-disc-land{0%{opacity:.72;transform:translateY(calc(var(--connect4-drop-rows,1) * -116%)) scaleX(.92) scaleY(1.08)}67%{opacity:1;transform:translateY(4%)scaleX(1.08)scaleY(.92)}84%{transform:translateY(-2%)scaleX(.97)scaleY(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes connect4-last-move-ring{0%{opacity:0;transform:scale(.72)}55%{opacity:.72;transform:scale(1.08)}to{opacity:.36;transform:scale(1)}}@keyframes connect4-turn-handoff{0%,to{filter:brightness()}50%{filter:brightness(1.28)}}@keyframes connect4-winning-disc{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.06)}}@keyframes connect4-winning-line-draw{to{stroke-dashoffset:0}}#reversi-room{position:absolute;inset:0}#reversi-room .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}#reversi-room .seat .avatar{border-color:var(--color-lark-lake)}.reversi-stack{--board-surface-gap:5px}.reversi-stack .status{white-space:nowrap}:is(.reversi-stack .board-frame,svg.reversi-diagram){--reversi-frame-accent:linear-gradient(90deg, #d5a4ff, #7948a7);background:var(--reversi-frame-accent) left 8% top 1px / 12% 2px no-repeat, var(--reversi-frame-accent) right 8% bottom 1px / 12% 2px no-repeat, linear-gradient(145deg, #675576, #403449 38%, #251e30 75%, #51405e);border-radius:clamp(7px,1.8cqw,14px);padding:clamp(4px,1.1%,9px);box-shadow:inset 0 1px #eed2ff52,inset 0 -1px #21172a,0 4px 12px #140d1c66}svg.reversi-diagram{width:100%;height:auto;display:block}svg.reversi-diagram .diagram-square{fill:var(--color-emerald-800,oklch(43.2% .095 166.913))}svg.reversi-diagram .diagram-square.is-legal{fill:var(--color-emerald-600,oklch(59.6% .145 163.225))}svg.reversi-diagram .diagram-square.is-tinted{fill:#6b8240}@supports (color:color-mix(in lab, red, red)){svg.reversi-diagram .diagram-square.is-tinted{fill:color-mix(in srgb, var(--color-emerald-800), #ffb238 42%)}}.reversi-board{aspect-ratio:1;border-style:var(--tw-border-style);perspective:700px;background-color:#173d2a;border-width:2px;border-color:#173d2a;border-radius:5px;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(2px,.55cqw,4px);width:100%;padding:3px;display:grid;position:relative;overflow:hidden}.reversi-board .square{aspect-ratio:1;background-color:var(--color-emerald-800,oklch(43.2% .095 166.913));min-height:0;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;cursor:default;isolation:isolate;transform-style:preserve-3d;border-radius:4px;outline-style:none;justify-content:center;align-items:center;display:flex;position:relative}.reversi-board .square.is-legal{background-color:var(--color-emerald-600,oklch(59.6% .145 163.225));cursor:pointer}.reversi-board .square.is-legal:hover{background-color:var(--color-emerald-500,oklch(69.6% .17 162.48))}.reversi-board .disc{z-index:2;width:80%;height:80%;box-shadow:none;transform-style:preserve-3d;will-change:transform, filter;background:0 0;border-radius:50%;transition:transform .2s;display:block;position:relative}.reversi-board .hint{aspect-ratio:1;pointer-events:none;border:2px solid #ddfaeb;border-radius:50%;width:clamp(13px,30%,25px);display:block;position:absolute;box-shadow:0 0 0 1px #164b36}.reversi-board .hint.is-black{background:#172027}.reversi-board .hint.is-white{background:#fff3d9;box-shadow:inset 0 0 0 1px #164b36,0 0 0 1px #164b36}.reversi-board .face{object-fit:contain;backface-visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.reversi-board .disc.is-black,.reversi-board .disc.is-white{filter:drop-shadow(0 .2rem .18rem #02120d6b)}.reversi-board .disc.is-black .face.is-black,.reversi-board .disc.is-white .face.is-white{transform:rotateX(0)}.reversi-board .disc.is-black .face.is-white,.reversi-board .disc.is-white .face.is-black{transform:rotateX(180deg)}.reversi-board .disc.is-empty{filter:none;transform:scale(0)}.reversi-board .disc.is-placed{animation:.42s cubic-bezier(.16,.82,.24,1.14) both reversi-disc-place}.reversi-board .disc.is-flipping{animation:reversi-disc-flip .44s var(--reversi-flip-delay,0s) cubic-bezier(.32, .02, .2, 1) both}.reversi-board .square.is-placed:after{z-index:1;content:"";pointer-events:none;border:3px solid #fdbb21d1;border-radius:999px;animation:.52s ease-out both reversi-disc-ring;position:absolute;inset:10%}.reversi-board .square.is-flipping:after{z-index:1;content:"";pointer-events:none;animation:.52s ease-out both reversi-disc-ring;animation-delay:var(--reversi-flip-delay,0s);border:3px solid #b5eabbc2;border-radius:999px;position:absolute;inset:10%}.reversi-board .square.is-rejected{box-shadow:inset 0 0 0 3px #ff826fd1}.reversi-board .square:focus-visible{z-index:5;outline-offset:-3px;outline:3px solid #fdbb21}.reversi-stack .board-clock.is-score-pulse .detail{animation:.52s cubic-bezier(.18,.82,.24,1.12) both reversi-score-pop}.reversi-stack .board-clock[data-clock-state=active] .status{animation:.46s cubic-bezier(.18,.82,.24,1.12) both reversi-turn-handoff}@media (prefers-reduced-motion:reduce){.reversi-board .disc.is-placed,.reversi-board .disc.is-flipping,.reversi-board .square.is-placed:after,.reversi-board .square.is-flipping:after,.reversi-stack .board-clock.is-score-pulse .detail,.reversi-stack .board-clock[data-clock-state=active] .status{animation:none}}.reversi-panel .match .who{flex:1;min-width:0}.reversi-panel .connection-error{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-error,#963a32)}@keyframes reversi-disc-place{0%{opacity:0;filter:brightness(1.45);transform:translateY(-38%)scale(.48)}58%{opacity:1;transform:translateY(5%)scale(1.12,.9)}78%{transform:translateY(-3%)scale(.96,1.05)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}@keyframes reversi-disc-flip{0%{filter:brightness();transform:rotateX(180deg)scale(1)}42%{filter:brightness(1.5);transform:rotateX(98deg)scale(1.08)}58%{filter:brightness(1.35);transform:rotateX(82deg)scale(1.08)}84%{filter:brightness(1.08);transform:rotateX(-4deg)scale(1.04)}to{filter:brightness();transform:rotateX(0)scale(1)}}@keyframes reversi-disc-ring{0%{opacity:.9;transform:scale(.42)}to{opacity:0;transform:scale(1.24)}}@keyframes reversi-score-pop{0%,to{color:inherit;transform:translateY(0)scale(1)}48%{color:#347259;transform:translateY(-.1rem)scale(1.12)}}@keyframes reversi-turn-handoff{0%,to{filter:brightness();transform:scale(1)}52%{filter:brightness(1.18);transform:scale(1.08)}}.game-landing.reversi-landing>.your-stats .head{flex-wrap:wrap}.game-landing.reversi-landing>.your-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@container (width>=34rem){.game-landing.reversi-landing>.your-stats dl{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-landing.reversi-landing>.your-stats dl>div{border:1px solid var(--theme-border);background:linear-gradient(145deg, #a47dc3, var(--theme-surface));border-radius:.85rem;min-width:0;padding:clamp(.75rem,2.5cqi,1.15rem)}@supports (color:color-mix(in lab, red, red)){.game-landing.reversi-landing>.your-stats dl>div{background:linear-gradient(145deg, color-mix(in srgb, #a47dc3 16%, var(--theme-surface)), var(--theme-surface))}}.game-landing.reversi-landing>.your-stats dl>div:nth-child(odd){background:linear-gradient(145deg, #439e83, var(--theme-surface))}@supports (color:color-mix(in lab, red, red)){.game-landing.reversi-landing>.your-stats dl>div:nth-child(odd){background:linear-gradient(145deg, color-mix(in srgb, #439e83 16%, var(--theme-surface)), var(--theme-surface))}}.game-landing.reversi-landing>.your-stats .board-stat-art{object-fit:contain;border-radius:.5rem;width:2.6rem;height:2.6rem;margin-block-end:.6rem;display:block}.game-landing.reversi-landing>.your-stats dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.35rem,4cqi,1.8rem)}.game-landing.reversi-landing>.your-stats dl+p{margin-block-start:.7rem}.game-landing.reversi-landing .reversi-opening{align-items:center;gap:clamp(1rem,4cqi,2rem);display:grid}@container (width>=34rem){.game-landing.reversi-landing .reversi-opening{grid-template-columns:minmax(0,1fr) minmax(0,.72fr)}}.game-landing.reversi-landing .reversi-opening p+p{margin-block-start:.65rem}.game-landing.reversi-landing .reversi-opening figure{width:min(100%,17rem);margin-inline:auto}.game-landing.reversi-landing .reversi-opening figcaption{color:var(--theme-muted);margin-block-start:.55rem;font-size:.8rem;line-height:1.45}.game-landing.reversi-landing .lyra-tip{border-block:1px solid var(--theme-border);align-items:center;gap:.85rem;margin-block-start:1rem;padding-block:.65rem;display:flex}.game-landing.reversi-landing .lyra-tip img{flex:none;width:clamp(3.5rem,11cqi,5rem);height:auto}.game-landing.reversi-landing .lyra-tip strong{color:var(--theme-text);display:block}.game-landing.reversi-landing .strategy-tips{color:var(--theme-muted);gap:.85rem 1.3rem;margin-block-start:1rem;line-height:1.55;display:grid}@container (width>=34rem){.game-landing.reversi-landing .strategy-tips{grid-template-columns:repeat(3,minmax(0,1fr))}}.game-landing.reversi-landing .strategy-tips strong{color:var(--theme-text);display:block}#dots-and-boxes-room{position:absolute;inset:0}#dots-and-boxes-room .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}#dots-and-boxes-room .seat .avatar{border-color:var(--color-lark-lake)}.dots-and-boxes-stack .status{white-space:nowrap}.dots-and-boxes-stage{place-items:center;padding:clamp(.45rem,2.2cqw,.95rem);display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.dots-and-boxes-stage .board-wrap{filter:drop-shadow(0 .65rem 1rem #090e1661);width:min(100cqw,100cqh)}.dots-and-boxes-board{--dots-blue-dark:#17576b;--dots-red-dark:#853b4a;--dots-ink:#182330;--dots-rail-blue-highlight:#a3ddff;--dots-rail-blue:#39b5fa;--dots-rail-blue-mid:#1b88de;--dots-rail-blue-dark:#175b9d;--dots-rail-red-highlight:#ffc3af;--dots-rail-red:#ff8081;--dots-rail-red-mid:#ed5368;--dots-rail-red-dark:#a83250;--dots-frame-accent:linear-gradient(90deg, #73e8f4, #3185a3);--dots-edge-full-length:calc(200% + clamp(2px, 1cqw, .4rem));--dots-edge-preview-length:calc(160% + clamp(1.6px, .8cqw, .32rem));isolation:isolate;aspect-ratio:1;background:linear-gradient(145deg, #f1ece2, #e7dfd1 58%, #dbd2c2) padding-box, var(--dots-frame-accent) left 9% top 2px / 10% 2px no-repeat border-box, var(--dots-frame-accent) right 9% bottom 2px / 10% 2px no-repeat border-box, linear-gradient(145deg, #68686a, #45464a 34%, #2a2b2f 72%, #535359) border-box;border:clamp(.36rem,1.7cqw,.82rem) solid #0000;border-radius:clamp(.75rem,2.7cqw,1.2rem);grid-template-rows:repeat(11,minmax(0,1fr));grid-template-columns:repeat(11,minmax(0,1fr));gap:clamp(1px,.5cqw,.2rem);padding:clamp(.44rem,2.2cqw,1.1rem);display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #fff8e8b0,inset 0 0 .7rem #56463445,0 0 0 1px #232329,0 .24rem #28282d}.dots-and-boxes-board .cell{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.dots-and-boxes-board .dot{z-index:5;aspect-ratio:1;background:radial-gradient(circle closest-side,#c6c3bd 0 37%,#949398 53%,#57565d 58% 72%,#0000 76%),linear-gradient(145deg,#f4f0e9,#a29fa2 44%,#56565d 78%);border:clamp(1px,.4cqw,2px) solid #333239;border-radius:50%;width:clamp(.78rem,3.9cqw,1.65rem);display:block;position:relative;box-shadow:inset 0 1px 1px #fffaf3c4,0 2px 3px #2e29275c}.dots-and-boxes-board .edge{z-index:3;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:.4rem;outline:none;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;padding:0;display:flex;position:relative}.dots-and-boxes-board .edge.is-available{cursor:pointer}.dots-and-boxes-board .line{--dots-line-highlight:#a69a88;--dots-line-main:#9c907f;--dots-line-mid:#8f8270;--dots-line-dark:#a59987;box-sizing:border-box;pointer-events:none;border:clamp(1px,.28cqw,2px) solid #192638;border-radius:999px;flex:none;transition:box-shadow .12s,height .12s,opacity .12s,transform .12s,width .12s;display:block;box-shadow:inset 0 1px 1px #ddf3ff52}.dots-and-boxes-board .line.is-horizontal{width:var(--dots-edge-full-length);background:linear-gradient(180deg, var(--dots-line-highlight) 0%, var(--dots-line-main) 24%, var(--dots-line-mid) 64%, var(--dots-line-dark) 100%);height:clamp(.53rem,2.9cqw,1rem)}.dots-and-boxes-board .line.is-vertical{width:clamp(.53rem,2.9cqw,1rem);height:var(--dots-edge-full-length);background:linear-gradient(90deg, var(--dots-line-highlight) 0%, var(--dots-line-main) 24%, var(--dots-line-mid) 64%, var(--dots-line-dark) 100%)}.dots-and-boxes-board .line.is-blue{--dots-line-highlight:var(--dots-rail-blue-highlight);--dots-line-main:var(--dots-rail-blue);--dots-line-mid:var(--dots-rail-blue-mid);--dots-line-dark:var(--dots-rail-blue-dark);opacity:1;transform:scale(1);box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #06466152,0 2px 4px #09111a8f}.dots-and-boxes-board .line.is-red{--dots-line-highlight:var(--dots-rail-red-highlight);--dots-line-main:var(--dots-rail-red);--dots-line-mid:var(--dots-rail-red-mid);--dots-line-dark:var(--dots-rail-red-dark);opacity:1;transform:scale(1);box-shadow:inset 0 2px 1px #fff6,inset 0 -2px 2px #6f112b57,0 2px 4px #09111a8f}.dots-and-boxes-board .line.is-empty{border-color:#8a7e6d;box-shadow:inset 0 1px 1px #493f362f,0 1px #fff8eb99}.dots-and-boxes-board .line.is-horizontal.is-empty{width:112%;transform:scaleY(.46)}.dots-and-boxes-board .line.is-vertical.is-empty{height:112%;transform:scaleX(.46)}.dots-and-boxes-board.is-blue .edge.is-available:is(:hover,:focus-visible) .line{--dots-line-highlight:var(--dots-rail-blue-highlight);--dots-line-main:var(--dots-rail-blue);--dots-line-mid:var(--dots-rail-blue-mid);--dots-line-dark:var(--dots-rail-blue-dark);opacity:1;transform:scale(1.055);box-shadow:0 0 0 .18rem #55ddfa3d}.dots-and-boxes-board.is-red .edge.is-available:is(:hover,:focus-visible) .line{--dots-line-highlight:var(--dots-rail-red-highlight);--dots-line-main:var(--dots-rail-red);--dots-line-mid:var(--dots-rail-red-mid);--dots-line-dark:var(--dots-rail-red-dark);opacity:1;transform:scale(1.055);box-shadow:0 0 0 .18rem #ff80813d}.dots-and-boxes-board .edge.is-available:is(:hover,:focus-visible) .line.is-horizontal.is-empty{width:var(--dots-edge-preview-length)}.dots-and-boxes-board .edge.is-available:is(:hover,:focus-visible) .line.is-vertical.is-empty{height:var(--dots-edge-preview-length)}.dots-and-boxes-board .edge.is-available:focus-visible{outline-offset:clamp(1px, .35cqw, 2px);outline:clamp(2px,.55cqw,3px) solid #142b40}.dots-and-boxes-board .edge.is-pending .line{opacity:1;animation:.52s ease-in-out infinite alternate dots-boxes-pending;transform:scale(1)}.dots-and-boxes-board .edge.is-pending .line.is-horizontal.is-empty{width:var(--dots-edge-preview-length)}.dots-and-boxes-board .edge.is-pending .line.is-vertical.is-empty{height:var(--dots-edge-preview-length)}.dots-and-boxes-board .edge.is-juice.is-horizontal .line{transform-origin:50%;animation:.36s cubic-bezier(.16,.84,.24,1.04) both dots-boxes-draw-horizontal}.dots-and-boxes-board .edge.is-juice.is-vertical .line{transform-origin:50%;animation:.36s cubic-bezier(.16,.84,.24,1.04) both dots-boxes-draw-vertical}.dots-and-boxes-board .edge.is-last{z-index:4}.dots-and-boxes-board .edge.is-last .line{box-shadow:inset 0 0 clamp(3px,.8cqw,6px) #fff8e6,0 0 0 1px #fff8e6,0 0 0 clamp(4px,.9cqw,7px) #e29711c2,0 0 clamp(10px,2.7cqw,24px) 2px #ffb628}.dots-and-boxes-board .box{z-index:1;color:#0000;border:1px solid #0000;border-radius:clamp(.28rem,1.2cqw,.55rem);flex:none;justify-content:center;align-items:center;width:156%;height:156%;transition:background .18s,box-shadow .18s,color .18s;display:flex;position:relative;overflow:visible}.dots-and-boxes-board .box.is-blue{color:#245563;background:linear-gradient(145deg,#ecf6f6,#dbecee 64%,#c8dfe3);border-color:#9bbbc2;box-shadow:inset 0 1px #ffffffbf,inset 0 -2px #6a929a26,0 1px 2px #30292321}.dots-and-boxes-board .box.is-red{color:#803e38;background:linear-gradient(145deg,#f9eee9,#f1ded7 64%,#e7cfc5);border-color:#c9a69d;box-shadow:inset 0 1px #ffffffbf,inset 0 -2px #ad746526,0 1px 2px #30292321}.dots-and-boxes-board .box.is-tense{background:#f7bc631c;border-style:dashed;border-color:#a58a61}.dots-and-boxes-board .mark{font-family:var(--font-display,ui-sans-serif, system-ui);text-shadow:0 1px #ffffff80;font-size:clamp(1rem,5.8cqw,1.95rem);font-weight:900;line-height:1}.dots-and-boxes-board .box.is-juice{animation:dots-boxes-claim .64s cubic-bezier(.16, .82, .24, 1.12) var(--dots-box-juice-delay,0s) both}.dots-and-boxes-board .box.is-juice:after{border-radius:inherit;content:"";opacity:0;pointer-events:none;animation:dots-boxes-claim-ring .62s ease-out var(--dots-box-juice-delay,0s) both;border:clamp(2px,.55cqw,3px) solid;position:absolute;inset:8%}.dots-and-boxes-board .burst{z-index:8;pointer-events:none;position:absolute;inset:50%}.dots-and-boxes-board .burst i{transform-origin:50% clamp(.85rem,4cqw,1.45rem);background:currentColor;border-radius:999px;width:clamp(.16rem,.8cqw,.28rem);height:clamp(.48rem,2.2cqw,.82rem);display:none;position:absolute;top:-.28rem;left:-.1rem;box-shadow:0 0 .35rem}.dots-and-boxes-board .box.is-juice .burst i{animation:dots-boxes-spark .54s cubic-bezier(.16, .78, .2, 1) var(--dots-box-juice-delay,0s) both;display:block}.dots-and-boxes-board .box.is-juice.is-combo .burst i{background:#f0a32f;width:clamp(.2rem,1cqw,.34rem);height:clamp(.62rem,2.8cqw,1rem);box-shadow:0 0 .55rem #f0a32f}.dots-and-boxes-board .box.is-juice.is-combo .burst i:nth-child(2n){background:#68d63d;box-shadow:0 0 .55rem #68d63d}.dots-and-boxes-board .box.is-win-ripple{z-index:4;animation:dots-boxes-win-ripple .72s cubic-bezier(.16, .82, .24, 1.12) var(--dots-win-delay,0s) both}.dots-and-boxes-board .box.is-win-ripple .mark{animation:dots-boxes-win-mark .72s cubic-bezier(.16, .82, .24, 1.12) var(--dots-win-delay,0s) both}.dots-and-boxes-board .capture-toast{z-index:30;background:var(--dots-ink);color:#fff;min-width:max-content;font-family:var(--font-display,ui-sans-serif, system-ui);letter-spacing:.02em;pointer-events:none;border:1px solid #ffffff3d;border-radius:999px;align-items:baseline;gap:.48rem;padding:.46em .9em;font-size:clamp(.68rem,2.5cqw,.92rem);font-weight:900;animation:1.1s cubic-bezier(.16,.82,.24,1.1) both dots-boxes-toast;display:flex;position:absolute;top:clamp(.45rem,2cqw,.9rem);left:50%;transform:translate(-50%);box-shadow:0 .45rem 1rem #2c231f47}.dots-and-boxes-board .capture-toast strong{font-weight:900}.dots-and-boxes-board .capture-toast span{color:#d9ffca;font-size:.86em;font-weight:900}.dots-and-boxes-board .capture-toast.combo-2{box-shadow:0 0 0 .18rem #f0a32f52,0 .55rem 1.35rem #2c231f57}.dots-and-boxes-board .capture-toast.combo-3,.dots-and-boxes-board .capture-toast.combo-4{border-color:#ffe06b94;box-shadow:0 0 0 .22rem #f0a32f61,0 0 1.65rem #68d63d61}.dots-and-boxes-board .capture-toast.is-blue{background:var(--dots-blue-dark)}.dots-and-boxes-board .capture-toast.is-red{background:var(--dots-red-dark)}.dots-and-boxes-board.is-capture{animation:.43s cubic-bezier(.18,.82,.24,1.08) both dots-boxes-board-impact}.dots-and-boxes-board.is-finish{animation:1.2s ease-in-out both dots-boxes-finish-glow}.dots-and-boxes-stack .board-clock.is-blue .detail{color:#95ddeb}.dots-and-boxes-stack .board-clock.is-red .detail{color:#ffb1b4}.dots-and-boxes-stack .board-clock[data-clock-state=active].is-blue{background:#224656;border-color:#5599ad;box-shadow:inset 0 1px #ffffff17}.dots-and-boxes-stack .board-clock[data-clock-state=active].is-red{background:#59303e;border-color:#c47c85;box-shadow:inset 0 1px #ffffff17}.dots-and-boxes-stack .board-clock.is-score-bump .detail,.dots-and-boxes-stack .board-clock.is-score-bump .status{animation:.62s cubic-bezier(.16,.82,.24,1.12) both dots-boxes-score-bump}.dots-and-boxes-stack .board-clock.is-extra-turn{animation:.9s cubic-bezier(.16,.82,.24,1.08) both dots-boxes-extra-turn-bar}.dots-and-boxes-stack .board-clock.is-extra-turn .status:before{content:"↻";margin-right:.28rem}.dots-boxes-score-flight{z-index:10000;aspect-ratio:1;color:#fff;width:1.75rem;font-family:var(--font-display,ui-sans-serif, system-ui);pointer-events:none;animation:dots-boxes-score-flight .82s cubic-bezier(.16, .76, .22, 1) var(--dots-score-flight-delay,0s) both;background:#15555d;border:2px solid #ffffffb8;border-radius:50%;place-items:center;font-size:.68rem;font-weight:900;line-height:1;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 .35rem .8rem #15555d6b}.dots-boxes-score-flight.is-red{background:#a8412d;box-shadow:0 .35rem .8rem #a8412d6b}@media (prefers-reduced-motion:reduce){.dots-and-boxes-board,.dots-and-boxes-board .edge.is-pending .line,.dots-and-boxes-board .edge.is-juice .line,.dots-and-boxes-board .box.is-juice,.dots-and-boxes-board .box.is-juice:after,.dots-and-boxes-board .box.is-juice .burst i,.dots-and-boxes-board .box.is-win-ripple,.dots-and-boxes-board .box.is-win-ripple .mark{animation:none}.dots-and-boxes-board .capture-toast{opacity:1;animation:none}.dots-and-boxes-stack .board-clock.is-extra-turn,.dots-and-boxes-stack .board-clock.is-score-bump .detail,.dots-and-boxes-stack .board-clock.is-score-bump .status,.dots-boxes-score-flight{animation:none}}@media (prefers-contrast:more){.dots-and-boxes-board .line.is-empty{background:#263c51}.dots-and-boxes-board .line.is-horizontal.is-empty{transform:scaleY(.72)}.dots-and-boxes-board .line.is-vertical.is-empty{transform:scaleX(.72)}.dots-and-boxes-board .box.is-blue,.dots-and-boxes-board .box.is-red{border-width:2px}}.dots-and-boxes-panel .match .who{flex:1;min-width:0}.dots-and-boxes-panel .connection-error{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-lark-error,#963a32)}.dots-and-boxes-panel .final-score{justify-content:center;gap:2rem;margin-block:1rem;display:flex}.dots-and-boxes-panel .final-score dt{font-size:.75rem}.dots-and-boxes-panel .final-score dd{font-size:1.5rem;font-weight:800}@keyframes dots-boxes-draw-horizontal{0%{opacity:.82;transform:scaleX(1)scaleY(.84)}72%{opacity:1;transform:scaleX(1.025)scaleY(1.12)}to{opacity:1;transform:scaleX(1)scaleY(1)}}@keyframes dots-boxes-draw-vertical{0%{opacity:.82;transform:scaleY(1)scaleX(.84)}72%{opacity:1;transform:scaleY(1.025)scaleX(1.12)}to{opacity:1;transform:scaleY(1)scaleX(1)}}@keyframes dots-boxes-pending{0%{filter:saturate(.8);opacity:.72}to{filter:saturate(1.2);opacity:1}}@keyframes dots-boxes-claim{0%{filter:brightness(1.35);transform:scale(.38)rotate(-5deg)}62%{filter:brightness(1.06);transform:scale(1.12)rotate(1.5deg)}to{filter:brightness();transform:scale(1)rotate(0)}}@keyframes dots-boxes-claim-ring{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.45)}}@keyframes dots-boxes-win-ripple{0%{filter:brightness();transform:scale(1)}46%{filter:brightness(1.34)saturate(1.28);transform:scale(1.13);box-shadow:inset 0 0 0 .2rem #ffffff94,0 0 1.1rem}to{filter:brightness(1.04);transform:scale(1)}}@keyframes dots-boxes-win-mark{0%,to{transform:translateY(0)scale(1)}46%{transform:translateY(-.12rem)scale(1.24)}}@keyframes dots-boxes-spark{0%{opacity:1;transform:rotate(var(--dots-spark-angle)) translateY(-.2rem) scaleY(.4)}to{opacity:0;transform:rotate(var(--dots-spark-angle)) translateY(clamp(-2.2rem, -7cqw, -1.2rem)) scaleY(.1)}}@keyframes dots-boxes-toast{0%{opacity:0;transform:translate(-50%,.35rem)scale(.72)}28%{opacity:1;transform:translate(-50%,-.1rem)scale(1.08)}72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-.25rem)scale(.98)}}@keyframes dots-boxes-board-impact{0%,to{filter:brightness()}42%{filter:brightness(1.06)}}@keyframes dots-boxes-finish-glow{0%,to{filter:brightness()}52%{filter:brightness(1.1)}}@keyframes dots-boxes-score-bump{0%,to{transform:translateY(0)scale(1)}42%{color:#fff;text-shadow:0 0 .55rem;transform:translateY(-.12rem)scale(1.18)}}@keyframes dots-boxes-extra-turn-bar{0%,to{transform:translate(0)scale(1)}38%{transform:translate(.16rem)scale(1.018);box-shadow:inset 0 1px #ffffff1f,0 0 0 .28rem #68d63d57,0 0 1rem #68d63d47}}@keyframes dots-boxes-score-flight{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}16%{opacity:1;transform:translate(-50%,calc(-50% - .45rem))scale(1.1)}68%{opacity:1;transform:translate(calc(-50% + var(--dots-score-flight-x)), calc(-50% + var(--dots-score-flight-y) - .55rem)) scale(.92)}to{opacity:0;transform:translate(calc(-50% + var(--dots-score-flight-x)), calc(-50% + var(--dots-score-flight-y))) scale(.42)}}.dots-and-boxes-diagram{width:100%;container-type:inline-size}.dots-and-boxes-diagram .dots-and-boxes-board{grid-template:repeat(var(--dots-diagram-tracks), minmax(0, 1fr)) / repeat(var(--dots-diagram-tracks), minmax(0, 1fr));--dots-option:#976009;animation:none}.dots-and-boxes-diagram .dots-and-boxes-board .line:is(.is-option,.is-risk){box-shadow:none;background:repeating-linear-gradient(var(--dots-option-axis), var(--dots-option) 0 5px, transparent 5px 9px);border:0}.dots-and-boxes-diagram .dots-and-boxes-board .line.is-risk{--dots-option:#a52d43}.dots-and-boxes-diagram .dots-and-boxes-board .line.is-horizontal:is(.is-option,.is-risk){--dots-option-axis:90deg;width:var(--dots-edge-preview-length);height:clamp(3px,2cqw,6px)}.dots-and-boxes-diagram .dots-and-boxes-board .line.is-vertical:is(.is-option,.is-risk){--dots-option-axis:180deg;width:clamp(3px,2cqw,6px);height:var(--dots-edge-preview-length)}.game-landing.dots-and-boxes-landing>.your-stats .head{flex-wrap:wrap}.game-landing.dots-and-boxes-landing>.your-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@container (width>=34rem){.game-landing.dots-and-boxes-landing>.your-stats dl{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-landing.dots-and-boxes-landing>.your-stats dl>div{border:1px solid var(--theme-border);background:linear-gradient(145deg, var(--dots-stat-accent), var(--theme-surface));border-radius:.85rem;min-width:0;padding:clamp(.75rem,2.5cqi,1.15rem)}@supports (color:color-mix(in lab, red, red)){.game-landing.dots-and-boxes-landing>.your-stats dl>div{background:linear-gradient(145deg, color-mix(in srgb, var(--dots-stat-accent) 17%, var(--theme-surface)), var(--theme-surface))}}.game-landing.dots-and-boxes-landing>.your-stats dl>div:first-child{--dots-stat-accent:#4c9eb6}.game-landing.dots-and-boxes-landing>.your-stats dl>div:nth-child(2){--dots-stat-accent:#72a17c}.game-landing.dots-and-boxes-landing>.your-stats dl>div:nth-child(3){--dots-stat-accent:#c59a50}.game-landing.dots-and-boxes-landing>.your-stats dl>div:nth-child(4){--dots-stat-accent:#ca7374}.game-landing.dots-and-boxes-landing>.your-stats .board-stat-art{object-fit:contain;border-radius:.5rem;width:2.75rem;height:2.75rem;margin-block-end:.55rem;display:block}.game-landing.dots-and-boxes-landing>.your-stats dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.3rem,4cqi,1.8rem)}.game-landing.dots-and-boxes-landing>.your-stats dl+p{margin-block-start:.7rem}.game-landing.dots-and-boxes-landing .dots-quick-start{align-items:center;gap:clamp(1rem,4cqi,2rem);display:grid}@container (width>=38rem){.game-landing.dots-and-boxes-landing .dots-quick-start{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.game-landing.dots-and-boxes-landing .dots-quick-start figure{width:min(100%,24rem);margin-inline:auto}.game-landing.dots-and-boxes-landing .dots-quick-start p+p{margin-block-start:.55rem}.game-landing.dots-and-boxes-landing .dots-quick-start figcaption{color:var(--theme-muted);margin-block-start:.6rem;font-size:.875rem}.game-landing.dots-and-boxes-landing .dots-quick-start .figure-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.game-landing.dots-and-boxes-landing .dots-quick-start .figure-panels p{color:var(--theme-text);font-size:.8rem;font-weight:800}.game-landing.dots-and-boxes-landing .dots-quick-start+.dots-strategy{margin-block-start:clamp(2.75rem,7cqi,4.5rem)}.game-landing.dots-and-boxes-landing .juno-tip{grid-template-columns:clamp(4.75rem,20cqi,7rem) minmax(0,1fr);align-items:center;gap:1rem;max-width:40rem;margin-block-start:.85rem;display:grid}.game-landing.dots-and-boxes-landing .juno-tip img{width:100%;height:auto;filter:drop-shadow(0 6px 8px var(--theme-shadow))}.game-landing.dots-and-boxes-landing .juno-tip strong{color:var(--theme-text);display:block}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}