.match-desk[data-phase=waiting] .desk-players,.match-desk[data-phase=waiting] .desk-decision-clock{display:none}.lobby-setup{--lobby-accent:var(--accent);width:min(100%,920px);margin:var(--space-0) auto;padding:var(--space-24) var(--space-0) var(--space-24);gap:var(--space-16);align-content:start;display:grid}.lobby-setup[data-teams]{width:min(100%,1080px)}.lobby-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-16);margin-bottom:var(--space-4);display:flex}.lobby-heading h2{margin:var(--space-0);font-size:var(--type-section);line-height:var(--leading-tight)}.lobby-count{height:36px;padding:var(--space-0) var(--space-16);border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--type-small);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-muted);flex:none;align-items:center;font-weight:700;display:inline-flex}.lobby-count[data-full]{background:var(--accent);color:var(--accent-text)}.lobby-invite{isolation:isolate;align-items:center;gap:var(--space-16);padding:var(--space-24) var(--space-24) var(--space-24) var(--space-32);border-radius:var(--radius-xl);background:var(--palette-g900);box-shadow:inset 0 var(--stroke-2) 0 color-mix(in oklab, var(--palette-white) 8%, var(--palette-clear));display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .lobby-invite{background:var(--palette-g850)}.lobby-invite:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 120% at 0% 100%, color-mix(in oklab, var(--game,var(--palette-g700)) 30%, var(--palette-clear)), var(--palette-clear) 70%);position:absolute;inset:0}.lobby-code-row{align-items:center;gap:var(--space-16);min-width:0;margin-right:auto;display:flex}.lobby-code{gap:var(--space-6);width:7.2ch;font-family:var(--font-pixel);font-size:var(--type-display);flex:none;display:grid}.lobby-code-label{font-family:var(--font-ui);font-size:var(--type-small);color:var(--text-muted);font-weight:600}.lobby-code strong{white-space:nowrap;height:1em;font-family:var(--font-pixel);font-size:var(--type-display);letter-spacing:.04em;font-weight:400;line-height:var(--leading-none);font-variant-numeric:tabular-nums;color:var(--text);display:block;overflow:hidden}.lobby-code strong[data-revealed=false]{font-family:var(--font-ui);color:var(--text-faint);letter-spacing:.02em}.lobby-code strong[data-revealed=true]{animation:rise-in var(--dur-3) steps(3, end) both}@media (prefers-reduced-motion:reduce){.lobby-code strong[data-revealed=true]{animation:none}}.lobby-code-toggle.ui-button{width:48px;height:48px}.lobby-code-toggle[aria-pressed=true]{--btn-bg:var(--accent);--btn-fg:var(--accent-text)}.lobby-invite-actions{justify-content:flex-end;align-items:center;gap:var(--space-8);flex:none;display:flex}.lobby-copy-code.ui-button,.lobby-copy-invite.ui-button{min-width:148px;min-height:48px;font-size:var(--type-body)}.lobby-zones{grid-template-columns:minmax(0,1fr);display:grid}.lobby-zone{--zone-accent:var(--lobby-accent);gap:var(--space-12);min-width:0;padding:var(--space-16);border-radius:var(--radius-xl);background:var(--surface);transition:background-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);flex-direction:column;display:flex;position:relative}.lobby-zone[data-team=blue]{--zone-accent:var(--team-blue)}.lobby-zone[data-team=red]{--zone-accent:var(--team-red)}.lobby-zone[data-over=true][data-valid=true]{background:var(--surface-2);box-shadow:inset 0 0 0 var(--stroke-2) var(--zone-accent)}.lobby-zone[data-over=true][data-valid=false]{box-shadow:inset 0 0 0 var(--stroke-2) var(--danger)}.lobby-zone>header{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-0) var(--space-8);display:flex}.lobby-zone h3{align-items:center;gap:var(--space-8);margin:var(--space-0);font-size:var(--type-body);color:var(--text);font-weight:700;display:flex}.lobby-zone h3 .ui-icon{color:var(--text-muted)}.lobby-zone>header>span{font-family:var(--font-pixel);font-size:var(--type-lead);color:var(--text-muted);font-variant-numeric:tabular-nums}.lobby-zone-members{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-content:start;display:grid}.lobby-zone[data-kind=role] .lobby-zone-members,.lobby-zone[data-kind=spectators] .lobby-zone-members{grid-template-columns:minmax(0,1fr)}.lobby-member{align-items:center;gap:var(--space-12);width:100%;min-width:0;min-height:72px;padding:var(--space-12) var(--space-16) var(--space-12) var(--space-12);border-radius:var(--radius-lg);--doodle-fill:var(--surface-2);color:var(--text);text-align:left;cursor:grab;touch-action:none;user-select:none;transition:background-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), opacity var(--dur-2);border:0;display:flex;position:relative}.lobby-member:hover:not(:disabled){--doodle-fill:var(--surface-3)}.lobby-member:active:not(:disabled){cursor:grabbing}.lobby-member:disabled{cursor:default;opacity:1;touch-action:auto}.lobby-member:disabled .lobby-grip{visibility:hidden}.lobby-member:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2)}.lobby-member[data-self=true]{--doodle-fill:var(--accent);color:var(--accent-text)}.lobby-member[data-self=true]:hover:not(:disabled){--doodle-fill:var(--accent-strong)}.lobby-member[data-self=true] .lobby-member-name,.lobby-member[data-self=true] .lobby-member-name *{color:var(--accent-text)}.lobby-member[data-selected=true]{box-shadow:0 0 0 var(--stroke-2) var(--stage), 0 0 0 var(--stroke-4) var(--focus)}.lobby-member[data-dragging=true]{opacity:.35}.lobby-member-avatar{border-radius:var(--radius-md);background:var(--palette-g900);flex:none;place-items:center;width:48px;height:48px;display:grid}:root[data-theme=dark] .lobby-member-avatar{background:var(--palette-g950)}.lobby-member-name{flex:1;min-width:0}.lobby-member-name>strong{font-size:var(--type-body);font-weight:700}.lobby-tags{gap:var(--space-4);flex:none;display:flex}.lobby-tag{height:24px;padding:var(--space-0) var(--space-10);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text);font-size:var(--type-caption);align-items:center;font-weight:700;display:inline-flex}.lobby-member[data-self=true] .lobby-tag{background:color-mix(in oklab, var(--accent-text) 18%, var(--palette-clear));color:var(--accent-text)}.lobby-grip{color:var(--text-faint);flex:none;display:grid}.lobby-member[data-self=true] .lobby-grip{color:var(--accent-text);opacity:.55}.lobby-open-seat,.lobby-empty{isolation:isolate;align-items:center;gap:var(--space-12);min-height:72px;margin:var(--space-0);padding:var(--space-12) var(--space-16) var(--space-12) var(--space-12);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--type-body);font-weight:600;display:flex;position:relative}.lobby-open-seat:before,.lobby-empty:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in oklab, var(--surface-3) 45%, var(--palette-clear));box-shadow:inset 0 var(--stroke-2) var(--stroke-3) color-mix(in oklab, var(--palette-ink) 6%, var(--palette-clear));position:absolute;inset:0}.lobby-open-seat>span{border-radius:var(--radius-md);background:var(--surface-2);flex:none;width:48px;height:48px}.lobby-empty{padding-left:var(--space-20);font-size:var(--type-small)}.lobby-drop-action.ui-button{width:100%}.lobby-team-columns{gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lobby-team{gap:var(--space-8);--lobby-accent:var(--team-blue);align-content:start;display:grid}.lobby-team[data-team=red]{--lobby-accent:var(--team-red)}.lobby-team>h3{align-items:center;gap:var(--space-10);margin:var(--space-0);padding:var(--space-0) var(--space-8);font-size:var(--type-title);color:var(--text);display:flex}.lobby-team>h3:before{content:"";border-radius:var(--radius-pill);background:var(--lobby-accent);width:16px;height:16px}.lobby-jev{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-16) var(--space-16) var(--space-24);border-radius:var(--radius-xl);background:var(--surface);flex-wrap:wrap;display:flex}.lobby-jev>div:first-child{flex:280px;min-width:0}.lobby-jev>div>strong{align-items:center;gap:var(--space-10);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700;display:flex}.lobby-jev p{margin:var(--space-4) var(--space-0) var(--space-0);font-size:var(--type-small);line-height:var(--leading-body);color:var(--text-muted)}.lobby-jev-actions{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.lobby-jev-actions .ui-button{white-space:nowrap}.lobby-jev-actions .jev-logo{padding:var(--space-0);box-shadow:none;border-radius:var(--radius-xs);background:0 0}.lobby-webhooks{flex-direction:column;align-items:stretch}.lobby-webhooks>div:first-child{flex:none}.lobby-webhooks .lobby-jev-actions{justify-content:flex-start}.lobby-webhooks .ui-button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.lobby-webhooks [role=alert]{color:var(--danger-ink)}.lobby-webhooks [role=status]{color:var(--text-muted)}.lobby-webhooks-dot{border-radius:var(--radius-pill);background:var(--agent);width:12px;height:12px}.lobby-help{justify-content:space-between;align-items:center;gap:var(--space-10);min-height:var(--control);flex-wrap:wrap;display:flex}.lobby-help p{margin:var(--space-0);font-size:var(--type-small);color:var(--text-muted)}.lobby-help>div{gap:var(--space-8);flex:none;display:flex}.lobby-settings{border-radius:var(--radius-xl);background:var(--surface)}.lobby-settings>summary{justify-content:space-between;align-items:center;gap:var(--space-10);min-height:56px;padding:var(--space-0) var(--space-24);cursor:pointer;font-size:var(--type-body);color:var(--text-muted);font-weight:600;list-style:none;display:flex}.lobby-settings>summary::-webkit-details-marker{display:none}.lobby-settings>summary:hover{color:var(--text)}.lobby-settings>summary:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:calc(var(--space-2) * -1);border-radius:var(--radius-xl)}.lobby-settings-caret{transition:transform var(--dur-3) var(--ease-snap)}.lobby-settings[open]>summary .lobby-settings-caret{transform:rotate(180deg)}.lobby-settings[open]{gap:var(--space-12);padding-bottom:var(--space-16);display:grid}.lobby-settings>div{margin:var(--space-0) var(--space-16)}.lobby-settings .lobby-zone{background:var(--surface-2)}.lobby-settings .lobby-member{--doodle-fill:var(--surface)}.lobby-timing{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.lobby-timing>span{gap:var(--space-4);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2);font-size:var(--type-small);color:var(--text-muted);font-weight:600;display:grid}.lobby-timing strong{font-family:var(--font-pixel);font-size:var(--type-title);color:var(--text);font-variant-numeric:tabular-nums;font-weight:400}.lobby-start{gap:var(--space-12);margin-top:var(--space-8);display:grid}.lobby-status{margin:var(--space-0);text-align:center;min-height:20px;font-size:var(--type-body);font-weight:500;line-height:var(--leading-body);color:var(--text-muted)}.lobby-status[data-ready]{color:var(--text);font-weight:700}.lobby-footer{justify-content:space-between;align-items:center;gap:var(--space-10);display:flex}.lobby-start-button.ui-button{min-width:240px;min-height:64px;padding:var(--space-0) var(--space-32);font-size:var(--type-title)}.lobby-drag-card{z-index:9999;pointer-events:none;align-items:center;gap:var(--space-10);max-width:260px;padding:var(--space-8) var(--space-16) var(--space-8) var(--space-8);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);box-shadow:var(--shadow);font-size:var(--type-small);font-weight:700;display:flex;position:fixed}@media (width<=650px){.lobby-setup{padding:var(--space-12) var(--space-0) var(--space-0);gap:var(--space-12)}.lobby-heading{align-items:center}.lobby-heading h2{font-size:var(--type-title)}.lobby-count{height:32px;padding:var(--space-0) var(--space-12);font-size:var(--type-caption)}.lobby-invite{gap:var(--space-16);padding:var(--space-20);border-radius:var(--radius-lg);display:grid}.lobby-code-row{justify-content:space-between;width:100%}.lobby-code,.lobby-code strong{font-size:var(--type-section)}.lobby-invite-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.lobby-copy-code.ui-button,.lobby-copy-invite.ui-button{width:100%;min-width:0}.lobby-team-columns{grid-template-columns:minmax(0,1fr)}.lobby-team>h3{font-size:var(--type-lead)}.lobby-zone{padding:var(--space-12);border-radius:var(--radius-lg)}.lobby-member,.lobby-open-seat,.lobby-empty{min-height:64px}.lobby-member-avatar,.lobby-open-seat>span{width:40px;height:40px}.lobby-jev{padding:var(--space-16);gap:var(--space-12);border-radius:var(--radius-lg)}.lobby-help>div{width:100%}.lobby-settings{border-radius:var(--radius-lg)}.lobby-settings>summary{padding:var(--space-0) var(--space-16)}.lobby-start{z-index:4;margin:var(--space-0) calc(var(--desk-gutter,var(--space-10)) * -1);padding:var(--space-12) var(--desk-gutter,var(--space-10)) max(var(--space-12), env(safe-area-inset-bottom));background:var(--stage);position:sticky;bottom:0}.lobby-setup:has(.lobby-footer){grid-template-rows:auto;min-height:100%}.lobby-start:has(.lobby-footer){align-self:end;margin-top:auto}.lobby-start-button.ui-button{min-width:0;min-height:56px;font-size:var(--type-lead);flex:1}}@media (height<=820px) and (width>=651px){.lobby-setup{padding-top:var(--space-12);gap:var(--space-12)}.lobby-heading h2{font-size:var(--type-title)}.lobby-invite{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media (height<=500px) and (width>=651px){.lobby-setup{padding-top:var(--space-4);gap:var(--space-10)}.lobby-start{z-index:4;padding:var(--space-8) var(--space-0);background:var(--stage);position:sticky;bottom:0}}.site-content:has(>.room-stage){max-width:none;padding:var(--space-0)}.room-stage{isolation:isolate;width:100%;min-height:calc(100dvh - var(--bar-height));background:var(--stage);color:var(--text);position:relative}.room-entry-layout{gap:var(--space-24);width:100%;max-width:var(--content-max);margin:var(--space-0) auto;padding:var(--space-24) var(--space-gutter) var(--space-64);display:grid}.room-entry-game-summary{isolation:isolate;align-content:end;justify-items:start;gap:var(--space-12);min-height:340px;padding:var(--space-40) var(--space-40) var(--space-64);border-radius:var(--radius-xl);background:var(--palette-g900);color:var(--text);display:grid;position:relative;overflow:hidden;container-type:inline-size}:root[data-theme=dark] .room-entry-game-summary{background:var(--palette-g850)}.room-entry-game-summary:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(55% 80% at 80% 100%, color-mix(in oklab, var(--game) 42%, var(--palette-clear)), var(--palette-clear) 72%);position:absolute;inset:0}.room-entry-game-summary>.game-glyph{z-index:-1;width:min(42%,480px);position:absolute;bottom:-10%;right:2%}.room-entry-mark{align-items:center;gap:var(--space-16);display:flex}.room-entry-meta{padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);background:var(--palette-white-08);color:var(--text-muted);font-size:var(--type-small);font-weight:600}.room-entry-game-summary h1{max-width:min(100%,52cqw);margin-top:var(--space-8);font-size:var(--type-display);line-height:var(--leading-none);text-wrap:balance}.room-entry-lead{max-width:min(34ch,48cqw);color:var(--text-muted);font-size:var(--type-lead);font-weight:500;line-height:var(--leading-snug)}.room-entry-settings{align-content:start;gap:var(--space-24);min-width:0;padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);display:grid}.room-create-form{gap:var(--space-24);display:grid}.room-choice-group{min-width:0;margin:var(--space-0);padding:var(--space-0);border:0}.room-choice-group>legend{margin-bottom:var(--space-12);padding:var(--space-0);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.room-pace-options{gap:var(--space-4);max-width:520px;padding:var(--space-4);border-radius:var(--radius-pill);--doodle-fill:var(--surface-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.room-choice{min-width:0;height:52px;padding:var(--space-0);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);font-size:var(--type-lead);font-variant-numeric:tabular-nums;transition:color var(--dur-2), background-color var(--dur-2);border:0;place-items:center;font-weight:700;display:grid;position:relative}.room-choice:hover{background:var(--surface-3);color:var(--text)}.room-choice:active .room-choice-label{scale:.92}.room-choice:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2)}.room-choice-fill{border-radius:inherit;background:var(--accent);position:absolute;inset:0}.room-choice-label{transition:color var(--dur-2), scale var(--dur-1);position:relative}.room-choice[aria-pressed=true],.room-choice[aria-pressed=true] .room-choice-label{color:var(--accent-text)}.room-create-action{align-items:center;gap:var(--space-12) var(--space-20);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.room-create-button.ui-button{min-height:64px;padding:var(--space-0) var(--space-24) var(--space-0) var(--space-32);font-size:var(--type-title)}.room-opponent-help{max-width:32ch;color:var(--text-muted);font-size:var(--type-small);font-weight:500}.room-join-form{gap:var(--space-12);padding-top:var(--space-24);border-top:var(--stroke-1) solid var(--line);display:grid}.room-join-form>label{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.room-join-controls{gap:var(--space-8);grid-template-columns:minmax(0,360px) auto;display:grid}.room-join-form .ui-input{min-height:60px;padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);background:var(--surface-2);font-family:var(--font-pixel);font-size:var(--type-title);letter-spacing:.16em;text-transform:uppercase;border:0}.room-join-form .ui-input::placeholder{color:var(--text-faint);letter-spacing:.12em}.room-join-form .ui-input:focus{box-shadow:0 0 0 var(--stroke-2) var(--focus)}.room-join-controls .ui-button{min-height:60px;padding:var(--space-0) var(--space-24);font-size:var(--type-lead)}.room-entry-rules{min-width:0;padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);align-self:start}.room-entry-rules h2{margin-bottom:var(--space-20);font-size:var(--type-title)}.room-entry-rules ol{gap:var(--space-16);margin:var(--space-0);padding:var(--space-0);list-style:none;display:grid}.room-entry-rules li{align-items:start;gap:var(--space-12);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-snug);grid-template-columns:36px minmax(0,1fr);display:grid}.room-entry-rules li strong{color:var(--text);font-weight:700}.room-rule-number{border-radius:var(--radius-pill);background:var(--surface-2);width:36px;height:36px;color:var(--text);font-family:var(--font-pixel);font-size:var(--type-lead);place-items:center;display:grid}.room-unavailable{justify-items:start;gap:var(--space-12);color:var(--text-muted);display:grid}.room-connection{justify-content:center;align-items:flex-start;gap:var(--space-12);min-height:220px;color:var(--text-muted);flex-direction:column;display:flex}.room-connection-actions{gap:var(--space-10);flex-wrap:wrap;display:flex}.room-entry-settings>.ui-loader{justify-content:center;align-items:flex-start;min-height:220px}@media (width>=960px){.room-entry-layout{padding-top:var(--space-32);grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.room-entry-game-summary{grid-column:1/-1}.room-entry-settings{grid-column:1}.room-entry-rules{top:calc(var(--bar-height) + var(--space-16));grid-column:2;position:sticky}}@media (width<=600px){.room-entry-layout{gap:var(--space-16);padding-top:var(--space-16)}.room-entry-game-summary{min-height:0;padding:var(--space-24) var(--space-24) 64cqw;border-radius:var(--radius-lg);align-content:start}.room-entry-game-summary>.game-glyph{width:92%;bottom:-6%;right:-4%}.room-entry-game-summary h1{max-width:100%}.room-entry-lead{max-width:100%;font-size:var(--type-body)}.room-entry-settings,.room-entry-rules{padding:var(--space-20);border-radius:var(--radius-lg)}.room-choice{height:44px;font-size:var(--type-body)}.room-create-button.ui-button{width:100%}.room-join-controls{grid-template-columns:minmax(0,1fr) auto}}.room-loading{padding:var(--space-16) var(--space-gutter);place-items:center;display:grid}.room-loading .ui-loading-panel{margin:var(--space-0);background:var(--surface)}.room-loading-note{color:var(--text-muted);font-size:var(--type-small)}.room-loading .ui-loading-actions{flex-direction:column;align-items:center}.room-error{padding:var(--space-10) var(--space-16);border-radius:var(--radius-md);background:color-mix(in oklab, var(--danger) 14%, var(--surface));color:var(--danger-ink);font-size:var(--type-small);font-weight:600}.room-entry-settings>.room-error{justify-self:start}.room-match-notices{z-index:45;top:var(--space-8);justify-items:center;gap:var(--space-8);pointer-events:none;width:max-content;max-width:calc(100% - 16px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.room-match-notices:empty{display:none}.room-match-notices>*{pointer-events:auto;animation:drop-in var(--dur-3) var(--ease-snap) both;--drop-from:-1}.room-match-notices .room-error{border-radius:var(--radius-pill);box-shadow:var(--shadow);text-align:center}.room-reconnect{justify-content:center;align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:var(--raised);box-shadow:var(--shadow);font-size:var(--type-small);flex-wrap:wrap;display:flex}.room-controls{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.room-controls:empty{display:none}.room-controls>label{align-items:center;gap:var(--space-10);font-family:var(--font-code);font-size:var(--type-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;display:flex}.series-page{gap:var(--space-24);padding-top:var(--space-16);display:grid}.series-page h2{font-size:var(--type-title);line-height:var(--leading-snug)}.series-error{padding:var(--space-16) var(--space-20);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--danger) 10%, var(--surface));color:var(--danger-ink);font-size:var(--type-body);font-weight:500}.series-checking{padding:var(--space-64) var(--space-0);color:var(--text-muted);font-size:var(--type-lead);text-align:center}.series-footnote{color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-snug)}.series-builder{align-items:start;gap:var(--space-20);grid-template-columns:minmax(0,1fr) minmax(340px,420px);display:grid}.series-builder-header{z-index:var(--z-sticky);top:var(--series-sticky-top,8px);align-items:center;gap:var(--space-16);padding:var(--space-8) var(--space-0);background:var(--canvas);box-shadow:0 calc(var(--space-12) * -1) 0 var(--space-4) var(--canvas);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,480px) minmax(0,1fr);display:grid;position:sticky}.series-back{justify-self:start}.series-header-count{color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-title);font-variant-numeric:tabular-nums;justify-self:end}.series-name-field{display:block;position:relative}.series-name-field>span{z-index:1;top:50%;left:var(--space-24);color:var(--text-muted);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;pointer-events:none;font-weight:600;position:absolute;translate:0 -50%}.series-name-field .ui-input{min-height:var(--control-lg);padding:var(--space-0) var(--space-96);border-radius:var(--radius-pill);font-size:var(--type-lead);text-align:center;font-weight:700}.series-builder-games{max-height:calc(100dvh - var(--series-header-offset,160px) - var(--space-24));overscroll-behavior:contain;padding:var(--space-24);border-radius:var(--radius-xl);background:var(--surface);scrollbar-width:thin;display:grid;position:relative;overflow:auto}.series-lineup{gap:var(--space-20);display:grid}.series-lineup-head{gap:var(--space-8);display:grid}.series-page .series-games-prompt{font-size:var(--type-section);line-height:var(--leading-tight)}.series-rounds{gap:var(--space-8);display:grid}.series-rounds-empty{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.series-rounds-empty span{border-radius:var(--radius-lg);background:var(--surface-2);height:96px;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-display);line-height:var(--leading-none);place-items:center;display:grid}.series-round{min-width:0;margin:var(--space-0);padding:var(--space-0);scroll-margin-top:calc(var(--bar-height) + var(--space-48));border:0}.series-round-main{align-items:center;gap:var(--space-16);min-height:88px;padding:var(--space-12) var(--space-12) var(--space-12) var(--space-8);border-radius:var(--radius-lg);background:var(--raised);transition:background-color var(--dur-2) linear, scale var(--dur-2) var(--ease-out);grid-template-columns:auto auto minmax(0,1fr) auto;display:grid}.series-round.is-dragging .series-round-main{background:var(--invert);color:var(--invert-text);box-shadow:var(--shadow);scale:1.01}.series-round.is-dragging .series-lineup-text span,.series-round.is-dragging .series-lineup-game>p{color:var(--invert-muted)}.series-icon-button{width:var(--control);height:var(--control);padding:var(--space-0);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);border:0;place-items:center;display:grid}.series-drag-handle{cursor:grab;touch-action:none}.series-round.is-dragging .series-drag-handle{color:var(--invert-text);cursor:grabbing}.series-remove:hover{color:var(--danger-ink)}.series-round-number{min-width:2ch;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-score);line-height:var(--leading-none);font-variant-numeric:tabular-nums}.series-round.is-dragging .series-round-number{color:var(--invert-muted)}.series-lineup-game{align-items:center;gap:var(--space-4) var(--space-16);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.series-lineup-text{gap:var(--space-2);min-width:0;display:grid}.series-lineup-text strong{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.series-lineup-text span{color:var(--text-muted);font-size:var(--type-small)}.series-lineup-game>p{color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-snug);grid-column:2}.series-game-picker{gap:var(--space-12);padding-top:var(--space-20);border-top:var(--stroke-1) solid var(--line-strong);display:grid}.series-picker-title{justify-content:space-between;align-items:baseline;gap:var(--space-12);display:flex}.series-picker-title span{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.series-picker-title small{color:var(--text-muted);font-size:var(--type-small)}.series-game-tiles{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.series-game-tile{isolation:isolate;align-content:center;justify-items:center;gap:var(--space-12);min-height:132px;padding:var(--space-16) var(--space-8) var(--space-32);border-radius:var(--radius-lg);background:var(--raised);color:var(--text);transition:background-color var(--dur-2) linear, scale var(--dur-2) var(--ease-out);border:0;display:grid;position:relative;overflow:hidden}.series-game-tile:before{content:"";z-index:-1;background:linear-gradient(to top, var(--game), var(--palette-clear));opacity:.85;pointer-events:none;height:40%;transition:translate var(--dur-3) steps(4, end);position:absolute;bottom:0;left:0;right:0;translate:0 70%}.series-game-tile:hover:not(:disabled):before,.series-game-tile:focus-visible:before{translate:0 30%}.series-game-tile:active:not(:disabled){scale:.97}.series-game-tile:disabled{opacity:.4;cursor:not-allowed}.series-tile-label{font-size:var(--type-body);font-weight:700}.series-tile-add{top:var(--space-8);right:var(--space-8);width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);opacity:0;transition:opacity var(--dur-2) linear, scale var(--dur-3) var(--ease-snap);place-items:center;display:grid;position:absolute;scale:.6}.series-game-tile:hover:not(:disabled) .series-tile-add,.series-game-tile:focus-visible .series-tile-add{opacity:1;scale:1}.series-builder-settings{top:var(--series-header-offset,160px);gap:var(--space-20);padding:var(--space-24);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);display:grid;position:sticky}.series-setup{gap:var(--space-16);display:grid}.series-timing-note{color:var(--text-muted);font-family:var(--font-ui);font-size:var(--type-small);line-height:var(--leading-snug)}.series-settings-fields{gap:var(--space-16);display:grid}.series-setting{gap:var(--space-8);display:grid}.series-setting>p,.series-break-field>span{font-size:var(--type-small);color:var(--text-muted);font-weight:600}.series-choices.segmented{gap:var(--space-4)}.series-choices.segmented button{min-height:var(--control-sm);padding:var(--space-0) var(--space-12);font-size:var(--type-small);white-space:nowrap}.series-break-field{align-items:center;gap:var(--space-12);grid-template-columns:minmax(0,1fr) 112px;display:grid}.series-break-field .ui-input{min-height:var(--control);font-family:var(--font-pixel);font-size:var(--type-title);text-align:center}.series-labels{justify-items:start;gap:var(--space-8);display:grid}.series-labels-body{width:100%;overflow:hidden}.series-fields{gap:var(--space-12);padding-top:var(--space-4);display:grid}.series-fields label{gap:var(--space-8);font-size:var(--type-small);color:var(--text-muted);font-weight:600;display:grid}.series-fields .ui-input{min-height:var(--control);color:var(--text);font-size:var(--type-body)}.series-create-footer{gap:var(--space-12);padding-top:var(--space-20);border-top:var(--stroke-1) solid var(--line-strong);display:grid}.series-summary{align-items:center;gap:var(--space-12);display:flex}.series-summary-marks{flex:none;display:flex}.series-summary-marks>*+*{margin-left:calc(var(--space-6) * -1)}.series-summary-marks .game-mark{box-shadow:0 0 0 var(--stroke-2) var(--surface)}.series-summary p{color:var(--text-muted);font-size:var(--type-small);font-variant-numeric:tabular-nums;line-height:var(--leading-snug)}.series-create-footer>.ui-button{width:100%}.series-saved-section{gap:var(--space-16);padding-top:var(--space-24);display:grid}.series-saved{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));list-style:none;display:grid}.series-saved li{align-items:center;gap:var(--space-12);min-height:var(--control-xl);padding:var(--space-12) var(--space-16) var(--space-12) var(--space-20);border-radius:var(--radius-lg);background:var(--surface);transition:background-color var(--dur-2) linear;display:flex;position:relative}.series-saved li:hover{background:var(--surface-2)}.series-saved a{flex:1;min-width:0;display:grid}.series-saved a:after{content:"";border-radius:inherit;position:absolute;inset:0}.series-saved a span{font-size:var(--type-body);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.series-saved a small{color:var(--text-muted);font-size:var(--type-small)}.series-saved-status{align-items:center;gap:var(--space-8);min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--raised);font-size:var(--type-caption);text-transform:capitalize;font-weight:600;display:inline-flex}.series-saved-status:before{content:"";border-radius:var(--radius-pill);background:var(--text-faint);width:8px;height:8px}.series-saved-status:is([data-status=playing],[data-status=break],[data-status=preparing]):before{background:var(--live)}.series-saved-status[data-status=waiting]:before{background:var(--warn)}.series-saved-status:is([data-status=failed],[data-status=cancelled]):before{background:var(--danger)}.series-join{align-items:end;gap:var(--space-24);padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.series-join>div{gap:var(--space-12);display:grid}.series-join p{color:var(--text-muted);font-size:var(--type-lead)}.series-heading{justify-items:start;gap:var(--space-12);display:grid}.series-heading h1{font-size:var(--type-display);line-height:var(--leading-none);overflow-wrap:anywhere}.series-status{isolation:isolate;gap:var(--space-24);padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.series-status:before{content:"";z-index:-1;background:linear-gradient(to left, var(--palette-grass), var(--palette-clear));pointer-events:none;width:34%;height:100%;position:absolute;top:0;right:0}.series-status:is([data-status=waiting],[data-status=preparing]):before{background:var(--palette-sun)}.series-status[data-status=completed]:before{background:var(--palette-sky)}.series-status:is([data-status=cancelled],[data-status=failed]):before{background:var(--palette-tomato)}.series-status-main{justify-items:start;gap:var(--space-12);min-width:0;display:grid}.series-status-chip{align-items:center;gap:var(--space-8);min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600;display:inline-flex}.series-status-main>[role=status]{font-family:var(--font-pixel);font-size:var(--type-section);line-height:var(--leading-tight)}.series-status-count{color:var(--text-muted);font-size:var(--type-body)}.series-progress{border-radius:var(--radius-pill);background:var(--surface-3);width:min(400px,100%);height:10px;display:block;overflow:hidden}.series-progress i{width:calc(var(--progress,0) * 100%);border-radius:inherit;background:var(--invert);height:100%;transition:width var(--dur-4) var(--ease-out);display:block}.series-status-error{color:var(--danger-ink);font-size:var(--type-body)}.series-status>*{max-width:64%}.series-actions{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.series-code{min-height:var(--control);padding:var(--space-0) var(--space-20);border-radius:var(--radius-pill);background:var(--surface-2);font-family:var(--font-pixel);font-size:var(--type-lead);letter-spacing:var(--tracking-pixel);align-items:center;display:inline-flex}.series-section{gap:var(--space-16);display:grid}.series-participants{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.series-participant{align-items:center;gap:var(--space-20);min-width:0;min-height:132px;padding:var(--space-24) var(--space-32);border-radius:var(--radius-xl);background:var(--surface);display:flex}.series-participant:nth-child(2){text-align:right;flex-direction:row-reverse}.series-participant[data-you]{background:var(--invert);color:var(--invert-text)}.series-participant[data-you] .series-participant-detail{color:var(--invert-muted)}.series-participant-text{gap:var(--space-4);flex:1;min-width:0;display:grid}.series-participant h3{color:inherit;font-family:var(--font-ui);font-size:var(--type-title);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.series-participant-detail{color:var(--text-muted);font-size:var(--type-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.series-participant-score{font-family:var(--font-pixel);font-size:var(--type-mega);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.series-open-seat{border-radius:var(--radius-lg);background:var(--surface-2);width:64px;height:64px;color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-title);flex:none;place-items:center;display:grid}.series-vs{width:var(--control-lg);height:var(--control-lg);border:var(--stroke-4) solid var(--canvas);border-radius:var(--radius-pill);background:var(--canvas);color:var(--text);font-family:var(--font-pixel);font-size:var(--type-body);text-transform:uppercase;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.series-schedule{gap:var(--space-8);list-style:none;display:grid}.series-schedule li{align-items:center;gap:var(--space-16);min-height:var(--control-xl);padding:var(--space-12) var(--space-20);border-radius:var(--radius-lg);background:var(--surface);display:flex;position:relative}.series-schedule li>div{gap:var(--space-2);min-width:0;display:grid}.series-schedule strong{font-size:var(--type-body);font-weight:700}.series-schedule span{color:var(--text-muted);font-size:var(--type-small)}.series-timeline li:after{content:"";border-radius:var(--radius-pill);background:var(--line-strong);flex:none;width:10px;height:10px;margin-left:auto}.series-timeline li[data-state=done]:after{background:var(--live)}.series-timeline li[data-state=current]{background:var(--invert);color:var(--invert-text)}.series-timeline li[data-state=current] span{color:var(--invert-muted)}.series-timeline li[data-state=current]:after{background:var(--live);box-shadow:0 0 0 var(--space-4) color-mix(in oklab, var(--live) 30%, var(--palette-clear))}.series-timeline li[data-state=done]{color:var(--text-muted)}.series-log li:after{content:"";border-radius:var(--radius-pill);background:var(--palette-sky);flex:none;width:10px;height:10px;margin-left:auto}.series-log li[data-outcome=win]:after{background:var(--live)}.series-log li[data-outcome=aborted]:after{background:var(--danger)}.series-empty-results{padding:var(--space-32);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-muted);font-size:var(--type-body);text-align:center}.series-table-wrap{border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.series-table-wrap table{border-collapse:collapse;width:100%;font-size:var(--type-body);font-variant-numeric:tabular-nums}.series-table-wrap caption{caption-side:top;padding:var(--space-20) var(--space-20) var(--space-8);font-size:var(--type-lead);text-align:left;font-weight:700}.series-table-wrap caption .game-mark{margin-right:var(--space-12);vertical-align:middle;display:inline-grid}.series-table-wrap th,.series-table-wrap td{padding:var(--space-12) var(--space-20);text-align:right;white-space:nowrap}.series-table-wrap thead th{color:var(--text-muted);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.series-table-wrap :is(thead th,tbody th):first-child{text-align:left}.series-table-wrap tbody th{font-weight:700}.series-table-wrap tbody td{font-family:var(--font-pixel);font-size:var(--type-lead)}.series-table-wrap tbody tr{border-top:var(--stroke-1) solid var(--line-strong)}.series-match-banner{z-index:calc(var(--z-sticky) + 10);align-items:center;gap:var(--space-12);min-height:var(--bar-height);padding:var(--space-8) var(--space-gutter);background:var(--surface);color:var(--text);font-size:var(--type-body);font-weight:600;display:flex;position:sticky;top:0}.series-match-banner>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (width<=960px){.series-builder{grid-template-columns:minmax(0,1fr)}.series-builder-header{grid-template-columns:auto minmax(0,1fr)}.series-header-count{display:none}.series-builder-games{max-height:none;overflow:visible}.series-builder-settings{position:static}.series-create-footer{bottom:var(--space-8);z-index:10;margin:var(--space-0) calc(var(--space-12) * -1) calc(var(--space-12) * -1);padding:var(--space-12);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:var(--shadow);border-top:0;position:sticky}}@media (width<=640px){.series-page{gap:var(--space-16)}.series-builder-header{gap:var(--space-8);box-shadow:none;grid-template-columns:minmax(0,1fr);position:static}.series-name-field>span{padding:var(--space-0) var(--space-4) var(--space-8);display:block;position:static;translate:none}.series-name-field .ui-input{padding:var(--space-0) var(--space-20);text-align:left}.series-builder-games,.series-builder-settings{padding:var(--space-16);border-radius:var(--radius-lg)}.series-page .series-games-prompt{font-size:var(--type-title)}.series-round-main{gap:var(--space-8);min-height:var(--control-xl)}.series-round-number{display:none}.series-rounds-empty span{height:72px;font-size:var(--type-section)}.series-game-tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.series-game-tile{min-height:112px}.series-break-field{grid-template-columns:minmax(0,1fr) 88px}.series-join{padding:var(--space-20);grid-template-columns:minmax(0,1fr)}.series-status{padding:var(--space-80) var(--space-20) var(--space-20)}.series-status>*{max-width:none}.series-status:before{background:linear-gradient(to bottom, var(--palette-grass), var(--palette-clear));width:100%;height:64px}.series-participants{grid-template-columns:minmax(0,1fr)}.series-participant,.series-participant:nth-child(2){padding:var(--space-16) var(--space-20);text-align:left;flex-direction:row}.series-participant-score{font-size:var(--type-display)}.series-vs{margin:calc(var(--space-20) * -1) var(--space-0);order:1;justify-self:center;position:static;translate:none}.series-participant:nth-child(2){order:2}}.archive-head h1{font-size:var(--type-display);line-height:var(--leading-none)}.archive-head-text{gap:var(--space-12);display:grid}.archive-head-text p{max-width:52ch;color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.archive-toolbar{align-items:center;gap:var(--space-16);margin-bottom:var(--space-24);display:flex}.archive-search{max-width:520px;color:var(--text-muted);flex:1;position:relative}.archive-search>.ui-icon{top:50%;left:var(--space-20);z-index:1;pointer-events:none;position:absolute;translate:0 -50%}.archive-search .ui-input{padding-left:var(--space-56);border-radius:var(--radius-pill)}.archive-count{padding:var(--space-0) var(--space-4);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-title);font-variant-numeric:tabular-nums}.archive-error{color:var(--danger-ink);font-size:var(--type-body);font-weight:500}.archive-error-banner{justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-20);padding:var(--space-16) var(--space-20);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--danger) 10%, var(--surface));flex-wrap:wrap;display:flex}.archive-loading{padding:var(--space-80) var(--space-0);place-items:center;display:grid}.archive-status:empty{display:none}.archive-status{margin-bottom:var(--space-16);color:var(--text-muted);font-size:var(--type-body)}.archive-problem{width:min(520px,100%);margin:var(--space-80) auto;text-align:center}.archive-problem .ui-card-content{justify-items:center;gap:var(--space-16);padding:var(--space-40);display:grid}.archive-problem h1{font-size:var(--type-title)}.archive-problem p{color:var(--danger-ink);font-size:var(--type-body)}.archive-empty{border-radius:var(--radius-xl)}.archive-empty .ui-card-content{justify-items:center;gap:var(--space-16);padding:var(--space-64) var(--space-24);text-align:center;display:grid}.archive-empty h2{font-size:var(--type-title)}.archive-empty p{max-width:44ch;color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.archive-empty-mark{width:88px;height:88px;margin-bottom:var(--space-8);border-radius:var(--radius-xl);background:var(--invert);color:var(--invert-text);place-items:center;display:grid}.archive-metadata{gap:var(--space-8) var(--space-24);margin:var(--space-0);flex-wrap:wrap;display:flex}.archive-metadata>div{gap:var(--space-4);display:grid}.archive-metadata dt{color:var(--text-muted);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.archive-metadata dd{margin:var(--space-0);color:var(--text);font-size:var(--type-body);font-variant-numeric:tabular-nums;font-weight:600}.history-list{gap:var(--space-12);display:grid}.history-entry.ui-card{isolation:isolate;border-radius:var(--radius-xl);overflow:hidden}.history-entry:is(:hover,[data-expanded]){--doodle-fill:var(--surface-2)}.history-summary{align-items:center;gap:var(--space-24);width:100%;min-height:112px;padding:var(--space-20) var(--space-24);border-radius:inherit;background:var(--palette-clear);color:inherit;text-align:left;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.history-summary:focus-visible{outline-offset:calc(var(--stroke-3) * -1);border-radius:var(--radius-xl)}.history-symbol{flex:none;display:inline-grid;position:relative}.history-symbol-plain{border-radius:var(--radius-lg);background:var(--invert);width:64px;height:64px;color:var(--invert-text);place-items:center;display:grid}.history-symbol-badge{right:calc(var(--space-8) * -1);bottom:calc(var(--space-8) * -1);border:var(--stroke-3) solid var(--surface);border-radius:var(--radius-pill);background:var(--palette-sun);width:28px;height:28px;color:var(--palette-ink);place-items:center;display:grid;position:absolute}.history-summary-main{gap:var(--space-10);min-width:0;display:grid}.history-title-row{align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.history-title-row h2{font-size:var(--type-title);line-height:var(--leading-snug)}.history-result.ui-badge{min-height:var(--control-xs);padding:var(--space-0) var(--space-12) var(--space-0) var(--space-10);background:var(--raised);font-size:var(--type-small)}.history-result.ui-badge:before{content:"";border-radius:var(--radius-pill);background:var(--result-dot,var(--text-faint));flex:none;width:10px;height:10px}.history-result[data-result=win]{--result-dot:var(--live);background:var(--invert);color:var(--invert-text)}.history-result[data-result=loss]{--result-dot:var(--danger)}.history-result[data-result=draw]{--result-dot:var(--palette-sky)}.history-players{align-items:center;gap:var(--space-8) var(--space-12);color:var(--text);font-size:var(--type-body);flex-wrap:wrap;font-weight:600;display:flex}.history-player{align-items:center;gap:var(--space-8);min-width:0;display:inline-flex}.history-vs{margin-right:var(--space-4);color:var(--text-muted);font-size:var(--type-small);text-transform:uppercase;font-weight:600}.history-metadata dd{font-family:var(--font-pixel);font-size:var(--type-lead);font-weight:500}.history-chevron{width:var(--control);height:var(--control);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);transition:rotate var(--dur-3) var(--ease-out), background-color var(--dur-2) linear, color var(--dur-2) linear;place-items:center;display:grid}.history-entry[data-expanded] .history-chevron{background:var(--invert);color:var(--invert-text);rotate:180deg}.history-expanded{overflow:hidden}.history-expanded-inner{gap:var(--space-16);padding:var(--space-0) var(--space-24) var(--space-24);display:grid}.history-detail-meta{gap:var(--space-8);flex-wrap:wrap;display:flex}.history-detail-meta span{min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--raised);color:var(--text-muted);font-size:var(--type-small);align-items:center;display:inline-flex}.history-replay-actions{align-items:flex-start;gap:var(--space-12);flex-wrap:wrap;display:flex}.history-log-error{align-items:center;gap:var(--space-12);color:var(--danger-ink);font-size:var(--type-body);flex-wrap:wrap;display:flex}.history-no-events{color:var(--text-muted);font-size:var(--type-body)}.history-events{gap:var(--space-8);max-height:480px;list-style:none;display:grid;overflow:auto}.history-events li{gap:var(--space-8);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--raised);display:grid}.history-events li>div{align-items:baseline;gap:var(--space-12);flex-wrap:wrap;display:flex}.history-event-seq{color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-lead)}.history-events strong{font-size:var(--type-body);text-transform:capitalize;font-weight:700}.history-events time{color:var(--text-muted);font-size:var(--type-small);font-variant-numeric:tabular-nums;margin-left:auto}.history-events pre,.game-events pre{max-height:220px;margin:var(--space-0);padding:var(--space-12) var(--space-16);border-radius:var(--radius-sm);background:var(--palette-g950);color:var(--palette-g100);font-size:var(--type-small);line-height:var(--leading-body);overflow:auto}.history-more-row{padding-top:var(--space-24);justify-content:center;display:flex}.history-download{gap:var(--space-8);display:grid}.history-download-row{gap:var(--space-8);flex-wrap:wrap;display:flex}.history-download-bar{border-radius:var(--radius-pill);background:var(--surface-3);width:min(280px,100%);height:8px;display:block;overflow:hidden}.history-download-bar i{width:calc(var(--progress,0) * 100%);border-radius:inherit;background:var(--invert);height:100%;transition:width var(--dur-3) var(--ease-out);display:block}.history-download-bar i[data-indeterminate]{width:36%;animation:history-progress 1.1s var(--ease-in-out) infinite}.history-download [role=alert]{color:var(--danger-ink);font-size:var(--type-small)}@keyframes history-progress{0%{translate:-100%}to{translate:280%}}.replay-controls{gap:var(--space-12);min-width:0;display:grid}.replay-caption{align-items:baseline;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.replay-caption strong{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.replay-label{color:var(--text-muted);font-size:var(--type-body)}.replay-transport{align-items:center;gap:var(--space-8);grid-template-columns:auto auto auto minmax(0,1fr) auto;display:grid}.replay-play.ui-button{width:var(--control-lg);min-height:var(--control-lg)}.replay-scrubber{gap:var(--space-6);min-width:0;padding:var(--space-0) var(--space-12);display:grid}.replay-frame{color:var(--text-muted);font-size:var(--type-small)}.replay-scrubber input[type=range]{--track:var(--surface-3);--fill:var(--invert);width:100%;height:24px;margin:var(--space-0);background:var(--palette-clear);cursor:pointer;appearance:none}.replay-scrubber input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--fill) 0 var(--p,0%), var(--track) var(--p,0%));height:8px}.replay-scrubber input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--fill) 0 var(--p,0%), var(--track) var(--p,0%));height:8px}.replay-scrubber input[type=range]::-webkit-slider-thumb{border:var(--stroke-4) solid var(--raised);border-radius:var(--radius-pill);background:var(--fill);width:24px;height:24px;box-shadow:0 1px 3px var(--palette-black-30);appearance:none;margin-top:-8px}.replay-scrubber input[type=range]::-moz-range-thumb{border:var(--stroke-4) solid var(--raised);border-radius:var(--radius-pill);background:var(--fill);width:16px;height:16px}.replay-speeds.segmented{gap:var(--space-4);flex-wrap:nowrap}.replay-speeds.segmented button{min-width:var(--control);min-height:var(--control-sm);padding:var(--space-0) var(--space-12);flex:none}.replay-note{color:var(--text-muted);font-size:var(--type-small)}.inline-replay{gap:var(--space-16);padding:var(--space-20);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);display:grid}.inline-replay-top{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.inline-replay-board{min-height:320px;padding:var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2);place-items:center;display:grid;overflow:auto}.inline-replay .replay-controls{padding:var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2)}.ui-dialog-content.game-log-dialog{width:min(720px, calc(100vw - var(--space-32)))}.game-log-head{align-items:center;gap:var(--space-16);margin-bottom:var(--space-20);display:flex}.game-events{gap:var(--space-8);max-height:56dvh;list-style:none;display:grid;overflow:auto}.game-events details{border-radius:var(--radius-md);background:var(--surface-2)}.game-events summary{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--control);padding:var(--space-0) var(--space-16);font-size:var(--type-body);text-transform:capitalize;cursor:pointer;font-weight:600;display:flex}.game-events time{color:var(--text-muted);font-size:var(--type-small);font-variant-numeric:tabular-nums}.game-events pre{margin:var(--space-0) var(--space-8) var(--space-8)}.game-log-empty{color:var(--text-muted);font-size:var(--type-body)}.agent-summary{align-items:center;gap:var(--space-8);margin-bottom:var(--space-16);color:var(--text-muted);font-size:var(--type-body);font-variant-numeric:tabular-nums;display:flex}.agent-summary strong{color:var(--text);font-weight:600}.agent-list{gap:var(--space-8);display:grid}.agent-card.ui-card{border-radius:var(--radius-lg)}.agent-card .ui-card-content{gap:var(--space-12);padding:var(--space-12) var(--space-16);display:grid}.agent-row{align-items:center;gap:var(--space-16);grid-template-columns:auto minmax(0,1fr) auto auto auto;display:grid}.agent-symbol{flex:none;place-items:center;display:grid}.agent-card-name{gap:var(--space-2);min-width:0;display:grid}.agent-card-name h2{font-size:var(--type-lead);font-weight:600;line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-card-name p{color:var(--text-muted);font-size:var(--type-small)}.agent-activity,.agent-last-used{align-items:center;gap:var(--space-8);color:var(--text-muted);font-size:var(--type-small);white-space:nowrap;display:inline-flex}.agent-activity{min-width:12ch;color:var(--text);font-weight:600}.agent-last-used{font-variant-numeric:tabular-nums}.agent-confirm-slot{overflow:hidden}.agent-confirm{gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-md);background:var(--raised);display:grid}.agent-confirm p{font-size:var(--type-body);line-height:var(--leading-snug)}.agent-confirm>div{justify-content:flex-end;gap:var(--space-8);flex-wrap:wrap;display:flex}.agent-bulk-confirm{margin-bottom:var(--space-20);overflow:hidden}@media (width<=860px){.history-summary{grid-template-columns:auto minmax(0,1fr) auto}.history-metadata{grid-area:2/2/auto/-1}.agent-row{grid-template-columns:auto minmax(0,1fr) auto auto}.agent-last-used{display:none}}@media (width<=600px){.archive-toolbar{margin-bottom:var(--space-16)}.history-summary{gap:var(--space-16);padding:var(--space-16);grid-template-columns:auto minmax(0,1fr)}.history-symbol .game-mark{--mark-size:52px!important}.history-summary-main,.history-metadata{grid-column:1/-1}.history-metadata{grid-row:auto}.history-chevron{grid-area:1/2;justify-self:end}.history-title-row h2{font-size:var(--type-lead)}.history-expanded-inner{padding:var(--space-0) var(--space-16) var(--space-16)}.replay-transport{grid-template-columns:auto auto auto minmax(0,1fr)}.replay-transport>*{grid-row:2}.replay-scrubber{padding:var(--space-0);grid-area:1/1/auto/-1}.inline-replay{padding:var(--space-12)}.inline-replay-board{min-height:240px;padding:var(--space-8)}.agent-row{gap:var(--space-12);grid-template-columns:auto minmax(0,1fr) auto}.agent-activity{grid-area:2/2;min-width:0}.agent-remove{grid-area:1/3/span 2}}.account-wrap{padding:var(--space-48) var(--space-0) var(--space-64);place-items:start center;display:grid}.account-card{gap:var(--space-24);width:min(560px,100%);padding:var(--space-40);border-radius:var(--radius-xl);background:var(--surface);display:grid}.account-lead{color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.account-message{font-size:var(--type-body);font-weight:500;line-height:var(--leading-snug)}.account-error,.account-saved{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--raised);color:var(--text);display:flex}.account-error:before,.account-saved:before{content:"";border-radius:var(--radius-pill);background:var(--danger);flex:none;width:10px;height:10px}.account-saved:before{background:var(--live)}.account-error{color:var(--danger-ink)}.account-text-link{padding:var(--space-0);color:var(--text);font:inherit;text-decoration:underline;text-decoration-thickness:var(--stroke-2);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;font-weight:600}.account-text-link:hover{text-decoration-color:var(--text-faint)}.account-dialog-note{margin-top:var(--space-16);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body)}.account-dialog-link{margin-top:var(--space-16);display:inline-block}.account-stream-dialog-actions{flex-wrap:wrap-reverse}.account-footnote{max-width:42ch;margin:var(--space-0) auto;color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-body);text-align:center}.account-footnote a{color:var(--text-muted);text-underline-offset:.2em;font-weight:600;text-decoration:underline}.account-footnote a:hover{color:var(--text)}.account-reauth{justify-items:start;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-md);background:var(--raised);font-size:var(--type-body);display:grid}.account-problem{justify-items:center;gap:var(--space-16);text-align:center;display:grid}.account-problem h1{font-size:var(--type-title)}.account-problem p{color:var(--text-muted);font-size:var(--type-lead)}.account-problem-mark{width:var(--control-xl);height:var(--control-xl);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-score);place-items:center;display:grid}.signin-page{justify-items:center;gap:var(--space-32);width:min(520px,100%);margin:var(--space-0) auto;padding:var(--space-48) var(--space-0) var(--space-64);display:grid}.signin-head{justify-items:center;gap:var(--space-16);text-align:center;display:grid}.signin-head h1{font-size:var(--type-display);line-height:var(--leading-none)}.signin-head p{color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.signin-card{gap:var(--space-20);width:100%;padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);display:grid}.signin-form{gap:var(--space-16);display:grid}.signin-form>.ui-button,.account-google{width:100%}.account-google svg{flex:none}.signin-back{white-space:normal;text-align:center;justify-self:center}.signin-divider{align-items:center;gap:var(--space-16);color:var(--text-muted);font-size:var(--type-small);text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:600;display:flex}.signin-divider:before,.signin-divider:after{content:"";height:var(--stroke-1);background:var(--line-strong);flex:1}.signin-verifying-mark{display:inline-flex}.signin-verification[data-visible=false]{display:none}.signin-verification{gap:var(--space-12);display:grid}.signin-verification [role=alert]{align-items:center;gap:var(--space-12);color:var(--danger-ink);font-size:var(--type-body);flex-wrap:wrap;font-weight:500;display:flex}.signin-verification-widget{width:100%;min-height:var(--space-64)}.signin-code{position:relative}.signin-code-slots{gap:var(--space-8);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.signin-code-slots span{height:var(--control-xl);border:var(--stroke-2) solid var(--palette-clear);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-family:var(--font-pixel);font-size:var(--type-score);line-height:var(--leading-none);transition:border-color var(--dur-1) linear, background-color var(--dur-2) linear;place-items:center;display:grid}.signin-code-slots span[data-filled]{background:var(--raised)}.signin-code:focus-within .signin-code-slots span[data-active]{border-color:var(--focus);background:var(--canvas)}.signin-code-input.ui-input{border-color:var(--palette-clear);background:var(--palette-clear);height:100%;color:var(--palette-clear);caret-color:var(--palette-clear);letter-spacing:1em;position:absolute;inset:0}.signin-code-input.ui-input:focus,.signin-code-input.ui-input:hover{border-color:var(--palette-clear);background:var(--palette-clear)}.oauth-page{min-height:100dvh;padding:var(--space-32) var(--space-gutter);background:var(--canvas);place-items:center;display:grid}.oauth-page .signin-page{padding:var(--space-0)}.oauth-client{color:var(--text-muted);font-size:var(--type-lead);text-align:center}.oauth-client strong{color:var(--text)}.oauth-account{align-items:center;gap:var(--space-16);padding:var(--space-16);border-radius:var(--radius-lg);background:var(--raised);display:flex}.oauth-account>div{gap:var(--space-4);flex:1;min-width:0;display:grid}.oauth-account strong{font-size:var(--type-lead);font-weight:700}.oauth-account span:not(.oauth-account-avatar){overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--type-small)}.oauth-account-avatar{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-body);flex:none;place-items:center;display:grid}.oauth-account>a{color:var(--text-muted);font-size:var(--type-small);text-underline-offset:.2em;font-weight:600;text-decoration:underline}.oauth-account>a:hover{color:var(--text)}.oauth-permissions{gap:var(--space-12);display:grid}.oauth-permissions p{font-size:var(--type-body);font-weight:700}.oauth-permissions ul{gap:var(--space-10);padding:var(--space-0);list-style:none;display:grid}.oauth-permissions li{gap:var(--space-12);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-snug);display:flex}.oauth-permissions li:before{content:"✓";color:var(--text);flex:none;font-weight:700}.oauth-actions{gap:var(--space-8);display:grid}.oauth-actions .ui-button,.oauth-page .signin-card>.ui-button{width:100%}.onboarding{gap:var(--space-20);display:grid}.onboarding h1{font-size:var(--type-display);line-height:var(--leading-none)}.onboarding-preview{gap:var(--space-8);display:grid}.onboarding-seat{align-items:center;gap:var(--space-16);min-height:var(--control-xl);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--raised);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.onboarding-seat[data-kind=human]{background:var(--invert);color:var(--invert-text)}.onboarding-seat>div{min-width:0;display:grid}.onboarding-seat strong{font-size:var(--type-lead);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.onboarding-seat small{color:var(--text-muted);font-size:var(--type-small)}.onboarding-seat[data-kind=human] small{color:var(--invert-muted)}.onboarding-preview[data-empty] .onboarding-seat[data-kind=human] strong{opacity:.5}.onboarding-tag{min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--type-caption);align-items:center;font-weight:600;display:inline-flex}.onboarding-seat[data-kind=human] .onboarding-tag{background:var(--invert-2);color:var(--invert-text)}.account-profile{gap:var(--space-24);padding:var(--space-24) var(--space-0) var(--space-48);display:grid}.profile-identity{align-items:center;gap:var(--space-24);padding:var(--space-8) var(--space-0);color:var(--text);display:flex}.profile-avatar{flex:none;place-items:center;display:grid}.profile-name{gap:var(--space-8);min-width:0;display:grid}.profile-name h1{font-size:var(--type-display);line-height:var(--leading-none);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-email{color:var(--text-muted);font-size:var(--type-lead)}.profile-grid{align-items:stretch;gap:var(--space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-grid>.panel{align-content:start;gap:var(--space-20);padding:var(--space-32);border-radius:var(--radius-xl)}.profile-settings-panel{grid-column:1/-1}.profile-grid h2,.profile-grid .panel-title{font-family:var(--font-ui);font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-snug)}.profile-grid :is(h2,.panel-title){font-family:var(--font-pixel);letter-spacing:var(--tracking-pixel);font-weight:500}.profile-grid h3{font-family:var(--font-ui);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.profile-panel-head{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.typesafe-status{align-items:center;gap:var(--space-8);min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);font-size:var(--type-small);white-space:nowrap;font-weight:600;display:inline-flex}.typesafe-status:before{content:"";border-radius:var(--radius-pill);background:var(--text-faint);flex:none;width:8px;height:8px}.typesafe-status[data-state=connected]:before{background:var(--live)}.typesafe-status[data-state=checking]:before{background:var(--warn)}.account-setting{align-items:center;gap:var(--space-16);padding:var(--space-20);border-radius:var(--radius-lg);background:var(--raised);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.account-setting-icon{width:var(--control);height:var(--control);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);transition:background-color var(--dur-2) linear, color var(--dur-2) linear;place-items:center;display:grid}.account-setting[data-checked] .account-setting-icon{background:var(--invert);color:var(--invert-text)}.account-setting-icon svg{width:24px;height:24px}.account-setting-text{gap:var(--space-4);min-width:0;display:grid}.account-setting-text label{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);cursor:pointer;font-weight:700}.account-setting-text p{color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-snug)}.profile-session{align-items:center;gap:var(--space-16) var(--space-24);grid-template-columns:minmax(0,1fr) auto;display:grid}.profile-session>div:first-child{gap:var(--space-4);display:grid}.profile-session p{color:var(--text-muted);font-size:var(--type-body)}.profile-session-actions{gap:var(--space-12);flex-wrap:wrap;display:flex}.typesafe-settings{gap:var(--space-16);display:grid}.typesafe-settings>header{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.typesafe-settings>p,.typesafe-settings>small{color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body)}.typesafe-title{align-items:center;gap:var(--space-12);display:flex}.typesafe-title .jev-logo{padding:var(--space-6);border-radius:var(--radius-md);background:var(--palette-white);flex:none}.typesafe-usage{gap:var(--space-8);padding:var(--space-20);border-radius:var(--radius-lg);background:var(--raised);display:grid}.typesafe-usage strong{font-family:var(--font-pixel);font-size:var(--type-score);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.typesafe-usage span{color:var(--text-muted);font-size:var(--type-body)}.typesafe-usage small{color:var(--text-muted);font-size:var(--type-small)}.typesafe-meter{border-radius:var(--radius-pill);background:var(--surface-3);height:12px;overflow:hidden}.typesafe-meter i{border-radius:inherit;background:var(--invert);height:100%;display:block}.typesafe-settings form{gap:var(--space-12);display:grid}.typesafe-field-label{align-items:center;gap:var(--space-8);margin-top:var(--space-4);display:flex}.typesafe-field-label label{font-size:var(--type-body);font-weight:600}.typesafe-help{display:inline-flex;position:relative}.typesafe-help-button{width:var(--control-xs);height:var(--control-xs);padding:var(--space-0);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);border:0;place-items:center;display:grid}.typesafe-tooltip{z-index:var(--z-menu);top:calc(100% + var(--space-8));width:max-content;max-width:280px;padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--invert);color:var(--invert-text);font-size:var(--type-small);font-weight:500;line-height:var(--leading-snug);box-shadow:var(--shadow);position:absolute;left:50%;translate:-50%}.typesafe-key-link{color:var(--text);font-size:var(--type-small);text-underline-offset:.2em;margin-left:auto;font-weight:600;text-decoration:underline}.typesafe-consent{align-items:start;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-md);background:var(--raised);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-snug);cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.typesafe-consent input,.webhook-clear-auth input{width:22px;height:22px;margin:var(--space-0);accent-color:var(--text)}.typesafe-actions{gap:var(--space-12);flex-wrap:wrap;display:flex}.agent-webhook-settings{gap:var(--space-20);display:grid}.webhook-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-16);flex-wrap:wrap;display:flex}.webhook-heading p{margin-top:var(--space-4);color:var(--text-muted);font-size:var(--type-body)}.webhook-title{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.webhook-loading,.webhook-empty{padding:var(--space-24);border-radius:var(--radius-lg);background:var(--raised);color:var(--text-muted);font-size:var(--type-body);text-align:center}.webhook-layout{gap:var(--space-16);display:grid}.webhook-list{gap:var(--space-8);list-style:none;display:grid}.webhook-saved{align-items:center;gap:var(--space-16);padding:var(--space-12) var(--space-12) var(--space-12) var(--space-20);border-radius:var(--radius-lg);background:var(--raised);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.webhook-saved[data-editing=true]{background:var(--invert);color:var(--invert-text)}.webhook-saved[data-editing=true] small{color:var(--invert-muted)}.webhook-identity{min-width:0;display:grid}.webhook-identity strong{font-size:var(--type-lead);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.webhook-identity small{color:var(--text-muted);font-family:var(--font-code);font-size:var(--type-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.webhook-row-actions{gap:var(--space-4);display:flex}.webhook-editor{gap:var(--space-20);padding:var(--space-24);border-radius:var(--radius-lg);background:var(--raised);display:grid}.webhook-fields{gap:var(--space-16) var(--space-20);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.webhook-field{align-content:start;gap:var(--space-8);display:grid}.webhook-field label{font-size:var(--type-body);font-weight:600}.webhook-field small{color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-snug)}.webhook-clear-auth{align-items:center;gap:var(--space-12);color:var(--text-muted);font-size:var(--type-body);cursor:pointer;display:flex}.webhook-editor-footer{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.webhook-editor-footer small{align-items:center;gap:var(--space-8);color:var(--text-muted);font-size:var(--type-small);display:inline-flex}.webhook-form-actions{gap:var(--space-8);flex-wrap:wrap;display:flex}.webhook-instructions{padding-top:var(--space-8);border-top:var(--stroke-1) solid var(--line-strong)}.webhook-instructions>div{justify-items:start;gap:var(--space-12);padding-bottom:var(--space-8);display:grid}.webhook-instructions p{color:var(--text-muted);font-size:var(--type-body)}.webhook-instructions pre{width:100%;max-height:320px;margin:var(--space-0);padding:var(--space-20);border-radius:var(--radius-lg);background:var(--palette-g950);color:var(--palette-g100);font-size:var(--type-small);line-height:var(--leading-body);white-space:pre-wrap;overflow:auto}@media (width<=900px){.profile-grid,.profile-session{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.account-wrap{padding-top:var(--space-16)}.account-card,.signin-card{padding:var(--space-20);border-radius:var(--radius-lg)}.signin-page{gap:var(--space-24);padding-top:var(--space-24)}.signin-code-slots{gap:var(--space-6)}.signin-code-slots span{height:var(--control-lg);font-size:var(--type-title)}.account-profile{gap:var(--space-16);padding-top:var(--space-12)}.profile-identity{gap:var(--space-16)}.profile-avatar .player-avatar{--avatar-size:64px!important}.profile-name{gap:var(--space-4)}.profile-name h1{font-size:var(--type-title);white-space:normal;overflow-wrap:anywhere}.profile-email{font-size:var(--type-body);overflow-wrap:anywhere}.profile-grid>.panel{padding:var(--space-20);border-radius:var(--radius-lg)}.account-setting{padding:var(--space-16);grid-template-columns:minmax(0,1fr) auto}.account-setting-icon{display:none}.webhook-fields{grid-template-columns:minmax(0,1fr)}.webhook-saved{grid-template-columns:auto minmax(0,1fr)}.webhook-row-actions{grid-column:1/-1;justify-content:flex-end}.oauth-page{padding:var(--space-20) var(--space-16)}}