.settings{font-family:var(--sans);color:var(--ink);text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));align-items:start;gap:16px;font-weight:400;display:grid}.settings button{cursor:pointer;touch-action:manipulation;border:0}.settings .settings-card{background:#efefef;border:1px solid #d5d5d5;border-radius:18px;align-content:start;gap:12px;padding:clamp(14px,2.4vh,26px);display:grid;box-shadow:0 14px 40px #010e0d52}.settings .settings-card h2{height:auto;font:900 clamp(16px,2.2vh,22px) var(--hud);text-transform:uppercase;letter-spacing:.4px;margin:0;display:block}.settings .settings-note{color:#555;margin:0;font-size:13px;line-height:1.5}.settings .settings-keys{border-collapse:collapse;width:100%}.settings .settings-keys th{text-align:left;padding:3px 8px 3px 0;font-size:14px;font-weight:400;line-height:1.25}.settings .settings-keys td{width:96px;padding:3px 0 3px 6px}.settings .settings-key{width:100%;min-height:34px;font:700 13px var(--sans);color:#fff;background:#2e2d2b;border-radius:8px;place-items:center;padding:0 6px;display:inline-grid}.settings .settings-key:hover{background:#454340}.settings .settings-key.is-waiting{background:var(--brand-teal);animation:1s ease-in-out infinite settings-wait}.settings .settings-key.is-fixed{opacity:.55}@keyframes settings-wait{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.settings .settings-key.is-waiting{animation:none}}.settings .settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.settings .settings-row-label{gap:2px;font-size:14px;font-weight:700;display:grid}.settings .settings-row-label em{color:#6c6c6c;font-size:12px;font-style:normal;font-weight:400}.settings .settings-choice{background:#dadada;border-radius:10px;padding:3px;display:inline-flex}.settings .settings-choice button{min-width:58px;min-height:34px;font:700 13px var(--sans);color:#333;background:0 0;border-radius:8px;padding:0 10px}.settings .settings-choice button[aria-checked=true]{color:#fff;background:var(--brand-teal)}.settings .settings-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.settings .settings-button{font:900 13px var(--hud);letter-spacing:.6px;text-transform:uppercase;color:var(--brand-green);background:#f3c22f;border-radius:10px;padding:11px 18px}.settings .settings-button:hover{background:#dcae23}.settings .settings-button.is-quiet{color:#fff;background:#2e2d2b}.settings .settings-button.is-quiet:hover{background:#454340}.settings button:focus-visible{outline:3px solid var(--brand-mint);outline-offset:2px}.settings .settings-foot{color:var(--text-2);grid-column:1/-1;margin:0;font-size:13px}.race-settings-box{background:#012725f0;border-radius:18px;flex-direction:column;width:min(1180px,96vw);max-height:94dvh;display:flex;position:relative;box-shadow:0 20px 60px #00000080}.race-settings-top{flex:none;align-items:center;gap:12px;padding:clamp(10px,2vh,18px) clamp(12px,2vw,24px);display:flex}.race-settings-top h2{text-transform:uppercase;flex:1;margin:0;font-size:clamp(20px,3.4vh,34px);font-weight:900}.race-settings-top button{width:40px;height:40px;font:700 30px/1 var(--sans);touch-action:manipulation;background:#2e2d2b;border-radius:50%;flex:none;place-items:center;display:grid}.race-settings-top button img{width:22px;height:22px}.race-settings-body{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:0 clamp(12px,2vw,24px) clamp(12px,2vh,24px);overflow-y:auto}
