/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) 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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--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-inline:calc(var(--spacing,.25rem) * 5);padding-top:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 20);margin-inline:auto}@media (width>=40rem){[data-board-stats-page]{padding-inline:calc(var(--spacing,.25rem) * 8)}}@media (width>=64rem){[data-board-stats-page]{padding-inline:calc(var(--spacing,.25rem) * 10);padding-top:calc(var(--spacing,.25rem) * 12);padding-bottom:calc(var(--spacing,.25rem) * 24)}}.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;color:#8b4b5e;text-transform:uppercase}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-label:where(.dark,.dark *){color:#e6bec9}: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;color:#8b4b5e;text-transform:uppercase}:is([data-board-stats-page],[data-board-stats-panel-shell]) .stats-outcome:where(.dark,.dark *){color:#e6bec9}: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:#8b4b5e;--accent-ink:var(--accent);--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-inline:calc(var(--spacing,.25rem) * 5);padding-top:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 20);margin-inline:auto}@media (width>=40rem){.board-rules{padding-inline:calc(var(--spacing,.25rem) * 8)}}@media (width>=64rem){.board-rules{padding-inline:calc(var(--spacing,.25rem) * 10);padding-top:calc(var(--spacing,.25rem) * 12);padding-bottom:calc(var(--spacing,.25rem) * 24)}}.board-rules:where(.dark,.dark *){--accent-ink:#e6bec9;--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-capture-spark{0%{opacity:1;transform:rotate(var(--capture-angle)) translateY(0) scaleY(.6)}to{opacity:0;transform:rotate(var(--capture-angle)) translateY(-2rem) scaleY(.15)}}@keyframes chess-check-board{0%,to{box-shadow:inset 0 0 #c2372f00}32%{box-shadow:inset 0 0 0 5px #c2372fb8,inset 0 0 2.8rem #c2372f52}}@keyframes chess-king-check{0%,to{transform:translate(0)}25%{transform:translate(-4%)}75%{transform:translate(4%)}}@keyframes chess-king-checkmate{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(-5%,1%)rotate(-3deg)scale(1.05)}75%{transform:translate(5%,1%)rotate(3deg)scale(1.05)}}@keyframes chess-legal-target-pulse{0%{opacity:.72;transform:scale(.82)}to{opacity:1;transform:scale(1.08)}}@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-check-attacker{0%,to{filter:none}45%{filter:brightness(1.22)saturate(1.15)}}@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(1.13)}72%{transform:translate(0)scale(1.025)}to{transform:translate(0)scale(1)}}.chess-board{--chess-square-light:#f3e6c5;--chess-square-dark:#8a9756;--chess-square-dark-hover:#7b884b;--chess-coordinate-light:#566131;--chess-coordinate-dark:#f8edcf}.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{color:var(--chess-coordinate-light);background-color:var(--chess-square-light)}.chess-board .square.dark{color:var(--chess-coordinate-dark);background-color:var(--chess-square-dark)}.chess-board .move-target{background-color:#fdbb21;box-shadow:inset 0 0 0 2px #3f4b26,0 0 .875rem #fdbb21b8}@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:#ef5548;stroke-dasharray:8 5;stroke-linecap:round;stroke-width:3px;filter:drop-shadow(0 0 4px #ef5548e0);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;animation:.26s ease-in-out 3 chess-check-attacker;box-shadow:inset 0 0 0 4px #ef5548b8,inset 0 0 1.15rem #ef554852!important}.chess-board .piece{--chess-piece-outline:drop-shadow(.65px 0 0 #211a17d1) drop-shadow(-.65px 0 0 #211a17d1) drop-shadow(0 .65px 0 #211a17d1) drop-shadow(0 -.65px 0 #211a17d1);touch-action:none;width:94%;height:94%;filter:var(--chess-piece-outline) drop-shadow(0 .3125rem .25rem #0000004d)}.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 .piece[data-chess-dragging=active]{z-index:12;filter:var(--chess-piece-outline) drop-shadow(0 .7rem .55rem #0000006b) drop-shadow(0 0 .65rem #226f7870);pointer-events:none;transform:translate3d(var(--chess-drag-x), var(--chess-drag-y), 0) scale(1.13)!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 #3f4b26,inset 0 0 0 6px #fdbb21f5,inset 0 0 1.5rem #fdbb216b!important}.chess-board [data-chess-drop-state=illegal]{box-shadow:inset 0 0 0 5px #c2372fe0,inset 0 0 1.25rem #c2372f57!important}.chess-board .captured-piece-fx{z-index:6;object-fit:contain;filter:drop-shadow(0 5px 4px #0000004d);pointer-events:none;padding:.35%;position:absolute}.chess-board .square.is-selected .piece{filter:var(--chess-piece-outline) drop-shadow(0 .45rem .35rem #00000057) drop-shadow(0 0 .45rem #226f788a);animation:.23s cubic-bezier(.18,.82,.24,1.2) both chess-selected-piece-lift}.chess-board .move-target,.chess-board .capture-target{animation:.68s ease-in-out infinite alternate chess-legal-target-pulse}@media (hover:hover) and (pointer:fine){.chess-board .square.is-interactive:not(.is-selected):hover .piece{filter:var(--chess-piece-outline) drop-shadow(0 .42rem .32rem #00000057);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-color:#d65f3deb;box-shadow:0 0 1rem #d65f3d8a}.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 .capture-burst{z-index:5;pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%}.chess-board .capture-burst i{transform-origin:50% 100%;background:linear-gradient(#fff2bb,#d65f3d);border-radius:999px;width:4px;height:.7rem;animation:.42s cubic-bezier(.16,.78,.2,1) both chess-capture-spark;display:block;position:absolute;bottom:0;left:-2px;box-shadow:0 0 7px #fdbb21d9}.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-threat=check]{animation:.82s ease-out both chess-check-board}.chess-board[data-chess-threat=checkmate]{animation:.68s ease-out 2 chess-check-board;box-shadow:inset 0 0 0 5px #c2372fc7,inset 0 0 3.4rem #c2372f61}.chess-board [data-chess-checked-king=check]{z-index:2;box-shadow:inset 0 0 0 5px #c2372fd1,inset 0 0 1.35rem #c2372f7a!important}.chess-board [data-chess-checked-king=check] .piece{animation:.18s ease-in-out 3 chess-king-check}.chess-board [data-chess-checked-king=checkmate]{z-index:2;box-shadow:inset 0 0 0 6px #c2372feb,inset 0 0 1.75rem #c2372f9e!important}.chess-board [data-chess-checked-king=checkmate] .piece{animation:.22s ease-in-out 4 chess-king-checkmate}@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,.chess-board [data-chess-check-attacker]{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[data-chess-threat],.chess-board [data-chess-checked-king] .piece,.chess-board .square.is-selected .piece,.chess-board .move-target,.chess-board .capture-target,.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,.chess-board .capture-burst i{animation: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{box-shadow:inset 0 0 0 4px var(--color-lark-lake)}.chess-board .square.is-capture-target{box-shadow:inset 0 0 0 4px var(--color-lark-coral-v3-lift)}.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:#fdbb2140;box-shadow:inset 0 0 0 2px #fdbb21b3}.chess-board .last-target{background:#fdbb2173;box-shadow:inset 0 0 0 4px #fdbb21,inset 0 0 18px #fdbb2147}.chess-board .move-target{pointer-events:none;border-radius:50%;width:22%;height:22%;position:absolute}.chess-board .capture-target{border:4px solid var(--color-lark-coral-v3-lift);pointer-events:none;border-radius:50%;position:absolute;inset:8%;box-shadow:0 0 14px #d65f3d80}.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{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:.2rem;right:.3rem}#chess-setup,#chess-room{position:absolute;inset:0}:is(#chess-setup,#chess-room) .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}:is(#chess-setup,#chess-room) .seat .avatar{border-color:var(--color-lark-lake,#226f78)}.chess-stack .captures>strong{color:#9be879;background:#68d63d29;border-radius:999px;margin-left:.25rem;padding:.18rem .35rem;font-size:.68rem;font-weight:900}.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)}#chess-rules-panel{flex-direction:column;flex:1;min-height:0;display:flex}#chess-rules{container:chess-rules/inline-size}#chess-rules .start-board .square.dark{background:#8a9756}#chess-rules .start-board .square.light{background:#f3e6c5}#chess-rules .rules-layout{margin-top:calc(var(--spacing,.25rem) * 16);align-items:flex-start;gap:calc(var(--spacing,.25rem) * 10);grid-template-columns:minmax(0,1fr);display:grid}#chess-rules .rules{min-width:0;margin-top:0}#chess-rules .table-of-contents{padding:calc(var(--spacing,.25rem) * 5)}#chess-rules .table-of-contents ol{margin-top:calc(var(--spacing,.25rem) * 4);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);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}#chess-rules .table-of-contents a{border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);display:block}#chess-rules .table-of-contents a:hover{background:var(--accent-wash);color:var(--theme-text)}#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) * 4);display:grid}#chess-rules .special{border-radius:var(--radius-2xl,1rem);border-left-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 5);border-left-width:4px;border-color:var(--accent);background:var(--accent-wash)}#chess-rules .special.en-passant{border-color:var(--color-lark-lake)}#chess-rules .special.promotion{border-color:var(--color-lark-coral-v3)}#chess-rules .special h3{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));color:var(--theme-text)}#chess-rules .special 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)}#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))}@container chess-rules (width>=56rem){#chess-rules>header{grid-template-columns:minmax(0,1fr) 20rem;align-items:center}#chess-rules .rules-layout{grid-template-columns:13rem minmax(0,1fr)}#chess-rules .table-of-contents{position:sticky;top:1.5rem}#chess-rules .table-of-contents ol{grid-template-columns:minmax(0,1fr)}}.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-legal-pulse{0%{opacity:.72;transform:scale(.82)}to{opacity:1;transform:scale(1.08)}}@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%{opacity:0;transform:scale(.35)rotate(-18deg)}55%{opacity:1;transform:scale(1.22)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes checkers-capture-fragment{0%{opacity:1;transform:translate(-50%,-50%)translate(0)rotate(0)scale(1)}42%{opacity:1;transform:translate(-50%, -50%) translate3d(var(--fragment-x-mid), var(--fragment-y-mid), 0) rotate(var(--fragment-spin-mid)) scale(.92)}to{opacity:0;transform:translate(-50%, -50%) translate3d(var(--fragment-x), var(--fragment-y), 0) rotate(var(--fragment-spin)) scale(.28)}}@keyframes checkers-capture-flash{0%{opacity:1;transform:translate(-50%,-50%)scale(.18)}35%{opacity:.96;transform:translate(-50%,-50%)scale(1.35)}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}@keyframes checkers-capture-shockwave{0%{opacity:.95;transform:translate(-50%,-50%)scale(.18)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes checkers-board-thump{0%,to{transform:rotate(var(--board-orient,0deg)) translate3d(0, 0, 0)}35%{transform:rotate(var(--board-orient,0deg)) translate3d(0, 1.5%, 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)}}.checkers-board{aspect-ratio:1;background-color:var(--color-lark-warm,#f4f1ee);border-radius:5px;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]{--board-orient:180deg;transform:rotate(var(--board-orient))}.checkers-board[data-checkers-board-perspective=dark]>.square{transform:rotate(180deg)}.checkers-board[data-checkers-impact=capture]{animation:.28s cubic-bezier(.2,.7,.2,1) both checkers-board-thump}.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:#e8ddd7}.checkers-board .square.dark{background-color:var(--color-lark-brown,#5b4a43)}@media (hover:hover){.checkers-board .square.dark:hover{background-color:#6b5850}}.checkers-board .square.is-actionable{cursor:pointer}.checkers-board .square.is-capture{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-lark-coral-v3-lift,#e47a5a);--tw-ring-inset:inset}.checkers-board .square.is-selected{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-lark-lake,#226f78);--tw-ring-inset:inset}.checkers-board .square.is-legal{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-lark-lime,#68d63d);--tw-ring-inset:inset}.checkers-board .square:focus-visible{z-index:5;outline-offset:-3px;outline:3px solid #fdbb21}.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-legal-target] .hint,.checkers-board .square[data-checkers-capture-target]{animation:.68s ease-in-out infinite alternate checkers-legal-pulse}.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-color:#ffe06b40;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.checkers-board .last-origin{background-color:color-mix(in oklab, var(--color-lark-spark,#ffe06b) 25%, transparent)}}.checkers-board .last-origin{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#fdbb21b3}@supports (color:color-mix(in lab, red, red)){.checkers-board .last-origin{--tw-ring-color:color-mix(in oklab, var(--color-lark-gold,#fdbb21) 70%, transparent)}}.checkers-board .last-origin{--tw-ring-inset:inset}.checkers-board .last-target{pointer-events:none;background-color:#ffe06b73;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.checkers-board .last-target{background-color:color-mix(in oklab, var(--color-lark-spark,#ffe06b) 45%, transparent)}}.checkers-board .last-target{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-lark-gold,#fdbb21);--tw-ring-inset:inset;--tw-shadow:inset 0 0 18px #fdbb2147}.checkers-board .hint{background-color:var(--color-lark-lime,#68d63d);opacity:.2;z-index:1;border-radius:2147483647px;width:33.3333%;height:33.3333%;position:relative;box-shadow:0 0 14px #68d63da6}.checkers-board .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)}.checkers-board .piece{z-index:1;filter:drop-shadow(0 .16rem .18rem #140a0766);border-radius:999px;place-items:center;width:84%;height:84%;transition:transform .15s,filter .15s;display:grid;position:relative;transform:translateZ(0)}.checkers-board .piece.is-selected{filter:drop-shadow(0 .18rem .2rem #140a0775)drop-shadow(0 0 .35rem #68d63d9e);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 .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.is-crowned{animation:.52s cubic-bezier(.18,.82,.24,1.12) both checkers-king-arrive}.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;pointer-events:none;filter:drop-shadow(0 5px 4px #0000004d);place-items:center;display:grid;position:absolute}.checkers-board .burst{--fragment-highlight:#ffb29f;--fragment-face:#e33e2e;--fragment-edge:#811812;z-index:8;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.checkers-board .burst.dark{--fragment-highlight:#8f9299;--fragment-face:#303238;--fragment-edge:#07080a}.checkers-board .burst.king i:nth-child(4n){--fragment-highlight:#fff0a6;--fragment-face:#fdbb21;--fragment-edge:#8b5b08}.checkers-board .burst:before,.checkers-board .burst:after{content:"";pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.checkers-board .burst:before{aspect-ratio:1;background:radial-gradient(circle, #fff 0 8%, #fff2a6 20%, var(--fragment-face) 48%, transparent 72%);width:clamp(2.7rem,9cqw,4.8rem)}@supports (color:color-mix(in lab, red, red)){.checkers-board .burst:before{background:radial-gradient(circle, #fff 0 8%, #fff2a6 20%, color-mix(in srgb, var(--fragment-face) 88%, #ffcf4d) 48%, transparent 72%)}}.checkers-board .burst:before{box-shadow:0 0 1rem #fff6be, 0 0 2.3rem var(--fragment-face)}@supports (color:color-mix(in lab, red, red)){.checkers-board .burst:before{box-shadow:0 0 1rem #fff6be, 0 0 2.3rem color-mix(in srgb, var(--fragment-face) 88%, #ffb11a)}}.checkers-board .burst:before{animation:.54s cubic-bezier(.12,.72,.2,1) both checkers-capture-flash}.checkers-board .burst:after{aspect-ratio:1;border:4px solid var(--fragment-highlight);width:clamp(2.2rem,7cqw,4rem)}@supports (color:color-mix(in lab, red, red)){.checkers-board .burst:after{border:4px solid color-mix(in srgb, var(--fragment-highlight) 78%, white)}}.checkers-board .burst:after{box-shadow:0 0 .75rem #fff4bd, inset 0 0 .75rem var(--fragment-face)}@supports (color:color-mix(in lab, red, red)){.checkers-board .burst:after{box-shadow:0 0 .75rem #fff4bd, inset 0 0 .75rem color-mix(in srgb, var(--fragment-face) 70%, transparent)}}.checkers-board .burst:after{animation:.68s cubic-bezier(.1,.62,.2,1) both checkers-capture-shockwave}.checkers-board .burst i{width:var(--fragment-width);height:var(--fragment-height);border:1px solid var(--fragment-highlight);display:block;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.checkers-board .burst i{border:1px solid color-mix(in srgb, var(--fragment-highlight) 76%, white)}}.checkers-board .burst i{background:linear-gradient(145deg, var(--fragment-highlight), var(--fragment-face) 44%, var(--fragment-edge));box-shadow:0 0 .38rem #fff5c7, 0 0 .75rem var(--fragment-face);border-radius:42% 58% 48% 35%}@supports (color:color-mix(in lab, red, red)){.checkers-board .burst i{box-shadow:0 0 .38rem #fff5c7, 0 0 .75rem color-mix(in srgb, var(--fragment-face) 88%, #ffc227)}}.checkers-board .burst i{clip-path:polygon(8% 12%,92% 0,100% 72%,64% 100%,0 84%);animation:checkers-capture-fragment .82s cubic-bezier(.08, .72, .18, 1) var(--fragment-delay) both}.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[data-checkers-impact],.checkers-board .square[data-checkers-legal-target] .hint,.checkers-board .square[data-checkers-capture-target],.checkers-board .square.move-impact:after,.checkers-board .square.capture-impact:after,.checkers-board .square.king-impact:after,.checkers-board .sprite.is-crowned,.checkers-board .sprite[data-checkers-dragging=returning],.checkers-board .burst i,.checkers-board .burst:before,.checkers-board .burst:after,.checkers-board .flare{animation:none}}#checkers-setup,#checkers-room{position:absolute;inset:0}:is(#checkers-setup,#checkers-room) .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}:is(#checkers-setup,#checkers-room) .seat .avatar{border-color:var(--color-lark-lake,#226f78)}.checkers-room-page{max-width:var(--container-6xl,72rem);padding-top:calc(var(--spacing,.25rem) * 10);margin-inline:auto}#checkers-room .seat .avatar{border-style:var(--tw-border-style);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#0000000d;border-width:2px}@supports (color:color-mix(in lab, red, red)){#checkers-room .seat .avatar{--tw-ring-color:color-mix(in oklab, var(--color-black,#000) 5%, transparent)}}#checkers-room .seat .avatar.dark{border-color:var(--color-lark-coral-v3-lift,#e47a5a);background-color:var(--color-lark-interface,#211a17)}#checkers-room .seat .avatar.light{border-color:var(--color-lark-lake,#226f78);background-color:var(--color-lark-warm,#f4f1ee)}#checkers-room .seat .avatar.is-turn{--tw-ring-color:#68d63db3}@supports (color:color-mix(in lab, red, red)){#checkers-room .seat .avatar.is-turn{--tw-ring-color:color-mix(in oklab, var(--color-lark-lime,#68d63d) 70%, transparent)}}#checkers-room .seat .thinking{inset-inline:0;top:calc(var(--spacing,.25rem) * 3);background-color:#211a17bf;position:absolute}@supports (color:color-mix(in lab, red, red)){#checkers-room .seat .thinking{background-color:color-mix(in oklab, var(--color-lark-interface,#211a17) 75%, transparent)}}#checkers-room .seat .thinking{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);text-align:center;--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-lark-lime,#68d63d);text-transform:uppercase;--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);letter-spacing:.1em;font-size:.55rem}#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)}#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)}#backgammon-setup,#backgammon-room{position:absolute;inset:0}:is(#backgammon-setup,#backgammon-room) .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}:is(#backgammon-setup,#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:calc(100cqw / 15.75);--backgammon-checker-stack-gap:1px;--backgammon-target-height:.3rem;aspect-ratio:3/2;width:100%;padding:var(--spacing,.25rem);background-color:#d9b787;border-radius:5px;position:relative;container-type:inline-size}.backgammon-board .layout{column-gap:calc(var(--spacing,.25rem) * 2);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr 3.25rem 1fr;height:100%;display:grid}.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-offset:-3px;z-index:5;outline:3px solid #fdbb21}.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(--color-lark-gold);z-index:4;height:.25rem;position:absolute;inset-inline:0}.backgammon-board .triangle{height:92%;transition:filter .15s;position:absolute;inset-inline:3%}.backgammon-board .triangle.is-red{background:#8b4b5e}.backgammon-board .triangle.is-blue{background:#426f8d}.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{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{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{border-inline-style:var(--tw-border-style);padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * 3);--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-inline-width:2px;background-color:#76584c;border-color:#60483e;flex-direction:column;grid-row:span 2/span 2;justify-content:space-between;align-items:center;display:flex;position:relative}.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(--color-lark-lime)}.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:.75rem;width:100%;padding-block:.5rem;display:flex}.backgammon-board .dice .die{aspect-ratio:1;flex-shrink:0;width:156%;position:relative}.backgammon-board .dice .die.is-used .face{filter:grayscale(.9)brightness(.94);opacity:.78;transform:translateY(2px)}.backgammon-board .dice .die.is-used .uses{opacity:.78}.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:12px;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;padding:12px;transition:filter .18s,opacity .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 4px #b49a78,0 5px #80674f,0 8px 10px #1c120c73}.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%,#685041,#291d16 70%);border-radius:50%;box-shadow:inset 0 1.5px 1.5px #000000a6,0 1px #ffffffe6}.backgammon-board .dice .uses{bottom:4px;justify-content:center;gap:4px;display:flex;position:absolute;inset-inline:0}.backgammon-board .dice .uses .use{background:#76543d;border-radius:999px;width:10px;height:3px}.backgammon-board .dice .uses .use.is-used{background:#c7b69a}.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);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);inset-inline:26%;display:flex;position:absolute;top:50%}.backgammon-board .off-counts span{white-space:nowrap;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-black,900);font-size:.58rem;font-weight:var(--font-weight-black,900);--tw-tracking:.12em;letter-spacing:.12em;color:var(--color-white,#fff);text-transform:uppercase;background-color:oklab(22.5075% .00895537 .00880194/.85);border-radius:2147483647px}.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{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)}#connect4-setup,#connect4-room{position:absolute;inset:0}:is(#connect4-setup,#connect4-room) .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}:is(#connect4-setup,#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{width:100%;position:relative}.connect4-board .controls{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.25rem,.8cqw,.4rem);height:clamp(1.35rem,3.5cqw,1.8rem);margin-bottom:clamp(.25rem,.75cqw,.4rem);padding-inline:clamp(.55rem,1.2cqw,.85rem);display:grid;overflow:visible}.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:#b9a59b8c;box-shadow:none;background:0 0;border:0;border-radius:999px;position:relative}.connect4-board .drop:hover,.connect4-board .drop:focus-visible{color:#ef7656;background:#ef76561f}.connect4-board .drop:focus-visible{box-shadow:0 0 0 2px #ef76567a}.connect4-board .drop svg{width:clamp(.85rem,2.6cqw,1.2rem);height:clamp(.85rem,2.6cqw,1.2rem);transition:transform .14s}.connect4-board .drop:hover svg,.connect4-board .drop:focus-visible svg{transform:translateY(.12rem)}.connect4-board .drop.is-aimed svg{opacity:0;transform:translateY(.45rem)}.connect4-board .drop.is-rejected{color:#ff826f;animation:.38s both connect4-control-reject}.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{--connect4-rack-highlight:#79675f;--connect4-rack-mid:#62524c;--connect4-rack-shadow:#493c37;--connect4-well:#241e1b;--connect4-board-padding:clamp(.55rem, 1.35cqw, .9rem);width:100%;padding:var(--connect4-board-padding);aspect-ratio:7/6;background:radial-gradient(130% 70% at 50% -12%, #ffe7d829, transparent 52%), linear-gradient(145deg, var(--connect4-rack-highlight) 0%, var(--connect4-rack-mid) 54%, var(--connect4-rack-shadow) 100%);border:1px solid #ffe0cf29;border-radius:clamp(1rem,2.8cqw,1.4rem);grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.3rem,.9cqw,.48rem);display:grid;position:relative;box-shadow:0 .8rem 1.6rem #130d0b4d,inset 0 1px #ffede333,inset 0 -2px #23181552}.connect4-board .rack.is-impact{animation:.42s cubic-bezier(.18,.78,.25,1) both connect4-rack-impact}.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;z-index:1;background:radial-gradient(circle at 50% 42%, #302824 0%, var(--connect4-well) 64%, #171210 100%);cursor:pointer;border:0;border-radius:2147483647px;outline-style:none;justify-content:center;align-items:center;transition:background .14s,box-shadow .14s,filter .14s;display:flex;position:relative;box-shadow:inset 0 .28rem .5rem #0a07068c,inset 0 -1px #ffefe51a,0 1px #ffeee414}.connect4-board .cell:disabled{cursor:default}.connect4-board .cell:hover{background:radial-gradient(circle at 50% 42%,#3a2e29 0%,#2a211e 64%,#171210 100%)}.connect4-board .cell:focus-visible{box-shadow:inset 0 .28rem .5rem #0a07068c,inset 0 0 0 3px #ef7656b8,0 0 0 2px #ffe6da52}.connect4-board .cell.is-winning{animation:connect4-winning-well .9s calc(var(--connect4-win-order,0) * 75ms) ease-in-out both;box-shadow:inset 0 0 0 4px #fff4e7eb,0 0 .75rem #ef7656b8}.connect4-board .cell.is-hovered-column:not(.is-winning){box-shadow:inset 0 .28rem .5rem #0a07068c,inset 0 0 0 1px #ffecde1f,0 0 .5rem #ef76561f}.connect4-board .cell.is-rejected-column{filter:saturate(1.35);animation:.38s both connect4-column-reject}.connect4-board .cell.is-preview{box-shadow:inset 0 .28rem .5rem #0a07068c,inset 0 -1px #ffefe51a,0 1px #ffeee414}.connect4-board .cell.is-latest-drop .disc:not(.is-empty):not(.is-preview){animation:.5s cubic-bezier(.16,.78,.2,1.12) both connect4-disc-land}.connect4-board .cell.is-latest-drop:after{z-index:2;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{animation:connect4-winning-disc 1.1s calc(.3s + var(--connect4-win-order,0) * 85ms) ease-in-out infinite}.connect4-board .cell.is-winning.is-latest-drop .disc{animation:connect4-disc-land .5s cubic-bezier(.16, .78, .2, 1.12) both, connect4-winning-disc 1.1s calc(.62s + var(--connect4-win-order,0) * 85ms) ease-in-out infinite}.connect4-board .disc{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}.connect4-board .disc.is-red,.connect4-board .disc.is-yellow{filter:drop-shadow(0 .16rem .17rem #12090773)}.connect4-board .disc.is-preview{border:clamp(3px, .65cqw, 5px) solid var(--connect4-preview-ring,#ff9b7f);box-shadow:0 0 clamp(.45rem, 1.5cqw, .75rem) var(--connect4-preview-glow,#ff7e5e94);background:0 0;transform:scale(.8)}.connect4-board .disc.is-preview-red{--connect4-preview-ring:#ff9b7f;--connect4-preview-glow:#ff6f4ca8}.connect4-board .disc.is-preview-yellow{--connect4-preview-ring:#ffe07a;--connect4-preview-glow:#f6c8579e}.connect4-board .winning-line{z-index:4;inset:var(--connect4-board-padding);width:calc(100% - var(--connect4-board-padding) * 2);height:calc(100% - var(--connect4-board-padding) * 2);pointer-events:none;filter:drop-shadow(0 0 .35rem #fff4e194);position:absolute;overflow:visible}.connect4-board .winning-line line{fill:none;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:.72s cubic-bezier(.2,.75,.25,1) .28s forwards connect4-winning-line-draw}.connect4-board .winning-line .glow{stroke:#ef76568f;stroke-width:24px}.connect4-board .winning-line .stroke{stroke:#fff7df;stroke-width:8px}.connect4-board.is-turn-pulse .controls{animation:.42s both connect4-turn-handoff}@media (prefers-reduced-motion:reduce){.connect4-board .rack.is-impact,.connect4-board .drop.is-rejected,.connect4-board .cell.is-rejected-column,.connect4-board .cell.is-latest-drop .disc,.connect4-board .cell.is-latest-drop:after,.connect4-board .cell.is-winning,.connect4-board .cell.is-winning .disc,.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}#connect4-rules-panel{flex-direction:column;flex:1;min-height:0;display:flex}.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}}@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-rack-impact{0%,to{transform:translateY(0)scale(1)}48%{transform:translateY(.12rem)scaleX(1.004)scaleY(.996)}72%{transform:translateY(-.04rem)scaleX(.998)scaleY(1.002)}}@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-control-reject{0%,to{transform:translate(0)}25%{transform:translate(-.22rem)}50%{transform:translate(.2rem)}75%{transform:translate(-.1rem)}}@keyframes connect4-column-reject{0%,to{transform:translate(0)}25%{transform:translate(-3%)}50%{transform:translate(3%)}75%{transform:translate(-1.5%)}}@keyframes connect4-turn-handoff{0%,to{filter:brightness()}50%{filter:brightness(1.28)}}@keyframes connect4-winning-well{0%{transform:scale(.92)}58%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes connect4-winning-disc{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.055)}}@keyframes connect4-winning-line-draw{to{stroke-dashoffset:0}}#reversi-setup,#reversi-room{position:absolute;inset:0}:is(#reversi-setup,#reversi-room) .seat{border-bottom-style:var(--tw-border-style);padding-block:calc(var(--spacing,.25rem) * 3);text-align:center;border-bottom-width:1px}:is(#reversi-setup,#reversi-room) .seat .avatar{border-color:var(--color-lark-lake)}.reversi-stack .status{white-space:nowrap}.reversi-board{aspect-ratio:1;gap:var(--spacing,.25rem);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing,.25rem) * 1.5);transform-origin:50%;perspective:700px;background-color:#173d2a;border-width:4px;border-color:#173d2a;border-radius:5px;grid-template-columns:repeat(8,minmax(0,1fr));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{border-radius:50%;width:28%;height:28%;animation:.82s ease-in-out infinite alternate reversi-legal-breathe;display:block;position:absolute}.reversi-board .hint.is-black{background-color:#02061899}@supports (color:color-mix(in lab, red, red)){.reversi-board .hint.is-black{background-color:color-mix(in oklab, var(--color-slate-950,oklch(12.9% .042 264.695)) 60%, transparent)}}.reversi-board .hint.is-black{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#02061833}@supports (color:color-mix(in lab, red, red)){.reversi-board .hint.is-black{--tw-ring-color:color-mix(in oklab, var(--color-slate-950,oklch(12.9% .042 264.695)) 20%, transparent)}}.reversi-board .hint.is-white{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.reversi-board .hint.is-white{background-color:color-mix(in oklab, var(--color-white,#fff) 90%, transparent)}}.reversi-board .hint.is-white{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#fff6}@supports (color:color-mix(in lab, red, red)){.reversi-board .hint.is-white{--tw-ring-color:color-mix(in oklab, var(--color-white,#fff) 40%, transparent)}}.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{z-index:3;animation:.38s both reversi-cell-reject;box-shadow:inset 0 0 0 3px #ff826fd1}.reversi-board.is-move{animation:.34s cubic-bezier(.2,.78,.25,1) both reversi-board-settle}.reversi-board.is-sweep{animation:.54s cubic-bezier(.2,.78,.25,1) both reversi-board-sweep}.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-board .square.is-rejected,.reversi-board .hint,.reversi-board:is(.is-move,.is-sweep),.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-cell-reject{0%,to{transform:translate(0)}22%{transform:translate(-7%)}44%{transform:translate(7%)}66%{transform:translate(-4%)}82%{transform:translate(3%)}}@keyframes reversi-legal-breathe{0%{opacity:.62;transform:scale(.82)}to{opacity:1;transform:scale(1.08)}}@keyframes reversi-board-settle{0%,to{transform:translateY(0)scale(1)}48%{transform:translateY(.08rem)scale(.998)}}@keyframes reversi-board-sweep{0%,to{filter:brightness();transform:translateY(0)scale(1)}40%{filter:brightness(1.08);transform:translateY(.12rem)scale(.996)}68%{filter:brightness(1.03);transform:translateY(-.04rem)scale(1.002)}}@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)}}#dots-and-boxes-setup,#dots-and-boxes-room{position:absolute;inset:0}:is(#dots-and-boxes-setup,#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}:is(#dots-and-boxes-setup,#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 .9rem 1.1rem #140c083d);width:min(100cqw,100cqh)}.dots-and-boxes-board{--dots-blue:#226f78;--dots-blue-dark:#15555d;--dots-blue-soft:#dceff0;--dots-red:#d65f3d;--dots-red-dark:#a8412d;--dots-red-soft:#f8ded5;--dots-ink:#2c231f;--dots-paper:#f8f1e6;--dots-rail-blue-highlight:#7cddff;--dots-rail-blue:#139ff5;--dots-rail-blue-mid:#087bd8;--dots-rail-blue-dark:#0753a7;--dots-rail-red-highlight:#ffa08f;--dots-rail-red:#f45d65;--dots-rail-red-mid:#df3b50;--dots-rail-red-dark:#a4233d;--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:repeating-linear-gradient(0deg, #5b4a4306 0 1px, transparent 1px 7px), radial-gradient(circle at 28% 18%, #ffffffc2, transparent 36%), var(--dots-paper);border:clamp(.32rem,1.25cqw,.58rem) solid #65483a;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(.7rem,3.2cqw,1.45rem);animation:.44s cubic-bezier(.2,.78,.22,1) both dots-boxes-board-enter;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff8a,inset 0 .2rem .8rem #5b4a4317,0 0 0 1px #26181194,0 .35rem #3d2b23}.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 at 32% 24%,#fff9b7 0 7%,#ffe369 9% 17%,#0000 18%),radial-gradient(circle at 40% 34%,#ffdc48 0 18%,#ffc526 48%,#e99a00 76%,#914f00 100%);border:clamp(2px,.55cqw,3px) solid #854f00;border-radius:50%;width:clamp(1.25rem,6.4cqw,2rem);display:block;position:relative;box-shadow:inset 0 clamp(1px,.4cqw,2px) clamp(1px,.55cqw,3px) #ffffff8a,inset 0 clamp(-3px,-.7cqw,-2px) clamp(2px,.7cqw,4px) #6f390061,0 .16rem .24rem #4a280061}.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:#f7f1eb;--dots-line-main:#ddd3ca;--dots-line-mid:#c9bdb3;--dots-line-dark:#948479;box-sizing:border-box;border:clamp(1px,.28cqw,2px) solid #242220f0;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 #ffffff9e,inset 0 -1px 1px #4e392d3d}.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(.65rem,3.35cqw,1.15rem)}.dots-and-boxes-board .line.is-vertical{width:clamp(.65rem,3.35cqw,1.15rem);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 #03397e52,0 .16rem .3rem #0753a76b,0 0 .4rem #139ff52e}.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 .16rem .3rem #a4233d6b,0 0 .4rem #f45d652e}.dots-and-boxes-board .line.is-empty{opacity:.58}.dots-and-boxes-board .line.is-horizontal.is-empty{width:100%;transform:scaleY(.58)}.dots-and-boxes-board .line.is-vertical.is-empty{height:100%;transform:scaleX(.58)}.dots-and-boxes-board.is-blue .edge.is-available:hover .line,.dots-and-boxes-board.is-blue .edge.is-available: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 .22rem #139ff52e,0 .2rem .32rem #0753a757}.dots-and-boxes-board.is-red .edge.is-available:hover .line,.dots-and-boxes-board.is-red .edge.is-available: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 .22rem #f45d652e,0 .2rem .32rem #a4233d57}.dots-and-boxes-board .edge.is-available:hover .line.is-horizontal.is-empty,.dots-and-boxes-board .edge.is-available:focus-visible .line.is-horizontal.is-empty{width:var(--dots-edge-preview-length)}.dots-and-boxes-board .edge.is-available:hover .line.is-vertical.is-empty,.dots-and-boxes-board .edge.is-available: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 #68d63d}.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:not(.is-juice) .line{animation:1.35s ease-in-out infinite dots-boxes-last-move-throb;box-shadow:inset 0 1px #ffffff59,0 0 0 .2rem #68d63d94,0 0 1rem #68d63d7a}.dots-and-boxes-board .edge.is-last:not(.is-juice):after{z-index:-1;content:"";opacity:.72;pointer-events:none;background:#68d63d33;border:clamp(1px,.3cqw,2px) solid #68d63dad;border-radius:999px;animation:1.35s ease-in-out infinite dots-boxes-last-move-halo;position:absolute;box-shadow:0 0 .9rem #68d63d6b}.dots-and-boxes-board .edge.is-last.is-horizontal:after{width:120%;height:56%;top:22%;left:-10%}.dots-and-boxes-board .edge.is-last.is-vertical:after{width:56%;height:120%;top:-10%;left:22%}.dots-and-boxes-board .box{z-index:1;color:#0000;background:#ffffff4d;border:1px solid #5b4a4314;border-radius:clamp(.28rem,1.2cqw,.55rem);justify-content:center;align-items:center;width:100%;height:100%;transition:background .18s,box-shadow .18s,color .18s;display:flex;position:relative;overflow:visible}.dots-and-boxes-board .box.is-blue{background:radial-gradient(circle at 28% 18%, #ffffffb3, transparent 42%), var(--dots-blue-soft);color:var(--dots-blue-dark);border-color:#226f7859;box-shadow:inset 0 0 0 clamp(1px,.35cqw,2px) #226f781f}.dots-and-boxes-board .box.is-red{background:radial-gradient(circle at 28% 18%, #ffffffb3, transparent 42%), var(--dots-red-soft);color:var(--dots-red-dark);border-color:#d65f3d59;box-shadow:inset 0 0 0 clamp(1px,.35cqw,2px) #d65f3d1f}.dots-and-boxes-board .box.is-tense{background:radial-gradient(circle,#ffe06b38,#0000 68%),#fffdf770;border-color:#f0a32f9e;animation:1.55s ease-in-out infinite dots-boxes-tension;box-shadow:inset 0 0 0 clamp(1px,.35cqw,2px) #f0a32f2e,0 0 .65rem #f0a32f38}.dots-and-boxes-board .mark{font-family:var(--font-display,ui-sans-serif, system-ui);text-shadow:0 1px #fff9;font-size:clamp(.86rem,5.1cqw,1.62rem);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:#70c4cc}.dots-and-boxes-stack .board-clock.is-red .detail{color:#f09a80}.dots-and-boxes-stack .board-clock[data-clock-state=active].is-blue{background:#164e55;border-color:#4aa1aa;box-shadow:inset 0 1px #ffffff17,0 0 0 3px #226f782e}.dots-and-boxes-stack .board-clock[data-clock-state=active].is-red{background:#713524;border-color:#e47a5a;box-shadow:inset 0 1px #ffffff17,0 0 0 3px #d65f3d2e}.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 .edge.is-last:not(.is-juice) .line,.dots-and-boxes-board .edge.is-last:not(.is-juice):after,.dots-and-boxes-board .box.is-tense,.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{opacity:1;background:#89796c}.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-board-enter{0%{opacity:0;transform:translateY(.35rem)scale(.96)}72%{opacity:1;transform:translateY(-.08rem)scale(1.012)}to{opacity:1;transform:translateY(0)scale(1)}}@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-last-move-throb{0%,to{filter:brightness(1.08)saturate(1.06);transform:scale(1);box-shadow:inset 0 1px #ffffff59,0 0 0 .18rem #68d63d85,0 0 .85rem #68d63d5c}50%{filter:brightness(1.26)saturate(1.2);transform:scale(1.1);box-shadow:inset 0 1px #ffffff70,0 0 0 .3rem #68d63dbd,0 0 1.35rem #68d63db3}}@keyframes dots-boxes-last-move-halo{0%,to{opacity:.44;transform:scale(.88)}50%{opacity:.92;transform:scale(1.13)}}@keyframes dots-boxes-tension{0%,to{filter:brightness();box-shadow:inset 0 0 0 clamp(1px,.35cqw,2px) #f0a32f2e,0 0 .45rem #f0a32f2e}50%{filter:brightness(1.08);box-shadow:inset 0 0 0 clamp(2px,.48cqw,3px) #f0a32f6b,0 0 .95rem #f0a32f66}}@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{transform:scale(1)}42%{transform:scale(1.012);box-shadow:inset 0 0 0 1px #ffffff8a,0 0 0 .3rem #68d63d2e,0 .9rem 1.5rem #140c0842}}@keyframes dots-boxes-finish-glow{0%,to{filter:brightness()}52%{filter:brightness(1.1);box-shadow:inset 0 0 0 1px #ffffff8a,0 0 0 .38rem #ffe06b38,0 1rem 1.8rem #140c084d}}@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)}}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@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}