@keyframes scroll-bar-follow{to{translate:0 var(--scroll-range)}}@keyframes scroll-thumb-travel{to{translate:0 var(--thumb-travel)}}.scrolled{scroll-timeline-axis:block;scrollbar-width:none}.scroll-host:not(.scrolled){position:relative}.scroll-bar{--w-thumb:.5rem;--w-arrow:.5rem;--h-arrow:.25rem;height:var(--bar-height);touch-action:none;width:var(--w-scrollbar);z-index:1;flex-direction:column;display:flex;position:absolute;inset-block-start:var(--bar-top);inset-inline-end:var(--bar-end)}.scroll-bar.inside{animation-duration:auto;animation-name:scroll-bar-follow;animation-timing-function:linear;animation-fill-mode:both}.scroll-bar.empty{display:none}.scroll-track{flex:1;min-height:0;position:relative}.scroll-thumb{animation-duration:auto;height:var(--thumb-length);width:var(--w-scrollbar);animation-name:scroll-thumb-travel;animation-timing-function:linear;animation-fill-mode:both;position:absolute;inset-inline-start:0}.scroll-thumb:before{background-color:var(--btn-icon-bg);border-radius:var(--w-thumb);content:"";transition-duration:var(--ms-micro);width:var(--w-thumb);transition-property:background-color;position:absolute;inset-block:0;inset-inline-start:calc((var(--w-scrollbar) - var(--w-thumb)) / 2)}.scroll-thumb:hover:before{background-color:var(--btn-icon-bg-hover)}.scroll-thumb:active:before{background-color:var(--btn-icon-bg-active);transition-duration:0s}.scroll-step{height:var(--w-scrollbar);width:var(--w-scrollbar);background-color:#0000;border:none;flex:none;padding:0;position:relative}.scroll-step:after{background-color:var(--btn-icon-bg);clip-path:polygon(50% 0,100% 100%,0 100%);content:"";height:var(--h-arrow);transition-duration:var(--ms-micro);width:var(--w-arrow);transition-property:background-color;position:absolute;inset-block-start:calc((var(--w-scrollbar) - var(--h-arrow)) / 2);inset-inline-start:calc((var(--w-scrollbar) - var(--w-arrow)) / 2)}.scroll-step.down:after{rotate:180deg}.scroll-step:hover:after{background-color:var(--btn-icon-bg-hover)}.scroll-step:active:after{background-color:var(--btn-icon-bg-active);transition-duration:0s}@supports not (animation-timeline:scroll()){.scroll-bar.inside,.scroll-thumb{animation-name:none}}#dropdowns{grid-area:1/1/-1/-1}.dropdown-dim{opacity:0;pointer-events:none;transition:opacity var(--ms-quick) linear, visibility var(--ms-quick);visibility:hidden;background-color:#0009;position:fixed;inset:0}.dropdown-dim.open{pointer-events:initial;visibility:visible}.dropdown-dim.dark{opacity:1}.dropdown{--dropdown-ms:var(--ms-quick);--dropdown-edge-gap:var(--s2);--dropdown-bg:transparent;background-color:var(--dropdown-bg);opacity:0;padding:var(--gap-l);pointer-events:none;scroll-padding-block:var(--gap-l);transition:clip-path var(--dropdown-ms) linear, opacity var(--dropdown-ms) linear, visibility var(--dropdown-ms);visibility:hidden;position:fixed;overflow-y:auto}.dropdown.has-scroll{padding-inline-end:calc(var(--gap-l) + var(--w-scrollbar))}.dropdown.committing-side{transition:none}.dropdown.below,.dropdown.above{max-height:calc(var(--dropdown-space,100dvh) - var(--dropdown-edge-gap))}.dropdown.below{inset-block-start:anchor(bottom)}.dropdown.above{inset-block-end:anchor(top)}.dropdown.open{opacity:1;pointer-events:initial;visibility:visible}.dropdown-item{background-color:var(--dropdown-bg);border-radius:var(--space-small);color:var(--fg);font-size:var(--font-size);overflow-wrap:anywhere;padding:var(--input-padding);text-align:left;transition-duration:var(--ms-micro);border:none;width:100%}.dropdown-item:hover{background-color:var(--btn-bg-hover)}.dropdown-item:active,.dropdown-item.pressed{background-color:var(--btn-bg-active);transition-duration:0s}@container form (width>=30.75rem){.control.with-caption{column-gap:var(--form-gap);grid-template-columns:var(--w-ctrl) var(--w-ctrl);width:auto;max-width:none;display:inline-grid}.control.with-caption>:not(.control-caption){grid-column:2}.control .control-caption{color:var(--fg);font-size:var(--font-size);text-align:right;grid-area:1/1;padding-inline:0}}@container form (width>=30.75rem){.input-wrap.with-caption{align-items:center}.input-wrap.with-caption>.control-caption{margin-block-end:0}.input-wrap.with-caption:before,.input-wrap.with-caption>input,.input-wrap.with-caption>.password-field{grid-area:1/2}}@property --countdown-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.w-btn[data-v=text]>button,.w-btn[data-v=icon-text]{border-radius:var(--space-small)}.btn-content{align-items:center;gap:var(--gap);white-space:pre-wrap;flex-wrap:wrap;justify-content:center;display:flex}.btn-content .inline-item{height:var(--height-medium-px)}.w-btn[data-tone=positive]{--btn-bg-disabled:var(--positive-5);--btn-bg:var(--positive-4);--btn-bg-hover:var(--positive-3);--btn-bg-active:var(--positive-2);--btn-icon-bg-disabled:var(--positive-5);--btn-icon-bg:var(--positive-3);--btn-icon-bg-hover:var(--positive-2);--btn-icon-bg-active:var(--positive-1)}.w-btn[data-tone=negative]{--btn-bg-disabled:var(--negative-5);--btn-bg:var(--negative-4);--btn-bg-hover:var(--negative-3);--btn-bg-active:var(--negative-2);--btn-icon-bg-disabled:var(--negative-5);--btn-icon-bg:var(--negative-3);--btn-icon-bg-hover:var(--negative-2);--btn-icon-bg-active:var(--negative-1)}.w-btn[data-v=text]>.hint{contain:inline-size}.w-btn[data-v=text]>button{background-color:var(--btn-bg);color:var(--fg);align-items:center;gap:var(--gap-l);padding:var(--pad-control);justify-content:center;width:100%;display:flex}.w-btn[data-v=text]>button.disabled{background-color:var(--btn-bg-disabled);color:var(--btn-fg-disabled);transition-duration:var(--ms-quick)}.w-btn[data-v=text]>button.disabled.pressed{background-color:var(--btn-bg-active);color:var(--fg);cursor:var(--cursor-default);transition-duration:0s}:is(.w-btn[data-v=text]>button.can-spin,.w-btn[data-v=text]>button.can-count-down):before,:is(.w-btn[data-v=text]>button.can-spin,.w-btn[data-v=text]>button.can-count-down):after{content:"";opacity:0;visibility:hidden;width:var(--spinner-size)}:is(.w-btn[data-v=text]>button.can-spin,.w-btn[data-v=text]>button.can-count-down).counting-down:not(.spin):before{background:conic-gradient(var(--fg) var(--countdown-angle), #ffffff1f 0);max-height:var(--spinner-size);max-width:var(--spinner-size);min-height:var(--spinner-size);min-width:var(--spinner-size);opacity:1;visibility:visible;border-radius:50%}:is(.w-btn[data-v=text]>button.can-spin,.w-btn[data-v=text]>button.can-count-down).spin:before{opacity:1;transition:opacity var(--ms-quick) linear var(--ms-slow);visibility:visible}.w-btn[data-v=icon]{--padding-icon:calc((var(--icon-padded) - var(--size-icon)) / 2)}.w-btn[data-v=icon]>button{padding:var(--padding-icon)}.w-btn[data-v=icon] .btn-icon{height:var(--size-icon);transition-duration:var(--ms-micro);width:var(--size-icon);display:block;-webkit-mask-size:contain;mask-size:contain}.w-btn[data-v=icon] .label{color:var(--fg);margin-left:calc(var(--gap-s) - var(--padding-icon));opacity:0;pointer-events:none;transition:var(--fade-out);white-space:nowrap;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.w-btn[data-v=icon]:hover .label{opacity:1;transition:var(--fade-in)}.control.w-btn[data-v=icon]>button.clickable{background-color:#0000}.w-btn[data-v=icon]:not([data-bg]) .btn-icon{background-color:var(--btn-icon-bg);border-radius:var(--space-small)}.w-btn[data-v=icon]:not([data-bg])>button:disabled>.btn-icon{background-color:var(--btn-icon-bg-disabled)}.w-btn[data-v=icon]:not([data-bg])>button:not(:disabled):hover>.btn-icon{background-color:var(--btn-icon-bg-hover)}.w-btn[data-v=icon]:not([data-bg])>button:not(:disabled):active>.btn-icon,.w-btn[data-v=icon]:not([data-bg])>button:not(:disabled).pressed>.btn-icon{background-color:var(--btn-icon-bg-active);transition-duration:0s}.control.w-btn[data-v=icon-text]>button{background-color:var(--btn-icon-bg);border-radius:var(--space-small);color:var(--page-bg);margin:0 var(--s2);padding:var(--pad-small);align-items:center}.control.w-btn[data-v=icon-text]>button:disabled{background-color:var(--btn-icon-bg-disabled)}.control.w-btn[data-v=icon-text]>button:not(:disabled):hover{background-color:var(--btn-icon-bg-hover)}.control.w-btn[data-v=icon-text]>button:not(:disabled):active,.control.w-btn[data-v=icon-text]>button:not(:disabled).pressed{background-color:var(--btn-icon-bg-active)}@container form (width>=30.75rem){.control.with-caption{column-gap:var(--form-gap);grid-template-columns:var(--w-ctrl) var(--w-ctrl);width:auto;max-width:none;display:inline-grid}.control.with-caption>:not(.control-caption){grid-column:2}.control .control-caption{color:var(--fg);font-size:var(--font-size);text-align:right;grid-area:1/1;padding-inline:0}}@container form (width>=30.75rem){.input-wrap.with-caption{align-items:center}.input-wrap.with-caption>.control-caption{margin-block-end:0}.input-wrap.with-caption:before,.input-wrap.with-caption>input,.input-wrap.with-caption>.password-field{grid-area:1/2}}.w-btn-grp{width:var(--w-ctrl)}.w-btn-grp>div{flex-direction:row;display:flex}.w-btn-grp>div>button{background-color:var(--form-bg-transparent);color:var(--fg);align-items:center;gap:var(--gap-l);padding:var(--pad-control);border:var(--input-border);border-right:none;justify-content:center;width:100%;display:flex}.w-btn-grp>div>button:first-child{border-top-left-radius:var(--space-small);border-bottom-left-radius:var(--space-small)}.w-btn-grp>div>button:last-child{border-right:var(--input-border);border-top-right-radius:var(--space-small);border-bottom-right-radius:var(--space-small)}.w-btn-grp>div>button.disabled{background-color:var(--btn-bg-disabled);color:var(--btn-fg-disabled)}.checkbox-wrap{--checkbox-size:1.25em;--spinner-size:var(--checkbox-size)}.checkbox-wrap .checkbox-box{align-items:center;column-gap:var(--gap-l);cursor:var(--cursor-pointer);max-width:100%;width:var(--w-ctrl);display:inline-flex;position:relative}.checkbox-wrap .checkbox-box.disabled{color:var(--btn-fg-disabled);cursor:var(--cursor-disabled)}@container form (width>=30.75rem){.checkbox-wrap .checkbox-box{column-gap:var(--form-gap);grid-template-columns:var(--w-ctrl) var(--w-ctrl);width:auto;max-width:none;display:inline-grid}.checkbox-wrap .checkbox,.checkbox-wrap .checkbox-spinner{grid-area:1/2}.checkbox-wrap .checkbox-label{text-align:right;grid-area:1/1}}.checkbox-wrap .checkbox-spinner{inset-inline-start:0;display:none;position:absolute;top:50%;translate:0 -50%}.checkbox-wrap.spin .checkbox{opacity:0}.checkbox-wrap.spin .checkbox-spinner{display:block}.checkbox-wrap .checkbox{appearance:none;background-color:var(--form-bg);border:var(--input-border);border-radius:var(--space-small);height:var(--checkbox-size);transition-duration:var(--ms-micro);width:var(--checkbox-size);flex:none;place-items:center;margin:0;padding:0;transition-property:background-color,border-color;display:grid}.checkbox-wrap .checkbox:before{background-color:var(--fg);content:"";opacity:0;height:100%;transition:opacity var(--ms-micro) linear, scale var(--ms-micro) var(--emphasized-decelerate);width:100%;scale:.5;-webkit-mask-size:contain;mask-size:contain}.checkbox-wrap .checkbox:checked{background-color:var(--btn-bg);border-color:var(--btn-bg)}.checkbox-wrap .checkbox:checked:before{opacity:1;scale:1}.checkbox-wrap .checkbox:disabled{border-color:var(--btn-bg-disabled)}.checkbox-wrap .checkbox:disabled:checked{background-color:var(--btn-bg-disabled)}.checkbox-wrap .checkbox:disabled:checked:before{background-color:var(--btn-fg-disabled)}.checkbox-wrap .checkbox-box:not(.disabled):hover>.checkbox{border-color:var(--btn-bg-hover)}.checkbox-wrap .checkbox-box:not(.disabled):hover>.checkbox:checked{background-color:var(--btn-bg-hover)}.checkbox-wrap .checkbox-box:not(.disabled):active>.checkbox{border-color:var(--btn-bg-active);transition-duration:0s}.checkbox-wrap .checkbox-box:not(.disabled):active>.checkbox:checked{background-color:var(--btn-bg-active)}.control.w-menu{display:block}.control.w-menu.with-caption{align-items:stretch;row-gap:var(--gap-s);flex-direction:column;display:flex}.control.w-menu[hidden]{display:none}.control.with-placeholder{display:grid}.control.with-placeholder>*{grid-area:1/1}.grid-placeholder{padding-inline:var(--input-padding-inline);pointer-events:none;text-align:center;--spinner-size:3rem;place-items:center;display:grid}.room-item{padding:var(--gap)}.room-item .enter{opacity:0}.room-item .clickable:not(.disabled):hover{background-color:color-mix(in srgb, var(--btn-bg-hover) 50%, transparent)}.room-item .clickable:not(.disabled):active{background-color:color-mix(in srgb, var(--btn-bg-active) 50%, transparent)}.room-item .room-settings{color:var(--color-muted);font-size:var(--font-size-s);padding:0 var(--gap-l) var(--gap-l);pointer-events:none}.room-item .players{padding:var(--gap-l);pointer-events:none;flex-direction:column;display:flex}.room-item .players .player{gap:var(--gap-s);display:flex}.room-item .players .player.lead{--size-icon:var(--icon-m)}.room-item .players .w-join{pointer-events:all}.room-item .players .player-arrows{--size-icon:var(--icon-m);pointer-events:all;margin-inline-start:auto;display:flex}.room-item[data-location=lobby] .players .player{min-height:var(--icon-padded)}.room-item[data-location=lobby] .players .player.lead{--size-icon:var(--icon-l)}.dropdown.select-list{--dropdown-ms:var(--ms-micro);--dropdown-bg:var(--popup-bg);border:var(--input-border);clip-path:inset(0 0 100%);opacity:1;width:anchor-size(width);border-top:0;flex-direction:column;display:flex;inset-inline-start:anchor(start)}.select{justify-content:space-between;align-items:center;width:100%;display:flex}.select-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown.select-list.above{border-bottom:0;border-top:var(--input-border);clip-path:inset(100% 0 0)}.dropdown.select-list.open,.dropdown.select-list.above.open{clip-path:inset(0)}@container form (width>=30.75rem){.control.with-caption{column-gap:var(--form-gap);grid-template-columns:var(--w-ctrl) var(--w-ctrl);width:auto;max-width:none;display:inline-grid}.control.with-caption>:not(.control-caption){grid-column:2}.control .control-caption{color:var(--fg);font-size:var(--font-size);text-align:right;grid-area:1/1;padding-inline:0}}@container form (width>=30.75rem){.input-wrap.with-caption{align-items:center}.input-wrap.with-caption>.control-caption{margin-block-end:0}.input-wrap.with-caption:before,.input-wrap.with-caption>input,.input-wrap.with-caption>.password-field{grid-area:1/2}}.input-wrap[data-placeholder]:before{border-inline:var(--line-thin) solid transparent;content:attr(data-placeholder);height:0;padding-inline:var(--input-padding-inline);visibility:hidden;white-space:pre;overflow:hidden}.input-wrap.with-eye{--eye-glyph:var(--icon-s);--eye-target:calc(var(--eye-glyph) + 2 * var(--input-padding-inline))}.input-wrap.with-eye[data-placeholder]:before{padding-inline-end:var(--eye-target)}.password-field>input::-ms-reveal{display:none}.w-document{width:100%}.w-document>article{gap:var(--form-gap);padding:var(--text-padding);text-align:start;white-space:normal;flex-direction:column;display:flex}.w-document h1,.w-document h2,.w-document p{font-size:inherit;margin:0}.w-document h1{text-align:center;font-weight:400}.w-document .note,.w-document .updated{color:var(--color-muted)}.w-document>article a.link{padding-inline:0}.control-selector{width:100%;display:block}.control-selector[hidden]{display:none}.control-selector .alternatives{display:grid}.control-selector .alternatives.switching{overflow-y:clip}.control-selector .alternatives>.alternative{align-self:start;gap:var(--form-gap);flex-direction:column;grid-area:1/1;display:flex}.control-selector .alternatives>.alternative[hidden]{display:none}.decision{width:100%;display:block}.decision[hidden]{display:none}.decision>.answers{gap:var(--form-gap);flex-wrap:wrap-reverse;justify-content:center;display:flex}.w-credit{width:100%}.w-credit>.control-caption:empty{display:none}.w-credit .credit-line{text-align:start}.w-credit .credit-line .link{padding-inline:0}@container form (width>=30.75rem){.w-credit.control.with-caption{grid-template-columns:var(--w-caption-narrow) minmax(0, 1fr);align-items:start;width:100%}}.w-btn[data-v=text]{min-width:var(--w-ctrl);width:fit-content}.input-wrap,.select-wrap,.track-bar-wrap{max-width:var(--w-ctrl);width:100%}.paragraph.btns-only{gap:var(--form-gap) var(--form-gap)}.spinner,.spin:before{border:calc(var(--spinner-size) / 8) solid #ffffff1f;border-top-color:var(--fg);min-width:var(--spinner-size);max-width:var(--spinner-size);min-height:var(--spinner-size);max-height:var(--spinner-size);border-radius:50%;animation:1.2s linear infinite spin}.label.with-spinner{align-items:center;gap:var(--gap);display:flex}.label>.heading{font-weight:700}.clickable:not(.disabled,:disabled){cursor:var(--cursor-pointer)}.clickable:is(.disabled,:disabled){cursor:var(--cursor-disabled)}.control.with-caption{align-items:center;row-gap:var(--gap-s);flex-wrap:wrap;display:inline-flex}.control .control-caption{color:var(--color-muted);font-size:var(--text-xs);padding-inline:var(--s2);text-align:left;width:100%}@container form (width>=30.75rem){.control.with-caption{column-gap:var(--form-gap);grid-template-columns:var(--w-ctrl) var(--w-ctrl);width:auto;max-width:none;display:inline-grid}.control.with-caption>:not(.control-caption){grid-column:2}.control .control-caption{color:var(--fg);font-size:var(--font-size);text-align:right;grid-area:1/1;padding-inline:0}}.control button{border:none}.control button,.control input{font-size:var(--font-size)}.control .clickable:not(.disabled,.avatar){transition-duration:var(--ms-micro)}.control .clickable:not(.disabled,.avatar):hover{background-color:var(--btn-bg-hover)}.control .clickable:not(.disabled,.avatar):active,.control .clickable:not(.disabled,.avatar).pressed{background-color:var(--btn-bg-active);transition-duration:0s}.input-wrap.with-caption{flex-flow:column;align-items:stretch;row-gap:0}.input-wrap.with-caption>.control-caption{margin-block-end:var(--gap-s)}@container form (width>=30.75rem){.input-wrap.with-caption{align-items:center}.input-wrap.with-caption>.control-caption{margin-block-end:0}.input-wrap.with-caption:before,.input-wrap.with-caption>input,.input-wrap.with-caption>.password-field{grid-area:1/2}}.avatar{aspect-ratio:1;background-blend-mode:soft-light;height:var(--size-icon);width:var(--size-icon);background-color:#0000;background-size:cover;border:none;border-radius:50%}button.avatar{transition-duration:var(--ms-micro)}button.avatar:not(:disabled):hover{background-color:var(--avatar-tint-hover)}button.avatar:not(:disabled):active{background-color:var(--avatar-tint-active);transition-duration:0s}.w-btn[data-bg] .btn-icon{background-blend-mode:soft-light;background-color:#0000;background-size:cover}.w-btn[data-bg]>button.clickable:not(.disabled):hover>.btn-icon{background-color:var(--avatar-tint-hover)}.w-btn[data-bg]>button.clickable:not(.disabled):active>.btn-icon{background-color:var(--avatar-tint-active)}.w-avatar{width:var(--icon-padded);justify-content:center;align-items:center;display:flex}.player{--size-icon:var(--icon-s);align-items:center}.player.lead{--size-icon:var(--icon-l)}.player:not(.lead) .username{color:var(--color-muted);font-size:var(--font-size-s)}.track-bar-wrap{--track-bar-knob:var(--s6);--track-bar-knob-gap:var(--s1);--track-bar-knob-box:calc(var(--track-bar-knob) + 2 * var(--track-bar-knob-gap));--track-bar-hit:var(--icon-padded);--track-bar-border:var(--line-thin);--track-bar-height:var(--s3);--track-bar-radius:calc(var(--track-bar-height) / 2);--track-bar-end:calc(var(--track-bar-knob) / 2);--track-bar-travel:calc(100% - var(--track-bar-knob));--track-bar-mark:1px;--track-bar-mark-height:var(--s1);--track-bar-mark-gap:var(--s1);align-items:center;row-gap:var(--gap-s);flex-wrap:wrap;display:inline-flex}.track-bar-wrap .track-bar-track{--track-bar-bg:var(--btn-bg);--track-bar-knob-bg:var(--fg);--track-bar-ms:var(--ms-micro);height:var(--track-bar-hit);width:100%;position:relative}.track-bar-wrap .track-bar-track>*{pointer-events:none;position:absolute}.track-bar-wrap .track-bar-rail{border:var(--track-bar-border) solid var(--track-bar-bg);border-radius:var(--track-bar-radius);height:var(--track-bar-height);inset-inline:calc(var(--track-bar-end) - var(--track-bar-radius));top:calc(50% - var(--track-bar-height) / 2);transition:border-color var(--track-bar-ms)}.track-bar-wrap .track-bar-locked-low,.track-bar-wrap .track-bar-locked-high{border:var(--track-bar-border) solid var(--btn-bg-disabled);background-color:var(--btn-bg-disabled);height:var(--track-bar-height);top:calc(50% - var(--track-bar-height) / 2);transition:width var(--track-bar-ms)}.track-bar-wrap .track-bar-locked-low{border-radius:var(--track-bar-radius) 0 0 var(--track-bar-radius);left:calc(var(--track-bar-end) - var(--track-bar-radius));width:calc(var(--track-bar-radius) + var(--track-bar-min-ratio) * var(--track-bar-travel))}.track-bar-wrap .track-bar-locked-high{border-radius:0 var(--track-bar-radius) var(--track-bar-radius) 0;right:calc(var(--track-bar-end) - var(--track-bar-radius));width:calc(var(--track-bar-radius) + (1 - var(--track-bar-max-ratio)) * var(--track-bar-travel))}.track-bar-wrap .track-bar-fill{background-color:var(--track-bar-bg);border-radius:calc(var(--track-bar-radius) - var(--track-bar-border));height:100%;transition-duration:var(--track-bar-ms);width:calc(var(--track-bar-radius) - var(--track-bar-border) + var(--track-bar-ratio) * (100% - 2 * (var(--track-bar-radius) - var(--track-bar-border))));transition-property:background-color,width;position:absolute;top:0;left:0}.track-bar-wrap .track-bar-knob{background-clip:content-box;background-color:var(--track-bar-knob-bg);filter:drop-shadow(1px 1px 1px #000);height:var(--track-bar-knob-box);left:calc(var(--track-bar-ratio) * var(--track-bar-travel) - var(--track-bar-knob-gap));padding:var(--track-bar-knob-gap);top:calc(50% - var(--track-bar-knob-box) / 2);transition-duration:var(--track-bar-ms);width:var(--track-bar-knob-box);border-radius:50%;transition-property:background-color,left}.track-bar-wrap .track-bar-marks{background-image:linear-gradient(to right, var(--track-bar-bg) var(--track-bar-mark), transparent var(--track-bar-mark));background-repeat:repeat-x;background-size:calc((100% - var(--track-bar-mark)) / var(--track-bar-marks)) var(--track-bar-mark-height);height:var(--track-bar-mark-height);inset-inline:calc(var(--track-bar-end) - var(--track-bar-mark) / 2);top:calc(50% + var(--track-bar-knob-box) / 2 + var(--track-bar-mark-gap));transition:background-size var(--ms-micro) linear}.track-bar-wrap .track-bar-value{text-align:center;transition:color var(--ms-quick);width:100%}.track-bar-wrap .track-bar-track>input:hover~*{--track-bar-bg:var(--btn-bg-hover)}.track-bar-wrap.adjusting .track-bar-track>input~*{--track-bar-bg:var(--btn-bg-active)}.track-bar-wrap.adjusting .track-bar-knob{filter:drop-shadow(1px 1px 1px black) drop-shadow(0 0 var(--line-thin) var(--color-cursor)) drop-shadow(0 0 var(--line-thin) var(--color-cursor))}.track-bar-wrap .track-bar-track>input:active~*{--track-bar-bg:var(--btn-bg-active);--track-bar-ms:0s}.track-bar-wrap.control.disabled .track-bar-track>*{--track-bar-bg:var(--btn-bg-disabled);--track-bar-knob-bg:var(--btn-fg-disabled);--track-bar-ms:var(--ms-quick)}.track-bar-wrap.control.disabled .track-bar-value{color:var(--btn-fg-disabled)}.cursor+.track-bar-wrap{z-index:auto}.cursor+.track-bar-wrap .track-bar-knob{z-index:3}.control.track-bar-wrap .track-bar-track>input.track-bar-input[type=range]{appearance:none;cursor:var(--cursor-pointer,pointer);height:var(--track-bar-hit);left:calc(var(--track-bar-end) - var(--track-bar-hit) / 2);pointer-events:auto;width:calc(var(--track-bar-travel) + var(--track-bar-hit));background:0 0;border:none;border-radius:0;margin:0;padding:0;display:block;top:0}.control.track-bar-wrap .track-bar-track>input.track-bar-input[type=range]:disabled{cursor:var(--cursor-disabled)}.track-bar-wrap input[type=range]::-webkit-slider-runnable-track{height:var(--track-bar-hit);background:0 0}.track-bar-wrap input[type=range]::-webkit-slider-thumb{appearance:none;height:var(--track-bar-hit);width:var(--track-bar-hit);background:0 0;border:none}.track-bar-wrap input[type=range]::-moz-range-track{height:var(--track-bar-hit);background:0 0}.track-bar-wrap input[type=range]::-moz-range-thumb{height:var(--track-bar-hit);width:var(--track-bar-hit);background:0 0;border:none}.friend-item{--size-icon:var(--icon-m);width:100%}.friend-item .friend-row{align-items:center;gap:var(--gap-s);padding:var(--gap) var(--gap-l);display:flex}.friend-item .username{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-item .friend-actions{align-items:center;gap:var(--gap);margin-inline-start:auto;display:flex}.friend-item .friend-actions .w-btn[data-v=text]{width:auto;min-width:0}.friend-item .friend-actions>.label{color:var(--color-muted);font-size:var(--font-size-s)}.avatar-picker-wrap{--avatar-picker-size:4rem;justify-content:center;display:flex}.avatar-picker-wrap button.avatar-picker{height:var(--avatar-picker-size);width:var(--avatar-picker-size)}.dropdown.avatar-dropdown{--dropdown-ms:var(--ms-micro);--dropdown-bg:var(--form-bg);--avatar-tile-size:4rem;border:var(--input-border);border-radius:var(--space-small);clip-path:inset(0 0 100%);color:var(--fg);opacity:1;width:auto;inset-inline-start:anchor(center);translate:-50%}.dropdown.avatar-dropdown ul{margin:0;padding:0;list-style:none}.dropdown.avatar-dropdown li>button{white-space:nowrap}.dropdown.avatar-dropdown .avatar-grid{gap:var(--gap);grid-template-columns:repeat(4, var(--avatar-tile-size));display:grid;position:relative}.dropdown.avatar-dropdown .avatar-grid button.avatar{height:var(--avatar-tile-size);width:var(--avatar-tile-size)}.dropdown.avatar-dropdown.above{clip-path:inset(100% 0 0)}.dropdown.avatar-dropdown.open,.dropdown.avatar-dropdown.above.open{clip-path:inset(0)}#reactions{--wobble-amplitude:.75rem;--flight-spread-max:.75rem;--size-reaction:4rem;--flight-width:8rem;--rise-height:40vh;--rise-time:2s;--wobble-time:1.6s;place-self:end start;position:relative}#reactions>.w-btn{pointer-events:initial;display:block}.dropdown.reactions-list{--size-icon:var(--icon-l);--dropdown-bg:var(--form-bg-transparent);border-radius:var(--space-small);margin-bottom:var(--s1);flex-direction:column;display:flex;inset-inline-start:anchor(start)}.reactions-flights{pointer-events:none;bottom:100%;position:absolute;inset-inline-start:0}.reaction-flight{--flight-start:calc(var(--s2) + var(--wobble-amplitude) + var(--flight-spread-max) - (var(--flight-width) - var(--size-reaction)) / 2);width:var(--flight-width);bottom:0;position:absolute;inset-inline-start:calc(var(--flight-start) + var(--flight-spread,0px))}.reaction-flight.flying{animation:reaction-rise var(--rise-time) linear forwards}.reaction-wobble{flex-direction:column;align-items:center;display:flex}.flying .reaction-wobble{animation:reaction-wobble-start calc(var(--wobble-time) / 2) ease-out forwards, reaction-wobble var(--wobble-time) ease-in-out calc(var(--wobble-time) / 2) infinite alternate}.reaction-emoji{height:var(--size-reaction);width:var(--size-reaction)}.reaction-author{color:var(--color-muted);font-size:var(--text-sm);text-overflow:ellipsis;max-width:100%;text-shadow:1px 1px 2px var(--color-7);white-space:nowrap;overflow:hidden}@keyframes reaction-rise{0%{opacity:1;translate:0}70%{opacity:1}to{opacity:0;translate:0 calc(-1 * var(--rise-height))}}@keyframes reaction-wobble-start{0%{translate:0}to{translate:var(--wobble-amplitude) 0}}@keyframes reaction-wobble{0%{translate:var(--wobble-amplitude) 0}to{translate:calc(-1 * var(--wobble-amplitude)) 0}}#signals{--pin-size:var(--s12);--pin-border:var(--s1);--pin-tip:calc(var(--pin-size) * .35);grid-area:1/1/-1/-1;position:relative}.signal-sprite{width:0;height:0;position:absolute}.signal-menu-anchor{width:0;height:0;position:fixed}.dropdown.signal-menu{--dropdown-ms:var(--ms-micro);--dropdown-bg:var(--popup-bg);border:var(--input-border);border-radius:var(--space-small);white-space:nowrap;flex-direction:column;display:flex}.signal-hand{transform-origin:0 0;position:absolute;inset-block-start:0;inset-inline-start:0}.signal-hand-art,.signal-hand-arm{position:absolute}.signal-hand-arm{transform-origin:50% 100%}.hand-light{fill:var(--hand-light)}.hand-dark{fill:var(--hand-dark)}.hand-ink{fill:var(--hand-line)}.hand-weight{fill:var(--hand-line);stroke:var(--hand-line);stroke-linejoin:round}.hand-outline,.hand-pen{fill:none;stroke:var(--hand-line);stroke-linecap:round;stroke-linejoin:round}.signal-pin{background-color:var(--form-bg);border:var(--pin-border) solid var(--hand-light);height:var(--pin-size);pointer-events:initial;width:var(--pin-size);border-radius:50%;padding:0;position:absolute;inset-block-start:calc(var(--pin-size) / -2);inset-inline-start:calc(var(--pin-size) / -2)}.signal-pin.black{box-shadow:0 0 0 var(--line-thin) white}.signal-pin:before{border-block:calc(var(--pin-tip) / 2) solid transparent;border-inline-start:var(--pin-tip) solid var(--hand-light);content:"";transform:rotate(var(--pin-direction)) translateX(calc(var(--pin-size) / 2 + var(--pin-tip) / 2));position:absolute;inset-block-start:calc(50% - var(--pin-tip) / 2);inset-inline-start:calc(50% - var(--pin-tip) / 2)}.signal-hand-glyph{border-radius:50%;width:100%;height:100%}.w-player>div.black{text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff}.split-wrap>span{align-items:center;gap:var(--s2);padding-inline:var(--s2);display:inline-flex}.split-wrap .track-bar-wrap{width:var(--w-ctrl)}.split-rest,.split-part{font-variant-numeric:tabular-nums;text-align:center;min-width:1ch}.result-item .result-header{padding-bottom:var(--gap-l);text-align:center}.result-item .players{column-gap:var(--gap-s);grid-template-columns:auto var(--icon-padded) 1fr auto;display:grid}.result-item .player{grid-column:1/-1;grid-template-columns:subgrid;min-height:var(--icon-padded);display:grid}.result-item .result-place,.result-item .result-score{text-align:end}.counter{place-items:center;display:grid;position:relative}.counter>*{grid-area:1/1}.counter-value{z-index:1;align-items:center;line-height:1;display:flex;position:relative}.counter-value.brackets:before{content:"("}.counter-value.brackets:after{content:")"}.counter-digits{display:flex}.counter-digit{height:1em;display:grid;overflow:hidden}.counter-strip{grid-template-rows:1fr 1fr;height:200%;display:grid}.counter-glyph{white-space:pre;justify-content:center;align-items:center;height:1em;display:flex}.counter-deltas{pointer-events:none;z-index:2;place-self:center;width:0;height:0;position:relative}.counter-delta{text-shadow:0 0 .2rem var(--shadow);white-space:nowrap;font-size:.7rem;font-weight:700;position:absolute;bottom:0;left:0;translate:-50%}.counter-delta.gain{color:var(--positive-2)}.counter-delta.loss{color:var(--negative-3)}.dropdown.private-panel{--private-card-height:clamp(4rem, 16vh, 9rem);justify-content:center;align-items:center;max-height:none;display:flex}.private-list{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex;position:relative}.private-card{border-radius:var(--space-small);height:var(--private-card-height);transition:scale var(--ms-micro);background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:none;padding:0}.private-card:hover,.private-card:focus-visible{scale:1.06}*,:before,:after{box-sizing:border-box}html,body{height:100%}li{list-style:none}body,ul{margin:0}button,ul{padding:0}:focus,:focus-visible{outline:none}html.custom-cursor{cursor:var(--cursor-default)}html.custom-cursor *{cursor:inherit}html.custom-cursor :is(input:not([type=checkbox],[type=range]),textarea):not(:disabled){cursor:var(--cursor-text,text)}html.custom-cursor body.over-option{cursor:var(--cursor-pointer)}html.custom-cursor body.over-unavailable-option{cursor:var(--cursor-disabled)}html.custom-cursor body.dragging-table,html.custom-cursor body.dragging-table *{cursor:var(--cursor-grabbing)}#cursor-overlay{z-index:1000;pointer-events:none;will-change:transform;background-size:100% 100%;position:fixed;top:0;left:0}:root{--space-small:.2rem;--height-large:80;--height-medium:40;--height-small:15;--height-micro:10;--height-large-px:calc(var(--height-large) * var(--px));--height-medium-px:calc(var(--height-medium) * var(--px));--height-small-px:calc(var(--height-small) * var(--px));--height-micro-px:calc(var(--height-micro) * var(--px));--input-border:var(--line-thin) solid var(--btn-bg);--input-border-hover:var(--line-thin) solid var(--btn-bg-hover)}.fill,.overlay{width:100%;height:100%;top:0;left:0}.stack{display:grid}.stack>*{grid-area:1/1}.flex-center{justify-content:center;align-items:center;display:flex}.flex-center-down{flex-direction:column;align-items:center;display:flex}.flex-stretch-down{flex-direction:column;align-items:stretch;display:flex}.grid-center{place-content:center;display:grid}.grid-center>*{grid-area:1/1}form{background-color:var(--form-bg-transparent);align-items:stretch}form .paragraph{white-space:pre-wrap;flex-wrap:wrap;align-items:center;display:flex}form .paragraph[hidden]{display:none}form .paragraph .inline-space{justify-content:center;align-items:center;display:flex;position:relative}form .paragraph .items,form .paragraph .spaces{gap:var(--gap);display:flex}form .paragraph .spaces-wrap:only-child>.spaces{gap:var(--gap-l)}form .paragraph .spaces-wrap:only-child>.spaces>.inline-space{height:var(--height-large-px);--height:var(--height-large);--width:var(--height-large)}form .paragraph .inline-item,form .paragraph .inline-space{height:var(--height-medium-px)}form .paragraph .control .link{color:var(--color-link);transition-duration:var(--ms-quick);background:0 0;text-decoration:none;transition-property:color;display:inline-block}form .paragraph .control .link:hover{color:var(--color-link-hover)}form .paragraph .control .menu{border:var(--input-border);padding:var(--gap);border-radius:var(--space-small)}form .paragraph .control .menu.has-scroll{padding-inline-end:calc(var(--gap) + var(--w-scrollbar))}form .paragraph input,form .paragraph .select{background-color:var(--form-bg);color:var(--fg);border-radius:var(--space-small);border:var(--input-border);padding:var(--input-padding);flex-grow:1}:is(form .paragraph input,form .paragraph .select).error{border:var(--line-thin) solid var(--negative-3)}:is(form .paragraph input,form .paragraph .select).disabled{border-color:var(--btn-bg-disabled);color:var(--btn-fg-disabled);transition-duration:var(--ms-quick)}:is(form .paragraph input,form .paragraph .select):not(.disabled):hover{border:var(--input-border-hover)}form .paragraph .select.open{border-bottom-right-radius:0;border-bottom-left-radius:0}form .paragraph .select.above.open{border-bottom-left-radius:var(--space-small);border-bottom-right-radius:var(--space-small);border-top-left-radius:0;border-top-right-radius:0}form .paragraph .select:after{content:"";background-color:var(--color-muted);flex:none;width:1rem;height:1rem;display:inline-block;-webkit-mask-image:url(/b/j9y8exgr.svg);mask-image:url(/b/j9y8exgr.svg);-webkit-mask-size:cover;mask-size:cover}form .paragraph .select:hover:after{background-color:var(--fg)}form .paragraph .password-field>input{padding-inline-end:var(--eye-target)}form .paragraph .password-field:hover>input:not(.disabled){border:var(--input-border-hover)}form .paragraph .password-eye{color:var(--color-muted);cursor:var(--cursor-pointer);transition:color var(--ms-micro) linear;width:var(--eye-target);z-index:4;background:0 0;justify-content:flex-end;place-self:stretch end;display:flex}form .paragraph .password-eye:not(:disabled):hover{color:var(--fg)}form .paragraph .password-eye:disabled{cursor:var(--cursor-disabled)}form .paragraph .eye-slot{aspect-ratio:1;justify-content:center;align-items:center;height:100%;display:flex}form .paragraph .eye-glyph{aspect-ratio:1;width:var(--eye-glyph);display:grid}form .paragraph .eye-glyph:before,form .paragraph .eye-glyph:after{content:"";transition:opacity var(--ms-micro) linear;background-color:currentColor;grid-area:1/1;-webkit-mask-size:contain;mask-size:contain}form .paragraph .eye-glyph:before{-webkit-mask-image:url(/b/mo11q0qe.svg);mask-image:url(/b/mo11q0qe.svg)}form .paragraph .eye-glyph:after{opacity:0;-webkit-mask-image:url(/b/bxce3fd0.svg);mask-image:url(/b/bxce3fd0.svg)}form .paragraph .password-eye[aria-pressed=true]>.eye-slot>.eye-glyph:before{opacity:0}form .paragraph .password-eye[aria-pressed=true]>.eye-slot>.eye-glyph:after{opacity:1}form .paragraph .hint{font-size:var(--text-xs);padding:var(--pad-control-hint)}form .paragraph .hint.error{color:var(--negative-3)}form .paragraph .hint.right{text-align:right}form .paragraph .hint.negative{color:var(--negative-3)}form .paragraph .hint.yellow{color:var(--color-yellow)}form .paragraph .hint.positive{color:var(--positive-3)}form .paragraph .hint.very-positive{color:var(--positive-2)}form .slot{height:100%}form .slot>*{top:50%}form .slot .item{height:100%}.stack:empty{display:none}.circle{aspect-ratio:1;height:var(--height-micro-px);width:var(--height-micro-px);border-radius:50%;margin:.5rem}.circle.active{scale:2}#user-menu{place-items:start end}#log{place-items:stretch stretch}#players{place-items:start stretch}#players>.w-form{max-height:none}#players>.w-form>form{padding-inline:var(--pad-form-inline)}@property --avatar-scale{syntax:"<number>";inherits:false;initial-value:1}.players-table{--avatar-grown:1.5;color:var(--fg);padding-inline:var(--gap-l);flex-direction:column;display:flex}.players-row{padding-block:var(--gap);display:flex}.players-row .avatar{--avatar-scale:calc(1 / var(--avatar-grown));box-shadow:0 0 0 calc(var(--s1) / var(--avatar-scale)) var(--player-color);height:calc(1.5rem * var(--avatar-grown));scale:var(--avatar-scale);transition:--avatar-scale var(--ms-slow) var(--spring);width:calc(1.5rem * var(--avatar-grown));flex:none}.players-row .avatar.black{box-shadow:0 0 0 calc(var(--s1) / var(--avatar-scale)) var(--player-color), 0 0 0 calc((var(--s1) + var(--line-thin)) / var(--avatar-scale)) white}.players-row .avatar.active{--avatar-scale:1}.players-row .username{text-overflow:ellipsis;transition:color var(--ms-quick) linear;white-space:nowrap;overflow:hidden}.players-row.done .username{color:var(--color-muted)}.player-identity{align-items:center;gap:var(--gap-l);min-width:0;display:flex}.player-info{column-gap:var(--gap-l);flex-wrap:wrap;min-width:0;display:flex}.player-name{align-items:baseline;gap:var(--gap-s);min-width:0;display:flex}.player-score{flex:none}.vote-table{gap:var(--gap-s);flex-direction:column;display:flex}.vote-row{align-items:baseline;gap:var(--gap-l);justify-content:space-between;display:flex}.vote-glyph{font-variant-numeric:tabular-nums}.vote-glyph[data-vote=wait]{color:var(--positive-2)}.vote-glyph[data-vote=forfeit]{color:var(--negative-2)}.player-clock{font-variant-numeric:tabular-nums;opacity:.6;flex:none}.player-clock.running{opacity:1}.player-clock.expired{color:var(--negative-2)}.player-cells{align-items:center;gap:var(--gap-s) var(--gap-l);flex-wrap:wrap;display:flex}.player-cell{align-items:center;display:flex}.player-cell .items{gap:var(--gap-s);display:flex}.player-cell .inline-item{height:var(--height-micro-px)}.player-cell .counter .inline-item{height:var(--height-small-px)}.player-cell .counter-value{-webkit-text-stroke:2px #000;paint-order:stroke fill;font-size:.75rem;font-weight:700}.log-list{color:var(--fg);flex-direction:column;display:flex}.log-entry{padding:var(--gap) var(--gap-l);transition:opacity var(--ms-normal) ease-out;border-left:.5rem solid #0000}.log-entry.future{opacity:.35}.w-full{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@property --form-space{syntax:"<length>|auto";inherits:false;initial-value:auto}.form-selector{isolation:isolate;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.form-selector.collapsible{height:var(--form-space)}.form-selector>.w-form{flex-direction:column;grid-area:1/1;max-height:100%;display:flex;position:relative;overflow:auto}.form-selector>.w-form>form{isolation:isolate;min-height:0;overflow:auto}.form-selector>.w-form:not(:last-child){position:absolute}.form-buttons{justify-content:flex-start;gap:var(--form-gap);margin-inline:var(--form-margin);transform-origin:100% 0;flex-direction:row-reverse;display:flex;scale:.8}.form-buttons .w-btn[data-v=text]{width:auto;min-width:0}:root{--color-muted:#bfbfbf;--color-1:oklch(36.9% .085 273);--color-2:oklch(31.6% .072 273);--color-3:oklch(26.3% .06 273);--color-4:oklch(21% .048 273);--color-5:oklch(15.6% .036 273);--color-6:oklch(10.3% .024 273);--color-7:oklch(5% .011 273);--accent-1:oklch(83.5% .075 243);--accent-2:oklch(70.4% .141 243);--accent-3:oklch(57.3% .115 243);--accent-4:oklch(44.2% .089 243);--accent-5:oklch(31.2% .063 243);--accent-6:oklch(18.1% .036 243);--accent-7:oklch(5% .01 243);--contrast-1:oklch(95% .058 188);--contrast-2:oklch(85.6% .139 188);--contrast-3:oklch(76.3% .124 188);--contrast-4:oklch(66.9% .109 188);--contrast-5:oklch(57.6% .094 188);--contrast-6:oklch(48.2% .078 188);--contrast-7:oklch(38.8% .063 188);--gray-1:#e0e0e0;--gray-2:silver;--gray-3:#a0a0a0;--gray-4:gray;--gray-5:#606060;--gray-6:#404040;--gray-7:#202020;--negative-1:oklch(83.5% .085 27);--negative-2:oklch(70.4% .178 27);--negative-3:oklch(57.3% .145 27);--negative-4:oklch(44.2% .112 27);--negative-5:oklch(31.2% .079 27);--negative-6:oklch(18.1% .046 27);--negative-7:oklch(5% .013 27);--positive-1:oklch(83.5% .102 140);--positive-2:oklch(70.4% .216 140);--positive-3:oklch(57.3% .176 140);--positive-4:oklch(44.2% .135 140);--positive-5:oklch(31.2% .096 140);--positive-6:oklch(18.1% .055 140);--positive-7:oklch(5% .015 140);--color-yellow:#c7ae34;--fg:white;--btn-bg-disabled:var(--accent-5);--btn-bg:var(--accent-4);--btn-bg-hover:var(--accent-3);--btn-bg-active:var(--accent-2);--btn-fg-disabled:var(--color-muted);--btn-icon-bg:color-mix(in srgb, var(--gray-2) 70%, transparent);--btn-icon-bg-hover:color-mix(in srgb, var(--fg) 70%, transparent);--btn-icon-bg-active:color-mix(in srgb, var(--fg) 80%, transparent);--btn-icon-bg-disabled:color-mix(in srgb, var(--gray-2) 20%, transparent);--avatar-tint-hover:color-mix(in srgb, var(--fg) 50%, transparent);--avatar-tint-active:color-mix(in srgb, var(--fg) 70%, transparent);--color-link:var(--accent-3);--color-link-hover:var(--accent-2);--popup-bg:var(--color-5);--form-bg:var(--color-4);--page-bg:var(--color-3);--shadow:var(--color-6);--option-bg-disabled:color-mix(in srgb, var(--contrast-5) 60%, transparent);--option-bg:color-mix(in srgb, var(--contrast-4) 40%, transparent);--option-bg-extra:color-mix(in srgb, var(--contrast-4) 20%, transparent);--option-bg-extra-disabled:color-mix(in srgb, var(--contrast-5) 20%, transparent);--option-bg-hover:color-mix(in srgb, var(--contrast-3) 90%, transparent);--form-bg-transparent:color-mix(in srgb, var(--form-bg) 90%, transparent);--px:calc(1rem / 16);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--gap-s:.125rem;--gap:.25rem;--gap-l:.5rem;--spinner-size:1rem;--w-scrollbar:1rem;--form-gap:var(--s3);--form-margin:var(--s2);--form-radius:var(--s2);--pad-form-inline:var(--s4);--w-ctrl:12rem;--w-band-max:90rem;--w-btn-site:calc(var(--w-ctrl) + 2 * (var(--spinner-size) + var(--gap-l)));--w-form-max:calc(2 * var(--w-btn-site) + var(--form-gap) + 2 * (var(--pad-form-inline) + var(--w-scrollbar)));--w-form-box:calc(var(--w-form-max) + 2 * var(--form-margin));--w-side:calc(var(--w-btn-site) + 2 * (var(--pad-form-inline) + var(--w-scrollbar) + var(--form-margin)));--w-caption-narrow:calc(var(--w-ctrl) / 2);--w-band-min:calc(var(--w-form-box) + 2 * var(--w-side));--w-stage-max:calc(var(--w-band-max) - 2 * var(--w-side));--input-padding-block:.5rem;--input-padding-inline:1rem;--input-padding:var(--input-padding-block) var(--input-padding-inline);--color-cursor:#ffffff80;--form-transparency:.9;--match-speed-multiplier:1;--speed-multiplier:var(--match-speed-multiplier);--ms-micro:initial;--ms-quick:initial;--ms-normal:initial;--ms-slow:initial;--ms-travel:initial;--match-ms-micro:calc(var(--ms-micro) * var(--match-speed-multiplier));--match-ms-quick:calc(var(--ms-quick) * var(--match-speed-multiplier));--match-ms-normal:calc(var(--ms-normal) * var(--match-speed-multiplier));--match-ms-slow:calc(var(--ms-slow) * var(--match-speed-multiplier));--match-ms-travel:calc(var(--ms-travel) * var(--match-speed-multiplier));--line-thin:.125rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-l:1.25rem;--icon-padded:var(--s12);--icon-s:var(--s6);--icon-m:var(--s8);--icon-l:var(--s10);--size-icon:var(--icon-m);--pad-control:var(--s2) var(--s4);--pad-small:var(--s1) var(--s4);--pad-control-hint:var(--s1) var(--s2) 0;--halo-medium:12;--halo-very-large:32;--fade-time:var(--ms-micro);--ui-scale-time:.3s}.grid{display:grid}.grow{flex-grow:1}.hidden{display:none}.invisible{visibility:hidden}@font-face{font-family:overpass;font-weight:100 900;src:url(/b/dt0q8ewg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:overpass;font-weight:100 900;src:url(/b/g5fqaoh2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:overpass;font-weight:100 900;src:url(/b/kuzoyih1.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:overpass;font-weight:100 900;src:url(/b/i7y5e9y5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:overpass;font-weight:100 900;src:url(/b/akowcg5n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,input{font-size:var(--text-base)}*{-webkit-user-select:none;user-select:none;font-family:overpass,sans-serif}#left{flex-direction:column;flex-grow:1;display:flex}.modal{padding:1rem 2rem}.viewport,.overlay{position:fixed}.overlay{justify-content:center;align-items:center;display:flex}.transparent{opacity:0}span.error{color:red}.ghost{opacity:1;z-index:100;background-color:#ff000080;border:2px solid #fff;position:fixed}.ghost.animation{opacity:0;transition:opacity;transition-duration:var(--ms-normal);transition-timing-function:ease-out}#rewind-controls{align-self:center;display:flex}#rewind-controls>button:not(:disabled){cursor:var(--cursor-pointer)}#rewind-controls>button:disabled{cursor:var(--cursor-disabled)}#settings>.btn-icon{-webkit-mask-image:url(/b/jcjkl6gg.svg);mask-image:url(/b/jcjkl6gg.svg)}#undo>.btn-icon{-webkit-mask-image:url(/b/h4euol4s.svg);mask-image:url(/b/h4euol4s.svg)}#close-table>.btn-icon{-webkit-mask-image:url(/b/h2e36rqy.svg);mask-image:url(/b/h2e36rqy.svg)}#toggle-log>.btn-icon{-webkit-mask-image:url(/b/nzelrlro.svg);mask-image:url(/b/nzelrlro.svg)}#toggle-players>.btn-icon{-webkit-mask-image:url(/b/nw5kxkm1.svg);mask-image:url(/b/nw5kxkm1.svg)}#enter-rewind{-webkit-mask-image:url(/b/x8f5ey8i.svg);mask-image:url(/b/x8f5ey8i.svg)}#skip-to-end{-webkit-mask-image:url(/b/5xnharm7.svg);mask-image:url(/b/5xnharm7.svg)}#full-screen>.btn-icon{-webkit-mask-image:url(/b/gug755mg.svg);mask-image:url(/b/gug755mg.svg)}#full-screen.exit>.btn-icon{-webkit-mask-image:url(/b/l4k6k7s4.svg);mask-image:url(/b/l4k6k7s4.svg)}#rewind-start{-webkit-mask-image:url(/b/x8f5ey8i.svg);mask-image:url(/b/x8f5ey8i.svg)}#rewind-prev{-webkit-mask-image:url(/b/mgt9eqdb.svg);mask-image:url(/b/mgt9eqdb.svg)}#rewind-play{-webkit-mask-image:url(/b/gl4a4gol.svg);mask-image:url(/b/gl4a4gol.svg)}#rewind-pause{-webkit-mask-image:url(/b/kn4bgnku.svg);mask-image:url(/b/kn4bgnku.svg)}#rewind-next{-webkit-mask-image:url(/b/mbaja175.svg);mask-image:url(/b/mbaja175.svg)}#rewind-end{-webkit-mask-image:url(/b/5xnharm7.svg);mask-image:url(/b/5xnharm7.svg)}.site-back>button>.btn-icon{-webkit-mask-image:url(/b/hfrl4wyq.svg);mask-image:url(/b/hfrl4wyq.svg)}.site-close>button>.btn-icon{-webkit-mask-image:url(/b/h2e36rqy.svg);mask-image:url(/b/h2e36rqy.svg)}button.join>.btn-icon{-webkit-mask-image:url(/b/n6wl1hn3.svg);mask-image:url(/b/n6wl1hn3.svg)}.friend-accept>button>.btn-icon,.checkbox:before{-webkit-mask-image:url(/b/biwno6ze.svg);mask-image:url(/b/biwno6ze.svg)}.friend-decline>button>.btn-icon{-webkit-mask-image:url(/b/h2e36rqy.svg);mask-image:url(/b/h2e36rqy.svg)}.move-up>button>.btn-icon{-webkit-mask-image:url(/b/euvwuepu.svg);mask-image:url(/b/euvwuepu.svg)}.move-down>button>.btn-icon,#private-items-toggle>.btn-icon{-webkit-mask-image:url(/b/j9y8exgr.svg);mask-image:url(/b/j9y8exgr.svg)}#private-items-toggle.open>.btn-icon{-webkit-mask-image:url(/b/euvwuepu.svg);mask-image:url(/b/euvwuepu.svg)}#reactions-toggle{filter:drop-shadow(1px 1px 1px #000)}#reactions-toggle>.btn-icon{-webkit-mask-image:url(/b/n3twqciw.svg);mask-image:url(/b/n3twqciw.svg)}#reactions-toggle.open>.btn-icon{-webkit-mask-image:url(/b/h2e36rqy.svg);mask-image:url(/b/h2e36rqy.svg)}#nav-buttons{justify-content:flex-end;align-items:center;display:flex}#nav-buttons>button{font-size:var(--text-l)}#nav-buttons,#rewind-controls{filter:drop-shadow(1px 1px 1px #000)}.grid-overlay{contain:layout;width:100%;height:100%;display:grid;position:absolute;overflow:clip}#canvas-wrap,#items-wrap,#players,#log{order:-1}#nav-buttons,#dropdowns,#reactions,#signals{z-index:1}:root{--dy:0;--angle:0}#items,#mt{transform-origin:0 0;width:0}#ms{display:block}.slot{width:0}.item,.inline-item{background-repeat:no-repeat;background-size:100% 100%}.item.selected{filter:drop-shadow(0 0 10px red)}.meeple{rotate:calc(-1deg * var(--angle))}.slot,.area,.item,.cursor{position:absolute}.control,input,button{position:relative}.cursor{z-index:2;pointer-events:none;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height);--halo-medium:2;--halo-very-large:8}.cursor+*{z-index:3}.cursor>.halo{background-color:var(--color-cursor)}.area,.item{translate:-50% calc(-50% + var(--dy) * 1%)}.halo{position:absolute;inset:0}.slot:has(.cursor){z-index:100}.shapes{width:0;height:0}.inline-outline{z-index:-1;pointer-events:none;width:100%;height:100%;translate:0 calc(var(--dy) * 1%);--dash:var(--dash-m);--stroke:var(--stroke-m);position:absolute;inset:0}.spaces-wrap:only-child>.spaces>.inline-space>.inline-outline{--dash:var(--dash-l);--stroke:var(--stroke-l)}:root{--duration-move:var(--match-ms-travel);--item-move-anim:cubic-bezier(.5, -.3, 1, .9);--cs:1s;--emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--spring:cubic-bezier(.3, 3, .6, 1);--fade-in:opacity var(--ms-quick) linear;--fade-out:opacity var(--ms-micro) linear}.halo{opacity:.6}.halo.static{inset:calc(-1px * var(--halo-medium));animation:.4s ease-out pulse-once}#canvas-wrap,#items-wrap,#mt-wrap{filter:var(--match-blur,);transition:filter var(--form-fade-ms) linear}#canvas,#items-wrap>*{transition:filter var(--ms-slow) linear}:is(#canvas,#items-wrap>*).undo{filter:grayscale()brightness(90%)contrast(110%);transition-duration:var(--ms-micro)}.grid-overlay.over-match{--match-blur:blur(2px)}.grid-overlay.over-match #canvas-wrap,.grid-overlay.over-match #items-wrap,.grid-overlay.over-match #mt-wrap{transition-delay:var(--form-fade-hold)}.grid-overlay.over-match #items-wrap>*,.grid-overlay.over-match #mt-wrap>*{pointer-events:none}body.auto #items,body.auto #mt{transition:transform var(--cs) linear}.slot{transition:rotate var(--duration-move) var(--item-move-anim), scale var(--duration-move) var(--item-move-anim), translate var(--duration-move) var(--item-move-anim)}.item{filter:drop-shadow(.5px -3px 1px #00000080);opacity:1;backface-visibility:hidden}.shadows-off .item{filter:none}@keyframes pulse-once{0%,50%,to{inset:calc(-1px * var(--halo-medium))}15%{inset:calc(-1px * var(--halo-very-large))}}.slide{transition:transform var(--form-ms) var(--emphasized-decelerate)}.slide.slide-up,.slide.slide-down,.slide.slide-left{transition:transform var(--form-ms) var(--emphasized-accelerate)}.slide.slide-up{transform:translateY(-100vh)}.slide.slide-down{transform:translateY(100vh)}.slide.slide-left{transform:translate(-100vw)}form{transition:opacity var(--fade-time) linear var(--fade-time)}form.transparent{transition:opacity var(--fade-time) linear}div.form-selector,#dropdowns{--font-size-l:1.625rem;--font-size:1.125rem;--font-size-s:.625rem;--text-padding:0 .25rem}div.form-selector .w-form{width:100%}div.form-selector form{font-size:var(--font-size);gap:var(--form-gap);padding-inline:calc(var(--pad-form-inline) + var(--w-scrollbar));flex-direction:column;display:flex}div.form-selector :where(.input-wrap){flex-direction:column;width:100%;display:flex}div.form-selector .link,div.form-selector div.label{padding:var(--text-padding)}#auth,#hand,#tl{cursor:var(--cursor-pointer)}@property --ui-font-size{syntax:"<length>";inherits:true;initial-value:16px}html{font-size:var(--ui-font-size)}html.ui-scale-animated{transition:--ui-font-size var(--ui-scale-time)}body{background-color:var(--page-bg);color:var(--fg);container:layout/inline-size}#stage{min-height:0;grid-template-rows:1fr minmax(0,auto) 1fr;padding-block-start:var(--stage-top-gap);display:grid;position:relative}#main{place-items:start center;position:absolute;inset:0}#main form{padding-top:var(--s4);padding-bottom:var(--s4)}#main.over-dim{z-index:2}:where(#site-form,#main,#confirm-form,#rematch-form)>.w-form>form>.paragraph,:where(#site-form,#main,#confirm-form,#rematch-form)>.w-form>form .alternative>.paragraph{justify-content:center}#notices{flex-direction:column;grid-row:3;align-self:end;display:flex}#site-form{grid-row:2;min-height:0}#site-form>div.w-form{max-height:calc(var(--stage-free,100dvh) - var(--stage-top-gap));--w-ctrl:var(--w-btn-site);max-width:var(--w-form-box)}.form-bar{grid-template-columns:var(--icon-padded) minmax(0, 1fr) var(--icon-padded);grid-template-rows:var(--icon-padded);inset-block-start:var(--form-margin);inset-inline:var(--form-margin);z-index:1;display:grid;position:absolute}.site-back{grid-column:1}.form-title{font-size:var(--font-size);align-items:center;gap:var(--gap);grid-column:2;justify-content:center;min-width:0;font-weight:700;display:flex}.form-title>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-title>div:empty{display:none}.site-close{grid-column:3}#site-form>.w-form>form{border-block-start:var(--icon-padded) solid transparent;padding-block-start:var(--form-gap);padding-bottom:var(--s6);container:form/inline-size}#canvas-wrap,#items-wrap,#mt-wrap{grid-area:1/1/-1/-1}#canvas-wrap,#canvas{width:100%;min-width:0;height:100%;min-height:0}#canvas{display:block}@property --progress{syntax:"<number>";inherits:false;initial-value:0}#match-loading{grid-area:1/1/-1/-1;place-self:center;width:3.75rem;height:3.75rem}#match-loading circle{fill:none}#match-loading .ring-track{stroke:#ffffff1f}#match-loading .ring-fill{stroke:var(--fg);stroke-dasharray:1;stroke-dashoffset:calc((1 - var(--progress)) * 1px);transform-origin:50%;transform:rotate(-90deg)}#hand{height:2rem}#hand .slot{position:relative}#hand .item{transition:transform var(--ms-micro) linear}#hand .item:hover{z-index:1;transform:scale(1.5)translateY(-45%)}.hand .slot{margin-left:40px;margin-right:90px;position:relative}#authMethods{scale:1}#timeline-marks{transition:background-size var(--ms-micro) linear;background-image:linear-gradient(90deg,#fff 1px,#0000 1px);background-repeat:repeat-x;height:16px;margin:4px 10px}#lobbies{align-content:start;min-height:30vh;max-height:50vh;overflow-y:auto}#own-lobbies{max-height:30vh;overflow-y:auto}#matches{max-height:50vh;overflow-y:auto}#grid>*,#stage>*,#notices>*{pointer-events:none}.w-form,#nav-buttons>*,#items-wrap>*,#mt-wrap>*{pointer-events:initial}#user-menu div.w-form{--w-ctrl:var(--w-btn-site);width:var(--w-side)}#user-menu form{padding-block:var(--s4)}#notices>*{text-align:center;place-items:end center}#notices>*>.w-form{max-height:none;width:unset}#notices>*>.w-form>form{filter:unset;padding:.5rem .75rem}#rewind>.w-form{width:100%}#notices>.negative-notice>.w-form>form{background-color:var(--negative-3)}#notices>.negative-notice>.w-form>form .spinner{margin-left:1ch}#avatar>.btn-icon{aspect-ratio:1;border-radius:50%}@container layout (width<75.75rem){.grid-overlay{--layout:mobile;--form-margin:0px;--stage-top-gap:0px;grid-template-columns:[ui-start]minmax(0,1fr)[ui-end];grid-template-rows:var(--icon-padded) min-content min-content 1fr}#nav-buttons{grid-area:1/ui-start/2/ui-end}#players{grid-area:2/ui-start/3/ui-end}#log{grid-area:3/ui-start/4/ui-end;place-items:start stretch}#log>.w-form{max-height:40vh}#user-menu{grid-area:2/ui-start/-1/ui-end}#stage,#main,#reactions{grid-area:4/ui-start/-1/ui-end}#players:not(.slide-left),#log:not(.slide-left){margin-bottom:var(--s1)}}@container layout (width>=75.75rem){.grid-overlay{--layout:desktop;--stage-top-gap:var(--icon-padded);grid-template-columns:minmax(0, 1fr) [ui-start] var(--w-side) [stage-start] minmax(0, var(--w-stage-max)) [stage-end] var(--w-side) [ui-end] minmax(0, 1fr);grid-template-rows:var(--icon-padded) min-content 1fr min-content}#nav-buttons{grid-area:1/ui-start/2/ui-end}#players{grid-area:2/ui-start/3/stage-start}.player-info{flex-direction:column}#log{grid-area:3/ui-start/4/stage-start;height:auto}#reactions{grid-area:4/ui-start/-1/stage-start}#user-menu{grid-area:2/stage-end/-1/ui-end}#stage,#main{grid-area:1/stage-start/-1/stage-end}.w-form>form{border-radius:var(--form-radius);box-shadow:var(--s1) var(--s1) var(--s1) var(--form-bg);margin:var(--form-margin)}}