.archive-toolbar{justify-content:space-between;align-items:center;gap:var(--space-16);margin:var(--space-16) 0;font-size:var(--type-caption);display:flex}.archive-toolbar>div{gap:var(--space-8);display:flex}.archive-toolbar>.ui-input{max-width:240px}.agent-list,.history-list{gap:var(--space-12);display:grid}.agent-list .ui-card-content,.history-list .ui-card-content{align-items:center;gap:var(--space-20);padding:var(--space-16) var(--space-20);display:flex}.agent-symbol{--shadow-fill:var(--yellow);border:var(--stroke-2) solid var(--shadow);border-radius:var(--paper-shape);background:var(--yellow);flex:none;place-items:center;width:46px;height:46px;display:grid}.agent-list h2,.history-list h2{font:700 var(--type-subheading)/var(--leading-heading) var(--hand)}.agent-list p,.history-list p{font-size:var(--type-caption);line-height:var(--leading-relaxed)}.agent-list small,.history-list small,.history-players>span{font-size:var(--type-micro);color:var(--muted-foreground)}.agent-list .ui-card-content>div{flex:1}.archive-error{align-items:center;gap:var(--space-12);color:var(--danger-text);font-size:var(--type-caption);padding:var(--space-10) 0;display:flex}.archive-status{font-size:var(--type-caption);color:var(--muted-foreground)}.archive-status:empty{display:none}.archive-empty{max-width:620px;margin:var(--space-28) auto}.archive-empty .ui-card-content{text-align:center;align-items:center;gap:var(--space-16);padding:var(--space-32);flex-direction:column;display:flex}.archive-empty h1,.archive-empty h2{font:700 var(--type-title) var(--hand)}.archive-empty p{font-size:var(--type-caption);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.history-game{gap:var(--space-12);align-items:center;min-width:200px;display:flex}.history-players{flex:1;min-width:0}.history-players p{overflow-wrap:anywhere}.history-actions{align-items:center;gap:var(--space-16);margin-left:auto;display:flex}.archive-link{text-underline-offset:3px;font-size:var(--type-micro);text-decoration:underline}.history-more{margin-top:var(--space-20)}.device-note{font-size:var(--type-micro);color:var(--muted-foreground);margin:var(--space-16) 0}.replay-controls{gap:var(--space-10);margin-top:var(--space-12);display:grid}.replay-controls strong{font:700 var(--type-subheading) var(--hand)}.replay-controls span,.replay-controls label,.replay-controls small{font-size:var(--type-micro);line-height:var(--leading-body)}.replay-controls label{gap:var(--space-8);display:grid}.replay-controls>div{gap:var(--space-8);flex-wrap:wrap;display:flex}.replay-controls .ui-button{padding:var(--space-4) var(--space-8)}@media (width<=650px){.archive-toolbar{flex-wrap:wrap}.archive-toolbar>.ui-input{max-width:none}.agent-list .ui-card-content{gap:var(--space-10);padding:var(--space-12);grid-template-columns:38px 1fr auto;display:grid}.agent-symbol{width:38px;height:38px}.agent-list .ui-button{grid-column:2/4;justify-self:end}.agent-list h2{font-size:var(--type-card);overflow-wrap:anywhere}.agent-list small{font-size:var(--type-micro)}.history-list .ui-card-content{padding:var(--space-16);gap:var(--space-12);flex-wrap:wrap}.history-game{width:100%}.history-actions{margin:0}.history-players{flex-basis:100%}.archive-empty .ui-card-content{padding:var(--space-24)}.match-desk:has(.replay-controls) .desk-details{overflow:auto}.match-desk:has(.replay-controls) .desk-decision-top,.match-desk:has(.replay-controls) .desk-clock-track,.match-desk:has(.replay-controls) .desk-turn-time{display:none}.replay-controls{margin:0}.match-desk:has(.replay-controls) .desk-details{display:block}.match-desk:has(.replay-controls) .desk-players{margin-top:var(--space-8);gap:var(--space-8);display:flex}.match-desk:has(.replay-controls) .desk-player{flex:1;min-width:0}.match-desk:has(.replay-controls) .desk-details .ui-card-content{padding:var(--space-12)}.replay-controls{align-items:center;gap:var(--space-8);grid-template-columns:1fr 1fr}.replay-controls strong{font-size:var(--type-card)}.replay-controls>span{text-align:right}.replay-controls>label,.replay-controls>div,.replay-controls>small{grid-column:1/-1}.replay-controls>div{flex-wrap:nowrap}.replay-controls .ui-button{flex:1}}.game-log-dialog{width:min(650px,100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto}.game-events{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.game-events li{border:var(--stroke-1-5) solid var(--shadow);border-radius:var(--paper-shape)}.game-events summary{cursor:pointer;padding:var(--space-12);font-size:var(--type-caption)}.game-events summary span{text-transform:capitalize}.game-events time{float:right;color:var(--muted-foreground);font-size:var(--type-micro)}.game-events pre{padding:var(--space-12);border-top:var(--stroke-1) solid var(--shadow);font:var(--type-micro)/var(--leading-relaxed) var(--hand);white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto}.archive-heading-actions{gap:var(--space-10);flex-wrap:wrap;display:flex}.library-heading:has(.archive-heading-actions)>div:first-child>p,.site-content:has(.history-list)>.library-heading>div:first-child>p{display:none}.agent-summary .ui-card-content{align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-20);display:flex}.agent-summary strong{font-size:var(--type-subheading);display:block}.agent-summary span{font-size:var(--type-caption)}.agent-summary p{max-width:460px;font-size:var(--type-small);line-height:var(--leading-relaxed);margin-left:auto}.archive-metadata{gap:var(--space-16);flex:none;grid-template-columns:1fr 1fr;min-width:290px;display:grid}.archive-metadata dt{font-size:var(--type-micro);color:var(--muted-foreground);margin-bottom:var(--space-4)}.archive-metadata dd{font-size:var(--type-caption)}.history-summary{align-items:center;gap:var(--space-16);width:100%;padding:var(--space-16);text-align:left;cursor:pointer;grid-template-columns:38px minmax(0,1fr) auto 38px;display:grid}.history-symbol{--shadow-fill:var(--yellow);border:var(--stroke-2) solid var(--shadow);border-radius:var(--paper-shape);background:var(--yellow);flex:none;place-items:center;width:38px;height:38px;display:grid}.history-summary-main{flex:1;min-width:0}.history-summary-main>div{align-items:center;gap:var(--space-10);flex-wrap:wrap;display:flex}.history-summary-main h2{font-size:var(--type-subheading)}.history-summary-main p{gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.history-summary-main p>span{align-items:center;gap:var(--space-6);overflow-wrap:anywhere;min-width:0;font-size:var(--type-small);display:inline-flex}.history-summary-main small{font-size:var(--type-caption);color:var(--muted-foreground)}.history-chevron{border:var(--stroke-1-5) solid var(--border);border-radius:var(--paper-shape);width:38px;height:38px;font-size:var(--type-subheading);place-items:center;transition:transform .16s;display:grid}.history-metadata{align-items:center;gap:var(--space-24);grid-template-columns:minmax(170px,1fr) 80px;width:298px;min-width:0;display:grid}.history-metadata>div{gap:var(--space-4);min-width:0;display:grid}.history-metadata dt{font-size:var(--type-small);line-height:var(--leading-body);margin:0}.history-metadata dd{font-size:var(--type-body);line-height:var(--leading-body);font-variant-numeric:tabular-nums;white-space:nowrap}.history-row-actions{align-items:center;gap:var(--space-12);padding:0 var(--space-16) var(--space-12) var(--space-64);display:flex}.history-row-actions .archive-link{font-size:var(--type-small);margin-right:auto}.history-expanded{border-top:var(--stroke-2) solid var(--shadow);padding:var(--space-20);gap:var(--space-16);display:grid}.history-detail-meta{gap:var(--space-20);font-size:var(--type-small);color:var(--muted-foreground);flex-wrap:wrap;display:flex}.history-expanded>.ui-button{justify-self:start}.history-events{gap:var(--space-10);max-height:380px;list-style:none;display:grid;overflow:auto}.history-events li{padding:var(--space-12);border:var(--stroke-1-5) solid var(--shadow);border-radius:var(--paper-shape)}.history-events li>div{justify-content:space-between;gap:var(--space-12);font-size:var(--type-small);display:flex}.history-events time{font-size:var(--type-caption);color:var(--muted-foreground)}.history-events pre{font:var(--type-caption)/var(--leading-relaxed) "Roboto Mono",monospace;-webkit-text-stroke:0;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:var(--space-10)}.inline-replay{gap:var(--space-12);padding:var(--space-16);border:var(--stroke-2) solid var(--shadow);border-radius:var(--paper-shape);display:grid}.inline-replay-top{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.inline-replay .replay-controls{margin:0}.inline-replay .replay-controls>div{justify-content:center}.replay-speeds{justify-content:center;gap:var(--space-8);display:flex}.inline-replay-board{min-width:0;height:560px;position:relative;overflow:hidden;container-type:size}.inline-replay-board>div{height:100%}@media (width<=750px){.archive-metadata{width:100%;min-width:0}.agent-list .ui-card-content{flex-wrap:wrap;display:flex}.agent-list .ui-card-content>div{min-width:150px}.agent-list .archive-metadata{order:4}.agent-summary .ui-card-content{flex-wrap:wrap}.agent-summary p{width:100%;margin:0}.history-summary{gap:var(--space-12);padding:var(--space-12);grid-template-columns:38px minmax(0,1fr) 38px}.history-summary-main{min-width:0}.history-summary .history-metadata{gap:var(--space-16);width:100%;padding:var(--space-12) 0 0;border-top:var(--stroke-1) solid var(--border);grid-column:2/4;grid-template-columns:minmax(0,1fr) 80px}.history-chevron{grid-area:1/3}.history-row-actions{padding:0 var(--space-12) var(--space-12);flex-wrap:wrap}.history-expanded{padding:var(--space-12)}.inline-replay{padding:var(--space-10)}.inline-replay-board{height:550px}.history-events li>div{flex-wrap:wrap}}.agent-confirm{border:var(--stroke-2) solid var(--shadow);border-radius:var(--paper-shape);padding:var(--space-12);margin:var(--space-10) 0;font-size:var(--type-small)}.agent-confirm>div{gap:var(--space-10);margin-top:var(--space-12);display:flex}.agent-list .agent-confirm{max-width:300px}.agent-confirm p{line-height:var(--leading-relaxed)}.inline-replay-board:has(.discs-stage){height:clamp(270px,40vw,500px)}@media (width<=750px){.library-heading:has(.archive-heading-actions){gap:var(--space-16);flex-direction:column}.archive-heading-actions{width:100%}.archive-heading-actions .ui-button{font-size:var(--type-small);padding-inline:var(--space-10)}.history-events{max-height:320px}}.history-summary-main .history-featured{--shadow-fill:var(--palette-lavender);background:var(--palette-lavender)}.agent-list>.ui-card:nth-child(3n+2) .agent-symbol{--shadow-fill:var(--palette-sky);background:var(--palette-sky)}.agent-list>.ui-card:nth-child(3n) .agent-symbol{--shadow-fill:var(--palette-lavender);background:var(--palette-lavender)}.agent-list .ui-card-content,.agent-summary .ui-card-content{padding:var(--space-12);gap:var(--space-12)}.agent-summary{margin:var(--space-20) 0}.archive-metadata{gap:var(--space-16);min-width:256px}.history-summary{padding:var(--space-12);gap:var(--space-12)}.history-summary-main h2,.agent-list h2{font-size:var(--type-card)}.history-summary-main p{margin-top:var(--space-4);gap:var(--space-6)}.history-row-actions{padding:0 var(--space-12) var(--space-12) var(--space-64)}.history-expanded{padding:var(--space-16);gap:var(--space-16)}.history-row-actions .archive-link{color:var(--link)}@media (width<=750px){.archive-metadata{min-width:0}.history-row-actions{padding:0 var(--space-12) var(--space-12)}}.history-summary-main p>span{font-size:var(--type-card);gap:var(--space-8);font-weight:800}.history-summary-main .player-name-label{flex-direction:column;align-items:flex-start;gap:0;font-weight:800;display:flex}.history-summary-main .player-name-label>small{font-weight:400}.agent-list h2{font-size:var(--type-card)}.history-download{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.history-download p{color:var(--danger-text);font-size:var(--type-small);flex-basis:100%}@media (width<=650px){.history-summary-main p>span{font-size:var(--type-lead)}.agent-list h2{font-size:var(--type-card)}.history-row-actions{padding-left:var(--space-16)}}.history-replay-actions{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.history-symbol.history-symbol-trophy{--shadow-fill:var(--palette-trophy-paper);background:var(--palette-trophy-paper);color:var(--palette-trophy-ink)}.history-symbol .doodle-icon>g{display:none}.history-symbol-trophy .doodle-icon>path:first-of-type{fill:var(--palette-trophy-gold)}:root[data-theme=dark] .history-symbol.history-symbol-trophy{color:var(--palette-trophy-ink)}.history-result-finished{--shadow-fill:var(--palette-sky);background:var(--palette-sky)}.ranked-panel{margin-top:var(--space-24);gap:var(--space-28);display:grid}.ranked-panel>.ui-card>.ui-card-content{gap:var(--space-28);padding:var(--space-24);grid-template-columns:1fr 1fr;display:grid}.ranked-panel h2{font:700 var(--type-section) var(--hand);margin:var(--space-12) 0}.ranked-panel p{font-size:var(--type-caption);color:var(--muted-foreground);line-height:var(--leading-relaxed)}.ranked-queue{gap:var(--space-12);flex-direction:column;justify-content:center;align-items:start;display:flex}.ranked-queue small{font-size:var(--type-micro);color:var(--muted-foreground)}.ranked-queue p:empty{display:none}.ranked-standings>header{justify-content:space-between;align-items:center;gap:var(--space-16);margin-bottom:var(--space-16);display:flex}.ranked-standings h2{margin:0 0 var(--space-8)}.ranked-table-wrap{border:var(--stroke-2) solid var(--shadow);border-radius:var(--paper-shape);overflow:auto}.ranked-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--type-caption)}.ranked-table-wrap th,.ranked-table-wrap td{padding:var(--space-12) var(--space-12);white-space:nowrap;border-bottom:var(--stroke-1) solid var(--shadow)}.ranked-table-wrap tr:last-child td,.ranked-table-wrap tr:last-child th{border-bottom:0}.ranked-table-wrap th .ui-badge{margin-left:var(--space-8)}.ranked-table-wrap tr[data-you=true] th{text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:5px}.ranked-panel .ranked-error{color:var(--danger-text)}.ranked-account-note{margin-top:var(--space-16)}@media (width<=600px){.ranked-panel>.ui-card>.ui-card-content{gap:var(--space-16);padding:var(--space-20);grid-template-columns:1fr}.ranked-table-wrap th,.ranked-table-wrap td{padding:var(--space-10)}.ranked-standings>header{align-items:start}.ranked-panel h2{font-size:var(--type-subheading)}}.ranked-panel,.ranked-panel>*,.ranked-standings,.ranked-panel>.ui-card>.ui-card-content>*{min-width:0}.ranked-panel>.ui-card .ui-card-content>div:first-child>p,.ranked-queue>small,.ranked-account-note,.match-desk[data-phase=waiting] .desk-players,.match-desk[data-phase=waiting] .desk-decision-clock,.match-desk[data-phase=waiting] .desk-title>span{display:none}.match-desk[data-phase=waiting] .desk-layout{min-height:0;display:block;overflow:auto}.match-desk[data-phase=waiting] .desk-play{height:auto;min-height:100%;display:block;overflow:visible}.lobby-setup{width:min(100%,1060px);padding:var(--space-24);gap:var(--space-16);align-content:start;margin:auto;display:grid}.lobby-heading{gap:var(--space-16);justify-content:space-between;align-items:center;display:flex}.lobby-heading h2{font:700 var(--type-section) var(--hand);margin:0 0 var(--space-4)}.lobby-heading p,.lobby-help p,.lobby-footer p,.lobby-status{font-size:var(--type-caption);line-height:var(--leading-body);color:var(--muted-foreground);margin:0}.lobby-count{white-space:nowrap;font:700 var(--type-card) var(--hand)}.lobby-invite{align-items:center;gap:var(--space-10);padding:var(--space-12) var(--space-16);border:var(--stroke-1-5) solid var(--border);background:var(--muted);border-radius:9px 6px 10px 7px;display:flex}.lobby-code-row{align-items:center;gap:var(--space-10);min-width:0;margin-right:auto;display:flex}.lobby-code{gap:var(--space-4);flex:0 0 160px;min-width:160px;display:grid}.lobby-invite span{font-size:var(--type-micro);color:var(--muted-foreground)}.lobby-invite strong{width:100%;height:36px;font:700 var(--type-section)/var(--type-title) var(--hand);letter-spacing:.22em;white-space:nowrap;display:block;overflow:hidden}.lobby-invite-actions{justify-content:flex-end;align-items:center;gap:var(--space-10);flex-shrink:0;display:flex}.lobby-copy-code,.lobby-copy-invite{min-width:100px}.lobby-seat-meter{gap:var(--space-6);display:flex}.lobby-seat-meter>span{border-radius:var(--radius-10);background:var(--muted);flex:1;height:6px}.lobby-seat-meter>span[data-filled=true]{background:var(--yellow)}.lobby-help{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:36px;display:flex}.lobby-help>div{gap:var(--space-8);flex-shrink:0;display:flex}.lobby-team-columns,.lobby-zones{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lobby-team{gap:var(--space-10);--lobby-color:var(--blue);align-content:start;display:grid}.lobby-team[data-team=red]{--lobby-color:var(--coral)}.lobby-team>h3{font:700 var(--type-subheading) var(--hand);color:color-mix(in srgb,var(--lobby-color) 65%,var(--foreground));margin:0}.lobby-zone{min-width:0;padding:var(--space-12);border:var(--stroke-1-5) dashed var(--border);gap:var(--space-8);background:var(--card);border-radius:7px 10px 6px 9px;flex-direction:column;transition:background .1s,border-color .1s;display:flex}.lobby-team .lobby-zone{border-style:solid;border-color:color-mix(in srgb,var(--lobby-color) 45%,var(--border));background:color-mix(in srgb,var(--lobby-color) 5%,var(--card))}.lobby-zone[data-over=true][data-valid=true]{outline:3px solid var(--lobby-color,var(--green));background:color-mix(in srgb,var(--green) 12%,var(--card))}.lobby-zone[data-over=true][data-valid=false]{outline:2px solid var(--coral)}.lobby-zone>header{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.lobby-zone h3{gap:var(--space-6);font:700 var(--type-body) var(--hand);align-items:center;margin:0;display:flex}.lobby-zone>header>span{font-size:var(--type-micro);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-20);padding:var(--space-2) var(--space-8)}.lobby-zone-members{gap:var(--space-6);flex:1;align-content:start;min-height:54px;display:grid}.lobby-empty{min-height:54px;padding:var(--space-10);border:var(--stroke-1) dashed var(--border);border-radius:var(--radius-5);font-size:var(--type-micro);line-height:var(--leading-body);color:var(--muted-foreground);align-items:center;margin:0;display:flex}.lobby-member{text-align:left;align-items:center;gap:var(--space-8);width:100%;min-width:0;padding:var(--space-8) var(--space-10);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-6);background:var(--card);color:var(--foreground);cursor:grab;touch-action:none;user-select:none;min-height:54px;display:flex}.lobby-member[data-self=true]{background:var(--green);color:var(--palette-ink);border-color:var(--palette-valid-placement)}.lobby-member[data-self=true] .lobby-member-name small,.lobby-member[data-self=true] .lobby-grip{color:var(--palette-lobby-self-ink)}.lobby-member:disabled{cursor:default;opacity:1;touch-action:auto}.lobby-member:disabled .lobby-grip{visibility:hidden}.lobby-member[data-selected=true]{outline:2px solid var(--blue);outline-offset:1px}.lobby-member[data-dragging=true]{opacity:.4}.lobby-grip{font-size:var(--type-card);color:var(--muted-foreground);flex-shrink:0}.lobby-member-name{gap:var(--space-2);flex:1;min-width:0;display:grid}.lobby-member-name strong{font-size:var(--type-caption);overflow-wrap:anywhere}.lobby-member-name small{font-size:var(--type-micro);color:var(--muted-foreground);overflow-wrap:anywhere}.lobby-tag{font-size:var(--type-tiny);border-radius:var(--radius-12);background:var(--yellow);color:var(--palette-tag-ink);padding:var(--space-2) var(--space-6);flex-shrink:0}.lobby-you{background:var(--muted);color:var(--foreground);border:var(--stroke-1) solid var(--border)}.lobby-drop-action{border:var(--stroke-1) solid var(--border);width:100%}.lobby-timing{justify-content:space-around;gap:var(--space-16);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-7);padding:var(--space-12);display:flex}.lobby-timing>span{text-align:center;gap:var(--space-4);font-size:var(--type-micro);color:var(--muted-foreground);display:grid}.lobby-timing strong{font:700 var(--type-subheading) var(--hand);color:var(--foreground)}.lobby-status{text-align:center;min-height:18px}.lobby-footer{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.lobby-footer>.ui-button:last-child{min-width:160px}.lobby-drag-card{z-index:9999;pointer-events:none;background:var(--card);color:var(--foreground);padding:var(--space-12) var(--space-16);border:var(--stroke-2) solid var(--blue);border-radius:var(--radius-8);box-shadow:3px 4px 0 var(--shadow);font-size:var(--type-caption);max-width:220px;position:fixed}@media (width<=650px){.lobby-setup{padding:var(--space-16);gap:var(--space-12)}.lobby-heading{align-items:start}.lobby-heading h2{font-size:var(--type-subheading)}.lobby-count{font-size:var(--type-body)}.lobby-invite{padding:var(--space-10);gap:var(--space-8);display:grid}.lobby-code-row{justify-content:space-between;width:100%}.lobby-code{flex:1 0 130px;min-width:130px}.lobby-invite strong{font-size:var(--type-subheading)}.lobby-invite-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.lobby-copy-code,.lobby-copy-invite{width:100%;min-width:0}.lobby-help{flex-wrap:wrap}.lobby-help>div{width:100%}.lobby-team-columns,.lobby-zones{gap:var(--space-12);grid-template-columns:1fr}.lobby-team{gap:var(--space-8)}.lobby-zone{padding:var(--space-10)}.lobby-member{min-height:54px}.lobby-footer>.ui-button:last-child{min-width:130px}}.lobby-jev{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) 0;flex-wrap:wrap;display:flex}.lobby-jev>div>strong{align-items:center;gap:var(--space-6);font:700 var(--type-lead)/var(--leading-heading) var(--hand);display:flex}.lobby-jev>div>strong .jev-logo{width:22px;height:22px}.lobby-jev p{margin:var(--space-6) 0 0;font-size:var(--type-caption);line-height:var(--leading-body);color:var(--muted-foreground)}.lobby-jev-actions{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.lobby-jev-actions .ui-button{white-space:nowrap}.jev-logo{vertical-align:middle;object-fit:contain;background:0 0;flex-shrink:0;display:inline-block}.jev-status{z-index:6;align-items:center;gap:var(--space-8);width:max-content;max-width:calc(100% - 24px);padding:var(--space-8) var(--space-12);border:var(--stroke-1-5) solid var(--border);background:var(--card);box-shadow:2px 3px var(--shadow-blur,0) var(--shadow);font-size:var(--type-caption);line-height:var(--leading-compact);pointer-events:none;border-radius:7px 5px 8px 6px;margin:0;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.jev-status svg{flex:none}.room-entry{max-width:850px;margin:var(--space-40) auto}.room-entry>span{font-size:var(--type-caption);color:var(--muted-foreground)}.room-entry h1{font:700 var(--type-page) var(--hand);margin:var(--space-10) 0}.room-entry p{font-size:var(--type-caption);color:var(--muted-foreground);line-height:var(--leading-relaxed)}.room-entry-grid{gap:var(--space-24);margin-top:var(--space-24);grid-template-columns:1fr 1fr;display:grid}.room-entry h2{font:700 var(--type-section) var(--hand);margin:0 0 var(--space-16)}.room-entry form{gap:var(--space-16);display:grid}.room-entry form label{gap:var(--space-6);font-size:var(--type-caption);display:grid}.room-entry-grid .ui-card-content{padding:var(--space-24)}.room-entry-grid p{margin-top:var(--space-20)}.room-error{font-size:var(--type-caption);color:var(--danger-text)!important}.room-lobby{height:100%;padding:var(--space-24);align-items:center;gap:var(--space-16);flex-direction:column;display:flex;overflow:auto}.room-lobby>span{font-size:var(--type-caption)}.room-lobby h2{font:700 var(--type-display) var(--hand);letter-spacing:.15em}.room-lobby h3{font:700 var(--type-subheading) var(--hand)}.room-lobby p{font-size:var(--type-caption);text-align:center;max-width:380px;line-height:var(--leading-relaxed)}.room-roles,.room-seats{gap:var(--space-10);flex-wrap:wrap;justify-content:center;max-width:450px;display:flex}.room-seats label{gap:var(--space-8);font-size:var(--type-caption);padding:var(--space-8);align-items:center;display:flex}.room-controls{gap:var(--space-8);flex-wrap:wrap;display:flex}.room-controls label{width:100%;font-size:var(--type-micro);gap:var(--space-8);display:grid}.room-controls p{width:100%}.room-controls:empty{display:none}@media (width<=600px){.room-entry{margin:var(--space-20) auto}.room-entry-grid{gap:var(--space-16);grid-template-columns:1fr}.room-entry h1{font-size:var(--type-section)}.room-lobby{padding:var(--space-16);gap:var(--space-12)}}.room-lobby{width:100%}.room-result{width:100%;font:700 var(--type-subheading) var(--hand)}.room-entry-grid form:has(input[type=number]){grid-template-columns:1fr 1fr}.room-entry-grid form:has(input[type=number])>button{grid-column:1/-1}.match-desk[data-phase=waiting] .desk-decision-top,.match-desk[data-phase=waiting] .desk-turn-time,.match-desk[data-phase=waiting] .desk-clock-track,.match-desk[data-phase=waiting] .desk-match-time,.match-desk[data-phase=waiting] .desk-details>.ui-card:has(.room-controls:empty){display:none}.room-controls:not(:empty){margin-top:var(--space-10)}@media (height<=450px) and (width>=651px){.room-lobby{align-content:start;justify-items:center;gap:var(--space-10) var(--space-20);padding:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.room-lobby>span{grid-area:1/1}.room-lobby>h2{font-size:var(--type-title);line-height:var(--leading-solid);grid-area:2/1}.room-lobby>button:first-of-type{grid-area:3/1}.room-lobby>h3{font-size:var(--type-card);grid-area:1/2}.room-lobby>p:first-of-type{font-size:var(--type-micro);grid-area:2/2}.room-lobby>button:nth-of-type(2){grid-area:3/2}.room-lobby .ui-button{font-size:var(--type-small);min-height:30px;padding:var(--space-4) var(--space-10)}.room-lobby .room-roles{grid-column:1/-1}}.team-setup{text-align:left;border-top:var(--stroke-1-5) solid var(--shadow);width:min(100%,680px);padding-top:var(--space-16)}.team-setup>header{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.team-setup>header>div{gap:var(--space-8);display:flex}.room-lobby .team-setup p{text-align:left;max-width:none;margin:var(--space-10) 0;font-size:var(--type-micro);color:var(--muted-foreground)}.team-members{gap:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.team-member{gap:var(--space-8);display:grid}.team-member>div{align-items:center;gap:var(--space-8);justify-content:space-between;display:flex}.team-member .player-name-label{flex:1;align-items:flex-start;min-width:0}.team-member strong{font-size:var(--type-caption);overflow-wrap:anywhere}.team-member .ui-input{width:100%;min-width:0;font-size:var(--type-caption)}.team-setup label{min-width:0}.team-setup select:disabled{opacity:.7}.room-lobby:has(.team-setup){gap:var(--space-12)}.room-lobby:has(.team-setup)>h2{font-size:var(--type-title)}@media (width<=650px){.team-members{grid-template-columns:1fr}.team-setup>header{flex-wrap:wrap}.room-lobby:has(.team-setup){padding:var(--space-12)}.team-member{grid-template-columns:1fr 1fr;align-items:center}.team-member>div{align-items:start;gap:var(--space-4);flex-direction:column}}@media (height<=450px) and (width>=651px){.room-lobby .team-setup{grid-column:1/-1}.room-lobby:has(.team-setup){display:flex}.room-lobby .team-setup>header{width:100%}}@media (width<=650px){.match-desk[data-phase=waiting]:has(.team-setup) .desk-players,.match-desk[data-phase=waiting]:has(.team-setup) .desk-details:not(:has(.room-controls:not(:empty))){display:none}}.site-content:has(>.room-entry){max-width:none;height:auto;padding:var(--space-32) var(--space-24) var(--space-64);overflow:visible}.room-entry{box-sizing:border-box;width:100%;max-width:520px;height:auto;margin:0 auto}.room-entry-layout{gap:var(--space-32);flex-direction:column;display:flex}.room-entry-game-summary{text-align:center;flex-direction:column;align-items:center;display:flex}.room-entry-art{aspect-ratio:4/3;background:var(--preview-color,var(--palette-sky));border-radius:var(--paper-shape);place-items:center;width:min(100%,280px);display:grid;position:relative;overflow:hidden}.room-entry-art>svg{width:100%;height:100%}.room-entry h1{font-size:var(--type-section);line-height:var(--leading-heading);margin:var(--space-16) 0 0}.room-entry-settings,.room-entry-rules{border-top:var(--stroke-1) solid var(--border);min-width:0;padding-top:var(--space-28)}.room-entry h2{margin:0 0 var(--space-20);font-size:var(--type-section)}.room-entry-settings{text-align:center;border-top:0;padding-top:0}.room-entry-rules h2{text-align:center}.room-entry .room-create-form{gap:var(--space-20)}.room-create-form fieldset{border:0;min-width:0;margin:0;padding:0}.room-create-form legend{text-align:center;width:100%;font-size:var(--type-body);color:var(--muted-foreground);margin-bottom:var(--space-10)}.room-pace-options{gap:var(--space-8);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.room-pace-options .ui-button{padding:var(--space-8) var(--space-4);min-width:0;min-height:44px;font-size:var(--type-body)}.room-pace-options .ui-button[aria-pressed=true]{transform:none}.room-entry .room-join-form{gap:var(--space-10);margin-top:var(--space-24)}.room-entry .room-join-form>label{font-size:var(--type-body);color:var(--muted-foreground)}.room-join-controls{align-items:stretch;gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.room-join-form .ui-input{letter-spacing:.08em;width:100%;min-width:0}.room-entry-rules ol{gap:var(--space-12);margin:0;padding:0;list-style:none;display:grid}.room-entry-rules li{align-items:center;gap:var(--space-12);font-size:var(--type-small);line-height:var(--leading-relaxed);color:var(--muted-foreground);grid-template-columns:28px minmax(0,1fr);display:grid}.room-rule-number{--shadow-fill:var(--yellow);border:var(--stroke-2) solid var(--shadow);border-radius:var(--paper-shape);background:var(--yellow);width:26px;height:26px;color:var(--ink);font:700 var(--type-small)/var(--leading-solid) var(--hand);place-items:center;display:grid}.room-entry-rules li:nth-child(4n+2) .room-rule-number{--shadow-fill:var(--palette-sky);background:var(--palette-sky)}.room-entry-rules li:nth-child(4n+3) .room-rule-number{--shadow-fill:var(--palette-green);background:var(--palette-green)}.room-entry-rules li:nth-child(4n+4) .room-rule-number{--shadow-fill:var(--palette-peach);background:var(--palette-peach)}.room-entry-settings>.holey-loader,.room-connection{min-height:220px}@media (width>=901px){.room-entry{max-width:1080px}.room-entry-layout{column-gap:var(--space-64);row-gap:var(--space-32);grid-template-columns:minmax(0,1fr) minmax(0,520px);display:grid}.room-entry-game-summary{grid-area:1/2}.room-entry-settings{grid-area:2/2}.room-entry-rules{border-top:0;border-right:var(--stroke-1) solid var(--border);padding:0 var(--space-40) 0 0;grid-area:1/1/3;align-self:center}}@media (width<=600px){.site-content:has(>.room-entry){padding:var(--space-24) var(--space-20) var(--space-40)}.room-entry-layout{gap:var(--space-28)}.room-entry-art{width:240px;max-width:100%}.room-entry h1{font-size:var(--type-section)}.room-entry-rules{padding-top:var(--space-24)}.room-pace-options{gap:var(--space-6)}}.room-connection{justify-content:center;align-items:center;gap:var(--space-12);text-align:center;flex-direction:column;min-height:220px;display:flex}.room-connection-actions{justify-content:center;align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.room-reconnect{justify-content:center;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);flex-wrap:wrap;display:flex}.room-reconnect>a{font-size:var(--type-caption);text-underline-offset:3px;text-decoration:underline}.room-reconnect .holey-loader-label{text-align:left}.account-wrap{width:min(100%,460px);margin:clamp(var(--space-16),6vh,var(--space-64)) auto}.account-wrap .ui-card-content{padding:var(--space-28);gap:var(--space-16);flex-direction:column;display:flex}.account-wrap h1{font:700 var(--type-title)/var(--leading-heading) var(--hand);margin:0}.account-wrap p{color:var(--muted-foreground);font-size:var(--type-caption);line-height:var(--leading-relaxed);overflow-wrap:anywhere;margin:0}.account-eyebrow{font-size:var(--type-micro);color:var(--muted-foreground)}.account-wrap form{gap:var(--space-12);flex-direction:column;display:flex}.account-wrap label{font-size:var(--type-caption);font-weight:650}.account-wrap small{font-size:var(--type-micro);line-height:var(--leading-body);color:var(--muted-foreground)}.account-google{width:100%}.account-or{text-align:center;font-size:var(--type-micro);color:var(--muted-foreground)}.account-wrap .account-footnote{font-size:var(--type-micro)}.account-footnote a,.account-text-link{text-underline-offset:3px;cursor:pointer;color:inherit;text-decoration:underline}.account-setting{align-items:flex-start;gap:var(--space-16);padding:var(--space-16) 0;border-top:var(--stroke-1-5) solid var(--shadow);border-bottom:var(--stroke-1-5) solid var(--shadow);display:flex}.account-setting>div{flex:1}.account-setting .ui-switch{margin-top:var(--space-2);flex:none}.account-setting p{font-size:var(--type-micro);margin-top:var(--space-4)}.account-wrap .account-error{color:var(--danger-text);padding:var(--space-10) var(--space-12);border:var(--stroke-1-5) solid var(--danger-text);border-radius:var(--paper-shape)}.account-wrap .account-saved{color:var(--palette-success-text);min-height:20px;font-size:var(--type-micro)}.account-links{gap:var(--space-12);display:flex}.account-links a{flex:1}.account-stream-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.account-stream-dialog-actions>.ui-button{white-space:normal;width:100%;min-width:0}@media (width<=600px){.account-wrap{margin:var(--space-20) auto}.account-wrap .ui-card-content{padding:var(--space-20)}.account-wrap h1{font-size:var(--type-title)}}.account-profile{width:100%;margin:var(--space-8) auto;gap:var(--space-24);grid-template:"profile jev""stream jev"1fr/minmax(0,1fr) minmax(0,1.25fr);align-items:start;display:grid}.profile-settings-panel{grid-area:profile}.profile-stream-panel{grid-area:stream}.profile-jev-panel{grid-area:jev}.profile-stream-panel .account-setting,.profile-jev-panel .typesafe-settings{border:0;padding:0}.account-profile>.ui-card{border:var(--stroke-1) solid var(--shadow);min-width:0;box-shadow:none}.account-profile>.ui-card:only-child{grid-column:1/-1;justify-self:center;width:min(100%,800px)}.account-profile>.ui-card>.ui-card-content{padding:var(--space-28);gap:var(--space-24)}.account-profile h1{font-size:var(--type-page);overflow-wrap:anywhere}.account-profile .account-eyebrow,.account-profile .profile-email{font-size:var(--type-card)}.account-profile .account-setting label{font-size:var(--type-subheading)}.account-profile .account-setting p{font-size:var(--type-body);margin-top:var(--space-10)}.account-profile .account-saved{font-size:var(--type-small)}.typesafe-settings{gap:var(--space-16);border-top:var(--stroke-1) solid var(--border);padding-top:var(--space-24);min-width:0;display:grid}.typesafe-settings header{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.typesafe-settings h2{font:700 var(--type-section)/var(--leading-heading) var(--hand);margin:0}.typesafe-status{font-size:var(--type-caption);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-20);padding:var(--space-4) var(--space-10);color:var(--muted-foreground)}.account-profile .typesafe-settings p{font-size:var(--type-small)}.account-profile .typesafe-settings small{font-size:var(--type-caption)}.typesafe-settings a{text-underline-offset:3px;color:inherit;text-decoration:underline}.typesafe-usage{gap:var(--space-4);padding:var(--space-12);background:var(--muted);border-radius:var(--radius-8);display:grid}.typesafe-usage strong{font-size:var(--type-card)}.typesafe-usage span{font-size:var(--type-caption)}.typesafe-consent{align-items:flex-start;gap:var(--space-10);line-height:var(--leading-body);display:flex;font-weight:400!important}.typesafe-consent input{margin-top:var(--space-4);flex:none;width:16px;height:16px}.typesafe-actions{gap:var(--space-10);flex-wrap:wrap;display:flex}.typesafe-settings .ui-input{width:100%;min-width:0;font-size:var(--type-body)}.typesafe-field-label{align-items:center;gap:var(--space-8);min-height:28px;display:flex;position:relative}.typesafe-help{align-items:center;display:inline-flex}.typesafe-help-button{width:24px;height:24px;padding:var(--space-4);color:var(--muted-foreground);cursor:help;background:0 0;border:0;place-items:center;display:grid}.typesafe-help-button:hover{color:var(--foreground)}.typesafe-help-button:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.typesafe-tooltip{z-index:20;box-sizing:border-box;width:min(100%,320px);padding:var(--space-12) var(--space-12);border:var(--stroke-1) solid var(--foreground);border-radius:var(--radius-8);background:var(--card);color:var(--foreground);box-shadow:2px 3px 0 var(--shadow);font-size:var(--type-small);line-height:var(--leading-body);position:absolute;bottom:100%;left:0}.typesafe-tooltip[hidden]{display:none}.typesafe-key-link{font-size:var(--type-caption);white-space:nowrap;margin-left:auto}.profile-settings-panel>.ui-card-content>.account-saved:empty{display:none}:root .account-profile .profile-signout.ui-button{width:100%;color:var(--palette-white);align-self:stretch}.profile-identity{align-items:center;gap:var(--space-20);min-width:0;display:flex}.profile-identity>div{min-width:0}@media (width<=800px){.account-profile{grid-template:"profile""stream""jev"/1fr}.account-profile>.ui-card>.ui-card-content{padding:var(--space-20)}.account-profile h1{font-size:var(--type-page)}.account-profile .profile-email{font-size:var(--type-lead)}}.signin-page{width:min(100%,560px);margin:clamp(var(--space-28),7vh,var(--space-80)) auto var(--space-48);gap:var(--space-16);flex-direction:column;display:flex}.signin-page header{text-align:center;margin-bottom:var(--space-28)}.signin-page h1{font:700 clamp(var(--type-display),7vw,var(--type-jumbo))/var(--leading-heading) var(--hand);margin:0 0 var(--space-24)}.signin-page header p{font-size:var(--type-card);line-height:var(--leading-relaxed);color:var(--muted-foreground);margin:0}.signin-page form{gap:var(--space-16);flex-direction:column;display:flex;position:relative}.signin-verification{width:100%}.signin-verification[data-visible=false]{pointer-events:none;width:100%;position:absolute;inset-inline:0}.signin-verification[data-visible=true]{gap:var(--space-10);flex-direction:column;display:flex;position:relative}.signin-verification[data-visible=true] .signin-verification-widget{min-height:65px}.signin-verification-widget,.signin-verification-widget>div,.signin-verification-widget iframe{min-width:0;max-width:100%;width:100%!important}.signin-page label{font-size:var(--type-card)}.signin-page .ui-input{min-height:62px;font-size:var(--type-subheading);padding:var(--space-12) var(--space-16)}.signin-page .ui-button{min-height:56px;font-size:var(--type-subheading)}.signin-verifying-mark{flex:none;align-items:center;display:inline-flex}.signin-verifying-mark .holey-loader{padding:0}.signin-page .ui-button[aria-busy=true] .holey-loader-mark .doodle-face,.signin-page .ui-button[aria-busy=true] .holey-loader-mark .doodle-shadow{animation-duration:1.1s}@media (prefers-reduced-motion:reduce){.signin-page .ui-button[aria-busy=true] .holey-loader-mark .doodle-face,.signin-page .ui-button[aria-busy=true] .holey-loader-mark .doodle-shadow{animation:none}}.signin-page .account-google{gap:var(--space-12);background:var(--card);--shadow-fill:var(--card)}.signin-page .account-google svg{flex:none}.signin-page .account-footnote{margin:var(--space-24) 0 0;text-align:center;font-size:var(--type-body);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.signin-page .account-footnote a{color:var(--foreground)}.signin-page .account-error{color:var(--danger-text);font-size:var(--type-body)}@media (width<=600px){.signin-page{margin:var(--space-28) auto}.signin-page header{margin-bottom:var(--space-16)}.signin-page header p{font-size:var(--type-lead)}.signin-page .account-footnote{font-size:var(--type-small)}}.oauth-page{min-height:100dvh;padding:var(--space-48) var(--space-24);justify-content:center;align-items:center;display:flex}.oauth-page .signin-page{margin:0}.oauth-client{text-align:center;font-size:var(--type-lead);margin:0 0 var(--space-8)}.oauth-account{align-items:center;gap:var(--space-16);padding:var(--space-16);background:var(--card);border:var(--stroke-1) solid var(--border);border-radius:var(--paper-shape);display:flex}.oauth-account>div{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.oauth-account strong{font-size:var(--type-card)}.oauth-account span{overflow-wrap:anywhere}.oauth-account-avatar{background:var(--muted);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.oauth-account>a{text-decoration:underline}.oauth-permissions{font-size:var(--type-lead);line-height:var(--leading-relaxed)}.oauth-permissions ul{padding-left:var(--space-20);gap:var(--space-10);display:grid}@media (width<=600px){.oauth-page{padding:var(--space-32) var(--space-20)}}.oauth-page .signin-page{padding:var(--space-32);border:var(--stroke-1) solid var(--border);border-radius:14px 10px 16px 12px}.oauth-page .signin-page h1{font-size:clamp(var(--type-title),5vw,var(--type-display))}@media (width<=600px){.oauth-page .signin-page{padding:var(--space-24) var(--space-20)}}.account-wrap:has(.holey-loader):not(:has(form))>.ui-card>.ui-card-content{text-align:center;padding-block:var(--space-32);align-items:center}.account-wrap:has(.holey-loader):not(:has(form)) h1{text-wrap:balance}