.settings-panel{width:min(540px,90%);padding:20px 28px!important}.settings-panel header{margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid #46655620}.settings-row label{font-size:14px}.settings-row button{min-width:64px;padding:7px 14px}.settings-panel fieldset{border:0;margin:14px 0 8px;padding:0}.settings-panel legend{font-size:13px;margin-bottom:8px}.difficulty-options{display:flex;gap:8px}.difficulty-options button{flex:1;padding:8px}.settings-panel button[aria-pressed=true]{background:#d2e7d8;color:#244e3b;box-shadow:inset 0 0 0 1px #507b66}.settings-panel p{font-size:12px;line-height:1.5;margin:8px 0}.settings-panel small{font-size:10px;line-height:1.5;display:block;opacity:.7}.touch .settings-panel{padding:12px 22px!important}.touch .settings-panel fieldset{margin-top:9px}.touch .settings-row{padding:4px 0}

#spectatorControls{display:none;position:absolute;bottom:calc(14px + var(--safe-bottom));left:50%;transform:translateX(-50%);z-index:12;align-items:center;gap:12px;font-size:12px;background:#fff8e9d9;padding:5px 10px;border-radius:10px}#stage.spectating #spectatorControls{display:flex}#stage.spectating #touch,#stage.spectating .loadout,#stage.spectating .vitals,#stage.spectating #crosshair{display:none!important}#spectatorControls button{padding:6px 10px;font-size:12px}

.settings-look{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:7px 12px;margin-top:9px}.settings-look label{font-size:12px;display:flex;justify-content:space-between;gap:6px}.settings-look output{font-variant-numeric:tabular-nums;font-size:11px;opacity:.7}.settings-look input{width:100%;margin:0;accent-color:#286b53;touch-action:pan-x;min-height:30px}.settings-look button{grid-column:2;font-size:11px;justify-self:end;padding:3px 8px;min-height:28px}.settings-panel{max-height:96%;overflow-y:auto;touch-action:pan-y}.compact-settings .settings-panel{padding:8px 18px!important}.compact-settings .settings-panel header{margin-bottom:3px}.compact-settings .settings-panel fieldset{margin:5px 0}.compact-settings .settings-panel legend{margin-bottom:3px}.compact-settings .settings-row{padding:2px 0}.compact-settings .settings-row button{padding:3px 12px}.compact-settings .settings-panel p{margin:4px 0;font-size:11px}.compact-settings .settings-look{margin-top:4px;gap:2px 12px}.compact-settings .difficulty-options button{padding:5px}.compact-settings .settings-panel h2{margin:0;font-size:20px}
.compact-settings .settings-panel{width:min(700px,96%);display:grid;grid-template-columns:1fr 1.15fr;column-gap:20px;row-gap:3px}.compact-settings .settings-panel header{grid-column:1/-1}.compact-settings .settings-panel>.settings-row{grid-column:1}.compact-settings .settings-look{grid-column:2;grid-row:2/4;grid-template-columns:125px 1fr;align-self:center}.compact-settings .settings-panel fieldset,.compact-settings .settings-panel>p,.compact-settings .settings-panel>small{grid-column:1/-1}.compact-settings .settings-panel fieldset{margin-top:6px}

.graphics-row select{font:inherit;font-size:12px;color:#244e3b;border:1px solid #46655630;border-radius:8px;background:#f5f7ee;padding:5px 9px;min-width:110px}.compact-settings .settings-look{grid-row:2/5}.compact-settings .settings-panel>.settings-row{min-height:29px}