#room-verification-controls{margin-top:10px}#room-verification-controls fieldset{border:0;gap:10px;margin:0;padding:12px 0 0}#room-verification-controls .inline,#room-verification-controls .dialog-actions{margin:0}:root{--canvas:#09090b;--surface:#18181b;--surface-raised:#202024;--surface-inset:#101012;--border:#303036;--accent:#38bdf8;-webkit-font-smoothing:antialiased;color:#e6e9ea;background:var(--surface-inset);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{background:var(--surface-raised);color:#f1f3f4;cursor:pointer;white-space:nowrap;border:1px solid #3f3f46;border-radius:4px;padding:5px 12px}button:hover:not(:disabled){background:#303039}button:active:not(:disabled){background:#2b414e}button:disabled{opacity:.4;cursor:default}button.primary{background:#0369a1;border-color:#0284c7;font-weight:600}button.primary:hover:not(:disabled){background:#075985}button.danger{color:#ff9b9b}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{color:#f0f2f3;background:var(--surface-inset);border:1px solid #3f3f46;border-radius:4px;min-width:0;padding:6px 8px}input[type=checkbox]{accent-color:#689bbb;margin:0 5px 0 0}h1,h2,p{margin:0}h1{font-size:18px}h2{margin-bottom:18px;font-size:18px}.hidden{display:none!important}.spacer{flex:1}.muted,.count{color:#a8b4bb}.red{color:#ef9292}.blue{color:#8eb8e6}.app-bar{background:var(--surface-inset);border-bottom:1px solid var(--border);align-items:center;gap:24px;height:36px;padding:0 14px;display:flex}.app-bar strong{font-size:17px}.app-bar nav{gap:3px;display:flex}.directory-actions button{padding:5px 8px;font-weight:700}.settings-heading>button{background:0 0;border-color:#0000}.settings-tabs button{color:#93a5b0;background:0 0;border-color:#0000;flex:1;padding:9px 8px;font-size:12px}.app-bar nav button{background:0 0;border:0;border-radius:0;padding:8px 12px}.app-bar nav a{color:inherit;align-self:center;padding:4px 10px;text-decoration:none}.app-bar nav a:hover{text-decoration:underline}.app-version{color:#86959b;margin-left:auto;font-size:11px}main{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-height:calc(100vh - 36px);padding:12px;display:flex}.window{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}.window-title{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:34px;margin-bottom:12px;padding-bottom:10px;display:flex}.window-title h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.window-title>#room-count{color:#c0cbd0;margin-left:auto}.directory-window{width:800px;max-width:calc(100vw - 60px)}.directory-body{grid-template-columns:minmax(0,1fr) 144px;gap:12px;display:grid}.directory-main{min-width:0}#room-search{width:100%;margin-bottom:8px}.table-scroll{border:1px solid var(--border);scrollbar-color:#536874 #0d0d11;background:#0d0d11;height:clamp(300px,100vh - 240px,660px);overflow:auto}.room-table{border-collapse:collapse;table-layout:fixed;width:100%}.room-table th{color:#cbd3d8;text-align:left;z-index:1;border-bottom:1px solid var(--border);background:#18181d;padding:5px 7px;font-weight:400;position:sticky;top:0}.room-table th:first-child{width:61%}.room-table th button{width:100%;box-shadow:none;text-align:left;color:inherit;font:inherit;background:0 0;border:0;padding:0}.room-table th[aria-sort=ascending] button:after{content:" ↑"}.room-table th[aria-sort=descending] button:after{content:" ↓"}.room-table th:nth-child(2){width:14%}.room-table th:nth-child(3){width:11%}.room-table th:nth-child(4){width:14%}.room-table td{text-overflow:ellipsis;white-space:nowrap;height:25px;padding:3px 7px;overflow:hidden}.room-table tr.room-row{cursor:pointer}.room-table tr.room-row:hover{background:#202029}.room-table .empty-room-list{text-align:center;color:#96a7b0;white-space:normal;padding:60px 20px}.room-filters{color:#bbc7cd;gap:16px;padding-top:10px;display:flex}.room-filters label{align-items:center;display:flex}.directory-actions{flex-direction:column;gap:7px;display:flex}.status{color:#c3ced2;text-align:center;max-width:1060px;min-height:18px;font-size:12px}.game-window{width:min(1840px,100vw - 24px);padding:10px}.game-window .window-title{margin-bottom:0}.tag{color:#bbcbd5;border:1px solid #667781;padding:2px 4px;font-size:10px}.match-toolbar{align-items:center;gap:12px;height:43px;display:flex}#stadium-caption{color:#a9bbc4;font-size:12px}.scoreboard{font-variant-numeric:tabular-nums;align-items:center;gap:20px;display:flex}.scoreboard b{font-size:22px}#clock{color:#fff;font-size:17px;font-weight:700}.canvas-wrap{border:1px solid var(--border);background:#0c1615;height:clamp(280px,100vh - 420px,1040px);position:relative;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-wrap canvas.labels{pointer-events:none}.canvas-wrap:fullscreen{border:0;width:100vw;height:100vh}.match-message{text-align:center;color:#fff;width:max-content;max-width:60%;text-shadow:none;pointer-events:none;font-size:12px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.match-message:not(:empty){background:#18181be8;border:1px solid #3f3f46;border-radius:4px;padding:7px 14px}.match-message[data-team=red]{color:#ffaaa5;border-color:#90514d}.match-message[data-team=blue]{color:#a9d2ff;border-color:#4e7095}.canvas-wrap:fullscreen .match-message{top:54px}.lobby-panel{border:1px solid var(--border);background:#0d0d11;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;height:clamp(280px,100vh - 420px,1040px);padding:12px;display:grid}.team-column{flex-direction:column;min-width:0;display:flex}.team-heading{width:100%;margin-bottom:8px;font-weight:700}.red-team .team-heading{background:#794348;border-color:#a56066}.blue-team .team-heading{background:#3d6083;border-color:#5c83ac}.player-list{border:1px solid var(--border);background:#15151b;flex:1;min-height:140px;padding:5px;overflow-y:auto}.player{overflow-wrap:anywhere;cursor:default;border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:6px;display:flex}.player-name{flex:1;min-width:0}.player-team{flex:0 0 100px;width:100px;padding:4px;font-size:11px}.player[draggable=true]{cursor:grab}.player.self{background:#1c2c3b}.avatar{text-align:center;background:#556671;border-radius:50%;min-width:18px;height:18px;font-size:10px;line-height:18px}.red-team .avatar{background:#985c61}.blue-team .avatar{background:#497cac}.player-list .count{text-align:center;padding:18px 4px;font-size:12px;display:block}.room-controls{align-items:center;gap:6px;padding:8px 0;display:flex}#network-metrics{color:#9fb0ba;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.chat-log{overflow-anchor:none;border:1px solid var(--border);overflow-wrap:anywhere;background:#0b0b10;height:100px;padding:7px 9px;line-height:1.5;overflow-y:auto}.chat-log b{color:#e6e9ee}.chat-form{gap:6px;margin-top:5px;display:flex}.chat-form input{flex:1}.replay-controls{align-items:center;gap:8px;margin-bottom:8px;display:flex}.replay-controls input[type=range]{flex:1}#replay-time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#cbd3d8}dialog{color:#e6e9ea;background:var(--surface);border:1px solid #3f3f46;border-radius:4px;width:430px;max-height:90vh;padding:20px}dialog::backdrop{background:#0009}dialog p{margin:12px 0;line-height:1.55}.fields{gap:14px;display:grid}.fields label,#studio-dialog>label{color:#c5d1d8;gap:5px;display:grid}.fields label.inline{align-items:center;gap:5px;display:flex}.inline-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inline{align-items:center;gap:6px;margin-bottom:14px;display:flex}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}#stadium-source{resize:vertical;tab-size:2;width:100%;height:420px;font:12px/1.5 monospace}.error{color:#edaaaa}#admin-players .room-row{align-items:center;gap:5px;padding:5px 0;display:flex}.stadium-card span{color:#a1a1aa;padding:0 10px 10px;font-size:11px}.setting-row>span{gap:6px;display:grid}.settings-bottom>span{color:#829a8b;font-size:10px}#admin-players .room-row>span{overflow-wrap:anywhere;flex:1}#studio-dialog{width:min(960px,100vw - 64px)}.studio-description{color:#a1a1aa;font-size:13px}#stadium-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0 14px;display:grid}.stadium-card{text-align:left;background:#17171b;border:1px solid #303036;border-radius:8px;flex-direction:column;min-height:140px;padding:0;display:flex;overflow:hidden}.stadium-card svg{background:#17221c;width:100%;height:98px;display:block}.stadium-card strong{padding:10px 10px 3px;font-size:12px}.stadium-card:hover{background:#202025;border-color:#71717a}.stadium-card[aria-pressed=true]{border-color:#42677c;box-shadow:0 0 0 1px #38bdf8}#studio-selection{color:#e4e4e7;font-size:13px}#stadium-editor{border-top:1px solid #303036;margin-top:18px;padding-top:14px}#stadium-editor summary{color:#a1a1aa;cursor:pointer;font-size:12px}#stadium-editor[open] summary{margin-bottom:16px}#stadium-editor label{gap:6px;display:grid}#stadium-source{height:260px}body{background:var(--canvas)}.room-table th{background:var(--surface)}.room-table tr.room-row:nth-child(2n){background:var(--surface-raised)}.room-table tr.room-row.selected,.player.self{background:#164e63}.lobby-panel{max-height:540px}.game-window:has(.lobby-panel:not(.hidden)){width:min(960px,100vw - 24px)}.game-window:has(.canvas-wrap:not(.hidden)){flex-direction:column;height:calc(100vh - 86px);min-height:440px;padding:8px;display:flex}.game-window:has(.canvas-wrap:not(.hidden))>*{flex-shrink:0}.game-window:has(.canvas-wrap:not(.hidden)) .canvas-wrap{flex:1 1 0;height:auto;min-height:280px}.game-window:has(.canvas-wrap:not(.hidden)) .window-title{min-height:32px;padding-bottom:6px}.game-window:has(.canvas-wrap:not(.hidden)) .match-toolbar{height:34px}.room-controls{flex-wrap:wrap}.game-window:has(.canvas-wrap:not(.hidden)) .room-controls{padding:5px 0}.chat-log{scrollbar-color:#454550 transparent;border-radius:6px}.canvas-wrap:fullscreen .chat-log{height:140px}.game-window:has(.canvas-wrap:not(.hidden)) .chat-log{height:44px;padding:3px 8px}.game-window:has(.canvas-wrap:not(.hidden)) .canvas-wrap:fullscreen{height:100vh}#pitch-zoom{width:74px;min-height:27px;padding:3px 6px;font-size:11px}.fullscreen-hud,.exit-fullscreen{display:none}.canvas-wrap:fullscreen .fullscreen-hud{z-index:2;pointer-events:none;background:#101012ed;border:1px solid #ffffff26;border-radius:8px;padding:8px 20px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0006}.canvas-wrap:fullscreen .exit-fullscreen{z-index:2;background:#101012ed;display:block;position:absolute;top:14px;right:14px}.performance-hud{z-index:3;color:#e4e4e7;pointer-events:auto;font-variant-numeric:tabular-nums;background:#09090be8;border:1px solid #3f3f46;border-radius:4px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);padding:10px 12px;font:11px/1.6 ui-monospace,monospace;position:absolute;top:12px;left:12px;overflow:auto}.performance-hud dl{grid-template-columns:auto auto;gap:0 18px;margin:0;display:grid}.performance-hud dt{color:#a1a1aa}.performance-hud dd{text-align:right;margin:0}#room-password-controls{margin-top:12px}#room-password-fields{border:0;min-width:0;margin:0;padding:0}.announcement-bold,.announcement-small-bold{font-weight:700}.announcement-italic,.announcement-small-italic{font-style:italic}.announcement-small,.announcement-small-bold,.announcement-small-italic{font-size:.85em}#display-dialog>label:not(.inline){justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.chat-panel[hidden]{display:none}.chat-panel{border-top:1px solid var(--border);min-width:0}@media (min-width:901px){:is(.game-window:has(.canvas-wrap:not(.hidden)),.game-window:has(.lobby-panel:not(.hidden))){grid-template-rows:auto auto minmax(280px,1fr) auto auto auto;width:min(1840px,100vw - 24px);height:calc(100vh - 86px);min-height:440px;padding:8px;display:grid}.game-window>.window-title{grid-area:1/1;min-height:32px;padding-bottom:6px}.game-window>.match-toolbar{grid-area:2/1;height:34px}.game-window:has(.canvas-wrap:not(.hidden))>.canvas-wrap{grid-area:3/1}.game-window>.room-controls{grid-area:4/1;padding:5px 0}.game-window>.replay-controls{grid-area:5/1}.game-window>.lobby-panel{grid-area:3/1;height:auto;min-height:0;max-height:none}.game-window>.chat-panel{grid-area:6/1}.game-window:has(.canvas-wrap:not(.hidden))>.chat-panel{z-index:4;background:#101012f2;border:1px solid #ffffff26;border-radius:8px;grid-area:3/1;place-self:end start;width:min(480px,100% - 24px);margin:12px;padding:10px;box-shadow:0 4px 20px #0005}}.chat-heading{color:#c4c4cc;align-items:center;gap:12px;padding:7px 2px;font-size:11px;display:flex}.chat-hint{color:#93939f}.game-window:has(.canvas-wrap:not(.hidden)) .chat-log{height:76px}.chat-form input{min-height:34px}kbd{color:#a1a1aa;border:1px solid #52525b;border-radius:3px;margin-left:5px;padding:1px 4px;font:10px ui-monospace,monospace}#chat-unread:not([hidden]){color:#082f49;background:#38bdf8;border-radius:10px;min-width:18px;margin-left:5px;padding:1px 4px;font-size:10px;font-weight:700;display:inline-block}#toggle-chat[aria-expanded=true]{background:#1a303c;border-color:#456b7e}.scoreboard{background:#0e1015;border:1px solid #34343b;border-radius:7px;gap:16px;padding:2px 15px}.scoreboard b{text-align:center;min-width:20px}#clock{text-align:center;min-width:52px}.window-title h1{min-width:0}.invite-field{color:#b7bec8;gap:6px;margin:14px 0;display:grid}#invite-code{letter-spacing:3px;font:20px ui-monospace,monospace}#invite-result{color:#a7d8e8;min-height:20px}#join-error:empty{display:none}.status{overflow-wrap:anywhere}.canvas-wrap:fullscreen>.chat-panel{z-index:4;background:#101012f2;border:1px solid #ffffff26;border-radius:10px;width:min(480px,100% - 32px);padding:10px;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 32px #0005}.canvas-wrap:fullscreen>#toggle-chat{z-index:4;position:absolute;bottom:16px;right:16px}.canvas-wrap:fullscreen .chat-hint{display:none}@media (max-width:900px){.app-bar{gap:10px;padding:0 10px}main{padding:8px}:is(.directory-window,.game-window,.game-window:has(.lobby-panel:not(.hidden))){width:100%;max-width:100%}.game-window:has(.canvas-wrap:not(.hidden)){height:calc(100dvh - 80px)}.room-controls button{padding:6px 8px}#stadium-caption{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.match-toolbar{gap:8px}#stadium-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){button{min-height:34px;padding:6px 9px}.app-bar{gap:12px;height:auto;min-height:44px}.app-bar nav{flex-wrap:wrap;gap:0;min-width:0}.app-bar nav button{padding:7px 8px}.app-version,#stadium-caption,.chat-hint,#player-count,#toggle-chat kbd{display:none}main{padding:6px}.window{padding:8px}.window-title{gap:6px}.window-title h1{font-size:15px}.directory-body{grid-template-columns:minmax(0,1fr)}.directory-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.directory-actions .spacer{display:none}.table-scroll{height:clamp(180px,100dvh - 400px,480px)}.room-table th:first-child{width:49%}.room-table th:nth-child(2){width:19%}.room-table th:nth-child(3){width:15%}.room-table th:nth-child(4){width:17%}.room-table th{padding:5px 3px}.room-table th button{font-size:11px}.game-window:has(.canvas-wrap:not(.hidden)){height:auto;min-height:calc(100dvh - 94px)}.game-window:has(.canvas-wrap:not(.hidden)) .canvas-wrap{flex:auto;height:max(240px,100dvh - 440px);min-height:240px}.match-toolbar{gap:5px}.game-window:has(.canvas-wrap:not(.hidden)) .match-toolbar{height:46px}.scoreboard{gap:5px;padding:2px 6px}.scoreboard b{min-width:16px;font-size:18px}#clock{min-width:44px;font-size:14px}#pitch-zoom{width:57px;padding:3px}.room-controls{gap:5px}#network-metrics{white-space:normal;width:100%;padding:3px}.lobby-panel{gap:5px;padding:5px}.team-heading{padding:5px 2px;font-size:11px}.player{gap:3px;padding:4px 2px;font-size:11px}.player-list{padding:2px}dialog{max-width:calc(100vw - 24px);padding:16px}#studio-dialog{width:calc(100vw - 24px)}#stadium-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-wrap:fullscreen>.chat-panel{bottom:60px}}@media (max-width:380px){#pitch-zoom{display:none}}body:has(#game-view:not(.hidden)){overflow:hidden}body:has(#game-view:not(.hidden)) .app-bar{display:none}body:has(#game-view:not(.hidden)) main>.status{display:none}#game-view.game-window{background:#0c1615;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:0;display:block;position:fixed;inset:0}#game-view.hidden{display:none}#game-view>.canvas-wrap{border:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}#room-menu{z-index:5;border:1px solid var(--border);background:#18181bf5;border-radius:10px;width:min(760px,100% - 32px);max-height:calc(100dvh - 32px);padding:12px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 16px 80px #0009}#room-menu[hidden]{display:none}#room-menu .lobby-panel{height:clamp(150px,25dvh,260px);padding:8px}#room-menu .chat-log{height:64px}#room-menu .match-toolbar{flex-wrap:wrap;height:auto;min-height:34px}#game-view .fullscreen-hud{z-index:2;pointer-events:none;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#game-view.lobby-open .fullscreen-hud{display:none}#game-view .match-message{top:62px}#game-view .exit-fullscreen{display:none}#game-view .canvas-wrap>.chat-panel{z-index:4;border:1px solid var(--border);background:#18181bf2;border-radius:8px;width:min(440px,100% - 32px);padding:10px;position:absolute;bottom:16px;left:16px}#game-view .canvas-wrap>.chat-panel[hidden]{display:none}#game-view .canvas-wrap .chat-log{height:120px}@media (max-width:600px){#room-menu .player{flex-wrap:wrap;gap:4px}#room-menu .player-name{flex-basis:calc(100% - 26px)}#room-menu .player-team{flex:100%;width:100%;min-width:0}#room-menu .player-list{min-height:0;overflow:auto}}#room-menu{background:linear-gradient(145deg,#1e262af5,#11171bf7);border-color:#ffffff1c;border-radius:16px;width:min(780px,100% - 32px);padding:22px;box-shadow:0 28px 100px #0009,inset 0 1px #ffffff08}#room-menu .window-title{border:0;padding:0 0 16px}#room-menu .window-title h1{letter-spacing:-.5px;font-size:22px;font-weight:650}#room-menu .match-toolbar{border:0;gap:16px;min-height:54px;margin-bottom:12px}.room-context{gap:5px;display:grid}.eyebrow{letter-spacing:1.6px;color:#95a9b3;font-size:9px;font-weight:700}#room-menu #stadium-caption{color:#ccd5da;font-size:12px;display:block}#room-menu button{border-color:#ffffff16;border-radius:7px}.game-settings-dialog button.primary,#room-menu button.primary{color:#122c20;background:#bdeacb;border-color:#bdeacb}#room-menu button.primary:hover:not(:disabled),.game-settings-dialog button.primary:hover{background:#d6f4df}#toggle-lobby{padding:9px 12px}kbd{opacity:.65;font:10px inherit}#room-menu .lobby-panel{background:0 0;border:0;gap:10px;height:clamp(150px,24dvh,210px);padding:0}#room-menu .team-column{background:#ffffff03;border:1px solid #ffffff0d;border-radius:9px;padding:8px;overflow:hidden}#room-menu .team-heading{text-align:left;background:#ffffff08;padding:9px;font-size:12px}#room-menu .red-team .team-heading{color:#f5b7b7;background:#9a434329}#room-menu .blue-team .team-heading{color:#afcff4;background:#3e6b9929}#room-menu .player-list{background:0 0;border:0;min-height:0;padding:0}#room-menu .player{border:0;border-radius:6px;flex-wrap:wrap;padding:7px}#room-menu .player-name{flex-basis:calc(100% - 32px)}#room-menu .player-team{background:#0c131680;flex:100%;width:100%;min-width:0}#room-menu .player.self{background:#ffffff08}#room-menu .room-controls{justify-content:space-between;align-items:center;gap:8px;padding:14px 0}.match-actions{flex-wrap:wrap;gap:6px;display:flex}#room-menu .quiet-danger{color:#d6a1a1;background:0 0}#room-menu #network-metrics{color:#82949e;font-size:10px}.room-destinations{border-top:1px solid #ffffff0d;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:14px;display:grid}#room-menu .room-destinations button{text-align:left;white-space:normal;background:#ffffff04;gap:7px;padding:14px;display:grid}#room-menu .room-destinations button:hover:not(:disabled){background:#ffffff0c;border-color:#a5cbb33b}.room-destinations strong{font-size:14px;font-weight:600}.room-destinations small{color:#93a1ab;font-size:10px;line-height:1.5}.room-footer{align-items:center;gap:12px;margin-top:14px;display:flex}#room-menu .room-footer button{color:#a8b8c0;background:0 0;border-color:#0000;padding:5px 0;font-size:11px}.room-key-hint{color:#85949e;font-size:10px}#game-view .canvas-wrap>.chat-panel{background:linear-gradient(transparent, rgb(8 14 18/var(--chat-opacity,0)));width:min(520px,100% - 40px);box-shadow:none;color:#f0f4f3;font-size:var(--chat-font-size,14px);text-shadow:0 1px 3px #000,0 0 6px #0009;border:0;border-radius:10px;padding:12px 14px;transition:opacity .9s,background .2s;bottom:18px;left:50%;transform:translate(-50%)}#game-view .canvas-wrap .chat-heading{opacity:.6;border:0;padding:0 0 5px;font-size:10px}#game-view .canvas-wrap .chat-heading>span:first-child,#game-view .canvas-wrap .chat-heading .spacer{display:none}#game-view .canvas-wrap .chat-hint{display:block}#game-view .canvas-wrap .chat-log{height:calc(var(--chat-lines,5) * (1.5em + 4px) + 18px);font-size:inherit;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;background:0 0;border:0;border-radius:0;padding:0;line-height:1.5}#game-view .canvas-wrap .chat-form{gap:6px;margin-top:6px}#game-view .canvas-wrap .chat-form input{font-size:inherit;text-shadow:inherit;background:0 0;border:1px solid #ffffff26;border-radius:0;padding:9px 12px}#game-view .canvas-wrap .chat-form input::placeholder{color:#ffffff80}#game-view .canvas-wrap .chat-form button{color:#c7dace;background:#14221b66;border:1px solid #ffffff18;font-size:11px}#game-view .canvas-wrap .chat-panel:focus-within{background:linear-gradient(transparent, rgb(8 14 18/max(.55, var(--chat-opacity,0))))}.game-settings-dialog{background:#151e23;border:1px solid #ffffff20;border-radius:16px;width:min(680px,100vw - 32px);padding:24px}.settings-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-heading h2{letter-spacing:-.5px;margin-top:5px;font-size:24px}.settings-intro{color:#96a7b2;margin:10px 0 18px;font-size:12px;line-height:1.6}.settings-tabs{border-bottom:1px solid #ffffff12;gap:4px;padding-bottom:12px;display:flex}.settings-tabs button[aria-pressed=true]{color:#c7ebd1;background:#bdeacb14}.settings-page{min-height:300px;padding:8px 0}.settings-page[hidden]{display:none}.setting-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:24px;padding:15px 0;display:flex}.setting-row strong{font-size:13px;font-weight:550}.setting-row small{color:#91a3ae;max-width:320px;font-size:11px;line-height:1.6}.setting-row>select,.setting-row>input[type=number]{flex-shrink:0;width:170px}.setting-row>input[type=range]{accent-color:#bdeacb;width:150px}.setting-row>input[type=checkbox]{accent-color:#bdeacb;width:18px;height:18px}#display-dialog #pitch-zoom{width:170px;padding:7px;font-size:12px}.settings-bottom{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.key-reference{grid-template-columns:1fr 2fr;gap:15px;margin:20px 0;font-size:12px;display:grid}.key-reference dt{color:#9caeb8}.key-reference dd{margin:0}.key-reference kbd{color:#d0e7d9;opacity:1}#settings-dialog{background:#151e23;border-radius:14px;width:min(560px,100vw - 32px);padding:24px}#settings-dialog h2{margin-top:6px}.management-details{border-top:1px solid #ffffff12;padding:12px 0}@media (max-width:600px){.room-destinations .eyebrow,.room-destinations small,.room-key-hint{display:none}.settings-tabs button{flex:1 0 40%}#room-menu{padding:14px}#room-menu .window-title h1{font-size:18px}#room-menu .match-toolbar{gap:8px}#room-menu .room-context{width:100%}#room-menu .room-context .eyebrow{display:none}#room-menu .team-column{padding:4px}#room-menu .team-heading{padding:7px 3px;font-size:10px}#room-menu .lobby-panel{gap:5px}#room-menu .player{padding:4px}#room-menu .room-destinations button{padding:10px}.room-destinations strong{font-size:11px}#room-menu #network-metrics{width:auto}.game-settings-dialog{padding:16px}.settings-tabs{flex-wrap:wrap}.setting-row{gap:12px}.setting-row small{max-width:190px}.setting-row>select,.setting-row>input[type=number],#display-dialog #pitch-zoom{width:115px}.setting-row>input[type=range]{width:100px}#game-view .canvas-wrap>.chat-panel{width:calc(100% - 20px);bottom:10px;left:50%}}#game-view .canvas-wrap .chat-log{height:auto;max-height:calc(var(--chat-lines,5) * (1.5em + 4px) + 18px)}.game-settings-dialog[open]{flex-direction:column;max-height:min(760px,100dvh - 32px);display:flex;overflow:hidden}.game-settings-dialog>:not(.settings-page){flex-shrink:0}.game-settings-dialog .settings-page{scrollbar-width:thin;min-height:0;overflow-y:auto}.game-settings-dialog .settings-page[hidden]{display:none}#game-view .scoreboard{font-variant-numeric:tabular-nums;background:#0c171de8;border:1px solid #d5e5df24;border-radius:6px;grid-template-columns:44px 72px 44px;gap:0;padding:0;display:grid;overflow:hidden;box-shadow:0 4px 20px #0003}#game-view .scoreboard b{padding:9px 0;font-size:21px;font-weight:600;line-height:1}#game-view #score-red{color:#f5b0ac;background:linear-gradient(90deg,#bd514b30,#0000);border-bottom:2px solid #dd817b}#game-view #score-blue{color:#accdf5;background:linear-gradient(270deg,#548dc330,#0000);border-bottom:2px solid #7eafe5}#game-view #clock{color:#dfebe6;letter-spacing:.08em;align-self:center;font-size:12px}#game-view .canvas-wrap>.chat-panel[data-idle=true]{opacity:.12}#game-view .canvas-wrap>.chat-panel:focus-within,#game-view .canvas-wrap>.chat-panel:hover{opacity:1;transition-duration:.15s}#game-view .canvas-wrap .chat-log{scrollbar-color:transparent transparent;padding-top:18px;-webkit-mask-image:linear-gradient(#0000,#000 24px);mask-image:linear-gradient(#0000,#000 24px)}#game-view .canvas-wrap .chat-panel:focus-within .chat-log,#game-view .canvas-wrap .chat-panel:hover .chat-log{scrollbar-color:#c1d6cc40 transparent}#game-view .canvas-wrap .chat-form{opacity:.55;background:linear-gradient(90deg,#101e2466,#101e2400);border-bottom:1px solid #d4e7df30;border-radius:4px 4px 0 0;align-items:center;transition:opacity .18s,border-color .18s}#game-view .canvas-wrap .chat-panel:focus-within .chat-form{opacity:1;border-color:#b9d8cc99}#game-view .canvas-wrap .chat-form input{min-height:36px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 10px}#game-view .canvas-wrap .chat-form input:focus{box-shadow:none;outline:none}#game-view .canvas-wrap .chat-form button{letter-spacing:.06em;background:#d4e7df0c;border:0;border-radius:3px;margin-right:5px;padding:5px 10px;font-size:10px}#game-view .canvas-wrap .chat-form button:focus-visible{outline-offset:2px;outline:1px solid #b9d8cc}#game-view .canvas-wrap .chat-log>div{overflow-wrap:anywhere;padding:2px 0}#game-view .canvas-wrap .chat-log b{color:#b9d8cc;margin-right:6px;font-weight:600}#game-view .canvas-wrap .chat-heading{text-align:left;letter-spacing:.04em;opacity:.4;order:3;justify-content:flex-start;padding:5px 10px 0;font-size:9px}#game-view .canvas-wrap>.chat-panel{flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){#game-view .canvas-wrap>.chat-panel,#game-view .canvas-wrap .chat-form{transition:none}}