:root{color:#edf7f7;background:#0d1113;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,select,input{font:inherit}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.48}.appShell{height:100vh;overflow:hidden;background:#111719}.appShell.setupMode{display:block;overflow-y:auto}.appShell.matchMode{display:block;overflow:hidden}.gameSurface{position:relative;min-width:0;padding:18px}.setupMode .gameSurface{display:grid;align-content:center;width:min(1120px,100%);margin:0 auto;padding-bottom:12px}.matchMode .gameSurface{min-height:100vh;padding:14px}.ownershipBar{display:flex;width:100%;height:22px;margin-bottom:5px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#252b2d}.petPopulationBar{height:18px;margin-bottom:8px;opacity:1}.matchStandings{position:absolute;top:62px;left:14px;z-index:4;display:grid;gap:2px;min-width:378px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#080c0e7a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:.88rem;font-variant-numeric:tabular-nums}.matchStandingsHeader,.matchStandingsRow{display:grid;grid-template-columns:12px minmax(64px,1.1fr) 54px 34px 34px 40px 42px 44px;align-items:center;gap:6px}.matchStandingsHeader{color:#8fa5a8;font-size:.72rem}.standingsSortButton{min-height:24px;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:right;cursor:pointer}.standingsSortButton.alignLeft{text-align:left}.standingsSortButton.sorted-asc:after,.standingsSortButton.sorted-desc:after{margin-left:4px;color:#9eecf8;font-size:.62rem}.standingsSortButton.sorted-asc:after{content:"▲"}.standingsSortButton.sorted-desc:after{content:"▼"}.matchStandingsRow{width:100%;padding:2px 0;border:0;border-radius:3px;color:inherit;background:transparent;text-align:inherit;cursor:pointer}.matchStandingsRow:hover{background:#ffffff0d}.matchStandingsRow.cameraTarget{background:#9eecf81f;box-shadow:inset 0 0 0 1px #9eecf847}.crownFollowControl{position:absolute;left:18px;bottom:18px;z-index:5;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(255,215,72,.34);border-radius:6px;color:#fff2b0;background:#090d0f9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:.92rem;font-weight:760;cursor:pointer}.crownFollowControl.selected,.crownFollowControl:hover{border-color:#ffd748d1;background:#463508b8}.matchStandingsRow strong{color:#f2fbfc;font-size:.88rem;font-weight:700;text-align:left}.matchStandingsRow span{color:#c7d6d8;text-align:right}.standingsHealth{position:relative;display:block;height:8px;overflow:hidden;border-radius:2px;background:#ffffff1f}.standingsHealth i{display:block;height:100%;transition:width .12s linear,background .18s linear}.standingsHealth em{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;font-size:.64rem;font-style:normal;font-weight:800;line-height:8px;text-align:center;text-shadow:0 1px 2px #000,0 0 2px #000}.standingsHealth b{display:block;font-size:.62rem;line-height:8px;text-align:center}.matchStandingsRow.eliminated{opacity:.42}.cameraControl{display:inline-flex;align-items:center;gap:8px;min-height:28px;color:#c7d6d8}.cameraControlLabel{color:#8fa5a8;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.cameraControlSelect{min-width:188px;max-width:min(280px,42vw);min-height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#dff3f4;background:#050a0cb8;font-size:.84rem}.swarmHoverTip{position:absolute;top:46px;left:250px;z-index:5;max-width:min(360px,calc(100% - 280px));padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:4px;color:#dff3f4;background:#080c0ed6;font-size:.82rem;pointer-events:none}.petPopulationBar span{font-size:.78rem}.ownershipBar span{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;padding:0;overflow:hidden;color:#fff;font-size:.9rem;font-weight:780;line-height:1;text-shadow:0 1px 2px #000,0 0 3px rgba(0,0,0,.95);white-space:nowrap;transition:width .12s linear}.gameCanvas{display:block;width:100%;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#171c1e;box-shadow:0 22px 60px #0000005c}.setupMode .gameCanvas{height:min(48vh,520px)}.matchMode .gameCanvas{height:calc(100vh - 48px)}.hud{display:flex;flex-direction:column;gap:14px;min-width:0;max-height:100vh;padding:18px;overflow-y:auto;border-left:1px solid rgba(255,255,255,.12);background:#0a0e10db}.matchMode .hud{display:none}.setupMode .hud{width:min(1120px,calc(100% - 36px));max-height:none;margin:0 auto 24px;border:1px solid rgba(255,255,255,.12);border-radius:8px}.activeHud{position:absolute;top:72px;right:24px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(720px,calc(100% - 48px));padding:8px;color:#dff3f4;font-size:.92rem;font-variant-numeric:tabular-nums}.glassHud{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#090d0f47;box-shadow:none}.activeHud span,.activeHud button{min-height:28px}.debugOverlay{position:absolute;left:26px;top:34px;z-index:3;display:grid;gap:2px;max-width:min(420px,calc(100% - 52px));padding:8px 10px;border:1px solid rgba(190,255,190,.24);border-radius:6px;color:#d8ffd8;background:#00000094;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.2;pointer-events:none}.activeHud span{display:inline-flex;align-items:center;padding:0 8px}.activeHud button{border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#071113;background:#9eecf8;cursor:pointer;font-size:.84rem;font-weight:760}.titleBlock{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.titleBlock h1{margin:0;color:#f7ffff;font-size:1.25rem;font-weight:760;letter-spacing:0}.titleBlock p,.debugStrip{margin:0;color:#9ab0b2;font-variant-numeric:tabular-nums}.debugStrip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.84rem}.scoreRows,.rosterRows,.settingRows,.teamRows{display:grid;gap:10px}.tabBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:38px;margin-bottom:2px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px}.tabBar button{height:36px;min-height:36px;border:0;border-right:1px solid rgba(255,255,255,.12);color:#aabdc0;background:#ffffff09;cursor:pointer;font-size:.82rem}.tabBar button:last-child{border-right:0}.tabBar button.selected{color:#071113;background:#9eecf8;font-weight:780}.playerCard,.panel{display:grid;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff05}.tabPanel{align-content:start;min-height:238px;border:0;border-radius:0;background:transparent;padding:14px 16px}.teamGroup{display:grid;gap:6px;padding:9px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#0000001f}.teamHeader,.compactPlayerRow,.inspectCard span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.teamHeader{color:#f0fbfc;font-size:.82rem;font-weight:760}.teamHeader span:first-child{display:inline-flex;align-items:center;gap:7px}.teamHeader i{width:10px;height:10px;border-radius:999px}.compactPlayerRow{grid-template-columns:28px minmax(48px,.7fr) minmax(58px,.85fr) minmax(52px,.75fr) minmax(42px,.6fr);width:100%;min-height:28px;padding:0 7px;border:1px solid rgba(255,255,255,.09);border-radius:6px;color:#cfe1e3;background:#ffffff09;cursor:pointer;font-size:.8rem;text-align:left;font-variant-numeric:tabular-nums}.compactPlayerRow:hover{border-color:#9eecf870;background:#9eecf814}.inspectCard{display:grid;gap:6px;min-height:112px;padding:10px;border:1px solid rgba(158,236,248,.24);border-radius:8px;background:#0a1416b8}.inspectCard strong{color:#fff;font-size:.9rem}.inspectCard span{color:#a8bdc0;font-size:.78rem}.inspectCard em{font-style:normal}.inspectCard b{color:#eafafb;font-weight:720}.actionHint,.settingNote,.controlsRibbon{margin:0;padding:8px 9px;border:1px solid rgba(158,236,248,.16);border-radius:8px;color:#abc0c2;background:#9eecf80e;font-size:.82rem;line-height:1.35}.controlsRibbon{color:#d2ecef;font-size:.78rem}.player1{border-color:#50c7df5c}.player2{border-color:#ef7d9b61}.player3{border-color:#b8dc5b59}.player4{border-color:#e7bb565c}.player5{border-color:#aaa5ff61}.playerHeader,.statLine,.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d6e7e8;font-size:.86rem}.playerHeader{color:#f0fbfc;font-weight:700}.playerHeader span:first-child{display:inline-flex;align-items:center;gap:7px}.playerHeader i,.colorDot,.teamSwatch{display:inline-block;flex-shrink:0;width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.28);box-shadow:0 0 0 1px #00000038 inset}.statLine{color:#9eb6b8;font-variant-numeric:tabular-nums}.meter{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#ffffff1c}.meter span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#72eea2,#f6d264)}.panelHeader strong,.panel summary{color:#f7ffff;font-weight:760}.panelHeader button,.rosterRow button,.secondaryButton{min-height:32px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#dff4f6;background:#ffffff0f;cursor:pointer}.rosterRow{display:grid;grid-template-columns:14px 30px 54px minmax(0,1fr) 66px;align-items:center;gap:8px}.rosterRow strong{color:#fff}.controlSegments{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px}.humanCountControl{display:grid;grid-template-columns:minmax(0,1fr) 56px 56px;align-items:center;gap:8px;color:#d6e7e8;font-size:.84rem}.humanCountControl button{min-height:32px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#dff4f6;background:#ffffff0f;cursor:pointer}.humanCountControl button.selected{color:#071113;background:#9eecf8;font-weight:780}.controlSegments button{min-height:32px;border:0;border-right:1px solid rgba(255,255,255,.12);color:#aabdc0;background:#ffffff09;cursor:pointer;font-size:.82rem}.rosterRow>select{grid-column:4;grid-row:1}.rosterRow>button{grid-column:5;grid-row:1}.controlSegments button:last-child{border-right:0}.controlSegments button.selected{color:#071113;background:#9eecf8;font-weight:780}.rosterRow select,.labelInput,.panel select{width:100%;min-height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#effafa;background:#151b1d}.labelInput{grid-column:3;grid-row:1;text-transform:uppercase}.panel label{display:grid;gap:7px;color:#9db2b4;font-size:.84rem}.settingRows label span{display:flex;justify-content:space-between;gap:10px}.settingRows b{color:#edf7f7;font-variant-numeric:tabular-nums}.settingRows input[type=range]{width:100%}.settingValueControls{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:10px}.settingNumberInput{width:84px;min-width:0;padding:6px 7px;border:1px solid #354247;border-radius:4px;color:#edf7f7;background:#111719;font:inherit;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.settingNumberInput::-webkit-inner-spin-button,.settingNumberInput::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.restartButton,.matchBanner button{min-height:42px;border:0;border-radius:8px;color:#071113;background:#9eecf8;font-weight:780;cursor:pointer}.restartButton:hover,.matchBanner button:hover{background:#dbfbff}.secondaryButton{min-height:40px}.matchBanner{position:absolute;left:50%;top:54px;display:flex;align-items:center;gap:16px;min-width:min(560px,calc(100% - 72px));padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#090d0feb;box-shadow:0 16px 42px #00000057;transform:translate(-50%)}.matchBanner strong{flex:1;min-width:0;color:#fff}.matchBanner button{min-width:136px}.bannerActions{display:flex;flex-wrap:wrap;gap:8px}.bannerActions button{min-width:128px}@media (max-width: 980px){body{overflow:auto}.gameSurface{padding:12px}.setupMode .gameCanvas{height:min(66vh,620px)}.matchMode .gameCanvas{height:calc(100vh - 48px)}.hud{max-height:none;border-left:0;border-top:1px solid rgba(255,255,255,.12)}.setupMode .hud{width:calc(100% - 24px)}.matchMode .hud{display:none}.activeHud{left:18px;right:18px;justify-content:center;max-width:none}}body{overflow:hidden}.appShell.arenaMode,.arenaMode .gameSurface{width:100%;height:100vh;min-height:0;overflow:hidden}.arenaMode .gameSurface{padding:0}.arenaMode .gameCanvas{width:100%;height:100vh;border:0;border-radius:0;box-shadow:none}.phase-running .gameCanvas,.phase-paused .gameCanvas,.phase-ended .gameCanvas{cursor:grab;touch-action:none}.phase-running .gameCanvas:active,.phase-paused .gameCanvas:active,.phase-ended .gameCanvas:active{cursor:grabbing}.scoreBars{position:absolute;top:12px;left:18px;right:18px;z-index:4;pointer-events:none}.scoreBars .ownershipBar{box-shadow:0 2px 10px #0000002e}.phase-running .scoreBars,.phase-deployment .scoreBars,.phase-paused .scoreBars{opacity:.88}.phase-setup .scoreBars{opacity:.34}.debugOverlay{z-index:12;background:#00000047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.criticalHealth{color:#fff4dc!important;animation:criticalHealthPulse .72s ease-in-out infinite;transform-origin:center}.matchStandingsRow.criticalHealth{border-left:3px solid #ff3153;padding-left:4px;background:#8c081c2e}@keyframes criticalHealthPulse{0%,to{transform:scale(1);text-shadow:0 0 0 rgba(255,49,83,0)}50%{transform:scale(1.1);text-shadow:0 0 10px rgba(255,49,83,.9)}}.countdownOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;color:#fff;background:#0307094d;pointer-events:none}.countdownOverlay strong{font-family:Courier New,ui-monospace,monospace;font-size:11rem;font-weight:900;line-height:1;letter-spacing:0;text-shadow:0 6px 0 #18383f,0 0 22px rgba(158,236,248,.92),0 0 64px rgba(85,214,243,.52);animation:countdownPop .18s ease-out}.deploymentCanvas{cursor:crosshair}.deploymentHud{position:absolute;top:52px;left:50%;z-index:16;display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 18px;width:min(620px,calc(100% - 32px));padding:12px 14px;transform:translate(-50%);pointer-events:none}.deploymentSide{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}.deploymentActions{display:flex;justify-content:flex-end;gap:8px}.deploymentActions button{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#dff3f4;background:#ffffff14;cursor:pointer}.deploymentActions button:hover{border-color:#9eecf8;background:#9eecf81f}.deploymentHud>div:first-child{display:flex;align-items:baseline;gap:10px}.deploymentHud>div:first-child span{color:#fff;font-size:1rem;font-weight:800}.deploymentHud>div:first-child strong{color:#9eecf8;font-family:ui-monospace,monospace;font-size:1.55rem}.deploymentHud p,.deploymentHud em{grid-column:1 / -1;margin:0;color:#b8cacc;font-size:.82rem;font-style:normal}.deploymentHud em{color:#ffb8c6}.deploymentPlayers{display:flex;justify-content:flex-end;gap:6px}.deploymentPlayers button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#cad9da;background:#ffffff0d;cursor:pointer}.deploymentPlayers button.selected{border-color:#9eecf8;color:#fff;background:#9eecf824}.deploymentPlayers i{display:inline-block;width:9px;height:9px;border-radius:50%}.zoomControls{display:grid;grid-template-columns:repeat(2,30px);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:6px}.activeHud .zoomControls button{min-width:30px;padding:0;border:0;border-radius:0;color:#dff3f4;background:#ffffff0f}.activeHud .zoomControls button+button{border-left:1px solid rgba(255,255,255,.12)}.simulationSpeedControls{display:grid;grid-template-columns:repeat(4,32px);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:6px}.activeHud .simulationSpeedControls button{min-width:32px;padding:0;border:0;border-radius:0;color:#b9cbcd;background:#ffffff0d}.activeHud .simulationSpeedControls button+button{border-left:1px solid rgba(255,255,255,.12)}.activeHud .simulationSpeedControls button.selected{color:#071113;background:#9eecf8}@keyframes countdownPop{0%{opacity:0;transform:scale(1.24)}to{opacity:1;transform:scale(1)}}.setupOverlay{position:absolute;top:24px;right:24px;bottom:24px;left:24px;z-index:10;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1040px,calc(100% - 48px));max-height:calc(100vh - 48px);margin:auto;overflow:hidden;border:2px solid rgba(255,255,255,.16);border-radius:6px;background:#0c1113}.setupHeader,.setupFooter{display:flex;align-items:center;gap:12px;padding:12px 14px}.setupHeader{position:relative;display:grid;justify-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.setupHistoryLink{position:absolute;top:12px;right:14px;min-height:32px;padding:0 8px;border:0;color:#9eecf8;background:transparent;font-size:.88rem;font-weight:800;cursor:pointer}.setupHistoryLink:hover,.setupHistoryLink:focus-visible{color:#fff;text-decoration:underline}.setupFooter{border-top:1px solid rgba(255,255,255,.1)}.setupHeader h1,.setupHeader p{margin:0}.setupHeader h1{width:100%;font-size:1.55rem;text-align:center}.setupHeader p{margin-top:3px;color:#9db2b4;font-size:.82rem}.setupSteps{display:grid;grid-template-columns:repeat(3,minmax(104px,1fr));gap:6px;width:min(480px,100%)}.setupSteps button,.setupFooter button,.stateActions button{min-height:36px;padding:0 12px;border:2px solid rgba(255,255,255,.12);border-radius:4px;color:#d9e8e9;background:#1a2124;cursor:pointer;font-weight:600;font-size:.9rem}.setupSteps button.selected,.setupFooter .primaryAction,.stateActions .primaryAction{color:#071113;background:#9eecf8}.setupBody{display:grid;grid-template-columns:1fr;min-height:0}.setupBody--withMap{grid-template-columns:1fr;grid-template-rows:minmax(210px,42%) minmax(0,1fr)}.minimapFrame{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000029}.minimapCanvas{display:block;width:auto;max-width:100%;height:min(220px,100%);max-height:100%;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:#171c1e}.minimapFrame>span{position:absolute;right:max(26px,calc(50% - 330px));bottom:20px;padding:4px 7px;color:#cbdadb;background:#000000b3;font-family:ui-monospace,monospace;font-size:.82rem}.setupPanelScroll{min-height:0;padding:18px;overflow-y:auto}.setupPanelScroll .panel{border:0;background:transparent;box-shadow:none}.readySummary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}.readySummary span{color:#9db2b4}.setupFooter{justify-content:flex-end;border-top:1px solid rgba(255,255,255,.12)}.setupFooter .controlsRibbon{flex:1;margin:0}.stateOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;padding:24px;background:#02060875;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.statePanel{display:grid;gap:18px;width:min(620px,100%);padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#080d0fe8;box-shadow:0 22px 70px #0000008f;text-align:center}.statePanel--results{width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:hidden}.statePanel>strong{color:#fff;font-size:2.35rem;letter-spacing:0}.stateEyebrow{color:#9eecf8;font-family:ui-monospace,monospace;font-size:.78rem;font-weight:800;text-transform:uppercase}.stateActions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}@media (max-width: 760px){.countdownOverlay strong{font-size:7rem}.setupOverlay{top:12px;right:12px;bottom:12px;left:12px;width:calc(100% - 24px);max-height:calc(100vh - 24px)}.setupHeader{align-items:stretch;flex-direction:column}.setupSteps{grid-template-columns:repeat(3,minmax(0,1fr))}.setupSteps button{min-width:0;padding:0 6px;font-size:.82rem}.setupBody{grid-template-columns:1fr;grid-template-rows:190px minmax(0,1fr)}.minimapFrame{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.minimapCanvas{width:auto;height:150px;max-width:100%}.setupFooter{flex-wrap:wrap}.setupFooter .controlsRibbon{flex-basis:100%}.statePanel>strong{font-size:1.7rem}.deploymentHud{grid-template-columns:1fr}.deploymentPlayers{justify-content:flex-start}}.worldPanel,.lobbyPanel{gap:18px;min-height:0;padding:0}.sizeGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.worldSection{display:grid;gap:8px}.worldSectionLabel{color:#a9babc;font-size:.78rem;font-weight:800;text-transform:uppercase}.defaultMapGrid{display:flex;gap:8px;min-width:0;overflow-x:auto;padding:2px 2px 5px}.defaultMapGrid>button,.defaultMapGrid .mapChoice{position:relative;flex:0 0 118px;width:118px}.defaultMapGrid>button{display:grid;place-items:center;gap:5px;height:112px;padding:8px;border:1px solid rgba(255,255,255,.14);color:#dce9ea;background:#ffffff08}.defaultMapGrid>button strong{max-width:100%;font-size:.82rem;line-height:1.2;text-align:center;white-space:normal}.defaultMapGrid>button.selected{border-color:#9eecf8;background:#9eecf81a}.mapShapePreview{display:block;width:54px;height:54px;border:5px solid rgba(158,236,248,.72);background:#7d694ab3}.mapShapePreview.circle{border-radius:50%}.defaultMapGrid .favoriteThumbnail{display:grid;width:112px;height:112px;padding:4px;overflow:hidden}.defaultMapGrid .favoriteThumbnail canvas,.defaultMapGrid .favoriteThumbnail img{width:100%;min-height:0;object-fit:cover;image-rendering:pixelated}.savedMapLabel{overflow:hidden;color:inherit;font-size:.76rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.colorSection{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.13)}.mapEditor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#080c0e}.mapEditor canvas{width:100%;height:100%;cursor:crosshair;touch-action:none}.mapEditorToolbar{position:absolute;top:12px;bottom:12px;left:12px;display:flex;width:164px;flex-direction:column;align-items:stretch;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#080c0ee0}.mapEditorToolbar>strong{font-size:1.05rem}.mapEditorGroupLabel{color:#91a6aa;font-size:.75rem;font-weight:700;text-transform:uppercase}.mapEditorTools{display:grid;gap:4px}.mapEditorToolbar button{min-height:40px;padding:7px 10px}.mapEditorTools button{display:flex;align-items:center;gap:9px;width:100%;text-align:left}.mapEditorToolbar svg{width:18px;height:18px;vertical-align:middle}.mapEditorToolbar button.selected,.mapEditorToolbar button.primary{color:#071014;background:#9eecf8}.mapEditorToolbar button.danger{color:#fff;border-color:#e65f62;background:#8a272a}.mapEditorError{color:#ff9b9e;font-size:.78rem;line-height:1.35}.mapEditorTools .brushPreview.medium{width:12px;height:12px;margin:0 3px}.mapEditorTools .brushPreview.hero{width:18px;height:18px}.mapEditorPan{display:flex;align-items:center;gap:6px;color:#91a6aa;font-size:.8rem}.mapEditorActions{display:grid;gap:5px;margin-top:auto}.worldTopActions{display:flex;align-items:center;gap:6px;min-width:0}.worldTopActions button{min-width:116px;min-height:40px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#dce9ea;background:#ffffff0a;cursor:pointer;font-weight:600}.favoriteStrip{display:flex;flex:1;gap:6px;min-width:0;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin}.favoriteStrip .favoriteThumbnail{flex:0 0 76px;width:76px;min-width:76px;height:48px;min-height:48px;padding:1px;overflow:hidden;border-color:#ffffff2e}.favoriteItem{position:relative;flex:0 0 76px}.favoriteItem.active .favoriteThumbnail{border-color:#9eecf8;box-shadow:0 0 0 1px #9eecf8}.favoriteItem .removeFavorite{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;border:0;border-radius:50%;color:#fff;background:#05080ac7;font-size:1rem;line-height:1}.favoriteThumbnail canvas,.favoriteThumbnail img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.monochromeTheme{display:grid;grid-template-columns:1fr 1fr 1fr;padding:3px!important;background:#777}.monochromeTheme i:nth-child(1){background:#f5f5f5}.monochromeTheme i:nth-child(2){background:#090909}.monochromeTheme i:nth-child(3){background:#949494}.mapFavoriteActions{display:flex;align-items:center;gap:6px;min-width:0}.mapFavoriteActions .worldRegenerateAction{flex:0 0 auto}.worldRegenerateAction{justify-self:start;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:4px;color:#dce9ea;background:#ffffff0d;cursor:pointer;font-size:.9rem;font-weight:700}.worldTopActions button:hover:not(:disabled){border-color:#9eecf8;color:#fff}.sizeGrid button{display:grid;gap:1px;min-height:44px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#dce9ea;background:#ffffff08;cursor:pointer;text-align:left}.sizeGrid button.selected{border-color:#9eecf8;background:#9eecf81a}.sizeGrid strong,.optionRow strong,.slotCountRow strong{color:#f5ffff;font-size:.92rem}.sizeGrid span,.optionRow>div>span,.slotCountRow>div>span{color:#9db0b2;font-size:.84rem;line-height:1.3}.worldOptions{display:grid}.mapColorControls{display:grid;border-top:1px solid rgba(255,255,255,.11)}.mapColorRow{display:grid;grid-template-columns:24px minmax(96px,.65fr) repeat(3,minmax(110px,1fr));align-items:center;gap:12px;min-height:54px;border-bottom:1px solid rgba(255,255,255,.09)}.mapColorSwatch{width:22px;height:22px;border:2px solid rgba(255,255,255,.45);border-radius:3px}.mapColorRow strong{color:#f5ffff;font-size:.92rem}.mapColorRow label{display:grid;grid-template-columns:42px minmax(50px,1fr);align-items:center;gap:7px;color:#a9babc;font-size:.78rem}.mapColorRow input[type=range]{min-width:0;width:100%;accent-color:#9eecf8}.botTestModeControl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.blindBotTest.phase-running .scoreBars,.blindBotTest.phase-running .matchStandings,.blindBotTest.phase-running .gameCanvas,.blindBotTest.phase-running .matchControls{visibility:hidden}.blindSimulationStatus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;gap:8px;color:#c7d6d8;background:#080c0e;text-align:center;font-variant-numeric:tabular-nums}.blindSimulationStatus strong{color:#fff;font-size:2rem}.blindSimulationActions{display:flex;justify-content:center;gap:8px;margin-top:12px}.blindSimulationActions button{min-height:40px}.botTestModeControl button{min-height:42px;border:1px solid rgba(255,255,255,.14);border-radius:4px;color:#c8d8da;background:#ffffff0a;font:inherit;font-weight:750}.botTestModeControl button.selected{border-color:#9eecf8;color:#071113;background:#9eecf8}.botTestMatrix{display:grid;grid-template-columns:minmax(90px,1fr) repeat(4,minmax(64px,.8fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#b9cbcd;background:#ffffff14;font-size:.82rem}.botTestBatchControls{display:flex;align-items:center;justify-content:space-between;gap:12px}.botTestBatchControls label{display:flex;align-items:center;gap:8px;color:#aebfc1}.botTestBatchControls input{width:72px;min-height:36px;text-align:center}.botTestMatrix>strong,.botTestMatrix>span,.botTestMatrixRow>*{padding:7px 9px;background:#111718}.botTestMatrixRow{display:contents}.botTestMatrixRow b{color:#f4ffff}.botTestResults{width:100%;max-width:100%;max-height:46vh;overflow:auto;border:1px solid rgba(255,255,255,.17);border-radius:4px;font-size:.82rem}.botTestResultsHeader,.botTestResultsRow{display:grid;grid-template-columns:minmax(110px,1.2fr) repeat(8,minmax(54px,.8fr));gap:1px;min-width:780px}.botTestResultsHeader{position:sticky;top:0;color:#9eecf8;background:#101718}.botTestResultsHeader>*,.botTestResultsRow>*{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.botTestResultsRow strong{color:#f4ffff}.botTestSetup{display:grid;gap:8px}.botTestSetup>.quietAction{justify-self:start}.botHistory{grid-row:1 / -1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.botHistoryHeader,.botHistoryFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.botHistoryHeader div{display:grid;gap:2px}.botHistoryHeader span{color:#9eecf8;font-weight:800;font-size:.78rem;text-transform:uppercase}.botHistoryHeader h2,.botHistorySection h3,.botHistorySection h4{margin:0}.botHistoryHeader h2{font-size:1.5rem}.botHistoryHeader button,.botHistoryFooter button{min-height:36px;padding:0 13px}.botHistoryHeader button{border:1px solid rgba(255,255,255,.18);color:#dcebed;background:#1a2224;font-weight:700}.botHistoryBody{display:grid;gap:22px;min-height:0;padding:18px;overflow:auto}.botHistorySummary{display:flex;align-items:stretch;flex-wrap:wrap;gap:1px;border:1px solid rgba(255,255,255,.13);background:#ffffff14}.botHistorySummary strong{display:grid;min-width:130px;padding:12px 14px;color:#f5ffff;background:#111718;font-size:1.35rem}.botHistorySummary strong span{color:#9eb0b2;font-size:.76rem;font-weight:600}.botHistorySummary p{flex:1 1 260px;align-self:center;margin:0;padding:10px 14px;color:#aebfc1}.botHistorySection{display:grid;gap:9px}.botHistorySection>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.botHistorySection>header span{color:#95a9ab;font-size:.82rem}.botHistoryTable{overflow-x:auto;border:1px solid rgba(255,255,255,.13)}.botHistoryTableHeader,.botHistoryTableRow{display:grid;grid-template-columns:minmax(330px,1fr) repeat(4,minmax(74px,.3fr));min-width:670px}.botHistoryTableHeader{color:#9eecf8;background:#151d1f;font-size:.78rem;font-weight:800}.botHistoryTableHeader>*,.botHistoryTableRow>*{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.botHistoryTraits{display:flex;flex-wrap:wrap;gap:5px}.botHistoryTraits i{padding:2px 6px;border:1px solid rgba(158,236,248,.24);color:#dcebec;font-style:normal;font-size:.76rem}.botHistoryRate{position:relative;isolation:isolate;font-weight:800}.botHistoryRate:before{position:absolute;inset:4px auto 4px 4px;z-index:-1;width:calc((100% - 8px) * var(--rate));max-width:calc(100% - 8px);background:#4ccab247;content:""}.botTraitAnalysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.botTraitAnalysis article{border:1px solid rgba(255,255,255,.13);background:#111718}.botTraitAnalysis h4{padding:9px 11px;color:#9eecf8;border-bottom:1px solid rgba(255,255,255,.1)}.botTraitAnalysis article>div{display:grid;grid-template-columns:minmax(76px,1fr) 70px minmax(105px,auto);align-items:center}.botTraitAnalysis article>div>*{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.07)}.botTraitAnalysis small{color:#97abad;text-align:right}.botRecentRuns{display:grid;border:1px solid rgba(255,255,255,.13)}.botRecentRuns>div{display:grid;grid-template-columns:minmax(100px,.5fr) minmax(180px,1fr) auto;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.botRecentRuns span,.botRecentRuns time{color:#99acae;font-size:.82rem}.botHistoryFooter{border-top:1px solid rgba(255,255,255,.12);border-bottom:0}.botHistoryFooter .dangerAction{color:#ff9ea8;border-color:#ff647359;background:#261418}.botHistoryEmpty{display:grid;place-content:center;gap:6px;color:#9badaf;text-align:center}.botHistoryEmpty strong{color:#eefafa;font-size:1.2rem}@media (max-width: 720px){.botTraitAnalysis{grid-template-columns:1fr}.botHistorySection>header{align-items:flex-start;flex-direction:column}.botRecentRuns>div{grid-template-columns:1fr;gap:2px}}.rosterEntry{display:grid;gap:0}.botDispositionEditor{margin:-1px 8px 0;border:1px solid rgba(255,255,255,.09);border-top:0;border-radius:0 0 4px 4px;background:#ffffff05}.botDispositionEditor summary{padding:8px 10px;color:#91a6a8;cursor:pointer;font-size:.8rem;font-weight:700}.botDispositionEditor>div{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;padding:0 10px 10px}.botDispositionAction{grid-column:1 / -1;justify-self:start}.botDispositionEditor label{gap:4px;font-size:.76rem}.botDispositionEditor select{min-height:34px;font-size:.8rem}@media (max-width: 820px){.mapColorRow{grid-template-columns:24px minmax(80px,1fr);padding:8px 0}.mapColorRow label{grid-column:1 / -1;grid-template-columns:64px minmax(0,1fr)}.botDispositionEditor>div{grid-template-columns:repeat(2,minmax(100px,1fr))}}.optionRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:72px;border-bottom:1px solid rgba(255,255,255,.11)}.optionRow>div:first-child,.slotCountRow>div:first-child{display:grid;gap:3px}.worldPanel .optionRow select{width:238px;min-height:40px;font-size:.93rem}.compactStepper{display:grid;grid-template-columns:38px 58px 38px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:7px}.compactStepper button{min-height:38px;border:0;color:#e9f7f8;background:#ffffff0f;cursor:pointer;font-size:1.2rem}.compactStepper output{color:#fff;font-size:.95rem;font-weight:760;text-align:center;font-variant-numeric:tabular-nums}.compactStepper input[type=number]{width:58px;min-width:0;min-height:38px;padding:0 2px;border:0;color:#fff;background:#0003;font:inherit;font-weight:760;text-align:center;font-variant-numeric:tabular-nums}.compactStepper input[type=number]::-webkit-inner-spin-button,.compactStepper input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.compactStepper input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.toggleControl{display:grid;grid-template-columns:34px 28px;align-items:center;gap:8px;min-height:38px;padding:0 10px 0 4px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#a9babc;background:#ffffff0d;cursor:pointer;font-size:.85rem}.toggleControl i{position:relative;width:32px;height:22px;border-radius:999px;background:#3b4446}.toggleControl i:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#c6d1d2;content:"";transition:transform .12s ease}.toggleControl.selected{color:#efffff;border-color:#9eecf875}.toggleControl.selected i{background:#3b9db2}.toggleControl.selected i:after{background:#fff;transform:translate(10px)}.slotCountRow{display:flex;align-items:center;justify-content:space-between;gap:18px}.matchModeControl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(420px,100%);padding:4px;border:2px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff0a}.matchModeControl button{min-height:42px;border:0;color:#b9cbcd;background:transparent;cursor:pointer;font-size:.9rem;font-weight:760}.matchModeControl button.selected{color:#071113;background:#9eecf8}.slotTableHeader,.slotRow{display:grid;grid-template-columns:48px minmax(100px,1fr) 154px 130px 148px 112px 30px;align-items:center;gap:8px}.botBrainHeader{display:grid;gap:3px;color:inherit}.botBrainHeader select{min-width:0;height:28px;font-size:.78rem;text-transform:none}.botBrainSelect{min-width:0}.botBrainLegend{display:flex;flex-wrap:wrap;gap:8px 22px;color:#a9babc;font-size:.82rem;line-height:1.45}.botBrainLegend strong{color:#edf7f7}.audioControls{display:grid;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff09}.audioControls label{display:grid;grid-template-columns:74px minmax(120px,1fr) 24px;align-items:center;gap:10px;color:#dce9ea;font-size:.9rem;font-weight:700;text-align:left}.audioControls input[type=range]{width:100%}.audioControls input[type=checkbox]{width:18px;height:18px}.audioControls__sfxKinds{display:grid;gap:8px;margin:-2px 0 2px;padding:8px 0 8px 12px;border-left:2px solid rgba(255,255,255,.1)}.audioControls__sfxKinds label{grid-template-columns:104px minmax(100px,1fr);gap:10px;font-size:.82rem;font-weight:600;color:#9eb0b2}.audioControls__sfxKinds input[type=range]:disabled{opacity:.35}.slotTableHeader{padding:0 9px;color:#829597;font-size:.78rem;font-weight:760;text-transform:uppercase}.slotRow{min-height:50px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#ffffff05}.slotIdentity{display:flex;align-items:center;gap:8px}.slotIdentity strong{color:#fff;font-size:.9rem}.slotRow .labelInput,.slotRow select{width:100%;min-height:36px;padding:0 8px;border-radius:6px;font-size:.86rem}.slotRow .labelInput{grid-column:auto;grid-row:auto}.slotRow>select,.slotRow>button{grid-column:auto;grid-row:auto}.teamSelectRow{display:grid;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:6px}.autoAssignment{color:#91a6a8;font-size:.84rem;font-weight:700}.petStylePicker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.petStylePicker button{display:grid;justify-items:center;gap:2px;min-height:42px;padding:4px 2px;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#aebfc1;background:#ffffff0a;font-size:.78rem;cursor:pointer}.petStylePicker button.selected{border-color:#9eecf8;color:#fff;background:#9eecf81f}.petStylePreview{position:relative;display:inline-block;flex-shrink:0;width:14px;height:14px;min-width:14px;min-height:14px;aspect-ratio:1;border-radius:999px;border:1px solid rgba(0,0,0,.28);box-sizing:border-box}.petStylePreview--kitty:before,.petStylePreview--kitty:after{content:"";position:absolute;top:-4px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid currentColor}.petStylePreview--kitty:before{left:-1px;transform:rotate(-22deg)}.petStylePreview--kitty:after{right:-1px;transform:rotate(22deg)}.slotStatus{color:#b9cbcd;font-size:.84rem;white-space:nowrap}.removeSlot{min-height:30px;border:0;color:#93a4a6;background:transparent;cursor:pointer;font-size:1.15rem}.quietAction{justify-self:start;min-height:34px;padding:0;border:0;color:#91a6a8;background:transparent;cursor:pointer;font-size:.82rem}.launchPanel{display:grid;gap:22px}.launchPanel>header{display:grid;gap:5px}.launchPanel>header span{color:#9eecf8;font-size:.8rem;font-weight:800;text-transform:uppercase}.launchPanel>header strong{color:#fff;font-size:1.85rem;letter-spacing:0}.launchFacts,.launchRules{display:flex;flex-wrap:wrap;gap:8px}.launchFacts span,.launchRules span{padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#cbdadb;background:#ffffff09;font-size:.82rem}.launchRoster{display:grid;border-top:1px solid rgba(255,255,255,.11)}.launchRoster>div{display:grid;grid-template-columns:12px minmax(80px,1fr) 130px 88px minmax(68px,auto);align-items:center;gap:10px;min-height:48px;border-bottom:1px solid rgba(255,255,255,.11);color:#aebfc1;font-size:.86rem}.launchRoster i{display:inline-block;width:10px;height:10px;border-radius:50%}.launchRoster strong{color:#f2fbfc}.launchPetStyle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.setupProgress{flex:1;color:#839698;font-size:.84rem;font-weight:780;text-transform:uppercase}.developerPanel{position:absolute;top:20px;right:20px;bottom:20px;z-index:30;width:min(400px,calc(100% - 40px));overflow-y:auto;border:1px solid rgba(190,255,190,.24);border-radius:7px;background:#04090af0;box-shadow:0 20px 60px #0000009e}.developerHeader{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid rgba(255,255,255,.12);background:#091012}.developerHeader span{color:#829698;font-size:.82rem}.developerPanel .panel{border:0;background:transparent}@media (max-width: 760px){.sizeGrid{grid-template-columns:1fr}.sizeGrid button{min-height:48px}.optionRow{gap:12px}.worldPanel .optionRow select{width:178px;font-size:.8rem}.slotTableHeader{display:none}.slotRow{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr)}.slotRow .slotIdentity{grid-column:1}.slotRow .labelInput{grid-column:2 / 4}.slotRow select{min-width:0}.slotStatus{grid-column:1 / 3}.removeSlot{grid-column:3;grid-row:3;justify-self:end}.launchRoster>div{grid-template-columns:12px minmax(70px,1fr) 108px}.launchRoster>div span:last-child{display:none}}.play-entry,.online-entry,.online-room{min-height:100dvh;background:#0b1012;color:#f5f7f2;font-family:inherit}.play-entry{display:grid;place-items:center;background:linear-gradient(#0b1012cc,#0b1012ee),#243b36}.play-entry-panel,.online-form,.online-lobby{width:min(560px,calc(100vw - 32px));display:grid;gap:12px}.play-entry-panel h1,.online-title h1{margin:0 0 16px;font-size:clamp(28px,5vw,52px)}.play-entry button,.online-entry button,.online-room button,.online-form input,.online-form select{min-height:48px;border:2px solid #39474a;border-radius:4px;background:#151d20;color:#f5f7f2;padding:10px 14px;font:inherit}.primary-action{background:#87dceb!important;border-color:#b5f4ff!important;color:#081113!important;font-weight:800!important}.online-entry{padding:24px}.online-title{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;background:#0b1012e8}.online-title small{color:#94a6a8;font-weight:800;letter-spacing:.08em}.online-form{margin:32px auto;grid-template-columns:repeat(2,minmax(0,1fr))}.online-form label{display:grid;gap:6px;font-weight:700}.online-form .primary-action,.online-form .online-error{grid-column:1 / -1}.online-error{color:#ff8b86;font-weight:800}.online-room{display:grid;grid-template-rows:auto 1fr}.online-lobby{width:min(1000px,calc(100vw - 32px));margin:28px auto;align-content:start}.onlineMapPreview{width:100%;height:clamp(260px,46vh,520px);border:2px solid #334044;background:#070b0d;overflow:hidden}.onlineMapPreview canvas{width:100%;height:100%;display:block}.room-status,.online-slot,.lobby-actions{display:flex;align-items:center;gap:16px}.room-status{justify-content:space-between;padding:14px 0;border-bottom:2px solid #334044}.online-roster{display:grid}.online-slot{min-height:52px;border-bottom:1px solid #283438}.online-slot strong{flex:1}.online-slot span:not(.slot-swatch){min-width:100px;color:#b9c7c8}.slot-swatch{width:18px;height:18px;border-radius:50%;background:#87dceb}.lobby-actions{justify-content:flex-end;margin-top:18px}.onlineControlsGuide{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:12px 0;color:#b9c7c8;border-bottom:1px solid #283438}.onlineControlsGuide strong{color:#f5f7f2}.roomHostNote{margin:0;color:#94a6a8;text-align:right}.onlineConnectionBadge{position:fixed;right:14px;bottom:12px;z-index:8;padding:5px 8px;color:#f0faf8c7;background:#060b0d94;font-size:12px;pointer-events:none}.returnToPlayMenu{position:fixed;top:14px;right:18px;z-index:40;min-height:38px;padding:7px 12px;border:1px solid rgba(168,207,211,.5);border-radius:4px;background:#080e10e6;color:#eef7f6;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 2px 10px #00000047}.returnToPlayMenu:hover{border-color:#87dceb;color:#b5f4ff}.returnToPlayMenu:focus-visible{outline:2px solid #87dceb;outline-offset:2px}@media (max-width: 640px){.online-form{grid-template-columns:1fr}.online-form>*{grid-column:1!important}.online-slot{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;padding:8px 0}}