/* Ponder OS settings. Keep the legacy controls and save handlers; only the
   content viewport scrolls. The ID scope also isolates legacy inline styles. */
#settingsModal:has(#settingsBox.settings-os) {
  padding:0 !important;
  overflow:hidden !important;
  background:rgba(2,5,10,.88) !important;
  backdrop-filter:blur(5px) !important;
}
#settingsModal #settingsBox.settings-os {
  --settings-cyan:#27e6f0;
  --settings-purple:#976ad4;
  --settings-line:#586784;
  --settings-dim:#9caac0;
  --settings-row-height:44px;
  /* HOME fills the centered 16:9 stage. Use the same paired dimensions, also
     while the keyboard is closed. Editing uses a scrollable viewport below. */
  --settings-stage-width:min(var(--settings-visible-width,100vw),calc(var(--settings-visible-height,100dvh) * 16 / 9));
  position:relative !important;
  display:grid !important;
  grid-template-rows:68px minmax(0,1fr) auto !important;
  width:var(--settings-stage-width) !important;
  max-width:var(--settings-stage-width) !important;
  height:calc(var(--settings-stage-width) * 9 / 16) !important;
  max-height:calc(var(--settings-stage-width) * 9 / 16) !important;
  aspect-ratio:16 / 9 !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  color:#e9eef5 !important;
  border:1px solid #293347 !important;
  border-radius:0 !important;
  background:radial-gradient(ellipse at 83% 18%,rgba(91,72,147,.04),transparent 55%),linear-gradient(135deg,#0b121d,#080f18 70%) !important;
  box-shadow:0 20px 70px rgba(0,0,0,.5) !important;
  font-family:var(--font-body,Arial,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif) !important;
  text-align:left !important;
  isolation:isolate;
}
#settingsModal #settingsBox.settings-os::before {
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  pointer-events:none;
  background-image:radial-gradient(rgba(127,151,197,.035) .7px,transparent .8px),linear-gradient(90deg,transparent calc(88% - .5px),rgba(133,151,188,.025) 88%,transparent calc(88% + .5px)),linear-gradient(0deg,transparent calc(79% - .5px),rgba(133,151,188,.025) 79%,transparent calc(79% + .5px));
  background-size:9px 9px,100% 100%,100% 100%;
}
#settingsModal #settingsBox.settings-os *,
#settingsModal #settingsBox.settings-os *::before,
#settingsModal #settingsBox.settings-os *::after {box-sizing:border-box;}
#settingsModal #settingsBox.settings-os [hidden] {display:none !important;}
#settingsModal #settingsBox.settings-os .settings-os-header {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:20px !important;
  min-width:0 !important;
  padding:0 25px !important;
  border-bottom:1px solid #443951 !important;
  background:linear-gradient(100deg,rgba(13,20,31,.96),rgba(17,24,36,.80)) !important;
}
#settingsModal #settingsBox.settings-os .settings-os-brand {
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
  color:#eaf0fa !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.17em !important;
  white-space:nowrap !important;
}
#settingsModal #settingsBox.settings-os .settings-os-brand svg {
  width:29px !important;
  height:34px !important;
  flex:0 0 auto !important;
}
#settingsModal #settingsBox.settings-os .settings-os-brand em {
  color:#a476e6 !important;
  font-style:normal !important;
}
#settingsModal #settingsBox.settings-os #settingsTitle {
  margin:0 !important;
  color:#f0f4fa !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:30px !important;
  font-weight:700 !important;
  letter-spacing:.2em !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
#settingsModal #settingsBox.settings-os #closeSettingsBtn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:start !important;
  grid-column:1 !important;
  grid-row:1 !important;
  flex:0 0 auto !important;
  gap:12px !important;
  width:132px !important;
  height:36px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 15px !important;
  color:#a9b4c7 !important;
  border:1px solid #4a465e !important;
  border-radius:0 !important;
  background:#0c131e !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.15em !important;
  line-height:1 !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
#settingsModal #settingsBox.settings-os #closeSettingsBtn svg {
  width:19px !important;
  height:19px !important;
  color:#98a7bc !important;
}
#settingsModal #settingsBox.settings-os .settings-os-workspace {
  display:grid !important;
  grid-template-columns:clamp(170px,19vw,280px) minmax(0,1fr) !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}
#settingsModal #settingsBox.settings-os .settings-os-sidebar {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:20px 0 0 !important;
  border-right:1px solid #2b3548 !important;
  overflow:hidden !important;
  background:linear-gradient(125deg,rgba(14,22,34,.93),rgba(8,15,25,.86)) !important;
}
#settingsModal #settingsBox.settings-os .settings-os-sidebar::after {
  content:"";
  position:absolute;
  right:18px;
  bottom:20px;
  width:84px;
  height:64px;
  pointer-events:none;
  opacity:.12;
  background-image:radial-gradient(#405169 1px,transparent 1px);
  background-size:6px 6px;
  mask-image:linear-gradient(to top,black,transparent);
}
#settingsModal #settingsBox.settings-os .settings-os-tab {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:20px !important;
  flex:0 0 auto !important;
  width:100% !important;
  height:78px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 27px !important;
  color:#8190a7 !important;
  border:0 !important;
  border-top:1px solid transparent !important;
  border-bottom:1px solid #202a3a !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:17px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  line-height:1.1 !important;
  text-align:left !important;
  cursor:pointer !important;
}
#settingsModal #settingsBox.settings-os .settings-os-tab svg {
  width:27px !important;
  height:27px !important;
  flex:0 0 auto !important;
}
#settingsModal #settingsBox.settings-os .settings-os-tab[aria-selected="true"] {
  color:#e1fbfd !important;
  border-top-color:rgba(39,230,240,.19) !important;
  border-bottom-color:rgba(39,230,240,.19) !important;
  background:linear-gradient(90deg,rgba(39,230,240,.0675),rgba(39,230,240,.0375)) !important;
}
#settingsModal #settingsBox.settings-os .settings-os-tab[aria-selected="true"]::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--settings-cyan);
  box-shadow:0 0 5px rgba(39,230,240,.12);
}
#settingsModal #settingsBox.settings-os .settings-os-tab[aria-selected="true"]::after {
  content:"";
  position:absolute;
  right:13px;
  top:50%;
  width:5px;
  height:5px;
  border-top:1px solid var(--settings-cyan);
  border-right:1px solid var(--settings-cyan);
  opacity:.75;
  transform:translateY(-50%) rotate(45deg);
}
#settingsModal #settingsBox.settings-os .settings-os-tab[aria-selected="true"] svg {color:var(--settings-cyan) !important;filter:drop-shadow(0 0 3px rgba(39,230,240,.20)) !important;}
#settingsModal #settingsBox.settings-os .settings-os-body {
  display:block !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:18px 24px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  touch-action:pan-y !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:thin !important;
  scrollbar-color:#42546a #111822 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-body::-webkit-scrollbar {width:5px;}
#settingsModal #settingsBox.settings-os .settings-os-body::-webkit-scrollbar-thumb {background:#42546a;}
#settingsModal #settingsBox.settings-os #settingsGrid {
  display:block !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  gap:0 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-pane {
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  min-width:0 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-pane[hidden] {display:none !important;}
#settingsModal #settingsBox.settings-os .settings-os-panel {
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 18px 8px !important;
  border:1px solid var(--settings-line) !important;
  border-radius:0 !important;
  background:linear-gradient(120deg,rgba(29,40,58,.68),rgba(15,25,40,.78)) !important;
  box-shadow:inset 0 1px 0 rgba(183,201,236,.025),0 0 6px rgba(130,112,195,.045) !important;
}
#settingsModal #settingsBox.settings-os .settings-os-heading {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-width:0 !important;
  min-height:40px !important;
  padding:0 10px !important;
  border-bottom:1px solid #3e4b63 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-heading::after {
  content:"";
  position:absolute;
  bottom:-1px;
  left:10px;
  width:39px;
  height:2px;
  background:linear-gradient(90deg,var(--settings-purple),#7b80ca 70%,rgba(39,230,240,.7));
}
#settingsModal #settingsBox.settings-os .settings-os-heading h3 {
  margin:0 !important;
  color:#edf2fa !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  letter-spacing:.25em !important;
}
#settingsModal #settingsBox.settings-os .settings-os-heading > span {
  color:#72839d !important;
  font-size:9px !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  text-align:right !important;
}
#settingsModal #settingsBox.settings-os .settings-os-rows {
  display:block !important;
  min-width:0 !important;
  padding-top:5px !important;
}
#settingsModal #settingsBox.settings-os .settings-os-row {
  display:grid !important;
  grid-template-columns:minmax(160px,.85fr) minmax(0,1.25fr) minmax(168px,.95fr) !important;
  align-items:center !important;
  gap:16px !important;
  grid-column:auto !important;
  min-width:0 !important;
  min-height:var(--settings-row-height) !important;
  margin:0 !important;
  padding:6px 10px !important;
  border:0 !important;
  border-bottom:1px solid #202a39 !important;
  border-radius:0 !important;
  background:rgba(4,9,17,.14) !important;
  box-shadow:none !important;
  line-height:1.25 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-row:last-child {border-bottom:0 !important;}
#settingsModal #settingsBox.settings-os .settings-os-label {
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  color:#e9eef6 !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.07em !important;
}
#settingsModal #settingsBox.settings-os .settings-os-description {
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  color:#b0bfd6 !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-control {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  min-width:0 !important;
  width:100% !important;
}
#settingsModal #settingsBox.settings-os :is(input:not([type="checkbox"]):not([type="range"]),select) {
  height:31px !important;
  min-height:0 !important;
  min-width:0 !important;
  width:100% !important;
  max-width:220px !important;
  margin:0 !important;
  padding:0 10px !important;
  color:#eaf0f8 !important;
  border:1px solid #43516b !important;
  border-radius:2px !important;
  background:#0a121e !important;
  box-shadow:none !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:600 !important;
  font-variant-numeric:tabular-nums !important;
  line-height:normal !important;
}
#settingsModal #settingsBox.settings-os :is(input:not([type="checkbox"]):not([type="range"]),select):focus:not(:disabled) {
  border-color:var(--settings-cyan) !important;
  background:rgba(39,230,240,.085) !important;
  box-shadow:inset 0 0 0 1px rgba(39,230,240,.04),0 0 5px rgba(39,230,240,.065) !important;
}
#settingsModal #settingsBox.settings-os input[type="number"] {text-align:right !important;}
#settingsModal #settingsBox.settings-os [data-settings-pane="bet"] input[type="number"] {
  appearance:textfield !important;
  -moz-appearance:textfield !important;
}
#settingsModal #settingsBox.settings-os [data-settings-pane="bet"] input[type="number"]::-webkit-inner-spin-button,
#settingsModal #settingsBox.settings-os [data-settings-pane="bet"] input[type="number"]::-webkit-outer-spin-button {
  appearance:none !important;
  -webkit-appearance:none !important;
  display:none !important;
  margin:0 !important;
}
#settingsModal #settingsBox.settings-os select {color-scheme:dark;}
#settingsModal #settingsBox.settings-os .settings-os-toggle {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
  width:184px !important;
  max-width:100% !important;
}
#settingsModal #settingsBox.settings-os .settings-os-toggle input[type="checkbox"] {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  clip-path:inset(50%) !important;
  overflow:hidden !important;
  opacity:0 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-toggle-option {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:50% !important;
  height:31px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 6px !important;
  color:#8898af !important;
  border:1px solid #37455d !important;
  border-radius:2px !important;
  background:#0a111c !important;
  box-shadow:none !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
  cursor:pointer !important;
}
#settingsModal #settingsBox.settings-os .settings-os-toggle-option[aria-pressed="true"],
#settingsModal #settingsBox.settings-os .settings-os-toggle-option.is-active {
  color:#fff !important;
  border-color:var(--settings-cyan) !important;
  background:rgba(39,230,240,.075) !important;
  box-shadow:inset 0 0 7px rgba(39,230,240,.055),0 0 4px rgba(39,230,240,.03) !important;
}
#settingsModal #settingsBox.settings-os .settings-os-control > span[id$="VolumeValue"] {
  flex:0 0 37px !important;
  min-width:0 !important;
  color:#e9eef6 !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  font-variant-numeric:tabular-nums !important;
  text-align:right !important;
}
#settingsModal #settingsBox.settings-os input[type="range"] {
  appearance:none !important;
  -webkit-appearance:none !important;
  display:block !important;
  flex:1 1 auto !important;
  grid-column:auto !important;
  width:100% !important;
  min-width:0 !important;
  height:5px !important;
  min-height:0 !important;
  max-height:none !important;
  margin:10px 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:2px !important;
  background:linear-gradient(to right,var(--settings-cyan) 0 var(--settings-range-fill,50%),#29354a var(--settings-range-fill,50%) 100%) !important;
  box-shadow:none !important;
  accent-color:var(--settings-cyan) !important;
  cursor:pointer !important;
}
#settingsModal #settingsBox.settings-os input[type="range"]::-webkit-slider-runnable-track {height:5px;border:0;border-radius:2px;background:transparent;}
#settingsModal #settingsBox.settings-os input[type="range"]::-webkit-slider-thumb {
  appearance:none;
  -webkit-appearance:none;
  width:13px;
  height:13px;
  margin-top:-4px;
  border:0;
  border-radius:50%;
  background:var(--settings-cyan);
  box-shadow:0 0 5px rgba(39,230,240,.18);
}
#settingsModal #settingsBox.settings-os input[type="range"]::-moz-range-track {height:5px;border:0;border-radius:2px;background:#29354a;}
#settingsModal #settingsBox.settings-os input[type="range"]::-moz-range-progress {height:5px;border-radius:2px;background:var(--settings-cyan);}
#settingsModal #settingsBox.settings-os input[type="range"]::-moz-range-thumb {width:13px;height:13px;border:0;border-radius:50%;background:var(--settings-cyan);box-shadow:0 0 5px rgba(39,230,240,.18);}
#settingsModal #settingsBox.settings-os .settings-os-footer {
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:5px 22px !important;
  min-width:0 !important;
  padding:11px 25px !important;
  border-top:1px solid #2d384d !important;
  background:linear-gradient(100deg,#0a121e,#0e1726) !important;
}
#settingsModal #settingsBox.settings-os .settings-os-footer-top {
  display:contents !important;
}
#settingsModal #settingsBox.settings-os .settings-os-identity-slot {display:none !important;}
#settingsModal #settingsBox.settings-os #settingsActions {
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  grid-column:3 !important;
  grid-row:1 !important;
  gap:8px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
}
#settingsModal #settingsBox.settings-os #settingsActions button,
#settingsModal #settingsBox.settings-os .settings-os-reset {
  height:32px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 20px !important;
  color:#d2deed !important;
  border:1px solid #3b4a64 !important;
  border-radius:2px !important;
  background:#111b2b !important;
  box-shadow:none !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}
#settingsModal #settingsBox.settings-os #settingsActions #saveSettingsBtn {
  color:#fff !important;
  border-color:var(--settings-cyan) !important;
  background:rgba(39,230,240,.075) !important;
  box-shadow:inset 0 0 7px rgba(39,230,240,.055),0 0 5px rgba(39,230,240,.075) !important;
}
#settingsModal #settingsBox.settings-os #settingsActions #settingsLogoutBtn,
#settingsModal #settingsBox.settings-os .settings-os-reset {
  color:#c797a0 !important;
  border-color:#60424e !important;
  background:#231923 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-reset.is-confirming {color:#f6c4ca !important;border-color:#b56a7c !important;}
#settingsModal #settingsBox.settings-os #settingsNote {
  display:block !important;
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
  min-height:15px !important;
  margin:0 !important;
  padding:0 !important;
  color:#8d9eb7 !important;
  font-size:10px !important;
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
  text-align:center !important;
}
#settingsModal #settingsBox.settings-os #settingsNote:empty {min-height:0 !important;}
#settingsModal #settingsBox.settings-os .settings-os-footer .settings-mini {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:4px 17px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#63768d !important;
  font-size:9px !important;
  line-height:1.2 !important;
}
#settingsModal #settingsBox.settings-os #settingsBuildId {font-family:Consolas,monospace !important;font-size:8px !important;}
/* Numeric bet controls keep the same editable fields and step buttons. */
#settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] {
  --settings-row-height:40px;
  gap:10px !important;
}
#settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .settings-os-panel {padding-bottom:5px !important;}
#settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .settings-os-rows {padding-top:3px !important;}
#settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .settings-os-row {padding-top:4px !important;padding-bottom:4px !important;}
#settingsModal #settingsBox.settings-os .settings-os-open-panel > .settings-os-heading {
  display:grid !important;
  grid-template-columns:minmax(100px,1fr) 90px 24px 90px 24px !important;
  gap:10px !important;
}
#settingsModal #settingsBox.settings-os .settings-os-open-columns {display:contents !important;}
#settingsModal #settingsBox.settings-os .settings-os-open-columns > span {
  color:#72839d !important;
  font-size:9px !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  text-align:center !important;
}
#settingsModal #settingsBox.settings-os .settings-os-open-stack-column {grid-column:2 / 4 !important;}
#settingsModal #settingsBox.settings-os .settings-os-open-size-column {grid-column:4 / 6 !important;}
#settingsModal #settingsBox.settings-os .open-size-row {
  grid-template-columns:minmax(100px,1fr) 90px 24px 90px 24px !important;
  gap:10px !important;
  color:#8698b1 !important;
  font-size:11px !important;
}
#settingsModal #settingsBox.settings-os .open-position-row {
  grid-template-columns:minmax(100px,1fr) 90px 24px !important;
  gap:10px !important;
  color:#8698b1 !important;
  font-size:11px !important;
}
#settingsModal #settingsBox.settings-os :is(.open-size-row,.open-position-row) > span:first-child {
  color:#e6edf6 !important;
  font-family:var(--font-display,Arial,sans-serif) !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
}
#settingsModal #settingsBox.settings-os :is(.open-size-row,.open-position-row) input {
  width:100% !important;
  max-width:none !important;
  padding:0 7px !important;
}
#settingsModal #settingsBox.settings-os .open-position-grid {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:0 12px !important;
  min-width:0 !important;
}
#settingsModal #settingsBox.settings-os .open-position-grid .open-position-row {
  grid-template-columns:minmax(0,1fr) 23px !important;
  gap:5px 4px !important;
  padding:10px 8px 5px !important;
  border-bottom:0 !important;
  background:transparent !important;
}
#settingsModal #settingsBox.settings-os .open-position-grid .open-position-row > span:first-child {grid-column:1 / -1 !important;}
#settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .open-position-grid .open-position-row {padding-top:6px !important;padding-bottom:3px !important;row-gap:4px !important;}
#settingsModal #settingsBox.settings-os .settings-os-preset-row {
  grid-template-columns:minmax(100px,.65fr) minmax(0,.6fr) minmax(300px,2fr) !important;
}
#settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-columns {
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:10px !important;
  right:10px !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:minmax(100px,.65fr) minmax(0,.6fr) minmax(300px,2fr) !important;
  gap:16px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none !important;
}
#settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-caption-grid {
  grid-column:3 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  min-width:0 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-column {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:4px !important;
  min-width:0 !important;
  padding:0 28px !important;
  color:#72839d !important;
  font-size:9px !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-align:center !important;
  white-space:nowrap !important;
}
#settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-column::after {
  content:"×";
  visibility:hidden !important;
  height:0 !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:0 !important;
  letter-spacing:0 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-column-label {min-width:0 !important;text-align:center !important;}
#settingsModal #settingsBox.settings-os .bet-preset-grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  width:100% !important;
  min-width:0 !important;
  gap:10px !important;
}
#settingsModal #settingsBox.settings-os .bet-preset-field {
  display:flex !important;
  flex-direction:column !important;
  grid-column:auto !important;
  gap:3px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .bet-preset-field {row-gap:2px !important;}
#settingsModal #settingsBox.settings-os .bet-preset-field > span:first-child:not(.bet-preset-input) {
  color:#71839e !important;
  font-size:9px !important;
  line-height:1 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-label-placeholder {flex:0 0 9px !important;height:9px !important;visibility:hidden !important;}
#settingsModal #settingsBox.settings-os .bet-preset-input {
  display:grid !important;
  grid-template-columns:25px minmax(0,1fr) 25px !important;
  align-items:center !important;
  gap:3px !important;
  min-width:0 !important;
}
#settingsModal #settingsBox.settings-os .bet-preset-value {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:4px !important;
  min-width:0 !important;
}
#settingsModal #settingsBox.settings-os .bet-preset-value input {padding:0 4px !important;text-align:center !important;}
#settingsModal #settingsBox.settings-os .bet-preset-value em {
  color:#8c9eb9 !important;
  font-size:11px !important;
  font-weight:500 !important;
  font-style:normal !important;
}
#settingsModal #settingsBox.settings-os .bet-preset-step {
  display:grid !important;
  place-items:center !important;
  width:25px !important;
  height:30px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#a2b2c6 !important;
  border:1px solid #33425b !important;
  border-radius:2px !important;
  background:#0c1625 !important;
  box-shadow:none !important;
  font-size:9px !important;
  line-height:1 !important;
  cursor:pointer !important;
}
#settingsModal #settingsBox.settings-os .bet-preset-step::before {display:none !important;}
#settingsModal #settingsBox.settings-os .settings-os-preset-note,
#settingsModal #settingsBox.settings-os .settings-os-rows .settings-os-help {
  display:block !important;
  margin:7px 10px 0 !important;
  padding:0 !important;
  color:#8a9cb6 !important;
  font-size:10px !important;
  line-height:1.35 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] :is(.settings-os-preset-note,.settings-os-help) {margin-top:4px !important;}
#settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-note {font-weight:400 !important;opacity:1 !important;}
#settingsModal #settingsBox.settings-os .settings-os-shortcut-tools {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:15px !important;
  min-width:0 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-shortcut-tools .settings-os-reset {flex:0 0 auto !important;}
/* Existing desktop actions only; binding capture and conflicts are explicit. */
#settingsModal #settingsBox.settings-os .settings-os-key {
  width:160px !important;
  max-width:100% !important;
  height:31px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 10px !important;
  color:#dfebf7 !important;
  border:1px solid #435572 !important;
  border-radius:2px !important;
  background:#0a1424 !important;
  box-shadow:none !important;
  font-family:Consolas,"SFMono-Regular",monospace !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-align:center !important;
  cursor:pointer !important;
}
#settingsModal #settingsBox.settings-os .settings-os-key.is-capturing {
  color:#d8fbff !important;
  border-color:var(--settings-cyan) !important;
  background:rgba(39,230,240,.085) !important;
  box-shadow:0 0 6px rgba(39,230,240,.065) !important;
  font-size:10px !important;
}
#settingsModal #settingsBox.settings-os .settings-os-shortcut-status {
  display:block !important;
  min-height:15px !important;
  margin:0 !important;
  color:var(--settings-dim) !important;
  font-size:11px !important;
  line-height:1.4 !important;
}
#settingsModal #settingsBox.settings-os .settings-os-shortcut-status.is-error {color:#d7a1a9 !important;}
@media (min-width:1000px) and (min-height:561px) {
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="shortcut"] {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:start !important;
  }
  #settingsModal #settingsBox.settings-os .settings-os-pane .settings-os-shortcut-row {
    grid-template-columns:minmax(0,1fr) 150px !important;
    min-height:42px !important;
  }
  #settingsModal #settingsBox.settings-os .settings-os-shortcut-row .settings-os-description {display:none !important;}
  #settingsModal #settingsBox.settings-os .settings-os-shortcut-tools {grid-column:1 / -1 !important;}
}
#settingsModal #settingsBox.settings-os #settingsActions #saveSettingsBtn:disabled,
#settingsModal #settingsBox.settings-os #settingsActions #settingsLogoutBtn:disabled,
#settingsModal #settingsBox.settings-os :is(button,input,select):disabled {opacity:.36 !important;box-shadow:none !important;filter:none !important;cursor:default !important;}
#settingsModal #settingsBox.settings-os :is(.settings-os-toggle-option,.settings-os-key,.bet-preset-step,.settings-os-reset):not(:disabled):active,
#settingsModal #settingsBox.settings-os #settingsActions button:not(:disabled):active,
#settingsModal #settingsBox.settings-os #settingsActions #saveSettingsBtn:not(:disabled):active,
#settingsModal #settingsBox.settings-os #closeSettingsBtn:not(:disabled):active {transform:translateY(.5px) !important;filter:brightness(.96) !important;}
#settingsModal #settingsBox.settings-os :is(button,input,select):focus-visible {
  outline:2px solid var(--settings-cyan) !important;
  outline-offset:3px !important;
}
#settingsModal #settingsBox.settings-os :is(input:not([type="range"]),select):focus-visible {outline-offset:1px !important;border-color:var(--settings-cyan) !important;}
#settingsModal #settingsBox.settings-os .settings-os-toggle:has(input:focus-visible) {outline:2px solid var(--settings-cyan) !important;outline-offset:3px !important;}
@media (hover:hover) {
  #settingsModal #settingsBox.settings-os .settings-os-tab[aria-selected="false"]:hover:not(:disabled) {color:#a8b9ce !important;background:rgba(96,127,174,.035) !important;}
  #settingsModal #settingsBox.settings-os :is(.settings-os-toggle-option,.settings-os-key,.bet-preset-step):not([aria-pressed="true"]):not(.is-active):not(.is-capturing):hover:not(:disabled) {color:#b6c8de !important;border-color:#596d8a !important;background:rgba(39,230,240,.035) !important;}
  #settingsModal #settingsBox.settings-os #settingsActions #saveSettingsBtn:hover:not(:disabled) {border-color:var(--settings-cyan) !important;background:rgba(39,230,240,.08) !important;box-shadow:inset 0 0 7px rgba(39,230,240,.055),0 0 6px rgba(39,230,240,.11) !important;}
  #settingsModal #settingsBox.settings-os #closeSettingsBtn:hover:not(:disabled) {color:#d0c4e4 !important;border-color:#8066a5 !important;background:rgba(151,106,212,.05) !important;box-shadow:0 0 6px rgba(151,106,212,.11) !important;}
  #settingsModal #settingsBox.settings-os #settingsActions #settingsLogoutBtn:hover:not(:disabled),
  #settingsModal #settingsBox.settings-os .settings-os-reset:hover:not(:disabled) {border-color:#946070 !important;}
}
@media (max-width:1180px) {
  #settingsModal #settingsBox.settings-os .settings-os-row {grid-template-columns:minmax(135px,.9fr) minmax(0,1fr) minmax(165px,1fr) !important;gap:12px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-description {font-size:10px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-label {font-size:12px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-preset-row {grid-template-columns:120px minmax(0,1fr) !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-columns {grid-template-columns:120px minmax(0,1fr) !important;gap:12px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-caption-grid {grid-column:2 !important;}
  #settingsModal #settingsBox.settings-os .settings-os-preset-row .settings-os-description {display:none !important;}
  #settingsModal #settingsBox.settings-os .open-size-row {grid-template-columns:minmax(90px,1fr) 78px 22px 78px 22px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-open-panel > .settings-os-heading {grid-template-columns:minmax(90px,1fr) 78px 22px 78px 22px !important;}
  #settingsModal #settingsBox.settings-os .open-position-row {grid-template-columns:minmax(90px,1fr) 78px 22px !important;}
  #settingsModal #settingsBox.settings-os .open-position-grid .open-position-row {grid-template-columns:minmax(0,1fr) 20px !important;}
}
@media (max-width:900px), (max-height:560px) {
  #settingsModal:has(#settingsBox.settings-os) {padding:0 !important;}
  #settingsModal #settingsBox.settings-os {
    --settings-row-height:32px;
    grid-template-rows:43px minmax(0,1fr) auto !important;
  }
  #settingsModal #settingsBox.settings-os .settings-os-header {gap:10px !important;padding:0 13px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-brand {gap:7px !important;font-size:13px !important;letter-spacing:.1em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-brand svg {width:19px !important;height:24px !important;}
  #settingsModal #settingsBox.settings-os #settingsTitle {font-size:22px !important;letter-spacing:.17em !important;}
  #settingsModal #settingsBox.settings-os #closeSettingsBtn {width:89px !important;height:27px !important;gap:7px !important;padding:0 9px !important;font-size:10px !important;}
  #settingsModal #settingsBox.settings-os #closeSettingsBtn svg {width:14px !important;height:14px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-workspace {grid-template-columns:122px minmax(0,1fr) !important;}
  #settingsModal #settingsBox.settings-os .settings-os-sidebar {padding-top:9px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-tab {height:49px !important;padding:0 12px !important;gap:9px !important;font-size:12px !important;letter-spacing:.04em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-tab svg {width:18px !important;height:18px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-tab[aria-selected="true"]::before {width:3px;}
  #settingsModal #settingsBox.settings-os .settings-os-tab[aria-selected="true"]::after {right:8px;width:4px;height:4px;}
  #settingsModal #settingsBox.settings-os .settings-os-body {padding:10px 13px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane {gap:9px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-panel {padding:0 8px 5px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-heading {min-height:29px !important;padding:0 6px !important;gap:8px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-heading::after {left:6px;width:27px;}
  #settingsModal #settingsBox.settings-os .settings-os-heading h3 {font-size:12px !important;letter-spacing:.17em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-heading > span {font-size:8px !important;letter-spacing:.1em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-rows {padding-top:3px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-row {grid-template-columns:minmax(0,1fr) minmax(120px,.95fr) !important;gap:10px !important;padding:3px 6px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-description {display:none !important;}
  #settingsModal #settingsBox.settings-os .settings-os-label {font-size:11px !important;letter-spacing:.035em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-control {gap:8px !important;}
  #settingsModal #settingsBox.settings-os :is(input:not([type="checkbox"]):not([type="range"]),select) {height:24px !important;padding:0 7px !important;font-size:11px !important;max-width:190px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-toggle {width:136px !important;gap:4px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-toggle-option {height:24px !important;font-size:10px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-control > span[id$="VolumeValue"] {flex-basis:30px !important;font-size:11px !important;}
  #settingsModal #settingsBox.settings-os input[type="range"] {height:4px !important;margin:9px 0 !important;}
  #settingsModal #settingsBox.settings-os input[type="range"]::-webkit-slider-runnable-track {height:4px;}
  #settingsModal #settingsBox.settings-os input[type="range"]::-webkit-slider-thumb {width:11px;height:11px;margin-top:-3.5px;}
  #settingsModal #settingsBox.settings-os input[type="range"]::-moz-range-track {height:4px;}
  #settingsModal #settingsBox.settings-os input[type="range"]::-moz-range-progress {height:4px;}
  #settingsModal #settingsBox.settings-os input[type="range"]::-moz-range-thumb {width:11px;height:11px;}
  #settingsModal #settingsBox.settings-os .settings-os-footer {gap:3px 12px !important;padding:6px 13px !important;}
  #settingsModal #settingsBox.settings-os #settingsActions {gap:6px !important;}
  #settingsModal #settingsBox.settings-os #settingsActions button {height:26px !important;padding:0 13px !important;font-size:10px !important;}
  #settingsModal #settingsBox.settings-os #settingsNote {min-height:12px !important;font-size:9px !important;line-height:1.25 !important;}
  #settingsModal #settingsBox.settings-os .settings-os-footer .settings-mini {gap:4px 10px !important;font-size:8px !important;}
  #settingsModal #settingsBox.settings-os #settingsBuildId {display:none !important;}
  #settingsModal #settingsBox.settings-os .open-size-row {grid-template-columns:minmax(70px,1fr) 63px 18px 63px 18px !important;gap:5px !important;font-size:9px !important;}
  #settingsModal #settingsBox.settings-os .open-position-row {grid-template-columns:minmax(70px,1fr) 63px 18px !important;gap:5px !important;font-size:9px !important;}
  #settingsModal #settingsBox.settings-os :is(.open-size-row,.open-position-row) > span:first-child {font-size:10px !important;}
  #settingsModal #settingsBox.settings-os .open-position-grid {gap:0 6px !important;}
  #settingsModal #settingsBox.settings-os .open-position-grid .open-position-row {grid-template-columns:minmax(0,1fr) 15px !important;gap:3px !important;padding:5px 2px 1px !important;}
  #settingsModal #settingsBox.settings-os .open-position-grid .open-position-row input {padding:0 3px !important;font-size:10px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-preset-row {grid-template-columns:85px minmax(0,1fr) !important;gap:7px !important;min-height:41px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-grid {gap:5px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-field {gap:2px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-field > span:first-child:not(.bet-preset-input) {font-size:8px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-input {grid-template-columns:22px minmax(0,1fr) 22px !important;gap:2px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-value {gap:2px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-value input {padding:0 2px !important;font-size:10px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-value em {font-size:9px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-step {width:22px !important;height:24px !important;font-size:8px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-preset-note,
  #settingsModal #settingsBox.settings-os .settings-os-rows .settings-os-help {margin:4px 6px 0 !important;font-size:9px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-key {width:135px !important;height:24px !important;font-size:11px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-reset {height:25px !important;padding:0 13px !important;font-size:10px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] {--settings-row-height:28px;gap:6px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .settings-os-panel {padding-bottom:3px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .settings-os-rows {padding-top:2px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .settings-os-row {padding-top:1px !important;padding-bottom:1px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-open-panel > .settings-os-heading {grid-template-columns:minmax(70px,1fr) 63px 18px 63px 18px !important;gap:5px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-open-columns > span {font-size:8px !important;letter-spacing:.1em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .open-position-grid .open-position-row {padding-top:3px !important;padding-bottom:1px !important;row-gap:2px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .settings-os-preset-row {min-height:38px !important;padding-top:2px !important;padding-bottom:2px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .bet-preset-field {row-gap:1px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] :is(.settings-os-preset-note,.settings-os-help) {margin-top:2px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .bet-preset-step {position:relative !important;overflow:visible !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .bet-preset-step::before {
    content:"";
    display:block !important;
    position:absolute !important;
    inset:-1px -.5px -4px !important;
    z-index:0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    pointer-events:auto !important;
  }
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-columns {top:calc(100% + 5px) !important;left:6px !important;right:6px !important;grid-template-columns:85px minmax(0,1fr) !important;gap:7px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-caption-grid {grid-column:2 !important;gap:5px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-column {padding:0 24px !important;gap:2px !important;font-size:8px !important;letter-spacing:.1em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-column::after {font-size:9px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-label-placeholder {flex-basis:8px !important;height:8px !important;}
}
@media (max-width:680px), (max-height:350px) {
  #settingsModal #settingsBox.settings-os {--settings-row-height:30px;grid-template-rows:36px minmax(0,1fr) auto !important;}
  #settingsModal #settingsBox.settings-os .settings-os-header {padding:0 10px !important;gap:8px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-brand {gap:5px !important;font-size:10px !important;letter-spacing:.08em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-brand svg {width:15px !important;height:19px !important;}
  #settingsModal #settingsBox.settings-os #settingsTitle {font-size:17px !important;letter-spacing:.13em !important;}
  #settingsModal #settingsBox.settings-os #closeSettingsBtn {width:76px !important;height:24px !important;gap:5px !important;font-size:9px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-workspace {grid-template-columns:102px minmax(0,1fr) !important;}
  #settingsModal #settingsBox.settings-os .settings-os-sidebar {padding-top:7px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-tab {height:43px !important;padding:0 9px !important;gap:7px !important;font-size:10px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-tab svg {width:15px !important;height:15px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-body {padding:7px 9px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane {gap:7px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-panel {padding:0 5px 3px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-heading {min-height:25px !important;padding:0 5px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-heading h3 {font-size:10px !important;letter-spacing:.15em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-heading > span {display:none !important;}
  #settingsModal #settingsBox.settings-os .settings-os-row {grid-template-columns:minmax(0,1fr) minmax(118px,.9fr) !important;gap:6px !important;padding:3px 5px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-label {font-size:10px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-control {gap:6px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-toggle {width:112px !important;gap:3px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-toggle-option {height:23px !important;font-size:9px !important;}
  #settingsModal #settingsBox.settings-os :is(input:not([type="checkbox"]):not([type="range"]),select) {height:23px !important;font-size:10px !important;padding:0 5px !important;max-width:155px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-control > span[id$="VolumeValue"] {flex-basis:27px !important;font-size:10px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-footer {gap:2px 10px !important;padding:5px 10px !important;}
  #settingsModal #settingsBox.settings-os #settingsActions button {height:25px !important;padding:0 10px !important;font-size:9px !important;}
  #settingsModal #settingsBox.settings-os #settingsNote {font-size:8px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-footer .settings-mini {font-size:7px !important;}
  #settingsModal #settingsBox.settings-os .open-size-row {grid-template-columns:minmax(65px,1fr) 50px 15px 50px 15px !important;gap:4px !important;}
  #settingsModal #settingsBox.settings-os .open-position-row {grid-template-columns:minmax(65px,1fr) 50px 15px !important;gap:4px !important;}
  #settingsModal #settingsBox.settings-os .open-position-grid {gap:0 4px !important;}
  #settingsModal #settingsBox.settings-os .open-position-grid .open-position-row {grid-template-columns:minmax(0,1fr) 12px !important;gap:3px 2px !important;}
  #settingsModal #settingsBox.settings-os .open-position-grid .open-position-row > span:first-child {font-size:9px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-preset-row {grid-template-columns:68px minmax(0,1fr) !important;gap:5px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-preset-row .settings-os-label {font-size:9px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-grid {gap:4px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-input {grid-template-columns:19px minmax(0,1fr) 19px !important;gap:1px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-step {width:19px !important;height:23px !important;font-size:7px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-value {gap:1px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-value input {font-size:9px !important;padding:0 1px !important;}
  #settingsModal #settingsBox.settings-os .bet-preset-value em {font-size:8px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] {--settings-row-height:27px;gap:5px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .settings-os-panel {padding-bottom:2px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-open-panel > .settings-os-heading {grid-template-columns:minmax(65px,1fr) 50px 15px 50px 15px !important;gap:4px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-open-columns > span {font-size:7px !important;letter-spacing:.08em !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] .settings-os-preset-row {min-height:37px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-pane[data-settings-pane="bet"] :is(.settings-os-preset-note,.settings-os-help) {margin-top:1px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-columns {left:5px !important;right:5px !important;grid-template-columns:68px minmax(0,1fr) !important;gap:5px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-caption-grid {gap:4px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-column {padding:0 20px !important;gap:1px !important;}
  #settingsModal #settingsBox.settings-os .settings-os-presets-panel .settings-os-preset-column::after {font-size:8px !important;}
}
@media (prefers-reduced-motion:reduce) {
  #settingsModal #settingsBox.settings-os * {scroll-behavior:auto !important;transition:none !important;}
}
/* Keep unavailable tabs and panels outside layout and keyboard navigation. */
#settingsModal #settingsBox.settings-os .settings-os-pane[hidden],
#settingsModal #settingsBox.settings-os [hidden] {display:none !important;}

/* Settings logout confirmation uses the browser's modal focus management. */
dialog.settings-logout-confirm {
  box-sizing:border-box;
  width:min(360px, calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  margin:auto;
  padding:24px;
  border:1px solid rgba(43,221,240,.48);
  border-radius:10px;
  background:#08131b;
  color:#e5f9ff;
  font-family:inherit;
  box-shadow:0 12px 32px rgba(0,0,0,.4);
}
dialog.settings-logout-confirm::backdrop {background:rgba(0,6,10,.45);}
dialog.settings-logout-confirm h2 {margin:0 0 22px;font-size:17px;line-height:1.6;}
.settings-logout-confirm-actions {display:flex;justify-content:flex-end;gap:10px;}
.settings-logout-confirm-actions button {
  min-height:40px;
  padding:8px 15px;
  border:1px solid rgba(141,185,199,.35);
  border-radius:6px;
  background:#11232d;
  color:#e5f9ff;
  font:inherit;
  font-size:13px;
  cursor:pointer;
}
.settings-logout-confirm-actions [data-settings-logout-confirm="accept"] {border-color:#36d9ed;color:#55e6f5;}
.settings-logout-confirm-actions button:focus-visible {outline:2px solid #55e6f5;outline-offset:3px;}

/* Keep the original text scale while the software keyboard consumes height. */
#settingsModal.settings-keyboard-open #settingsBox.settings-os {
  --settings-stage-width:var(--settings-keyboard-width);
  height:var(--settings-visible-height)!important;
  max-height:var(--settings-visible-height)!important;
  aspect-ratio:auto!important;
  grid-template-rows:32px minmax(0,1fr) auto!important;
}
#settingsModal.settings-keyboard-open #settingsBox.settings-os .settings-os-header {padding-block:4px!important;min-height:0!important;}
#settingsModal.settings-keyboard-open #settingsBox.settings-os .settings-os-body {overflow-y:auto;min-height:0;}