@layer components{.book-work-number{color:var(--kit-muted-foreground);font:500 10px/1.2 var(--kit-font);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;flex:none}body:has(.book-directory){--lobby-paper:var(--book-ink);--lobby-muted:var(--book-muted);--lobby-pink:var(--book-accent-soft);--lobby-wine:var(--book-accent)}.lobby-main.book-directory{width:100%;max-width:var(--launcher-layout-width);min-width:0;padding:12px var(--launcher-layout-gutter) max(24px,env(safe-area-inset-bottom));box-sizing:border-box;color:var(--book-ink);margin:0 auto;display:block}.book-directory .lobby-intro{min-width:0;margin:0 0 12px;padding:0}.book-directory .lobby-support-links{flex-wrap:wrap;align-items:center;gap:16px;margin:0;display:flex}.book-directory .lobby-support-link{min-height:40px;color:var(--book-muted);padding-block:0;font-size:12px}.book-directory .lobby-directory-body{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:24px;min-width:0;min-height:0;display:grid}.book-directory .lobby-library{background:0 0;min-width:0;padding:0}.book-directory .lobby-rooms-column{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.book-directory .lobby-room-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;margin:0;display:flex}.book-directory .lobby-actions{flex-wrap:wrap;align-items:center;gap:8px;width:auto;min-width:0;margin:0;display:flex}.book-directory .lobby-actions .lobby-button{white-space:nowrap;min-width:0;min-height:44px}.book-room-filter-trigger{gap:6px;min-height:44px;margin-left:auto;font-size:12px}.book-room-filter-trigger svg{width:16px;height:16px}.book-room-filter-trigger[data-active=true]{background:var(--book-accent-soft);color:var(--book-accent)}.book-directory .lobby-list-surface{border:1px solid var(--book-border);background:var(--book-surface);border-radius:8px;flex-direction:column;min-width:0;min-height:280px;display:flex;position:relative;overflow:hidden}.book-directory .lobby-list-loading{pointer-events:none;place-items:center;min-height:0;padding:24px;display:grid;position:absolute;inset:0}.book-directory .lobby-room-list{flex:1;min-height:0}.book-directory .lobby-empty{min-height:0;color:var(--book-muted);text-align:center;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px 20px;display:flex}.book-directory .lobby-empty h2{color:var(--book-ink);margin:0;font-size:17px}.book-directory .lobby-empty p{max-width:36em;margin:0}.book-directory .lobby-directory-count{color:var(--book-muted);text-align:right;flex:none;margin:auto 0 0;padding:8px 14px;font-size:12px;line-height:1.5}.book-directory>.lobby-notice,.book-directory>.lobby-membership,.book-directory>.lobby-connection-warning{border:1px solid var(--book-border);background:var(--book-surface);color:var(--book-ink);border-radius:8px;margin:0 0 12px;padding:12px;font-size:12px}.book-lobby-games{min-width:0}.book-lobby-full-list,.book-lobby-group{flex-direction:column;gap:4px;min-width:0;display:flex}.book-lobby-group-label{color:var(--kit-muted-foreground);font:500 11px/1.5 var(--kit-font);margin:10px 0 0;padding:0 8px}.book-lobby-item{min-width:0;color:var(--book-ink);border:1px solid #0000;border-radius:7px;grid-template-columns:28px minmax(0,1fr) 44px;align-items:center;gap:2px;padding:2px;display:grid}.book-lobby-item[data-selected=true]{background:var(--book-accent-soft);border-color:var(--book-border)}.book-lobby-game{min-width:0;min-height:44px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;padding:0;display:grid}.book-lobby-cover{background:var(--book-raised);border-radius:4px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;display:grid;overflow:hidden}.book-lobby-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-lobby-cover>svg{width:18px;height:18px}.book-lobby-copy{min-width:0;font:400 10px/1.4 var(--ui-font);flex-direction:column;flex:1;gap:1px;display:flex}.book-lobby-name{align-items:baseline;gap:4px;min-width:0;display:flex}.book-lobby-copy small{color:var(--kit-muted-foreground);flex:none;font-size:10px}.book-lobby-copy strong,.book-lobby-subtitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.book-lobby-copy strong{font-size:11px;font-weight:600}.book-lobby-subtitle{color:var(--kit-muted-foreground)}.book-lobby-check{border:1px solid var(--kit-input);background:var(--kit-card);width:12px;height:12px;color:var(--kit-foreground);border-radius:3px;flex:none;place-items:center;display:grid}.book-lobby-check svg{width:10px;height:10px;display:block}.book-lobby-check-control{background:0 0;border:0;place-items:center;min-width:0;min-height:44px;padding:0;display:grid}.book-lobby-favorite{min-height:44px;color:var(--kit-muted-foreground);background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.book-lobby-favorite svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;width:17px;height:17px}.book-lobby-favorite:is([aria-pressed=true],[data-state=checked]){color:var(--kit-primary)}.book-lobby-favorite:is([aria-pressed=true],[data-state=checked]) svg{fill:currentColor}.book-lobby-mobile{display:none}.book-lobby-picker{width:min(400px,100vw - 24px);max-width:calc(100vw - 24px)}.book-lobby-menu-row{flex:none;grid-template-columns:44px minmax(0,1fr) 44px;min-width:0;height:48px;display:grid}.book-lobby-menu-row[data-selected=true]{background:var(--kit-accent);border-radius:4px}.book-lobby-menu-choice{gap:8px;min-width:0}.book-lobby-menu-choice .book-lobby-cover{width:28px;height:28px}.book-lobby-tile{flex:none;width:48px;height:48px;position:relative}.book-lobby-icon{background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;min-height:48px;margin:0;padding:4px;display:flex;position:relative}.book-lobby-icon[aria-pressed=true]{border-color:var(--book-border);background:var(--book-accent-soft)}.book-lobby-icon .book-lobby-cover{width:32px;height:32px}.book-lobby-tile-toggle{z-index:2;background:0 0;border:0;place-content:start end;width:24px;height:24px;min-height:24px;padding:1px;display:grid;position:absolute;top:0;right:0}.book-lobby-short{z-index:1;background:var(--kit-card);min-width:13px;height:13px;color:var(--kit-foreground);font:600 10px/1 var(--kit-font);pointer-events:none;border-radius:2px;place-items:center;padding-inline:1px;display:grid;position:absolute;bottom:1px;right:1px}@media (width>=1001px) and (hover:hover) and (pointer:fine){html:has(.lobby-page),body:has(.lobby-page){height:100%;overflow:hidden}.launcher-page-surface:has(.book-directory){height:calc(100dvh - 61px);min-height:0;overflow:hidden}.lobby-main.book-directory{flex-direction:column;max-width:none;height:100%;display:flex;overflow:hidden}.book-directory .lobby-directory-body{flex:1;align-items:stretch;overflow:hidden}.book-directory .lobby-library{overscroll-behavior:contain;scrollbar-width:thin;overflow:auto}.book-directory .lobby-list-surface{flex:1;min-height:0}.book-directory .lobby-room-list{overscroll-behavior:contain;scrollbar-width:thin;overflow:auto}}@media (width<=1000px),(hover:none),(pointer:coarse){html:has(.lobby-page),body:has(.lobby-page){height:auto;min-height:100%;overflow:hidden auto}.book-directory .lobby-directory-body{display:block}.book-directory .lobby-library{margin-bottom:12px}.book-lobby-desktop{display:none}.book-lobby-mobile{gap:6px;min-width:0;display:flex}.book-lobby-icon-strip{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:4px;min-width:0;padding:0;display:flex;overflow:auto hidden}.book-lobby-picker-trigger{flex:none;width:48px;height:48px}.book-directory .lobby-room-tools{align-items:center;gap:8px}.book-directory .lobby-actions{grid-template-columns:repeat(3,minmax(0,1fr)) 44px;align-items:stretch;gap:6px;width:100%;display:grid}.book-directory .lobby-actions .lobby-button{width:100%;padding-inline:4px;font-size:12px}.book-directory .lobby-actions .lobby-refresh{align-self:center}}#mpRoomView .room-workspace-heading h2{white-space:nowrap;text-overflow:ellipsis;color:var(--kit-foreground);margin:0;font-size:24px;font-weight:600;line-height:1.3;overflow:hidden}#mpRoomView .mp-room-code-label{display:none}#mpRoomView .mp-room-code strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}#mpRoomView .mp-room-panel{box-sizing:border-box;border:1px solid var(--kit-border);background:var(--kit-card);width:min(520px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--kit-foreground);font:400 13px/1.5 var(--kit-font);border-radius:10px;margin:auto;padding:20px;position:fixed;inset:0;overflow:auto;box-shadow:0 16px 48px #0003}#mpRoomView .mp-room-panel:not([open]){display:none}#mpRoomView .mp-room-panel::backdrop{background:#0008}#mpRoomView .mp-panel-head{justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;display:flex}#mpRoomView .mp-panel-head h3{color:var(--kit-foreground);font:600 16px/1.4 var(--kit-font);margin:0}#mpRoomView .mp-name-editor{color:var(--kit-muted-foreground);gap:6px;margin:0 0 16px;font-size:12px;display:grid}#mpRoomView .mp-name-editor input{box-sizing:border-box;border:1px solid var(--kit-input);background:var(--kit-background);width:100%;min-height:36px;color:var(--kit-foreground);font:400 13px/1.5 var(--kit-font);border-radius:6px;padding:7px 10px}#mpRoomView .mp-name-editor input:focus-visible{outline:2px solid var(--kit-ring);outline-offset:2px;box-shadow:none}#mpRoomView .mp-local-player{background:0 0;border:0;flex-direction:column-reverse;gap:12px;margin:0;padding:0;display:flex}#mpRoomView :is(.mp-seated-loadout,.mp-local-actions){justify-content:space-between;align-items:center;gap:12px;height:auto;display:flex}#mpRoomView .mp-seated-loadout span{font:500 13px/1.5 var(--kit-font)}#mpRoomView :is(#mpStandUp,#mpCheckGame,#mpSpectatorJoin){width:100%;margin-top:12px;display:flex}#mpRoomView .mp-room-network header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}#mpRoomView .mp-room-network header h3{display:none}#mpRoomView :is(.mp-room-network header p,.mp-network-empty,.mp-network-footnote){color:var(--kit-muted-foreground);margin:0;font-size:12px;line-height:1.65}#mpRoomView .mp-network-peer{border-top:1px solid var(--kit-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0;display:grid}#mpRoomView .mp-network-peer-name{grid-column:1/-1;align-items:center;gap:10px;font-size:13px;display:flex}#mpRoomView .mp-network-peer-name>span{color:var(--kit-muted-foreground);font-size:12px}#mpRoomView .mp-network-peer-name>strong{flex:1;min-width:0}#mpRoomView .mp-network-metric{color:var(--kit-muted-foreground);gap:4px;font-size:12px;display:grid}#mpRoomView .mp-network-metric strong{color:var(--kit-foreground);font:600 19px/1.5 var(--kit-font);font-variant-numeric:tabular-nums}#mpRoomView .mp-network-metric[data-quality=good] strong{color:var(--kit-success)}#mpRoomView .mp-network-metric[data-quality=fair] strong{color:var(--kit-warning)}#mpRoomView .mp-network-metric[data-quality=poor] strong{color:var(--kit-destructive)}#mpRoomView .mp-network-metric[data-quality=unknown] strong{color:var(--kit-muted-foreground);font-size:12px}#mpRoomView .mp-network-metric small{font-size:11px}#mpRoomView .mp-spectator-list{gap:8px;max-height:40dvh;margin:16px 0;padding:0;display:grid;overflow:auto}#mpRoomView .mp-spectator-entry{border:1px solid var(--kit-border);background:var(--kit-muted);min-height:56px;color:var(--kit-foreground);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}#mpRoomView .mp-spectator-avatar{background:var(--kit-secondary);width:36px;height:36px;color:var(--kit-foreground);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}#mpRoomView .mp-spectator-copy{flex:1;gap:3px;min-width:0;display:grid}#mpRoomView .mp-spectator-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}#mpRoomView :is(.mp-spectator-copy small,.mp-spectator-marker,.mp-spectator-empty){color:var(--kit-muted-foreground);font-size:12px}#mpRoomView .mp-room-setting-title{height:auto;color:var(--kit-muted-foreground);margin:12px 0 8px;font-size:12px}#mpRoomView .room-workspace-tabs{flex:none;gap:16px;padding:0 16px}#mpRoomView .room-workspace-tabs button{flex:1;min-width:0}#mpRoomView .room-workspace-actions button{flex:1;height:44px;min-height:44px;font-size:14px}.room-settings-group{border-bottom:1px solid var(--kit-border);margin-bottom:16px;padding-bottom:16px}.room-settings-group h3{margin:0 0 12px;font-size:13px;font-weight:600}.room-basic-fields{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}#mpRoomView .room-basic-fields label{color:var(--kit-muted-foreground);grid-template-columns:minmax(0,1fr);gap:6px;font-size:12px;display:grid}#mpRoomView :is(.room-setting-description,.mp-room-delay-hint){color:var(--kit-muted-foreground);margin:6px 0 0;font-size:12px;line-height:1.65}#mpRoomView .mp-delay-stepper{flex:none}#mpRoomView .mp-room-delay{flex-wrap:wrap}.room-rule-field{margin-top:12px;font-size:13px}@media (width<=760px){#mpRoomView .mp-room-panel{width:100%;max-height:85dvh;padding:20px 20px max(20px,env(safe-area-inset-bottom));border-bottom:0;border-radius:12px 12px 0 0;margin:0;inset:auto 0 0}#mpRoomView .mp-name-editor input{min-height:44px;font-size:16px}#mpRoomView .room-workspace-actions button{height:48px;min-height:48px;font-size:14px}}.book-directory .directory-room-grid{grid-template-rows:auto auto;grid-template-columns:minmax(170px,1.4fr) minmax(280px,2fr) 90px;align-items:center;gap:8px 16px;min-width:0;padding:14px 16px;display:grid}.book-directory .lobby-room-row{min-height:108px;color:var(--book-ink);background:0 0;animation:none;position:relative}.book-directory .lobby-room-row:before{background:var(--book-border);inset:0 16px auto}.book-directory .lobby-room-identity{grid-area:1/1/span 2;align-items:center;gap:10px;min-width:0;display:flex}.book-directory .lobby-room-title{gap:3px;min-width:0;display:grid}.book-directory .lobby-room-title h2{min-width:0;color:var(--book-ink);font:600 13px/1.5 var(--ui-font);align-items:center;gap:8px;margin:0;display:flex}.book-directory .lobby-work-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.book-directory .lobby-room-code{color:var(--book-muted);font-variant-numeric:tabular-nums;font-size:12px}.book-directory .lobby-room-meta{flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;display:flex}.book-directory .lobby-cover{background:var(--book-raised);border-radius:4px;flex:0 0 48px;width:48px;height:48px;display:block;position:relative;overflow:hidden}.book-directory .lobby-cover img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.book-directory .lobby-cover:after{content:none}.book-directory .lobby-cover-number{z-index:0;color:var(--book-ink);font:600 14px/1 var(--ui-font);text-shadow:none;place-items:center;display:grid;position:absolute;inset:0}.book-directory .lobby-room-facts{color:var(--book-muted);flex-wrap:wrap;align-items:center;gap:4px 7px;font-size:11px;line-height:1.5;display:flex}.book-directory .lobby-room-watchers{align-items:center;gap:4px;display:inline-flex}.book-directory .lobby-room-watchers svg{flex:none;width:14px;height:14px}.book-directory{--difficulty-easy:#a7cbb0;--difficulty-normal:#a9c5e0;--difficulty-hard:#dfc18c;--difficulty-lunatic:#dfaaaa;--difficulty-extra:#c9b5df}html[data-book-theme=light] .book-directory{--difficulty-easy:#23733e;--difficulty-normal:#235ca8;--difficulty-hard:#97500b;--difficulty-lunatic:#b12f45;--difficulty-extra:#793baf}.book-directory .lobby-difficulty{--difficulty-tone:var(--book-muted);background:color-mix(in srgb,var(--difficulty-tone) 10%,transparent);width:fit-content;max-width:100%;color:var(--difficulty-tone);white-space:nowrap;border:0;border-radius:4px;flex:none;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.5;display:block}.book-directory [data-difficulty=easy]{--difficulty-tone:var(--difficulty-easy)}.book-directory [data-difficulty=normal]{--difficulty-tone:var(--difficulty-normal)}.book-directory [data-difficulty=hard]{--difficulty-tone:var(--difficulty-hard)}.book-directory [data-difficulty=lunatic]{--difficulty-tone:var(--difficulty-lunatic)}.book-directory [data-difficulty=extra],.book-directory [data-difficulty=phantasm]{--difficulty-tone:var(--difficulty-extra)}.book-directory .lobby-room-rules{min-width:0;color:var(--book-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.5}.book-directory .lobby-room-rules[hidden]{display:none}.book-directory .lobby-room-rules>span{white-space:nowrap;display:inline-block}.book-directory .lobby-room-status{flex-direction:column;grid-area:1/3;align-items:flex-end;gap:6px;display:flex}.book-directory .lobby-party{border:0;grid-area:1/2/span 2;align-self:center;gap:6px;min-width:0;margin:0;padding:0;display:grid}.book-directory .lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:8px;width:auto;min-width:0;padding:0;display:grid}.book-directory .lobby-seats[data-capacity="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.book-directory .lobby-seats[data-duel=true]{--duel-line-size:40px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;padding-top:18px}.book-directory .lobby-seats[data-duel=true] .lobby-public-player{grid-template-columns:30px minmax(0,1fr);grid-template-rows:var(--duel-line-size) auto;gap:1px 7px}.book-directory .lobby-seats[data-duel=true] .lobby-public-player:first-child{grid-template-columns:minmax(0,1fr) 30px}.book-directory .lobby-seats[data-duel=true] .lobby-seat{grid-row:1;width:30px;height:30px}.book-directory .lobby-seats[data-duel=true] .lobby-public-player:first-child .lobby-seat{grid-column:2}.book-directory .lobby-seats[data-duel=true] .lobby-public-player:first-child :is(.lobby-seat-name,.lobby-seat-control){grid-column:1}.book-directory .lobby-seats[data-duel=true] .lobby-seat-name{width:100%}.book-directory .lobby-seats[data-duel=true] .lobby-public-player:first-child .lobby-seat-control{text-align:end}.book-directory .lobby-public-player{grid-template-rows:auto auto;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:1px 7px;min-width:0;max-width:none;display:grid}.book-directory .lobby-seat{border-color:var(--book-border);background:var(--book-raised);width:26px;height:28px;color:var(--book-ink);border-radius:5px;flex:none;grid-area:1/1/span 2;place-items:center;font-size:12px;display:grid;position:relative}.book-directory .lobby-seat[data-ready=true]:after{background:var(--kit-success);box-shadow:0 0 0 2px var(--book-surface)}.book-directory .lobby-seat-name{color:var(--book-ink);font:600 12px/1.5 var(--ui-font);grid-area:1/2}.book-directory .lobby-seat-control{width:auto;min-width:0;max-width:none;color:var(--book-muted);font:400 11px/1.5 var(--ui-font);text-align:left;white-space:normal;overflow-wrap:anywhere;grid-area:2/2;display:block;position:static;overflow:visible;transform:none}.book-directory .lobby-seat-control[data-mode=cheat]{color:var(--kit-warning)}.book-directory .lobby-public-player[data-empty=true] .lobby-seat-name{color:var(--book-muted);font-weight:400}.book-directory .book-room-score{box-sizing:border-box;height:var(--duel-line-size);border-block:1px solid var(--kit-border);min-width:76px;color:var(--kit-foreground);white-space:nowrap;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.book-directory .book-room-score-caption{color:var(--kit-muted-foreground);font:500 10px/1.4 var(--kit-font);position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.book-directory .book-room-score-value{font:750 32px/1.1 var(--kit-font);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:7px;display:flex}.book-directory .book-room-score-separator{color:var(--kit-muted-foreground);white-space:normal;font-size:20px}.book-directory .lobby-room-state{min-width:0;color:var(--book-muted);white-space:normal;align-items:center;gap:5px;padding:0;font-size:11px;line-height:1.5;display:flex}.book-directory .lobby-room-state:before{background:var(--kit-success);width:6px;height:6px}.book-directory .lobby-room-state:is([data-state=full],[data-state=playing]):before{background:var(--book-accent)}.book-directory .lobby-room-row>.lobby-join{white-space:normal;grid-area:2/3;place-self:center end;width:78px;min-height:44px;margin:0;padding:7px 9px;font-size:12px}@media (width<=1000px),(hover:none),(pointer:coarse){.book-directory .lobby-room-list>.directory-room-grid{--room-copy-column:2;--room-action-column:3;box-sizing:border-box;grid-template-rows:repeat(4,auto);grid-template-columns:48px minmax(0,1fr) 78px;gap:4px 10px;width:100%;min-width:0;padding:14px}.book-directory .lobby-room-list .lobby-room-identity,.book-directory .lobby-room-list .lobby-room-title{display:contents}.book-directory .lobby-room-list .lobby-cover{grid-area:1/1/span 2;align-self:start}.book-directory .lobby-room-list .lobby-room-title h2{grid-column:var(--room-copy-column)/-1;order:0;grid-row:1}.book-directory .lobby-room-list .lobby-room-meta{grid-column:var(--room-copy-column);grid-row:2}.book-directory .lobby-room-list .lobby-room-facts{grid-column:1/var(--room-action-column);grid-row:4;align-self:center;margin:0}.book-directory .lobby-room-list .lobby-room-status{grid-column:var(--room-action-column);flex-direction:column;grid-row:2;align-items:flex-end;gap:6px;padding-top:1px;display:flex}.book-directory .lobby-room-list .lobby-party{grid-area:3/1/auto/-1;margin-block:8px}.book-directory .lobby-room-list .lobby-seats:not([data-duel=true]){align-items:start;gap:10px}.book-directory .lobby-room-list .lobby-room-row>.lobby-join{grid-column:var(--room-action-column);grid-row:4}}@media (width<=380px){.book-directory .lobby-seats[data-capacity="3"] .lobby-public-player{grid-template-columns:22px minmax(0,1fr);column-gap:5px}.book-directory .lobby-seats[data-capacity="3"] .lobby-seat{width:22px;height:24px}.book-directory .lobby-seats[data-capacity="3"] .lobby-seat-control{font-size:10px}}#player.replay-workspace{--paper:var(--kit-foreground);--muted:var(--kit-muted-foreground);--line:var(--kit-border);background:var(--kit-background);max-width:none;color:var(--kit-foreground);font:400 13px/1.5 var(--kit-font);overscroll-behavior:contain;touch-action:pan-y;isolation:isolate;grid-template-rows:auto max-content;grid-template-columns:minmax(0,2.3fr) minmax(300px,1fr);align-content:start;align-items:stretch;gap:12px 16px;padding:16px 20px 20px;display:grid;overflow:auto}#player.replay-workspace:before{display:none}#player.replay-workspace .player-stage{border:1px solid var(--kit-border);background:var(--kit-card);border-radius:10px;flex-direction:column;grid-area:2/1;min-width:0;padding:16px;display:flex;position:relative;overflow:hidden;container:replay-stage/inline-size}#player.replay-workspace .game-viewport{background:#000;border-radius:4px;flex:1;min-height:0;position:relative;inset:auto;overflow:hidden}#player.replay-workspace #gameFrame{pointer-events:none;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}#player.replay-workspace :is(.touch-utility-row,.th09-player-information,.touch-control,.touch-button,.touch-joystick,.touch-hud,.touch-gestures,.touch-help-open){display:none!important}#player.replay-workspace #transfer{max-width:min(320px,100vw - 72px);position:absolute;top:100px;left:36px}.replay-workspace-idle{z-index:1;color:var(--kit-muted-foreground);text-align:center;background:#080808;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.replay-workspace-idle p{color:var(--kit-foreground);margin:0}.replay-workspace-idle small{font-size:12px}.replay-workspace-idle>svg{opacity:.5;width:32px;height:32px}.replay-workspace-header{grid-area:1/1/auto/-1;align-items:center;gap:12px;min-width:0;display:flex}.replay-workspace-header h1{font:600 18px/1.4 var(--kit-font);color:var(--kit-foreground);margin:0}.replay-workspace .replay-back{width:44px;height:44px}.replay-workspace .replay-button>svg{width:18px;height:18px}.replay-workspace :is(.replay-button,.ui-select-trigger){min-height:36px}.replay-transport{flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;min-width:0;padding:10px 0 14px;display:grid;position:relative}.replay-transport-buttons{grid-area:1/1;align-items:center;gap:8px;display:flex}.replay-speed{flex:none;width:78px}.replay-workspace .replay-speed .ui-select-trigger{min-height:44px}.replay-seek-row{font-variant-numeric:tabular-nums;grid-area:1/2;align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.replay-seek-row>span{white-space:nowrap;color:var(--kit-muted-foreground)}.replay-seek-row small{font-size:inherit}.replay-seek-track{flex:1;align-items:center;min-width:0;height:44px;display:flex;position:relative}.replay-seek-track:has(.replay-round-marker){height:60px;padding-top:16px}.replay-round-marker{width:28px;height:28px;color:var(--kit-muted-foreground);font:11px/16px var(--kit-font);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-start;padding:0;display:flex;position:absolute;top:0;transform:translate(-50%)}.replay-round-marker:after{content:"";opacity:.7;pointer-events:none;background:currentColor;width:1px;height:6px;position:absolute;top:20px;left:50%}.replay-round-marker:hover{color:var(--kit-foreground)}.replay-seek-status{max-width:calc(100% - 58px);color:var(--kit-muted-foreground);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:12px;line-height:14px;position:absolute;bottom:0;right:58px;overflow:hidden}.replay-seek-status:empty{visibility:hidden}.replay-transport>.replay-fullscreen{grid-area:1/3;width:44px;height:44px}.replay-fullscreen svg{fill:currentColor;width:20px;height:20px;display:block}.replay-fullscreen .fullscreen-exit-icon{display:none}.replay-fullscreen[data-fullscreen=true] .fullscreen-exit-icon{display:block}.replay-fullscreen[data-fullscreen=true] .fullscreen-enter-icon,.replay-fullscreen-exit{display:none}.replay-current{border-top:1px solid var(--kit-border);flex:none;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding-top:14px;display:grid}.replay-current h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 16px/1.4 var(--kit-font);margin:0;overflow:hidden}.replay-current p{color:var(--kit-muted-foreground);flex-wrap:wrap;gap:6px 16px;margin:0;font-size:12px;line-height:1.6;display:flex}.replay-current .replay-workspace-error{color:var(--kit-destructive);overflow-wrap:anywhere}.replay-file-browser{background:var(--kit-card);border:1px solid var(--kit-border);border-radius:10px;flex-direction:column;grid-area:2/2;min-width:0;min-height:300px;display:flex;overflow:hidden}.replay-file-browser>header{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.replay-file-browser h2{font:600 16px/1.4 var(--kit-font);margin:0}.replay-breadcrumb{min-width:0;color:var(--kit-muted-foreground);border-block:1px solid var(--kit-border);flex:none;align-items:center;gap:6px;margin:0 16px;padding:8px 0;display:flex}.replay-breadcrumb>svg{flex:none;width:18px;height:18px}.replay-breadcrumb span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-workspace-files{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;flex:1;min-height:160px;padding:4px 8px;overflow:auto}.replay-workspace-file{border-bottom:1px solid var(--kit-border);align-items:center;gap:2px;min-height:48px;display:flex;position:relative}.replay-workspace-file.selected{background:var(--kit-accent);border-color:#0000;border-radius:6px}.replay-workspace-file>button:first-child{text-align:left;min-width:0;min-height:48px;color:var(--kit-foreground);font:400 13px/1.5 var(--kit-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:4px;flex:1;align-items:center;gap:12px;padding:10px 12px;display:flex}.replay-workspace-file>button:first-child:hover,.replay-stage-list>button:hover{background:var(--kit-muted)}.replay-workspace-file>button:first-child:disabled{opacity:.5;cursor:default}.replay-workspace-file>button:first-child>svg{width:18px;height:18px;color:var(--kit-muted-foreground);flex:none}.replay-workspace-file strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;display:block;overflow:hidden}.replay-file-description{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.replay-file-heading{align-items:baseline;gap:12px;min-width:0;display:flex}.replay-workspace-file small{color:var(--kit-muted-foreground);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;display:block;overflow:hidden}.replay-file-selected{width:16px;color:var(--kit-foreground);flex:none;display:flex}.replay-file-selected svg{width:16px;height:16px}.replay-workspace .replay-file-menu-trigger{flex:none;width:44px;height:44px}.replay-file-browser>footer{color:var(--kit-muted-foreground);border-top:1px solid var(--kit-border);flex:none;margin:0 16px;padding:12px 0;font-size:12px}.replay-workspace-empty{color:var(--kit-muted-foreground);text-align:center;padding:32px 12px;font-size:13px;line-height:1.8}.replay-workspace-empty small{font-size:12px}.replay-workspace-move{border-bottom:1px solid var(--kit-border);flex:none;gap:10px;padding:12px 16px;display:grid}.replay-workspace-move strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.replay-workspace-move input{width:100%;min-width:0}.replay-workspace-move>div:last-child{justify-content:flex-end;gap:8px;display:flex}.replay-workspace-file:has(.replay-stage-list){flex-wrap:wrap}.replay-stage-list{border-top:1px solid var(--kit-border);flex:0 0 100%;padding:8px 12px 12px}.replay-stage-list>button{width:100%;min-height:36px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.replay-metadata{color:var(--kit-muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:8px 10px;font-size:12px;display:flex}.replay-metadata:empty{display:none}.replay-metadata>span{overflow-wrap:anywhere;min-width:0}.replay-metadata>.replay-spell-name{flex:0 0 100%;line-height:1.5}.replay-stage-heading{color:var(--kit-muted-foreground);justify-content:space-between;padding:8px 10px 4px;font-size:11px;display:flex}.replay-workspace-recording .replay-file-heading{color:var(--kit-muted-foreground);font-size:12px}.replay-file-summary{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px;font-size:13px;line-height:1.5;display:grid}.replay-file-summary>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.replay-file-summary>span:nth-child(2n){text-align:right}.replay-file-summary>span:nth-child(n+3){color:var(--kit-muted-foreground);font-size:11px}@media (width>=761px) and (orientation:landscape){#player.replay-workspace{grid-template-rows:auto minmax(0,1fr);overflow:hidden}#player.replay-workspace .player-stage,.replay-file-browser,.replay-workspace-files{min-height:0}}@media (orientation:portrait),(width<=760px){#player.replay-workspace{flex-direction:column;align-items:stretch;gap:14px;padding:12px 12px 24px;display:flex}.replay-workspace-header{flex:none}#player.replay-workspace .player-stage{flex:none;order:1;padding:12px;overflow:visible}#player.replay-workspace .game-viewport{aspect-ratio:4/3;flex:none}#player.replay-workspace #transfer{top:120px;left:24px}.replay-current{padding-top:12px}.replay-current h2{font-size:14px}.replay-file-browser{flex:none;order:2;min-height:260px}.replay-workspace-files{min-height:140px;max-height:420px}}@container replay-stage (width<=560px){.replay-transport{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:8px 0 12px}.replay-seek-row{grid-area:1/1/auto/-1;gap:10px;font-size:11px}.replay-transport-buttons{grid-area:2/1;gap:8px}.replay-transport>.replay-fullscreen{grid-area:2/2}.replay-seek-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=640px) and (orientation:landscape) and (height<=560px){#player.replay-workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr);gap:8px 12px;padding:8px 12px;display:grid;overflow:hidden}#player.replay-workspace .player-stage{min-height:0;padding:8px;overflow:hidden}.replay-file-browser,.replay-workspace-files{min-height:0}.replay-workspace-files{max-height:none}.replay-file-browser>header{padding:8px 12px}.replay-file-browser>footer{padding:6px 0}.replay-transport{gap:0 8px;padding:2px 0 6px}.replay-current{gap:2px;padding-top:6px}.replay-current h2{font-size:13px}.replay-current p{gap:2px 8px;font-size:11px}.replay-transport-buttons .replay-restart{flex:none;width:44px;padding:10px}.replay-restart span{display:none}@container replay-stage (width>=420px){.replay-transport{grid-template-columns:auto minmax(0,1fr) auto}.replay-transport-buttons{grid-area:1/1}.replay-seek-row{grid-area:1/2}.replay-transport>.replay-fullscreen{grid-area:1/3}}}@media (width<=360px){.replay-transport-buttons .replay-restart{flex:none;width:44px;padding:10px}.replay-restart span{display:none}}@media (width<=780px),(pointer:coarse){.replay-workspace :is(.replay-button,.ui-select-trigger),.replay-stage-list>button{min-height:44px}}html:has(#player.replay-workspace #gameViewport:-webkit-any(:fullscreen,:-webkit-full-screen)){scrollbar-gutter:auto}html:has(#player.replay-workspace #gameViewport:is(:fullscreen,:fullscreen)){scrollbar-gutter:auto}#player.replay-workspace #gameViewport:-webkit-any(:fullscreen,:-webkit-full-screen){aspect-ratio:auto;background:#000;border:0;border-radius:0;flex:none;width:100vw;max-width:none;height:100dvh;min-height:0;max-height:none;position:fixed;inset:0;overflow:hidden}#player.replay-workspace #gameViewport:is(:fullscreen,:fullscreen){aspect-ratio:auto;background:#000;border:0;border-radius:0;flex:none;width:100vw;max-width:none;height:100dvh;min-height:0;max-height:none;position:fixed;inset:0;overflow:hidden}#player.replay-workspace #gameViewport:-webkit-any(:fullscreen,:-webkit-full-screen) .replay-fullscreen-exit{z-index:5;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));color:#ededf0;background:#141417cc;width:44px;height:44px;display:inline-flex;position:absolute}#player.replay-workspace #gameViewport:is(:fullscreen,:fullscreen) .replay-fullscreen-exit{z-index:5;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));color:#ededf0;background:#141417cc;width:44px;height:44px;display:inline-flex;position:absolute}}@layer foundation{[data-launcher-transient-host]{z-index:var(--ui-layer-transient,300);pointer-events:none;position:fixed;inset:0}:where([data-launcher-transient-host])>*{pointer-events:auto}.room-packet-loss{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.room-packet-loss header{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-packet-loss h3{margin:0;font-size:14px}.room-packet-loss p{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.5}.room-packet-loss button{border:1px solid var(--line);color:var(--paper);font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;padding:9px 12px}.room-packet-loss button:disabled{opacity:.45;cursor:default}.room-packet-loss-peer{margin-top:14px;font-size:12px}.room-packet-loss-row{font-variant-numeric:tabular-nums;grid-template-columns:50px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding-top:9px;display:grid}.room-packet-loss-row b{white-space:nowrap;font-weight:600}.room-packet-loss-state{color:var(--muted);grid-column:2/-1}.room-turn-preference{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.room-turn-preference>div{min-width:0}.room-turn-preference label{cursor:pointer;font-weight:600}.room-packet-loss .room-turn-preference button{padding:0}.room-resource-reload{z-index:8;box-sizing:border-box;border:1px solid var(--line);background:var(--panel,#191a17);width:380px;max-width:calc(100% - 24px);color:var(--paper);pointer-events:auto;touch-action:pan-y;border-radius:18px;padding:16px;position:absolute;top:12px;right:12px;box-shadow:0 8px 24px #0004}.room-resource-reload p{font:500 14px/1.65 var(--ui-font);overflow-wrap:anywhere;margin:0 0 14px}.room-resource-reload>div{gap:10px;display:flex}.room-resource-reload button{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--paper);font:600 14px var(--ui-font);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:8px}.room-resource-reload .room-resource-reload-confirm{background:var(--red);border-color:var(--red)}#player.room-workspace{box-sizing:border-box;min-height:0;color:var(--paper);font-family:var(--ui-font);grid-template-rows:48px minmax(0,1fr) auto auto;grid-template-columns:minmax(0,2.3fr) minmax(320px,1fr);gap:12px;z-index:210!important;background:var(--ink)!important;width:100%!important;height:100dvh!important;padding:16px 20px 20px!important;display:grid!important;position:fixed!important;inset:0!important;overflow:auto!important}#player.room-workspace #mpRoomView.room-workspace-view{display:contents!important}body:has(#player.room-workspace) .mp-settings-room-drawer{z-index:230}body:has(#player.room-workspace) .settings-room-backdrop{z-index:229}#player.room-workspace [hidden][hidden]{display:none!important}#player.room-workspace .player-stage{background:0 0;border:0;flex-direction:column;grid-area:2/1/5;gap:12px;min-width:0;min-height:0;padding:0;display:flex}#player.room-workspace #gameViewport{border:1px solid var(--line);background:#090a09;border-radius:10px;overflow:hidden;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}#player.room-workspace #gameFrame{pointer-events:none;opacity:.2;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;transform:none!important}#player.room-workspace :is(.player-information-column,.runtime-diagnostics,.netplay-player-status,.mp-quick-chat){display:none!important}#player.room-workspace .room-workspace-playback{flex:none;order:1;min-width:0;min-height:0;margin-top:-12px;overflow:clip}#player.room-workspace .room-workspace-playback[data-visible=true]{margin-top:0}.room-workspace-playback-content{min-width:0;display:flow-root}#player.room-workspace .room-workspace-roster{order:2}.room-workspace-playback :is(.spectator-playback-host,.th09-playback-host){pointer-events:auto;width:100%;max-width:none}#player.room-workspace #transfer{z-index:9;box-sizing:border-box;width:320px;max-width:calc(100% - 24px);margin:0;position:absolute;inset:12px auto auto 12px}#player.room-workspace:has([data-preview-ready=true]) #gameFrame{opacity:1;pointer-events:auto}#mpRoomView.room-workspace-view .room-workspace-header{box-sizing:border-box;flex-shrink:0;grid-area:1/1/auto/-1;width:100%;max-width:100%;justify-content:initial!important;min-width:0!important}.room-workspace-heading,.room-workspace-meta,.room-workspace-top-actions{align-items:center;gap:18px;min-width:0;display:flex}.room-workspace-meta{white-space:nowrap;font-size:17px}.room-workspace-meta>span{border-left:1px solid var(--line);padding-left:18px}.room-workspace-top-actions{gap:12px;margin-left:auto}#mpRoomView.room-workspace-view .room-workspace-top-actions #mpSettingsRoomDrawerToggle{flex-basis:auto!important;width:auto!important;padding:0 12px!important}.room-workspace-column{flex-direction:column;grid-area:2/2/4;gap:12px;min-width:0;min-height:0;display:flex}.room-workspace-column>.room-workspace-spectators{flex:none;order:2}.room-workspace-playback-host{display:contents}.room-workspace-sidebar{border:1px solid var(--line);background:var(--kit-card);border-radius:10px;flex-direction:column;flex:1;grid-area:2/2;min-height:0;display:flex;overflow:hidden}.room-workspace-panels{flex:1;min-height:0;padding:18px;overflow:auto}.room-workspace-panels fieldset{border:0;min-width:0;margin:0;padding:0}.room-workspace-panels #mpRoomGuideOpen{color:var(--muted);font:600 14px var(--ui-font);cursor:pointer;background:0 0;border:0;padding:8px 0}.room-workspace-chat{flex-direction:column;height:100%;min-height:200px;display:flex}#mpRoomView.room-workspace-view .mp-room-chat-log{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;margin:0 0 12px;padding:0;font-size:15px;line-height:1.65;overflow:auto;background:0 0!important;max-height:none!important;display:flex!important;position:static!important}#mpRoomView.room-workspace-view .mp-room-chat-log p{overflow-wrap:anywhere;margin:6px 0}#mpRoomView.room-workspace-view .mp-room-quick-chat{min-width:0;position:relative;display:block!important}#mpRoomView.room-workspace-view #mpRoomChat{background:0 0;border:0;margin:0;padding:0}.room-quick-chat-chevron{transition:transform var(--ui-feedback-duration) var(--ui-feedback-easing)}.room-quick-chat-trigger[aria-expanded=true] .room-quick-chat-chevron{transform:rotate(180deg)}.room-workspace-spectators{border:1px solid var(--line);background:var(--kit-card);border-radius:8px;grid-area:3/2;align-items:center;gap:12px;min-width:0;min-height:40px;padding:8px 12px;display:flex}.room-spectator-preview-trigger{min-height:32px;color:var(--paper);font:700 12px/1.4 var(--ui-font);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:6px;margin:0;padding:0;display:flex}#player.room-workspace .room-spectator-preview-trigger .room-icon{object-fit:contain;filter:invert(92%)sepia(10%)saturate(393%)hue-rotate(316deg);flex:none;width:18px;height:18px}.room-spectator-preview-trigger #mpSpectatorCount{color:var(--muted);font-variant-numeric:tabular-nums}.room-spectator-preview-avatars{overscroll-behavior:contain;scrollbar-width:none;flex:1;gap:6px;min-width:0;min-height:0;display:flex;overflow:auto}.room-workspace-spectators:is([data-member-count="1"],[data-member-count="2"]){--preview-avatar-size:40px}.room-spectator-preview-avatar{flex:0 0 var(--preview-avatar-size,30px);width:var(--preview-avatar-size,30px);height:var(--preview-avatar-size,30px);border:1px solid var(--line);background:var(--kit-secondary);color:var(--paper);font:700 calc(var(--preview-avatar-size,30px) * .44)/1 "ET Chill Round",system-ui,sans-serif;cursor:pointer;transition:transform var(--ui-feedback-duration) var(--ui-feedback-easing),background-color var(--ui-feedback-duration) var(--ui-feedback-easing);border-radius:50%;place-items:center;padding:0;display:grid}.room-spectator-preview-avatar.mine{border-color:#b7e9a7}.room-spectator-preview-avatar:active{transform:scale(.92)}.room-spectator-preview-join{background:var(--kit-muted);min-height:36px;color:var(--red-bright);font:700 12px/1.4 var(--ui-font);white-space:nowrap;cursor:pointer;transition:background-color var(--ui-feedback-duration) var(--ui-feedback-easing),transform var(--ui-feedback-duration) var(--ui-feedback-easing);border:0;border-radius:10px;flex:none;margin-left:auto;padding:6px 8px}.room-spectator-preview-join:disabled{opacity:.5;cursor:default}.room-spectator-preview-join:not(:disabled):active{transform:scale(.96)}.room-spectator-preview-trigger:focus-visible,.room-spectator-preview-avatar:focus-visible{outline:2px solid var(--red-bright);outline-offset:2px}.room-workspace-lounge-host{min-width:0;min-height:0}.room-workspace-lounge-host:empty{display:none}#mpRoomView.room-workspace-view #mpRoomPanel[data-panel=spectators] .mp-spectator-content{padding:4px 0}#mpRoomView.room-workspace-view #mpRoomPanel[data-panel=spectators] .mp-spectator-intro{color:var(--muted);font-size:13px;line-height:1.6}.room-workspace-actions{grid-area:4/2;gap:10px;display:flex}.room-workspace-preparation{background:var(--kit-background);box-sizing:border-box;place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow:auto}.room-preparation-caption{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:600px;font-size:16px;display:flex}.room-preparation-spinner{border:4px solid var(--line);border-top-color:var(--red-bright);border-right-color:var(--paper);border-radius:50%;width:32px;height:32px;animation:1s linear infinite room-loading-spin}@keyframes room-loading-spin{to{transform:rotate(360deg)}}.room-workspace-preparation .mp-resource-tracks,.room-workspace-preparation #mpRoomResourceAmount{display:none}.room-workspace-preparation .mp-room-resource-progress{font:14px/1.6 var(--ui-font);color:var(--paper);background:0 0;border:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:0;display:flex}.room-workspace-preparation .mp-room-resource-progress button{border:1px solid var(--line);background:var(--panel);color:var(--paper);font:14px var(--ui-font);border-radius:8px;padding:10px 14px}.room-workspace-fullscreen{z-index:2;border:1px solid var(--line);background:var(--kit-card);width:44px;height:44px;color:var(--paper);border-radius:8px;place-items:center;padding:10px;display:grid;position:absolute;bottom:12px;right:12px}.room-workspace-fullscreen svg{width:22px;height:22px}#mpRoomView.room-workspace-view .room-grouped-settings{background:0 0!important;border:0!important;padding:0!important;display:block!important;position:static!important}#mpRoomView.room-workspace-view .mizuki-select{width:100%}#mpRoomView.room-workspace-view .room-reward-field{grid-template-columns:1fr 1.4fr;align-items:center;gap:10px;margin-top:18px;line-height:1.5;display:grid;font-size:14px!important}#mpRoomView.room-workspace-view #mpTh15ChapterGraze{color:var(--paper)!important}#mpRoomView.room-workspace-view .mp-room-input-timing{max-width:none!important;margin:0!important;padding:0!important}#mpRoomView.room-workspace-view .mp-room-input-timing:has(>.mp-rollback-toggle[hidden]),#mpRoomView.room-workspace-view .mp-room-input-timing:has(>.mp-room-delay[hidden]){display:none!important}#mpRoomView.room-workspace-view .mp-room-input-timing:has(>.mp-rollback-toggle[hidden])+.mp-room-input-timing>.mp-room-delay{margin-top:0}#mpRoomView.room-workspace-view .mp-rollback-toggle{width:100%;min-height:44px;color:var(--paper);font:500 13px var(--ui-font);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}#mpRoomView.room-workspace-view .mp-rollback-toggle>span{white-space:normal;text-align:left;min-width:0;line-height:1.6}#mpRoomView.room-workspace-view .mp-room-delay{flex-wrap:nowrap;align-items:center;gap:8px;margin-top:12px;justify-content:flex-start!important;display:flex!important}#mpRoomView.room-workspace-view .mp-room-delay>span{white-space:nowrap;font-size:13px}.mp-delay-auto{white-space:nowrap;align-items:center;gap:6px;margin:0;line-height:1.4;font-size:12px!important;display:inline-flex!important}.room-rule-field{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;font-size:14px;display:flex}.room-rule-field>div{flex:1;min-width:0}#player.room-workspace .room-workspace-roster{touch-action:pan-y;flex:none;min-width:0;min-height:0}#player.room-workspace .room-workspace-roster .mp-seat-stage{background:0 0!important;border:0!important;flex:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:10px!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important}#player.room-workspace .room-workspace-roster .mp-seat-stage[data-player-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}#player.room-workspace .room-workspace-roster .mp-seat[hidden],#player.room-workspace .room-workspace-roster .mp-seat [hidden]{display:none!important}#player.room-workspace .room-workspace-roster .mp-seat{--seat-avatar-size:44px;box-sizing:border-box;isolation:isolate;color:var(--paper);--paper:var(--kit-foreground);--muted:var(--kit-muted-foreground);--room-text:var(--kit-foreground);--room-muted:var(--kit-muted-foreground);--ink:var(--kit-background);overflow:hidden;grid-template-columns:var(--seat-avatar-size) minmax(0,1fr)!important;border:1px solid var(--line)!important;height:auto!important;min-height:112px!important;box-shadow:none!important;transition:background-color var(--ui-feedback-duration) var(--ui-feedback-easing),border-color var(--ui-feedback-duration) var(--ui-feedback-easing)!important;background:var(--seat-background,var(--kit-card))!important;border-radius:10px!important;grid-template-rows:1fr!important;align-content:center!important;align-items:center!important;gap:14px!important;padding:16px!important;display:grid!important;position:relative!important}#player.room-workspace .room-workspace-roster .mp-seat.occupied{--paper:var(--kit-seat-foreground);--muted:var(--kit-seat-foreground);--room-text:var(--kit-seat-foreground);--room-muted:var(--kit-seat-foreground);border-color:#0000!important}#player.room-workspace .room-workspace-roster .mp-seat:is([data-card-state=loading],[data-card-state=cancelled]){--seat-background:var(--kit-seat-loading)}#player.room-workspace .room-workspace-roster .mp-seat:is([data-card-state=unready],[data-card-state=failed]){--seat-background:var(--kit-seat-unready)}#player.room-workspace .room-workspace-roster .mp-seat[data-card-state=ready]{--seat-background:var(--kit-seat-ready)}.room-seat-decoration{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-seat-watermark{color:var(--kit-seat-watermark);letter-spacing:-3px;white-space:nowrap;opacity:0;transition:opacity var(--ui-feedback-duration) var(--ui-feedback-easing);font:italic 900 60px/1.1 ET Yatra,ET Chill Round,system-ui,sans-serif;position:absolute;bottom:-15px;right:-9px;transform:rotate(-12deg)}.room-seat-watermark.active{opacity:.36}#player.room-workspace .room-workspace-roster .mp-seat{overflow:visible}#player.room-workspace .room-workspace-roster .mp-seat-face{z-index:1;width:var(--seat-avatar-size)!important;height:calc(var(--seat-avatar-size) + 18px)!important;background:0 0!important;border:0!important;border-radius:0!important;grid-area:1/1!important;align-self:start!important;min-height:0!important;margin:0!important;position:relative!important;overflow:visible!important;transform:none!important}#player.room-workspace .room-workspace-roster .mp-seat-glyph{width:100%;height:var(--seat-avatar-size);box-sizing:border-box;background-clip:padding-box;border:3px solid #0000;border-radius:50%;place-items:center;bottom:0;font:700 20px/1 ET Chill Round,system-ui,sans-serif!important;display:grid!important;position:absolute!important}.room-seat-ring{height:var(--seat-avatar-size);background:conic-gradient(var(--kit-seat-ring-ready) 0 var(--loading-angle),transparent var(--loading-angle) 360deg),conic-gradient(var(--kit-seat-ring-loading) 0 var(--base-angle),#ffffff40 var(--base-angle) 360deg);pointer-events:none;border-radius:50%;position:absolute;inset:auto 0 0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.room-seat-ring.indeterminate{background:conic-gradient(transparent 0 270deg,var(--kit-seat-ring-loading) 270deg 360deg);animation:1.2s linear infinite room-loading-spin}#player.room-workspace .room-workspace-roster .mp-seat-index{align-items:center;gap:6px;grid-area:2/1/auto/-1!important;margin:0!important;font-size:11px!important;display:flex!important;position:static!important}#player.room-workspace .room-workspace-roster .mp-seat-index>span:first-child{display:none}#player.room-workspace .room-workspace-roster .mp-seat-identity{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;gap:5px;min-width:0;grid-area:1/2!important;align-items:flex-start!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important}.room-seat-player-tag{text-align:center;font:600 11px/14px var(--kit-font);letter-spacing:.02em;color:var(--muted);position:absolute;top:0;left:0;right:0}#player.room-workspace .room-workspace-roster .mp-seat-name{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;padding:0!important;font:600 17px/1.35 var(--kit-font)!important;text-align:left!important;margin:0!important;padding-inline-end:var(--seat-name-inset,0px)!important;display:block!important;position:static!important}#player.room-workspace .room-workspace-roster .mp-seat[data-manageable]{--seat-name-inset:44px}#player.room-workspace .room-workspace-roster .mp-seat-details{align-items:center;gap:5px;max-width:100%;font-size:12px!important;display:flex!important}#player.room-workspace .room-workspace-roster .mp-seat-loadout{opacity:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font:500 12px/1.4 var(--kit-font)!important}#player.room-workspace .room-workspace-roster .mp-seat-control{display:none!important}#player.room-workspace .room-workspace-roster .mp-seat-latency{pointer-events:auto;text-align:left;flex-wrap:wrap;align-items:center;gap:12px;display:flex;min-height:20px!important;color:var(--paper)!important;font:500 11px/1.4 var(--kit-font)!important;background:0 0!important;border:0!important;margin:4px 0 0!important;padding:0!important;position:relative!important}.room-seat-network-pair{white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.room-seat-network-label{color:var(--muted)}.room-seat-network-value{font-variant-numeric:tabular-nums}#player.room-workspace .room-workspace-roster .mp-seat-latency:disabled{text-decoration:none;opacity:1!important}#player.room-workspace .room-workspace-roster .mp-seat-state,#player.room-workspace .room-workspace-roster .mp-seat-me{display:none!important}#player.room-workspace .room-workspace-roster .mp-seat-edit{z-index:1!important;background:0 0!important;border:0!important;border-radius:10px!important;position:absolute!important;inset:0!important}#player.room-workspace .room-workspace-roster .mp-seat-owner-mark{z-index:2;width:15px;height:15px;position:absolute;bottom:-2px;right:-2px}#player.room-workspace .room-workspace-roster .mp-seat-owner-mark>svg{width:100%;height:100%;display:block}#player.room-workspace .room-workspace-roster .mp-seat-loadout{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}#player.room-workspace .room-workspace-roster .mp-seat-moderation{z-index:4;font-size:12px;position:absolute;top:4px;right:4px}#player.room-workspace .room-workspace-roster .mp-seat-drop{place-items:center;display:grid;position:absolute!important;inset:0!important}#player.room-workspace .room-workspace-roster .mp-seat[data-card-state=empty]{background:var(--kit-muted)!important;border-style:dashed!important}#player.room-workspace .room-workspace-roster .mp-seat[data-card-state=empty] .mp-seat-face{background:0 0!important;grid-area:auto!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}#player.room-workspace .room-workspace-roster .mp-seat[data-card-state=empty]>.mp-seat-name,#player.room-workspace .room-workspace-roster .mp-seat[data-card-state=empty] .mp-seat-owner-mark{display:none!important}#player.room-workspace .room-workspace-roster .mp-seat-drop button{border:1px dashed var(--line);color:var(--muted);background:0 0;border-radius:10px;min-height:44px!important;padding:10px 14px!important;font-size:14px!important}#player.room-workspace .room-workspace-roster .mp-seat[data-card-state=empty] .mp-seat-drop button{transition:background-color var(--ui-feedback-duration) var(--ui-feedback-easing),color var(--ui-feedback-duration) var(--ui-feedback-easing),transform var(--ui-feedback-duration) var(--ui-feedback-easing);justify-content:center;align-items:center;gap:8px;width:100%!important;height:100%!important;color:var(--muted)!important;background:0 0!important;border:0!important;border-radius:10px!important;font:700 14px/1.4 ET Chill Round,system-ui,sans-serif!important;display:flex!important}#player.room-workspace .room-workspace-roster .mp-seat[data-card-state=empty] .mp-seat-drop button:focus-visible{outline:2px solid var(--kit-ring);outline-offset:-4px}#player.room-workspace .room-workspace-roster .mp-seat{animation:room-card-enter var(--ui-surface-duration) var(--ui-surface-easing) both}#player.room-workspace .room-workspace-roster .mp-seat:nth-child(2){animation-delay:60ms}#player.room-workspace .room-workspace-roster .mp-seat:nth-child(3){animation-delay:.12s}.room-workspace-panels>[role=tabpanel]:not([hidden]),#mpRoomView.room-workspace-view .mp-room-chat-log p,#player.room-workspace .mp-seat-moderation[open] .mp-seat-moderation-actions{animation:room-panel-enter var(--ui-surface-duration) var(--ui-surface-easing) both}@keyframes room-card-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes room-panel-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){#player.room-workspace{overscroll-behavior-y:contain;flex-direction:column;gap:12px;min-height:0;height:100dvh!important;padding:12px 12px calc(100px + env(safe-area-inset-bottom))!important;touch-action:pan-y!important;display:flex!important;overflow:hidden auto!important}#player.room-workspace:has(.room-workspace-actions[hidden]){padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}#player.room-workspace :is(.room-workspace-header,.room-workspace-roster,.room-workspace-roster button,.room-workspace-sidebar,.room-workspace-spectators){touch-action:pan-y!important}#mpRoomView.room-workspace-view .room-workspace-header{order:0;flex-wrap:nowrap!important;grid-template-columns:44px minmax(0,1fr) max-content!important;gap:8px!important;display:grid!important}.room-workspace-heading{white-space:nowrap;justify-content:center;gap:6px}.room-workspace-heading h2{text-align:center;flex:0 auto;min-width:0;margin:0!important;font-size:14px!important}.room-workspace-meta{flex-shrink:0;gap:4px;font-size:10px}.room-workspace-meta>span{border:0;padding-left:0}.room-workspace-meta>span+span{border-left:1px solid var(--line);padding-left:5px}.room-workspace-meta .room-challenge-on{white-space:normal;max-width:40px;font-size:9px}#mpRoomView.room-workspace-view .room-workspace-top-actions{gap:4px;margin:0;grid-area:1/3!important;width:max-content!important;min-width:max-content!important}#mpRoomView.room-workspace-view .room-workspace-heading{grid-area:1/2!important;width:auto!important}#mpRoomView.room-workspace-view .room-workspace-top-actions .mp-room-code{gap:5px!important;padding:0 8px!important}#mpRoomView.room-workspace-view .room-workspace-top-actions .mp-room-code strong{letter-spacing:.03em!important;font-size:14px!important}#mpRoomView.room-workspace-view .room-workspace-header .mp-room-back{width:44px!important;min-width:44px!important;padding:0!important}#mpRoomView.room-workspace-view .room-workspace-top-actions #mpSettingsRoomDrawerToggle{width:44px!important;padding:0!important}.room-workspace-top-actions #mpSettingsRoomDrawerToggle span{display:none}#player.room-workspace .player-stage{flex:none;order:1;gap:12px;min-height:0}#player.room-workspace #gameViewport{aspect-ratio:4/3;flex:none;min-height:0!important}#player.room-workspace .room-workspace-roster .mp-seat-stage{gap:6px!important}#player.room-workspace .room-workspace-roster .mp-seat{--seat-avatar-size:32px;grid-template-columns:var(--seat-avatar-size) minmax(0,1fr)!important;gap:10px!important;min-height:104px!important;padding:12px!important}#player.room-workspace .room-workspace-roster .mp-seat-glyph{font-size:14px!important}#player.room-workspace .room-workspace-roster .mp-seat-name{font-size:16px!important}#player.room-workspace .room-workspace-roster .mp-seat-index>span:first-child{display:none}#player.room-workspace .room-workspace-roster .mp-seat-details{gap:0;font-size:11px!important}#player.room-workspace .room-workspace-roster .mp-seat-loadout{font-size:11px!important}#player.room-workspace .room-workspace-roster .mp-seat-latency{gap:3px 9px;min-height:16px!important;font-size:9px!important}#player.room-workspace .room-workspace-roster .mp-seat-owner-mark{display:none}.room-workspace-spectators{flex:none;order:2;gap:10px;min-height:36px;padding:6px 10px}.room-workspace-column{display:contents}.room-workspace-sidebar{min-height:max(216px,calc(360px - var(--room-playback-height,0px)));flex:none;order:3;overflow:visible}.room-workspace-panels{padding:16px;overflow:visible}.room-workspace-chat{height:clamp(156px,calc(300px - var(--room-playback-height,0px)),300px);min-height:0}.room-seat-player-tag{font-size:10px}#player.room-workspace .room-workspace-roster:is([data-player-count="2"],[data-player-count="3"]){grid-template-columns:minmax(0,3fr) minmax(64px,1fr);gap:8px;display:grid}#player.room-workspace .room-workspace-roster:is([data-player-count="2"],[data-player-count="3"]) .room-workspace-lounge-host{align-self:stretch;position:relative}#player.room-workspace .room-workspace-roster .mp-seat-stage:is([data-player-count="2"],[data-player-count="3"]){grid-template-columns:minmax(0,1fr)!important}#player.room-workspace .mp-seat-stage:is([data-player-count="2"],[data-player-count="3"]) .mp-seat{min-height:84px!important;padding:8px 10px!important}#player.room-workspace .mp-seat-stage:is([data-player-count="2"],[data-player-count="3"]) .mp-seat-identity{gap:3px}#player.room-workspace .mp-seat-stage:is([data-player-count="2"],[data-player-count="3"]) .mp-seat-latency{margin-top:2px!important}#player.room-workspace .room-workspace-roster:is([data-player-count="2"],[data-player-count="3"]) .room-workspace-spectators{--preview-avatar-size:28px;box-sizing:border-box;flex-direction:column;gap:6px;width:100%;height:100%;min-height:0;padding:6px 4px;position:absolute;inset:0}#player.room-workspace .room-workspace-roster:is([data-player-count="2"],[data-player-count="3"]) .room-spectator-preview-trigger{flex-wrap:wrap;justify-content:center;gap:2px;min-height:24px;font-size:11px;line-height:1.3}#player.room-workspace .room-workspace-roster:is([data-player-count="2"],[data-player-count="3"]) .room-spectator-preview-avatars{grid-template-columns:repeat(2,var(--preview-avatar-size));grid-auto-rows:var(--preview-avatar-size);flex:1;place-content:start center;gap:4px;width:100%;max-height:184px;display:grid;overflow-y:auto}#player.room-workspace .room-workspace-roster:is([data-player-count="2"],[data-player-count="3"]) .room-workspace-spectators:is([data-member-count="1"],[data-member-count="2"]){--preview-avatar-size:40px}#player.room-workspace .room-workspace-roster:is([data-player-count="2"],[data-player-count="3"]) .room-workspace-spectators:is([data-member-count="1"],[data-member-count="2"]) .room-spectator-preview-avatars{grid-template-columns:var(--preview-avatar-size);gap:4px}#player.room-workspace .room-workspace-roster:is([data-player-count="2"],[data-player-count="3"]) .room-spectator-preview-join{width:100%;min-height:32px;margin:auto 0 0;padding:6px 4px;font-size:11px}.room-workspace-actions{z-index:220;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--kit-background) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(16px);position:fixed;bottom:0;left:0;right:0}}@media (width<=399px){.room-workspace-heading{flex-direction:column;gap:1px}.room-workspace-meta>span{padding-left:0}}@media (orientation:portrait){#player.room-workspace .room-workspace-chat>.mp-room-quick-chat{flex:none;order:-1;margin:0 0 12px}#mpRoomView.room-workspace-view .room-workspace-chat>.mp-room-chat-log{justify-content:flex-start;margin:0!important}}@media (prefers-reduced-motion:reduce){.room-preparation-spinner,.room-seat-ring.indeterminate{animation:none}}.less-motion #player.room-workspace .room-workspace-roster .mp-seat{transition:none!important}.less-motion #player.room-workspace *,.less-motion #player.room-workspace :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){#player.room-workspace .room-workspace-roster .mp-seat{transition:none!important}#player.room-workspace *,#player.room-workspace :after{transition:none!important;animation:none!important}}#player.room-workspace :is(#mpRoomView.room-workspace-view,.room-workspace-roster) [hidden][hidden][hidden],#player.room-workspace .touch-utility-row{display:none!important}}
