.game-settings{color:#e4edda;background:#101c20;border:1px solid #627868;border-radius:14px;box-shadow:0 20px 70px #000b;width:min(440px,92vw);max-height:88dvh;padding:24px;overflow:auto}.game-settings::backdrop{background:#03090cbb}.game-settings h2{margin:8px 0 20px}.game-settings label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.game-settings select{max-width:65%;background:#1b2b2e;color:inherit;border:1px solid #627868;padding:8px;border-radius:6px}.game-settings p{font-size:12px;color:#adbcaf}.game-settings input[type=range]{width:48%}.settings-actions{display:flex;gap:12px;justify-content:flex-end}.crosshair-preview{height:75px;display:grid;place-items:center;background:#081115;border-radius:8px}.crosshair-preview span{font-size:28px}.party-stats{white-space:normal!important;font-size:10px!important}.party-direction-layer{position:fixed;inset:0;pointer-events:none;z-index:2147483000}.party-direction{position:absolute;width:20px;height:20px;filter:drop-shadow(0 1px 2px #000);transform-origin:center}.party-direction::before{content:'';display:block;width:100%;height:100%;background:var(--color);clip-path:polygon(100% 50%,0 0,27% 50%,0 100%)}
.crosshair-preview{height:auto;overflow:hidden;border:1px solid #40514a;flex-shrink:0}
.crosshair-preview canvas{display:block;width:100%;height:auto;aspect-ratio:38/21;touch-action:none;cursor:none}

.damage-number-preview{border:1px solid #40514a;background:#081115;border-radius:6px;overflow:hidden}.damage-number-preview canvas{display:block;width:100%;height:auto}

.game-settings{box-sizing:border-box;width:min(850px,calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 32px));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px);padding:24px;color:#dfebf7;background:linear-gradient(145deg,#14273b,#081422);border-color:#375675;border-radius:18px;scrollbar-color:#456581 #101e30}.game-settings::backdrop{background:#020812cc;backdrop-filter:blur(6px)}.game-settings h2{font:32px Georgia,serif;margin:6px 0 20px}.settings-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-section{min-width:0;padding:16px;border:1px solid #304b66;border-radius:12px;background:#0b1929b0}.settings-section h3{margin:0 0 16px;color:#abd6fa;font:20px Georgia,serif}.game-settings label{font-size:13px;gap:10px;margin:14px 0;flex-wrap:wrap}.game-settings select{background:#15283c;border-color:#3f5d78;max-width:100%;font-size:13px}.game-settings input[type=range]{accent-color:#91c9f1;flex:1;min-width:90px;max-width:150px}.game-settings output{min-width:38px;text-align:right;color:#acd5f3}.game-settings p{color:#9eb2c6;line-height:1.5}.game-settings .crosshair-preview,.game-settings .damage-number-preview{border-color:#35516b;background:#071321}.game-settings .settings-actions{margin-top:20px}.game-settings .settings-actions button{background:#183451;border:1px solid #426687;color:#dfedfa;box-shadow:none}.game-settings .settings-actions .primary{background:#2a5275}.game-settings .eyebrow{color:#86b9dc}@media(max-width:600px){.settings-sections{grid-template-columns:1fr}.game-settings{padding:16px}.settings-section{padding:12px}}

#dashButton{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;width:44px;min-width:0;border:0;background:transparent;color:#c3f5ff;touch-action:none;box-shadow:none;z-index:6}#dashButton canvas{width:40px;height:40px;display:block;filter:drop-shadow(0 2px 2px #0009)}#dashButton small{font-size:9px;line-height:12px}#dashButton:disabled{opacity:1}#dashButton[hidden]{display:none}body .health>#dashButton{position:absolute;top:calc(100% + 7px);left:0}body .party-member>#dashButton{grid-column:1 / -1}body .arena:has(.health>#dashButton:not([hidden])) #equipmentRail{top:var(--mobility-equipment-top,170px)}
/* Category navigation keeps each page focused and scrolls its controls independently. */
.game-settings{width:min(900px,92vw);padding:24px}.settings-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #304b66;border-radius:12px;background:#071321}.settings-nav button{text-align:left;padding:12px 14px;background:transparent;border:1px solid transparent;box-shadow:none;color:#a6bbce;font-size:14px;border-radius:8px}.settings-nav button:hover{background:#172d41;color:#edf7ff}.settings-nav button[aria-selected=true]{background:linear-gradient(110deg,#294f6d,#19364d);border-color:#507692;color:#fff1c8}.settings-nav button:focus-visible,.settings-key:focus-visible{outline:2px solid #f2d595;outline-offset:2px}.settings-sections{display:block;min-width:0}.settings-section{max-height:min(62dvh,620px);overflow:auto;padding:20px;scrollbar-color:#456581 #101e30}.settings-section[hidden]{display:none}.settings-section h3{padding-bottom:12px;border-bottom:1px solid #304b66}.game-settings label:has([hidden]),.game-settings label[hidden]{display:none}.game-settings .settings-key{min-width:112px;margin:0;padding:8px 14px;background:#1b3348;border:1px solid #46647b;border-radius:7px;color:#f6dfae;box-shadow:none;font:600 13px Trebuchet MS,sans-serif}.game-settings .settings-key.assigning{border-color:#f2d595;background:#394936}.game-settings input[type=checkbox]{width:18px;height:18px;accent-color:#91c9f1}.game-settings input[type=color]{width:44px;height:30px;border:1px solid #46647b;background:#15283c;border-radius:5px}.game-settings .settings-actions{border-top:1px solid #304b66;padding-top:16px}
html[data-desktop-zoom=true] .game-settings{max-height:calc(100dvh / var(--desktop-zoom) - 28px);width:min(900px,calc(100vw / var(--desktop-zoom) - 32px))}html[data-desktop-zoom=true] .settings-section{max-height:calc(100dvh / var(--desktop-zoom) - 220px)}
@media(max-width:600px){.settings-layout{grid-template-columns:1fr;gap:12px}.settings-nav{flex-direction:row;overflow:auto;gap:3px;padding:5px}.settings-nav button{white-space:nowrap;text-align:center;padding:10px;font-size:12px;flex:1}.game-settings{padding:16px}.settings-section{padding:14px;max-height:52dvh}.game-settings h2{font-size:26px;margin-bottom:14px}}

.game-settings .damage-number-preview canvas{height:160px;image-rendering:auto}

.desktop-zoom-notice{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:2147483001;pointer-events:none;padding:10px 18px;border:1px solid #507692;border-radius:10px;background:#0b1929ee;color:#f6dfae;box-shadow:0 6px 20px #0006;font:600 15px Trebuchet MS,sans-serif}.desktop-zoom-notice[hidden]{display:none}

/* Reserve one dialog frame; only the selected category scrolls. */
.game-settings{height:min(780px,calc(100dvh / var(--desktop-zoom,1) - 32px));max-height:calc(100dvh / var(--desktop-zoom,1) - 32px);overflow:hidden}
.game-settings form{height:100%;margin:0;display:flex;flex-direction:column;min-height:0}.game-settings form>h2,.game-settings form>.settings-actions,.game-settings form>p{flex-shrink:0}
.game-settings .settings-layout{flex:1;min-height:0;align-items:stretch}.game-settings .settings-sections{min-height:0;height:100%}.game-settings .settings-section{height:100%;max-height:none;box-sizing:border-box;overflow:auto}.game-settings .settings-nav{align-self:stretch;overflow:auto}
.damage-colour-sample{min-width:74px;text-align:center;line-height:1.5}
@media(max-width:600px){.game-settings .settings-layout{grid-template-rows:auto minmax(0,1fr)}.game-settings .settings-nav{max-height:56px}}

.game-settings label.damage-colour-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 74px;gap:10px;align-items:center}.damage-colour-row input[type=color]{margin:0}.damage-colour-row .damage-colour-sample{min-width:0;width:74px}

/* Landscape phones reserve most of the viewport for the selected category. */
@media (orientation:landscape) and (max-height:500px){
 .game-settings{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);max-height:calc(100dvh - 16px);padding:10px 12px;border-radius:12px}
 .game-settings form>.eyebrow,.game-settings #settingsSaveStatus{display:none}
 .game-settings h2{font-size:22px;line-height:1.1;margin:0 0 8px}
 .game-settings .settings-layout{grid-template-columns:124px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:10px}
 .game-settings .settings-nav{flex-direction:column;max-height:none;padding:4px;gap:3px}
 .game-settings .settings-nav button{flex:none;text-align:left;padding:8px 9px;font-size:12px}
 .game-settings .settings-section{padding:10px 12px;min-height:0;overscroll-behavior:contain}
 .game-settings .settings-section h3{font-size:17px;margin:0 0 8px;padding-bottom:6px}
 .game-settings label{margin:10px 0;font-size:12px}
 .game-settings .settings-actions{margin-top:8px;padding-top:8px;gap:8px}
 .game-settings .settings-actions button{padding:7px 12px;min-height:32px;font-size:12px}
 .game-settings .crosshair-preview canvas,.game-settings .damage-number-preview canvas{height:115px}
}