@layer components{.connection-dot{border:var(--stroke-thin) solid currentColor;border-radius:var(--radius-full);background:currentColor;flex:none;width:.75rem;height:.75rem}.connection-dot.connecting{background:0 0}.connection-dot.closed{animation:connection-pulse calc(var(--transition-slow,0s) * 2.3) ease-in-out infinite;background:linear-gradient(#0000 50%,currentColor 50%)}.connection-dot.refused{border-radius:0}.connection-status{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);align-items:center;gap:var(--space-xs);font-weight:700;display:inline-flex}.connection-status .clock{letter-spacing:.04em;text-transform:none;font-weight:500}.menu-points .menu-points-rows{gap:var(--space-xs);list-style:none;display:grid}.menu-points .menu-points-row{border-block-start:var(--stroke-bold) solid var(--team,var(--rule-strong));align-items:center;gap:var(--space-2xs);grid-template-columns:minmax(0,1fr) auto auto;padding-block-start:var(--space-2xs);display:grid}.menu-points .menu-points-who{min-width:0;display:grid}.menu-points .menu-points-name{font-family:var(--font-display);font-size:clamp(1.25rem, var(--stage-unit) * 3, 1.75rem);letter-spacing:-.005em;font-weight:700;font-stretch:90%;line-height:1.05;font-size:var(--text-s);align-items:center;gap:var(--space-2xs);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;overflow:hidden}.menu-points .menu-points-standing{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.35}.menu-points .menu-points-press{width:var(--control-height);flex:none;padding-inline:0}.slider{gap:var(--space-2xs);flex-direction:column;min-width:11.25rem;display:flex}.slider .slider-header{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);gap:var(--space-s);justify-content:space-between;font-weight:700;display:flex}.slider .react-aria-SliderTrack{cursor:pointer;align-items:center;width:100%;height:1.75rem;display:flex;position:relative}.slider .react-aria-SliderTrack:before{border:var(--stroke-thin) solid var(--rule-strong);border-radius:var(--radius-full);content:"";width:100%;height:.75rem;position:absolute}.slider .fill{background:var(--ink);border-radius:var(--radius-full);height:.75rem;width:var(--fill,0%);position:absolute}.slider .react-aria-SliderThumb[data-focus-visible],.slider .react-aria-SliderThumb:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.slider .react-aria-SliderThumb{background:var(--ink);border-radius:var(--radius-full);cursor:pointer;width:.5rem;height:1.5rem;top:50%}.slider .react-aria-SliderThumb[data-dragging]{width:.75rem;height:1.75rem}.app-menu{transition:opacity var(--transition-base,0s) var(--ease-out);z-index:1;flex-direction:column;align-items:flex-end;display:flex;position:fixed;inset-block-start:var(--layout-padding-block-start);inset-inline-end:max(var(--gutter-right), 50% - var(--stage-max-width) / 2 + var(--gutter-right))}:root:has(.player-page.framed,.host-console-page.framed) .app-menu{inset-block-start:var(--framed-padding-block-start)}@media (aspect-ratio>=13/10){:root:has(.player-page.framed,.host-console-page.framed) .app-menu{inset-inline:max(var(--gutter-left), 50% - var(--stage-max-width) / 2 + var(--gutter-left)) auto;align-items:flex-start}}:root[data-idle] .app-menu:not(:focus-within):not(:has(.trigger[aria-expanded=true])){opacity:0;pointer-events:none}.app-menu .alert{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-menu[data-connection]:not([data-connection=open]) .trigger{background:var(--spine-reflex);box-shadow:0 var(--edge) 0 var(--chipboard-dark);color:var(--on-spine-light)}.app-menu .trigger{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;--edge:.125rem;background:var(--track-a);border-radius:var(--radius-m);box-shadow:0 var(--edge) 0 var(--chipboard);color:var(--board-ink);cursor:pointer;align-items:center;gap:var(--space-xs);min-height:var(--control-height);padding:0 var(--space-s);transition:transform var(--transition-fast,0s) var(--ease-out), box-shadow var(--transition-fast,0s) var(--ease-out);border:0;font-weight:700;display:flex}.app-menu .trigger[data-pressed]{box-shadow:0 0 0 var(--chipboard);transform:translateY(var(--edge))}.app-menu .trigger .trigger-label{text-box:trim-both cap alphabetic}.app-menu .trigger .menu-icon{display:none}:root:has(.player-page.framed) .app-menu .trigger .menu-icon{display:block}:root:has(.player-page.framed) .app-menu .trigger .trigger-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-menu-leaflet.sheet-popover,.room-exits.sheet-popover{max-width:min(92vw,20rem)}.app-menu-leaflet .button,.app-menu-leaflet .link,.room-exits .button,.room-exits .link{font-size:var(--text-s);white-space:normal}.app-menu-leaflet .invitation,.room-exits .invitation,.app-menu-leaflet .wall-doors,.room-exits .wall-doors{gap:var(--space-s);flex-direction:column;display:flex}.app-menu-leaflet .wall-doors form,.room-exits .wall-doors form{align-items:start;gap:var(--space-xs);flex-direction:column;display:flex}.app-menu-leaflet .room-invitation,.room-exits .room-invitation{--invitation-code-size:2.5rem;--invitation-qr-max-width:11.25rem;gap:var(--space-m)}.app-menu-leaflet .seat-name .summary,.room-exits .seat-name .summary{color:var(--ink)}.app-menu-leaflet .seat-name .react-aria-Form,.room-exits .seat-name .react-aria-Form{align-items:start;gap:var(--space-s);flex-direction:column;display:flex}.app-menu-leaflet .seat-name .react-aria-Form .text-field,.room-exits .seat-name .react-aria-Form .text-field{align-self:stretch}.app-menu-leaflet .exits,.room-exits .exits{gap:var(--space-s);flex-direction:column;display:flex}.app-menu-leaflet .recovery,.room-exits .recovery{gap:var(--space-xs);flex-direction:column;display:flex}.app-menu-leaflet .recovery .token,.room-exits .recovery .token{font-family:var(--font-display);font-size:clamp(1.25rem, var(--stage-unit) * 3, 1.75rem);letter-spacing:-.005em;letter-spacing:.16em;font-weight:700;font-stretch:90%;line-height:1.05;font-size:var(--text-l);text-align:center;-webkit-user-select:text;user-select:text}.app-menu-leaflet .recovery .hint,.room-exits .recovery .hint{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);color:var(--ink-muted);text-align:center;text-wrap:balance;font-weight:500;line-height:1.35}.app-menu-leaflet .warning,.room-exits .warning{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);color:var(--ink-muted);text-wrap:balance;font-weight:500;line-height:1.35}.app-menu-leaflet .build,.room-exits .build{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.7, 1rem);letter-spacing:.005em;color:var(--ink-muted);text-align:center;-webkit-user-select:text;user-select:text;font-weight:700}.app-menu-leaflet .credit,.room-exits .credit{font-size:clamp(var(--text-xs), var(--stage-unit) * 1.8, 1rem);color:var(--ink-muted);font-weight:500;line-height:1.35;font-size:var(--text-2xs);text-align:center;text-wrap:balance;-webkit-user-select:text;user-select:text;margin-block-start:calc(var(--space-m) * -.5)}.app-menu-leaflet .credit+.credit,.room-exits .credit+.credit{margin-block-start:calc(var(--space-m) * -.85)}.app-menu-leaflet .credit+.build,.room-exits .credit+.build{margin-block-start:calc(var(--space-m) * -.5)}}@keyframes connection-pulse{50%{opacity:.2}}
