.archive-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:18px 0;font-size:12px;display:flex}.archive-toolbar>div{gap:8px;display:flex}.archive-toolbar>.ui-input{max-width:240px}.agent-list,.history-list{gap:12px;display:grid}.agent-list .ui-card-content,.history-list .ui-card-content{align-items:center;gap:20px;padding:18px 20px;display:flex}.agent-symbol{--shadow-fill:var(--yellow);border:2px 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 24px/1.15 var(--hand)}.agent-list p,.history-list p{font-size:12px;line-height:1.6}.agent-list small,.history-list small,.history-players>span{color:var(--muted-foreground);font-size:11px}.agent-list .ui-card-content>div{flex:1}.archive-error{color:var(--danger-text);align-items:center;gap:14px;padding:10px 0;font-size:12px;display:flex}.archive-status{color:var(--muted-foreground);font-size:12px}.archive-status:empty{display:none}.archive-empty{max-width:620px;margin:30px auto}.archive-empty .ui-card-content{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:35px;display:flex}.archive-empty h1,.archive-empty h2{font:700 31px var(--hand)}.archive-empty p{color:var(--muted-foreground);font-size:13px;line-height:1.7}.history-game{align-items:center;gap:12px;min-width:200px;display:flex}.history-players{flex:1;min-width:0}.history-players p{overflow-wrap:anywhere}.history-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.archive-link{text-underline-offset:3px;font-size:11px;text-decoration:underline}.history-more{margin-top:22px}.device-note{color:var(--muted-foreground);margin:16px 0;font-size:11px}.replay-controls{gap:10px;margin-top:12px;display:grid}.replay-controls strong{font:700 23px var(--hand)}.replay-controls span,.replay-controls label,.replay-controls small{font-size:11px;line-height:1.5}.replay-controls label{gap:8px;display:grid}.replay-controls>div{flex-wrap:wrap;gap:8px;display:flex}.replay-controls .ui-button{padding:5px 8px}@media (width<=650px){.archive-toolbar{flex-wrap:wrap}.archive-toolbar>.ui-input{max-width:none}.agent-list .ui-card-content{grid-template-columns:38px 1fr auto;gap:10px;padding:14px;display:grid}.agent-symbol{width:38px;height:38px}.agent-list .ui-button{grid-column:2/4;justify-self:end}.agent-list h2{overflow-wrap:anywhere;font-size:21px}.agent-list small{font-size:10px}.history-list .ui-card-content{flex-wrap:wrap;gap:12px;padding:16px}.history-game{width:100%}.history-actions{margin:0}.history-players{flex-basis:100%}.archive-empty .ui-card-content{padding:24px}.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{gap:8px;margin-top:8px;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:12px}.replay-controls{grid-template-columns:1fr 1fr;align-items:center;gap:8px}.replay-controls strong{font-size:21px}.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:8px;margin:0;padding:0;list-style:none;display:grid}.game-events li{border:1.5px solid var(--shadow);border-radius:var(--paper-shape)}.game-events summary{cursor:pointer;padding:12px;font-size:12px}.game-events summary span{text-transform:capitalize}.game-events time{float:right;color:var(--muted-foreground);font-size:10px}.game-events pre{border-top:1px solid var(--shadow);font:11px/1.6 var(--hand);white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;padding:12px;overflow:auto}.archive-heading-actions{flex-wrap:wrap;gap:10px;display:flex}.agent-summary .ui-card-content{align-items:center;gap:16px;padding:16px 20px;display:flex}.agent-summary strong{font-size:26px;display:block}.agent-summary span{font-size:13px}.agent-summary p{max-width:460px;margin-left:auto;font-size:14px;line-height:1.6}.archive-metadata{flex:none;grid-template-columns:1fr 1fr;gap:18px;min-width:290px;display:grid}.archive-metadata dt{color:var(--muted-foreground);margin-bottom:5px;font-size:11px}.archive-metadata dd{font-size:13px}.history-summary{text-align:left;cursor:pointer;align-items:center;gap:16px;width:100%;padding:18px;display:flex}.history-summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.history-symbol{--shadow-fill:var(--yellow);border:2px 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{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.history-summary-main h2{font-size:23px}.history-summary-main p{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.history-summary-main p>span{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;font-size:14px;display:inline-flex}.history-summary-main small{color:var(--muted-foreground);font-size:12px}.history-chevron{flex:none;font-size:25px}.history-row-actions{align-items:center;gap:12px;padding:0 18px 12px 72px;display:flex}.history-row-actions .archive-link{margin-right:auto;font-size:14px}.history-expanded{border-top:2px solid var(--shadow);gap:18px;padding:20px;display:grid}.history-detail-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:20px;font-size:14px;display:flex}.history-expanded>.ui-button{justify-self:start}.history-events{gap:10px;max-height:380px;list-style:none;display:grid;overflow:auto}.history-events li{border:1.5px solid var(--shadow);border-radius:var(--paper-shape);padding:14px}.history-events li>div{justify-content:space-between;gap:12px;font-size:14px;display:flex}.history-events time{color:var(--muted-foreground);font-size:12px}.history-events pre{-webkit-text-stroke:0;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;font:12px/1.7 Roboto Mono,monospace}.inline-replay{border:2px solid var(--shadow);border-radius:var(--paper-shape);gap:14px;padding:16px;display:grid}.inline-replay-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-replay .replay-controls{margin:0}.inline-replay .replay-controls>div{justify-content:center}.replay-speeds{justify-content:center;gap:8px;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{flex-wrap:wrap;gap:12px;padding:14px}.history-summary-main{flex-basis:calc(100% - 64px)}.history-summary .archive-metadata{flex:1;width:auto;padding-left:50px}.history-row-actions{flex-wrap:wrap;padding:0 14px 14px}.history-expanded{padding:14px}.inline-replay{padding:10px}.inline-replay-board{height:550px}.history-events li>div{flex-wrap:wrap}}.agent-confirm{border:2px solid var(--shadow);border-radius:var(--paper-shape);margin:10px 0;padding:14px;font-size:14px}.agent-confirm>div{gap:10px;margin-top:12px;display:flex}.agent-list .agent-confirm{max-width:300px}.agent-confirm p{line-height:1.6}.inline-replay-board:has(.discs-stage){height:clamp(270px,40vw,500px)}@media (width<=750px){.library-heading:has(.archive-heading-actions){flex-direction:column;gap:16px}.archive-heading-actions{width:100%}.archive-heading-actions .ui-button{padding-inline:10px;font-size:15px}.history-summary .archive-metadata{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.history-events{max-height:320px}}.history-summary-main .badge-live{--shadow-fill:#d7c5ff;background:#d7c5ff}.agent-list>.ui-card:nth-child(3n+2) .agent-symbol{--shadow-fill:#c2dcff;background:#c2dcff}.agent-list>.ui-card:nth-child(3n) .agent-symbol{--shadow-fill:#d7c5ff;background:#d7c5ff}.agent-list .ui-card-content{gap:12px;padding:12px}.agent-summary .ui-card-content{gap:12px;padding:14px}.agent-summary{margin:20px 0}.archive-metadata{gap:16px;min-width:256px}.history-summary{gap:12px;padding:12px}.history-summary-main h2,.agent-list h2{font-size:20px}.history-summary-main p{gap:6px;margin-top:4px}.history-row-actions{padding:0 12px 12px 62px}.history-expanded{gap:16px;padding:16px}.history-row-actions .archive-link{color:var(--link)}@media (width<=750px){.archive-metadata{min-width:0}.history-row-actions{padding:0 12px 12px}}.history-summary-main p>span{gap:9px;font-size:21px;font-weight:800}.history-summary-main p>span>span{font-weight:800}.agent-list h2{font-size:28px}.history-download{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-download p{color:var(--danger-text);flex-basis:100%;font-size:14px}@media (width<=650px){.history-summary-main p>span{font-size:18px}.agent-list h2{font-size:24px}.history-row-actions{padding-left:18px}}.history-replay-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.history-symbol.history-symbol-trophy{--shadow-fill:#ffe7a0;color:#8a5700;background:#ffe7a0}.history-symbol .doodle-icon>g{display:none}.history-symbol-trophy .doodle-icon>path:first-of-type{fill:#f8d15a}:root[data-theme=dark] .history-symbol.history-symbol-trophy{color:#8a5700}.ranked-panel{gap:28px;margin-top:24px;display:grid}.ranked-panel>.ui-card>.ui-card-content{grid-template-columns:1fr 1fr;gap:30px;padding:24px;display:grid}.ranked-panel h2{font:700 29px var(--hand);margin:12px 0}.ranked-panel p{color:var(--muted-foreground);font-size:12px;line-height:1.65}.ranked-queue{flex-direction:column;justify-content:center;align-items:start;gap:14px;display:flex}.ranked-queue small{color:var(--muted-foreground);font-size:11px}.ranked-queue p:empty{display:none}.ranked-standings>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.ranked-standings h2{margin:0 0 8px}.ranked-table-wrap{border:2px solid var(--shadow);border-radius:var(--paper-shape);overflow:auto}.ranked-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.ranked-table-wrap th,.ranked-table-wrap td{white-space:nowrap;border-bottom:1px solid var(--shadow);padding:12px 14px}.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:8px}.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:15px}@media (width<=600px){.ranked-panel>.ui-card>.ui-card-content{grid-template-columns:1fr;gap:18px;padding:20px}.ranked-table-wrap th,.ranked-table-wrap td{padding:10px}.ranked-standings>header{align-items:start}.ranked-panel h2{font-size:26px}}.ranked-panel,.ranked-panel>*,.ranked-standings,.ranked-panel>.ui-card>.ui-card-content>*{min-width:0}.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{align-content:start;gap:16px;width:min(100%,1060px);margin:auto;padding:24px;display:grid}.lobby-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.lobby-heading h2{font:700 30px var(--hand);margin:0 0 5px}.lobby-heading p,.lobby-help p,.lobby-footer p,.lobby-status{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.5}.lobby-count{white-space:nowrap;font:700 20px var(--hand)}.lobby-invite{border:1.5px solid var(--border);background:var(--muted);border-radius:9px 6px 10px 7px;align-items:center;gap:10px;padding:14px 18px;display:flex}.lobby-invite>div{gap:5px;min-width:0;margin-right:auto;display:grid}.lobby-invite span{color:var(--muted-foreground);font-size:10px}.lobby-invite strong{font:700 27px var(--hand);letter-spacing:.22em}.lobby-seat-meter{gap:7px;display:flex}.lobby-seat-meter>span{background:var(--muted);border-radius:10px;flex:1;height:6px}.lobby-seat-meter>span[data-filled=true]{background:var(--yellow)}.lobby-help{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.lobby-help>div{flex-shrink:0;gap:8px;display:flex}.lobby-team-columns,.lobby-zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lobby-team{--lobby-color:var(--blue);align-content:start;gap:10px;display:grid}.lobby-team[data-team=red]{--lobby-color:var(--coral)}.lobby-team>h3{font:700 23px var(--hand);color:color-mix(in srgb,var(--lobby-color) 65%,var(--foreground));margin:0}.lobby-zone{border:1.5px dashed var(--border);background:var(--card);border-radius:7px 10px 6px 9px;flex-direction:column;gap:9px;min-width:0;padding:12px;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:8px;display:flex}.lobby-zone h3{font:700 17px var(--hand);align-items:center;gap:7px;margin:0;display:flex}.lobby-zone>header>span{border:1px solid var(--border);border-radius:20px;padding:2px 8px;font-size:11px}.lobby-zone-members{flex:1;align-content:start;gap:7px;min-height:54px;display:grid}.lobby-empty{border:1px dashed var(--border);min-height:54px;color:var(--muted-foreground);border-radius:5px;align-items:center;margin:0;padding:10px;font-size:11px;line-height:1.5;display:flex}.lobby-member{text-align:left;border:1px solid var(--border);background:var(--card);width:100%;min-width:0;color:var(--foreground);cursor:grab;touch-action:none;user-select:none;border-radius:6px;align-items:center;gap:8px;min-height:54px;padding:9px 10px;display:flex}.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-member:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.lobby-grip{color:var(--muted-foreground);flex-shrink:0;font-size:20px}.lobby-member-name{flex:1;gap:2px;min-width:0;display:grid}.lobby-member-name strong{overflow-wrap:anywhere;font-size:12px}.lobby-member-name small{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:10px}.lobby-tag{background:var(--yellow);color:#27220d;border-radius:12px;flex-shrink:0;padding:3px 6px;font-size:9px}.lobby-you{background:var(--muted);color:var(--foreground);border:1px solid var(--border)}.lobby-drop-action{border:1px solid var(--border);width:100%}.lobby-timing{border:1px solid var(--border);border-radius:7px;justify-content:space-around;gap:16px;padding:14px;display:flex}.lobby-timing>span{text-align:center;color:var(--muted-foreground);gap:4px;font-size:11px;display:grid}.lobby-timing strong{font:700 23px var(--hand);color:var(--foreground)}.lobby-status{text-align:center;min-height:18px}.lobby-footer{justify-content:space-between;align-items:center;gap:14px;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);border:2px solid var(--blue);box-shadow:3px 4px 0 var(--shadow);border-radius:8px;max-width:220px;padding:12px 18px;font-size:13px;position:fixed}@media (width<=650px){.lobby-setup{gap:12px;padding:15px}.lobby-heading{align-items:start}.lobby-heading h2{font-size:25px}.lobby-count{font-size:17px}.lobby-invite{gap:6px;padding:10px}.lobby-invite strong{font-size:23px}.lobby-help{flex-wrap:wrap}.lobby-help>div{width:100%}.lobby-team-columns,.lobby-zones{grid-template-columns:1fr;gap:12px}.lobby-team{gap:8px}.lobby-zone{padding:10px}.lobby-member{min-height:54px}.lobby-footer>.ui-button:last-child{min-width:130px}}.room-entry>span{color:var(--muted-foreground);font-size:12px}.room-entry h1{font:700 42px var(--hand);margin:10px 0}.room-entry p{color:var(--muted-foreground);font-size:13px;line-height:1.6}.room-entry-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:25px;display:grid}.room-entry h2{font:700 27px var(--hand);margin:0 0 18px}.room-entry form{gap:16px;display:grid}.room-entry form label{gap:7px;font-size:12px;display:grid}.room-entry-grid .ui-card-content{padding:24px}.room-entry-grid p{margin-top:20px}.room-error{font-size:12px;color:var(--danger-text)!important}.room-lobby{flex-direction:column;align-items:center;gap:16px;height:100%;padding:24px;display:flex;overflow:auto}.room-lobby>span{font-size:12px}.room-lobby h2{font:700 50px var(--hand);letter-spacing:.15em}.room-lobby h3{font:700 25px var(--hand)}.room-lobby p{text-align:center;max-width:380px;font-size:12px;line-height:1.6}.room-roles,.room-seats{flex-wrap:wrap;justify-content:center;gap:10px;max-width:450px;display:flex}.room-seats label{align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.room-controls{flex-wrap:wrap;gap:8px;display:flex}.room-controls label{gap:8px;width:100%;font-size:11px;display:grid}.room-controls p{width:100%}.room-controls:empty{display:none}@media (width<=600px){.room-entry{margin:20px auto}.room-entry-grid{grid-template-columns:1fr;gap:16px}.room-entry h1{font-size:34px}.room-lobby{gap:12px;padding:18px}}.room-lobby{width:100%}.room-result{width:100%;font:700 25px 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:10px}@media (height<=450px) and (width>=651px){.room-lobby{grid-template-columns:1fr 1fr;align-content:start;justify-items:center;gap:10px 20px;padding:16px;display:grid}.room-lobby>span{grid-area:1/1}.room-lobby>h2{grid-area:2/1;font-size:36px;line-height:1}.room-lobby>button:first-of-type{grid-area:3/1}.room-lobby>h3{grid-area:1/2;font-size:21px}.room-lobby>p:first-of-type{grid-area:2/2;font-size:10px}.room-lobby>button:nth-of-type(2){grid-area:3/2}.room-lobby .ui-button{min-height:30px;padding:5px 10px;font-size:15px}.room-lobby .room-roles{grid-column:1/-1}}.team-setup{text-align:left;border-top:1.5px solid var(--shadow);width:min(100%,680px);padding-top:16px}.team-setup>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.team-setup>header>div{gap:8px;display:flex}.room-lobby .team-setup p{text-align:left;max-width:none;color:var(--muted-foreground);margin:10px 0;font-size:11px}.team-members{grid-template-columns:1fr 1fr;gap:12px;display:grid}.team-member{gap:8px;display:grid}.team-member>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.team-member strong{overflow-wrap:anywhere;font-size:12px}.team-member .ui-input{width:100%;min-width:0;font-size:12px}.team-setup label{min-width:0}.team-setup select:disabled{opacity:.7}.room-lobby:has(.team-setup){gap:12px}.room-lobby:has(.team-setup)>h2{font-size:34px}@media (width<=650px){.team-members{grid-template-columns:1fr}.team-setup>header{flex-wrap:wrap}.room-lobby:has(.team-setup){padding:14px}.team-member{grid-template-columns:1fr 1fr;align-items:center}.team-member>div{flex-direction:column;align-items:start;gap:5px}}@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}}.room-entry{max-width:1100px;margin:20px auto 40px}.room-entry-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:32px;display:grid}.room-entry-art{aspect-ratio:3/2;background:var(--card);border-radius:var(--paper-shape);place-items:center;display:grid;overflow:hidden}.room-entry-art>svg{width:100%;height:100%;max-height:320px}.room-entry-intro h1{margin:22px 0 6px;font-size:36px}.room-entry-settings .ui-card-content{padding:26px}.room-entry-facts{text-align:center;border:1px solid var(--border);border-radius:var(--paper-shape);grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px;padding:14px;display:grid}.room-entry-facts>div{gap:5px;display:grid}.room-entry-facts span{color:var(--muted-foreground);font-size:12px}.room-entry-facts strong{font-size:18px;font-weight:400}.room-entry .room-create-form{gap:20px}.room-create-form h2{margin:0;font-size:25px}.room-create-form fieldset{border:0;min-width:0;margin:0;padding:0}.room-create-form legend{color:var(--muted-foreground);margin-bottom:10px;font-size:13px}.room-pace-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.room-pace-options .ui-button{min-width:0;padding:8px 4px;font-size:17px}.room-entry .room-pace-summary{margin:0;font-size:12px}.room-entry .room-join-form{justify-content:center;gap:10px;margin-top:18px;display:flex}.room-join-form .ui-input{text-align:center;letter-spacing:.08em;width:170px;min-width:0}.room-entry-rules{margin-top:24px;padding:22px}.room-entry-rules summary{cursor:pointer;font-size:22px}.room-entry-rules ol{gap:14px;margin:20px 0;padding-left:22px;display:grid}.room-entry-rules li{color:var(--muted-foreground);font-size:14px;line-height:1.7}@media (width<=760px){.room-entry{margin:8px auto 24px}.room-entry-layout{grid-template-columns:1fr;gap:24px}.room-entry-art{max-width:480px;margin:auto}.room-entry-settings .ui-card-content{padding:18px}.room-entry-intro h1{margin-top:16px}.room-pace-options{gap:6px}.room-pace-options .ui-button{font-size:16px}.room-entry-rules{padding:18px}}.room-rule-notes{border-top:1px solid var(--border);padding-top:14px}.room-rule-notes h3{text-transform:uppercase;color:var(--muted-foreground);margin:0 0 10px;font-size:12px;font-weight:400}.room-rule-notes p{margin:8px 0}.room-rule-notes strong{color:var(--foreground);font-weight:500}.player-avatar{vertical-align:middle;flex:none;display:inline-block;overflow:visible}.player-avatar>svg{width:100%;height:100%;display:block;overflow:visible}.account-avatar{align-items:center;gap:18px;display:flex}.account-avatar>div{gap:10px;display:grid}.account-avatar strong{font-size:12px}.avatar-editor{width:min(460px,100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto}.avatar-editor fieldset{border:0;min-width:0;padding:0}.avatar-editor legend{margin-bottom:10px;font-size:12px;font-weight:600}.avatar-preview{justify-content:center;align-items:center;gap:30px;display:flex}.avatar-colors{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.avatar-colors button{border:2px solid var(--shadow);border-radius:var(--paper-shape);cursor:pointer;height:34px}.avatar-colors button[aria-pressed=true]{box-shadow:2px 3px var(--shadow-blur,0px) var(--shadow)}.avatar-colors span{--shadow-fill:var(--card);background:var(--card);color:var(--ink);border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;display:inline-grid}.avatar-shapes{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.avatar-shapes button{--shadow-fill:var(--card);background:var(--card);border-radius:var(--paper-shape);cursor:pointer;border:2px solid #0000;place-items:center;min-height:43px;display:grid}.avatar-shapes button[aria-pressed=true]{border-color:var(--shadow);box-shadow:2px 3px var(--shadow-blur,0px) var(--shadow)}.avatar-hole-options{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.avatar-hole-options button{border:1.5px solid var(--shadow);border-radius:var(--paper-shape);background:var(--card);min-height:38px;color:var(--ink);cursor:pointer}.avatar-hole-options button[aria-pressed=true]{--shadow-fill:#ffc4c4;color:#25262a;box-shadow:2px 2px 0 var(--shadow);background:#ffc4c4}.avatar-hole-options button:hover{border-width:2px}.avatar-editor-actions{justify-content:flex-end;gap:12px;padding:4px 5px 5px;display:flex}.avatar-editor button:focus-visible,.avatar-editor select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.avatar-editor button:disabled{cursor:default;opacity:.5}.avatar-editor fieldset+fieldset{margin-top:12px}@media (width>=1000px){.avatar-colors{grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}}@media (width<=600px){.avatar-hole-options{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-hole-options button{min-height:44px}.avatar-editor-actions{flex-wrap:wrap}}.avatar-editor .avatar-shape-heading{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.account-wrap{width:min(100%,460px);margin:clamp(18px,6vh,64px) auto}.account-wrap .ui-card-content{flex-direction:column;gap:18px;padding:28px;display:flex}.account-wrap h1{font:700 36px/1.05 var(--hand);margin:0}.account-wrap p{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.6}.account-eyebrow{color:var(--muted-foreground);font-size:11px}.account-wrap form{flex-direction:column;gap:12px;display:flex}.account-wrap label{font-size:13px;font-weight:650}.account-wrap small{color:var(--muted-foreground);font-size:11px;line-height:1.5}.account-google{width:100%}.account-or{text-align:center;color:var(--muted-foreground);font-size:11px}.account-wrap .account-footnote{font-size:11px}.account-footnote a,.account-text-link{text-underline-offset:3px;cursor:pointer;color:inherit;text-decoration:underline}.account-setting{border-top:1.5px solid var(--shadow);border-bottom:1.5px solid var(--shadow);align-items:flex-start;gap:18px;padding:18px 0;display:flex}.account-setting>div{flex:1}.account-setting .ui-switch{flex:none;margin-top:3px}.account-setting p{margin-top:5px;font-size:11px}.account-wrap .account-error{color:var(--danger-text);border:1.5px solid var(--danger-text);border-radius:var(--paper-shape);padding:10px 12px}.account-wrap .account-saved{color:#266138;min-height:20px;font-size:11px}.account-links{gap:12px;display:flex}.account-links a{flex:1}@media (width<=600px){.account-wrap{margin:20px auto}.account-wrap .ui-card-content{padding:22px}.account-wrap h1{font-size:32px}}.account-profile{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:24px;width:100%;margin:8px auto;display:grid}.account-profile>.ui-card{border:1px solid var(--shadow);min-width:0;box-shadow:none}.account-profile>.ui-card>.ui-card-content{gap:24px;padding:28px}.account-profile h1{overflow-wrap:anywhere;font-size:48px}.account-profile .account-eyebrow,.account-profile .profile-email{font-size:20px}.account-profile .account-setting label{font-size:24px}.account-profile .account-setting p{margin-top:10px;font-size:16px}.account-profile .account-saved{font-size:15px}:root .account-profile .profile-signout.ui-button{color:#fff;align-self:stretch;width:100%}.avatar-editor-inline .avatar-editor-actions>.ui-button{width:100%}.avatar-editor-inline .avatar-editor-actions{padding-inline:0}.avatar-editor-inline{gap:20px;width:100%;max-height:none;display:grid;overflow:visible}.profile-settings-heading,.avatar-editor-inline h2{font:700 30px/1.2 var(--hand);color:var(--foreground);margin:0}@media (width<=800px){.account-profile{grid-template-columns:1fr}.account-profile>.ui-card>.ui-card-content{padding:22px}.account-profile h1{font-size:40px}.account-profile .profile-email{font-size:18px}}.signin-page{flex-direction:column;gap:16px;width:min(100%,560px);margin:clamp(28px,7vh,80px) auto 48px;display:flex}.signin-page header{text-align:center;margin-bottom:30px}.signin-page h1{font:700 clamp(54px,7vw,84px)/1.1 var(--hand);margin:0 0 24px}.signin-page header p{color:var(--muted-foreground);margin:0;font-size:21px;line-height:1.65}.signin-page form{flex-direction:column;gap:16px;display:flex}.signin-page label{font-size:21px}.signin-page .ui-input{min-height:62px;padding:14px 18px;font-size:23px}.signin-page .ui-button{min-height:56px;font-size:23px}.signin-page .account-google{background:var(--card);--shadow-fill:var(--card);gap:12px}.signin-page .account-google svg{flex:none}.signin-page .account-footnote{text-align:center;color:var(--muted-foreground);margin:24px 0 0;font-size:16px;line-height:1.7}.signin-page .account-footnote a{color:var(--foreground)}.signin-page .account-error{color:var(--danger-text);font-size:16px}@media (width<=600px){.signin-page{margin:28px auto}.signin-page header{margin-bottom:18px}.signin-page header p{font-size:18px}.signin-page .account-footnote{font-size:14px}}.oauth-page{justify-content:center;align-items:center;min-height:100dvh;padding:48px 24px;display:flex}.oauth-page .signin-page{margin:0}.oauth-client{text-align:center;margin:0 0 8px;font-size:18px}.oauth-account{background:var(--card);border:1px solid var(--border);border-radius:var(--paper-shape);align-items:center;gap:16px;padding:18px;display:flex}.oauth-account>div{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.oauth-account strong{font-size:22px}.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:18px;line-height:1.6}.oauth-permissions ul{gap:10px;padding-left:22px;display:grid}@media (width<=600px){.oauth-page{padding:32px 20px}}.oauth-page .signin-page{border:1px solid var(--border);border-radius:14px 10px 16px 12px;padding:32px}.oauth-page .signin-page h1{font-size:clamp(36px,5vw,48px)}@media (width<=600px){.oauth-page .signin-page{padding:24px 20px}}