@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--ui-bg: #0a0a0a;--ui-panel: #111;--ui-border: #424242;--ui-text: #f5f5f5;--ui-muted: #aaa;--ui-accent: #00f5ff;--ui-go: #21ff7a;--ui-danger: #ff3b7f;--ui-hover-bg: #00f5ff1a;--ui-hover-accent: #8affff;--ui-hover-danger-bg: #ff3b7f1a;--font-ui: "IBM Plex Mono", "Courier New", monospace;font-family:var(--font-ui);background:var(--ui-bg);color:var(--ui-text)}*{box-sizing:border-box}body{margin:0;overflow:hidden;-webkit-tap-highlight-color:transparent}body[data-menu-open=true]{overflow:auto}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ui-accent);outline-offset:4px}summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:4px}button,a[href],select,input,summary,.checkbox-control{transition:background .15s,color .15s,border-color .15s,text-decoration-color .15s,accent-color .15s}[hidden]{display:none!important}.landing{position:relative;z-index:5;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:max(38px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));text-align:center;pointer-events:none;background:linear-gradient(#000b,transparent 40%,transparent 55%,#000d)}.landing h1{font-size:clamp(38px,8vw,82px);text-shadow:0 4px 24px #000}.landing:not([data-choosing-game=true]){padding-top:max(84px,calc(env(safe-area-inset-top) + 68px))}.game-share-controls{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto}.game-share-controls button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid var(--ui-border);border-radius:8px;background:#111d;color:var(--ui-text)}.game-share-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#game-share-dialog{width:min(540px,calc(100% - 32px),calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:60px 24px 24px}#game-share-dialog h2{font-size:20px}#game-share-canvas{display:block;width:100%;height:auto;aspect-ratio:1;background:#fff;border-radius:4px}#game-share-link{display:block;margin-top:16px;color:var(--ui-muted);font-size:11px;overflow-wrap:anywhere}.game-share-toast{position:fixed;z-index:12;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-panel);text-align:center;font-size:12px;pointer-events:none}.landing-actions{width:min(360px,100%);display:grid;gap:12px;pointer-events:auto}.landing-actions button{width:100%;min-height:52px}.landing[data-choosing-game=true]{justify-content:center;flex-direction:column}.landing[data-choosing-game=true] header{display:none}.game-picker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,calc(100% - 48px));display:grid;gap:16px;pointer-events:auto}.game-picker button{min-height:64px;font-size:22px;background:#111e}#snake-status{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;color:var(--ui-go);font-size:11px;font-variant-numeric:tabular-nums}#snake-status span{white-space:nowrap}#snake-next{color:#c7cece}#landing-status{margin:0 0 6px;font-size:12px;line-height:1.6;text-wrap:balance;text-shadow:0 2px 8px #000}#landing-custom{background:#111e;border:1px solid #888;border-radius:4px}body[data-landing=true] #gameCanvas{pointer-events:none}@media(max-height:480px)and (min-width:600px){.landing{flex-direction:row;gap:32px;padding-block:max(24px,env(safe-area-inset-top))}.landing header{flex:1}.landing h1{font-size:clamp(36px,6vw,56px)}.landing-actions{width:min(320px,45%)}#game-share-dialog{width:min(720px,calc(100% - 32px));padding:24px 24px 24px 64px}#game-share-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 24px;align-items:center}#game-share-canvas{grid-column:2;grid-row:1 / 3;width:min(100%,calc(100dvh - 82px));justify-self:center}#game-share-dialog h2{margin:0;align-self:end}#game-share-link{margin:0;align-self:start}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#game-container{position:relative;width:100%;height:100dvh;min-height:250px;overflow:hidden}#gameCanvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}body[data-menu-open=true] #game-container{display:flex;flex-direction:column;justify-content:center;height:auto;min-height:100dvh;overflow:visible;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.setup-shell{position:relative;width:min(640px,100%);min-width:0;margin:auto;display:grid;gap:18px;padding:28px;border:1px solid #777;background:#0d0d0df5;border-radius:8px;box-shadow:0 24px 80px #0008;z-index:5}.setup-header{text-align:left}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--ui-muted);margin:0 0 12px}h1{font-size:clamp(27px,6vw,44px);line-height:1.05;letter-spacing:-1.5px;margin:0;font-weight:700}h1 span{color:var(--ui-accent)}.setup-header>p:last-child{margin:10px 0 0;color:var(--ui-muted);font-size:12px}.setup-panels{touch-action:pan-y pinch-zoom;min-width:0}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.preset{background:#181818;border:1px solid var(--ui-border);border-radius:4px;padding:14px 5px;font-size:12px;text-align:center}.preset small{display:block;color:var(--ui-muted);font-size:10px;margin-top:5px}.preset.is-active{border-color:var(--ui-accent);color:var(--ui-accent);background:#00f5ff08}.option-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,56%);align-items:center;gap:10px;min-height:54px;border-bottom:1px solid #262626;padding:10px 0;font-size:12px}.option-row>*{min-width:0;max-width:100%}.option-row>input,.option-row>select,.checkbox-control{justify-self:end}.range-option{grid-template-columns:minmax(0,1fr) minmax(0,1fr) max-content}.option-row>span:first-child{min-width:0}.option-row small{display:block;font-size:10px;color:var(--ui-muted);margin-top:5px;max-width:240px;line-height:1.4}input:not([type=range]):not([type=checkbox]),select{background:#191919;border:1px solid #555;border-radius:3px;min-height:44px;padding:8px 10px;max-width:100%;font-size:12px}@media(any-pointer:coarse),(max-width:900px){input:not([type=range]):not([type=checkbox]),select{font-size:16px}}select{width:100%;min-width:0}select:enabled,input[type=range]:enabled,input[type=checkbox]:enabled{cursor:pointer}input[type=number]{width:72px;text-align:center}input[type=range]{width:30%;accent-color:var(--ui-accent);min-height:36px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--ui-accent)}output{font-size:11px;min-width:35px;text-align:right}.help{font-size:11px;line-height:1.7;color:var(--ui-muted);margin:14px 0}.setup-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid var(--ui-border);padding-top:14px}#status{flex-basis:100%;min-width:0;overflow-wrap:anywhere;font-size:11px;line-height:1.5;min-height:0;margin:0;color:var(--ui-muted)}#status:empty{display:none}#status[data-error=true]{color:var(--ui-danger)}.small-btn,.primary-btn,.start-btn{background:none;border:1px solid var(--ui-border);border-radius:3px;padding:10px 14px;min-height:44px;font-size:11px}.start-btn,.primary-btn{border-color:var(--ui-accent);color:var(--ui-accent);font-weight:600;letter-spacing:1px}.start-btn{flex:1;font-size:14px;min-height:50px}.primary-btn{width:100%}.text-link{font-size:11px;color:var(--ui-muted);display:inline-block;margin:16px 0;text-decoration:underline;text-underline-offset:4px;min-height:24px}.danger-btn{color:var(--ui-danger)}.room-code-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;margin-top:10px}.room-code-row strong{font-size:17px;letter-spacing:2px;color:var(--ui-accent);-webkit-user-select:all;user-select:all}.room-roster{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;margin:12px 0;touch-action:pan-y pinch-zoom}.room-roster li{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #292929;padding:10px;font-size:11px}.qr-container{text-align:center;padding:15px}.qr-container canvas{max-width:100%;border:8px solid white;background:#fff}.hud{position:absolute;inset:0;pointer-events:none;z-index:2;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:linear-gradient(#080b0b99,transparent 120px)}.hud,.hud *,.touch-controls,.touch-controls *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hud-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:44px}.match-counter{grid-column:2;display:flex;align-items:baseline;gap:16px;color:#c7cece;font-size:11px;line-height:1;font-variant-numeric:tabular-nums}.alive-counter{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.match-counter strong{font-size:24px;line-height:1;font-weight:500;color:#fff}#round-time{border-left:1px solid #ffffff26;padding-left:16px;font-size:24px;line-height:1;font-weight:500;color:#fff}.hud button{pointer-events:auto;touch-action:manipulation}.hud svg,.touch-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hud-menu{grid-column:1;grid-row:1;justify-self:start;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff08;color:#c7cece}.hud button:focus-visible{outline:1px solid var(--ui-accent);outline-offset:3px}.drop-in{position:absolute;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 136px);left:50%;transform:translate(-50%);width:min(360px,calc(100% - 32px));border:1px solid #00f5ff50;border-radius:12px;background:#0b1212ee;padding:18px;text-align:center;pointer-events:auto}.drop-in strong{display:block;color:var(--ui-accent);font-size:20px;font-weight:500;letter-spacing:-.5px}.drop-in p{margin:10px 0 14px;font-size:11px;line-height:1.6;color:#b8c8c8}.drop-in .primary-btn{min-height:44px;width:100%}#online-room{text-align:left}.room-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.room-panel-heading h2{margin:0}.invite-actions{display:flex;flex-wrap:wrap;gap:10px}#panel-feedback{overflow-wrap:anywhere}#panel-roster{max-height:none}#panel-roster li{white-space:normal;overflow-wrap:anywhere}#result-rank{color:var(--ui-go);font-size:13px;line-height:1.6}.result-you{display:inline-block;padding:1px 5px;border:1px solid #21ff7a66;border-radius:3px;color:var(--ui-go);font-size:10px;font-weight:500}#result-standings tr[data-self=true]{background:#21ff7a14;font-weight:600}#result-standings tr[data-self=true] td:first-child{color:var(--ui-go)}#result-next{color:var(--ui-accent)}#result-next:empty{display:none}#result-standings{width:100%;margin:16px 0;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:12px;font-variant-numeric:tabular-nums}#result-standings th{padding:0 0 8px;color:var(--ui-muted);font-size:10px;font-weight:400}#result-standings td{padding:7px 0;border-top:1px solid #ffffff18}#result-standings th:first-child{width:46px}#result-standings th:last-child{width:74px;text-align:right}#result-standings td:last-child{text-align:right;white-space:nowrap}#result-standings td:nth-child(2){padding-right:12px;overflow-wrap:anywhere}#result-standings tr[data-winner=true]{color:var(--ui-accent);font-weight:600}#result-dialog[data-online=true]{position:fixed;top:auto;bottom:max(24px,env(safe-area-inset-bottom));width:min(420px,calc(100% - 32px));padding:24px;background:#0b1212ed}#result-dialog[data-online=true] h2{margin:0 0 12px;overflow-wrap:anywhere}#result-dialog[data-online=true] #result-detail{display:none}#result-dialog[data-online=true] .result-actions{display:block}#result-leave{width:100%;min-height:48px}body:has(#result-dialog[data-online=true][open]) .hud button,body:has(#result-dialog[data-online=true][open]) .zoom-controls,body:has(#result-dialog[data-online=true][open]) #drop-in{display:none}@media(max-height:450px){#result-dialog[data-online][open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:8px 24px;width:min(720px,calc(100% - 32px));padding:16px 20px}#result-dialog[data-online=true][open]{bottom:max(16px,env(safe-area-inset-bottom))}#result-dialog[data-online] h2{margin:0;font-size:20px}#result-dialog[data-online] h2{grid-column:1;grid-row:1}#result-dialog[data-online] #result-detail{grid-column:1;grid-row:2;margin:0}#result-dialog[data-online] #result-rank{grid-column:1;grid-row:3;margin:0}#result-dialog[data-online] #result-next{grid-column:1;grid-row:4;margin:0}#result-dialog[data-online] #result-standings{grid-column:2;grid-row:1 / span 5;margin:0}#result-dialog[data-online] .result-actions{grid-column:1;grid-row:5;margin:0}#result-leave{min-width:140px}}.online-choices,.quick-modes{display:grid;gap:14px}.online-card{display:grid;gap:10px;width:100%;padding:22px;text-align:left;border:1px solid #ffffff30;border-radius:8px;background:#101717d9}.online-card strong{color:var(--ui-accent);font-size:18px;font-weight:500}.online-card span{font-size:11px;line-height:1.7;color:var(--ui-muted)}.search-panel{text-align:center;padding:12px 0}.search-panel h2{font-size:20px;line-height:1.5;font-weight:500;color:var(--ui-accent)}#search-countdown{display:block;width:100%;margin:24px 0;text-align:center;font-size:48px;font-variant-numeric:tabular-nums}#search-progress{display:block;width:100%;height:6px;margin:24px 0;accent-color:var(--ui-accent)}.connection-notice{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 56px);left:50%;transform:translate(-50%);max-width:calc(100% - 32px);text-align:center;font-size:11px;line-height:1.6;color:#ffcf79}.connection-notice[data-state=ok]{display:none}.play-hint{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));max-width:calc(50% - 94px);margin:0;font-size:11px;line-height:1.6;color:#a4acac}.spectate-btn{position:absolute;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 76px);left:50%;transform:translate(-50%);min-height:44px;padding:10px 18px;border:1px solid #ffffff24;border-radius:999px;background:#0b1010cc;color:#d2dddd;font-size:11px;white-space:nowrap}.elimination-notice{position:absolute;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 136px);left:50%;transform:translate(-50%);width:min(360px,calc(100% - 32px));padding:18px 20px;border:1px solid #ff3b7f66;border-radius:8px;background:#101014ed;box-shadow:0 12px 48px #0008;text-align:center}.elimination-notice strong{display:block;color:#ff78a4;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.6px}.zoom-controls{position:absolute;left:50%;transform:translate(-50%);bottom:calc(max(16px,env(safe-area-inset-bottom)) + 10px);display:flex;align-items:center;border:1px solid #ffffff1a;border-radius:999px;background:#0b1010b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.zoom-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#c7cece;font-size:20px;font-weight:400}.zoom-controls output{min-width:40px;text-align:center;font-size:10px;color:#a4acac;font-variant-numeric:tabular-nums}.touch-controls{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;pointer-events:none;padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.touch-controls button{pointer-events:auto;touch-action:none;display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;padding:0;border:1px solid #ffffff24;border-radius:50%;background:#10171799;color:#e0e9e9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.touch-controls svg{width:26px;height:26px}.touch-controls button.is-active{background:#00f5ff22;border-color:#00f5ff99;color:var(--ui-accent)}dialog{background:#0d1212;color:var(--ui-text);border:1px solid #ffffff26;border-radius:12px;padding:28px;width:min(440px,calc(100% - 32px));text-align:center;box-shadow:0 24px 80px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}dialog h2{margin:0 0 16px;font-size:24px;color:var(--ui-accent);overflow-wrap:anywhere}dialog p{font-size:12px;color:var(--ui-muted);line-height:1.6}.result-actions{display:flex;gap:10px;margin-top:24px}.result-actions>*{flex:1}.result-actions .primary-btn{background:var(--ui-accent);color:#071313}.result-actions .primary-btn:focus-visible{outline:1px solid #b8ffff;outline-offset:3px}.join-shell{max-width:460px}.host-shell{width:min(660px,100%);padding:30px;gap:24px;border-color:#383838;background:#0e0e0ee6;border-radius:6px}.host-shell .setup-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.host-shell h1{font-size:clamp(19px,2.5vw,29px);letter-spacing:-1px;line-height:1.2}.host-shell .setup-header .text-link{margin:0;min-height:44px;display:inline-flex;align-items:center;flex-shrink:0}.setup-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px}.setup-flow{min-width:0}.setup-section{margin-bottom:16px;min-width:0}.section-heading,.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.section-heading h2,.preview-heading h2{font-size:12px;font-weight:500;margin:0}.section-heading>span,.preview-heading>span{color:var(--ui-muted);font-size:9px;letter-spacing:1px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-picker button{text-align:center;border:1px solid var(--ui-border);background:#151515;border-radius:4px;padding:14px;font-size:13px;min-height:48px}.mode-picker button[aria-pressed=true]{border-color:var(--ui-accent);color:var(--ui-accent);background:#00f5ff08}.host-shell .option-row{min-height:62px;padding:6px 0}.host-shell .option-row>span:first-child{min-width:0}.local-keyboard{padding:12px 0;border-bottom:1px solid #262626}.local-keyboard-heading,#local-keyboard-roster li{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1fr) minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:12px}.local-keyboard-heading>span{color:var(--ui-muted);font-size:11px;text-align:center}#local-keyboard-roster{display:grid;gap:8px;list-style:none;margin:8px 0 12px;padding:0}.local-key,.local-remove{min-width:0;min-height:44px;border:1px solid var(--ui-border);background:#191919;border-radius:3px;padding:8px;overflow-wrap:anywhere}.local-key[aria-pressed=true]{color:var(--ui-accent);border-color:var(--ui-accent)}.local-remove{color:var(--ui-muted);font-size:18px}.local-key-capture{display:flex;gap:12px;align-items:center;margin-bottom:12px}.local-key-capture p{flex:1;font-size:12px;line-height:1.6;margin:0}.host-shell input[autocomplete=nickname]{width:100%}.host-shell .preset{text-align:center;padding:13px 12px;min-height:48px}.host-shell .preset-row{margin-bottom:8px}.inline-help{margin:8px 0 0;font-size:10px}.disclosure{min-width:0;width:100%;border-top:1px solid #303030;font-size:11px}.disclosure summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:52px;gap:10px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:after{content:"+";color:var(--ui-accent);font-size:18px;margin-left:auto}.disclosure[open]>summary:after{content:"−"}.disclosure summary>span{font-size:9px;color:var(--ui-muted)}.disclosure[open]>summary{color:var(--ui-accent)}.disclosure-content{min-width:0;padding-bottom:12px}.setup-shell .range-option input{width:100%;min-height:44px}.text-button{font-size:10px;color:var(--ui-muted);background:none;border:1px solid transparent;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px}.label-help{border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:8px 0;min-height:44px;text-decoration:underline dotted #666;text-underline-offset:5px}.label-help[aria-expanded=true]{color:var(--ui-accent);background:transparent;text-decoration-color:var(--ui-accent)}.option-row>.label-help{flex:1;min-width:0}.checkbox-control{display:grid;place-items:center;width:44px;min-height:44px;cursor:pointer}.checkbox-control input{margin:0}.checkbox-control:has(input:disabled){cursor:default}.help-popover{position:fixed;inset:auto;margin:0;width:min(300px,calc(100vw - 24px));padding:12px 16px 16px;border:1px solid #555;border-radius:4px;background:#181818;color:var(--ui-text);box-shadow:0 10px 40px #000a;font-size:12px}.help-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-popover-heading strong{font-weight:500;color:var(--ui-accent)}.help-popover-heading .small-btn{border:0;padding:0;width:44px;font-size:20px}.help-popover p{color:#ccc;font-size:12px;line-height:1.7;margin:4px 0 0}.setup-preview{align-self:start;min-width:0;padding-left:24px;border-left:1px solid #2b2b2b}.preview-heading{margin-bottom:0}.preview-heading>span{color:var(--ui-go);font-size:8px}#preview-stage{position:relative;width:100%;height:258px;overflow:hidden}#preview-canvas{display:block;width:100%;height:100%}#preview-fallback{padding:20px}.preview-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid #303030;gap:12px}.preview-toolbar .text-button{text-decoration:none}.preview-toolbar [aria-pressed=true]{color:var(--ui-accent)}.preview-readout{display:flex;flex-wrap:wrap;gap:0 14px;padding-top:8px}.preview-readout .label-help{font-size:11px;color:var(--ui-accent)}.host-shell .setup-actions{display:flex;justify-content:flex-end;padding-top:18px;gap:8px 16px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%}.host-shell .start-btn{font-size:12px;padding-inline:24px;min-width:180px}.host-shell #settings-note{margin-top:0}body[data-menu-open=true] #gameCanvas{pointer-events:none;opacity:.8}@media(max-width:720px){.host-shell{padding:20px;gap:20px}.host-shell .setup-header{align-items:flex-start}.host-shell h1{max-width:220px;font-size:23px}.host-shell h1 span{display:block}.host-shell .setup-header .text-link{font-size:10px}.setup-workspace{display:flex;flex-direction:column;gap:18px}.setup-flow{display:contents}.setup-section{margin:0}.settings-group:first-child{order:0}.settings-group:nth-child(2){order:2}#extra-settings{order:3}.host-shell .mode-picker button{padding:12px;font-size:12px}.host-shell .preset{padding:12px 8px;font-size:11px}.setup-preview{order:1;display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 14px;padding:12px 0 0;border-left:0;border-top:1px solid #303030;width:100%}.preview-heading{grid-column:1 / -1;margin-bottom:4px}#preview-stage{grid-column:1;grid-row:2;height:112px}.preview-readout{grid-column:2;grid-row:2;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;gap:0}.preview-readout .label-help{padding-block:6px;min-height:36px;font-size:10px}.preview-toolbar{grid-column:1 / -1;grid-row:3}.host-shell .setup-actions{padding-top:12px;gap:10px}.action-buttons{width:100%}.action-buttons>button{flex:1}.host-shell .start-btn{min-width:0;min-height:48px}.disclosure summary>span{font-size:8px}}@media(max-width:720px)and (max-height:650px){.host-shell h1{font-size:20px}.host-shell .setup-header .text-link{min-height:32px}.host-shell{gap:14px}.setup-preview{grid-template-columns:90px minmax(0,1fr)}.setup-preview #preview-stage{height:80px}}.field{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;font-size:12px;color:var(--ui-muted)}.field input{width:100%}@media(max-width:520px){.setup-shell{padding:20px;gap:14px}body[data-menu-open=true] #game-container{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.option-row{font-size:11px;gap:8px}.option-row small{max-width:160px}.preset{font-size:10px;padding:12px 4px}.room-roster{grid-template-columns:1fr}.hud-top{gap:8px;font-size:10px}}@media(max-height:550px){.setup-shell{gap:10px;padding:16px}.setup-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.setup-header .eyebrow{display:none}h1{font-size:22px}.setup-header>p:last-child{font-size:10px;max-width:160px;margin:0}.setup-actions{padding-top:8px}.start-btn{min-height:44px}.host-shell{gap:10px;padding:16px 20px}.host-shell .setup-header .eyebrow{display:none}.host-shell h1{font-size:20px}.host-shell .setup-header .text-link{min-height:32px}.host-shell .setup-actions{padding-top:8px}#preview-stage{height:176px}.host-shell .start-btn{min-height:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.host-shell[data-step="3"]{width:min(1040px,100%)}[data-setup-step]{min-width:0}.host-shell[data-step="1"] .mode-picker{margin-block:8px 24px;gap:16px}.host-shell[data-step="1"] .mode-picker button{min-height:120px;font-size:20px;text-align:left;padding:24px}.host-shell[data-step="1"] .mode-picker button[aria-pressed=true]{border-color:var(--ui-border);color:var(--ui-text);background:#151515}.host-shell[data-step="1"] .setup-actions:has(#status:empty){display:none}.settings-group{margin-bottom:24px;min-width:0}.settings-group h2{margin:0 0 4px;font-size:11px;font-weight:500;letter-spacing:1px;color:var(--ui-muted)}.review-list button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:62px;padding:12px 0;border:0;border-bottom:1px solid #303030;background:transparent;font-size:12px;text-align:left}.review-list button span:first-child{min-width:0;overflow-wrap:anywhere;line-height:1.7}.review-list button span:last-child{flex-shrink:0;font-size:10px;color:var(--ui-muted)}.host-shell .action-buttons{width:100%}.host-shell .action-buttons>#setup-back{flex:0 0 auto}.host-shell .action-buttons>.start-btn{margin-left:auto;flex:0 1 200px}.host-shell #settings-note{margin:0 auto 0 0;font-size:10px}#guest-camera{margin-top:24px}@media(max-width:720px){.host-shell[data-step="1"] .mode-picker{gap:10px}.host-shell[data-step="1"] .mode-picker button{font-size:17px;padding:16px;min-height:100px}.host-shell .setup-header{align-items:center}.host-shell h1{font-size:20px}.setup-workspace .settings-group{margin-bottom:0}.review-list button{font-size:11px;gap:10px}.host-shell .action-buttons>.start-btn{flex:1}.setup-preview{padding-top:0;border-top:0}}.host-shell .setup-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:44px;gap:12px}.host-shell .setup-header h1{grid-column:2;text-align:center;max-width:none;font-size:24px;letter-spacing:-.5px}.host-shell .setup-header>:not(h1){grid-column:3;grid-row:1;justify-self:end;white-space:nowrap}.host-shell .setup-header .small-btn{padding-inline:10px}.host-shell .setup-header #choose-game{grid-column:1;justify-self:start;font-size:11px;padding:8px 0}@media(max-width:720px){.host-shell .setup-header h1{font-size:21px}.host-shell .setup-header .text-link{font-size:9px}}@media(max-width:520px){.match-counter{gap:8px}#round-time{padding-left:8px}.hud-top{gap:8px}}#game-menu{width:min(380px,calc(100% - 32px));padding:64px 24px 24px}#game-menu h2{font-size:24px;line-height:1.4;margin:0 0 12px}#game-menu-note{min-height:38px;margin:0 0 24px}.game-menu-close{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#ddd;font-size:28px}.game-menu-actions{display:grid;gap:12px}.game-menu-actions button{width:100%;min-height:48px}@media(max-height:450px){#game-menu{padding-top:54px;padding-bottom:18px}#game-menu-note{margin-bottom:12px}}.desktop-controls{display:none;position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:8;gap:4px;padding:4px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-panel)}.desktop-controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ui-muted);font-size:12px}.desktop-controls button[aria-pressed=true]{background:var(--ui-hover-bg);border-color:var(--ui-accent);color:var(--ui-accent)}.desktop-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.local-mouse-label,body[data-control-mode=mouse] #local-keyboard-roster li:first-child .local-key{display:none}body[data-control-mode=mouse] #local-keyboard-roster li:first-child .local-mouse-label{display:block;grid-column:2 / 4;grid-row:1}@media(hover:hover)and (pointer:fine){body:is([data-menu-open=true],[data-landing=true])>.desktop-controls,#game-menu[open] .desktop-controls{display:flex}body[data-menu-open=true] #game-container{padding-top:88px}}@media(hover:hover)and (pointer:fine){button:enabled:hover,#landing-custom:enabled:hover,.host-shell[data-step="1"] .mode-picker button:enabled:hover{background:var(--ui-hover-bg);border-color:var(--ui-accent);color:var(--ui-accent);text-decoration-color:currentColor}:is(.start-btn,.primary-btn):enabled:hover{background:var(--ui-hover-accent);color:#080808}:is(.danger-btn,.local-remove):enabled:hover{background:var(--ui-hover-danger-bg);border-color:var(--ui-danger);color:var(--ui-danger)}a[href]:hover{color:var(--ui-accent);text-decoration-color:currentColor;text-decoration-thickness:2px}.disclosure summary:hover{background:var(--ui-hover-bg);color:var(--ui-accent)}select:enabled:hover,input:not([type=range]):not([type=checkbox]):enabled:hover{background:var(--ui-hover-bg);border-color:var(--ui-accent)}input[type=range]:enabled:hover{accent-color:var(--ui-hover-accent)}.checkbox-control:has(input:enabled):hover{background:var(--ui-hover-bg)}}