/* Light is the default, including when browser storage is unavailable. */
html body #board {
 --board-paper:#f3eddf; --board-card:#fffaf0; --board-ink:#292334;
 --board-muted:#766f69; --board-line:#d4c9b7; --board-accent:#79551d;
 --board-hover:#eae0cb; --board-active:#eadfc8;
 color-scheme:light;
}
html body #board[data-board-theme="dark"] {
 --board-paper:#202329; --board-card:#2c3037; --board-ink:#f4eee3;
 --board-muted:#aaa8a3; --board-line:#4a4f57; --board-accent:#e0c48f;
 --board-hover:#3a4048; --board-active:#34383e;
 color-scheme:dark;
}
/* Arefha's host board: category artwork between two question columns.
   Presentation only. Keep each tile in its existing DOM order (and preserve
   its original question index/click handler). Siege keeps its spatial map. */
html body #board:has(.board-grid:not(.siege-mode)) > .stage-bg {
  
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100svh;
  height: 100dvh; /* fill the visible viewport once the browser toolbar collapses (svh leaves a dead band) */
  min-height: 560px;
  padding: max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)) !important;
  background: var(--board-paper) !important;
  box-shadow: none !important;
}
html body #board:has(.board-grid:not(.siege-mode)) .stage-header {
  flex: 0 0 auto;
  width: 100%;
  max-width: none;
  min-height: 48px;
  margin: 0 !important;
  padding: 0 4px 10px;
  border-bottom: 1px solid var(--board-line);
}
html body #board:has(.board-grid:not(.siege-mode)) .stage-header h2 {
  font: 700 clamp(20px, 2vw, 30px)/1.35 var(--font-body), sans-serif;
  margin: 0;
  color: var(--board-ink) !important;
  text-shadow: none !important;
}
html body #board:has(.board-grid:not(.siege-mode)) #currentTeamName { color: var(--board-accent); }
html body #board:has(.board-grid:not(.siege-mode)) .stage-header .btn { min-height: 44px; min-width: 48px; }
html body #board:has(.board-grid:not(.siege-mode)) .diff-legend { display: none; }
html body #board:has(.board-grid:not(.siege-mode)) .alarm-meter { flex-shrink: 0; margin: 0; }

html body #board .board-grid:not(.siege-mode) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(180px, 1fr);
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  max-width: none !important;
  gap: 16px 24px;
  margin: 0 !important;
  padding: 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--board-line) var(--board-paper);
}
html body #board .board-grid:not(.siege-mode):has(> .cat-col:nth-child(7)) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html body #board .board-grid:not(.siege-mode) .cat-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.42fr) minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(44px, 1fr));
  gap: 7px;
  height: auto;
  min-width: 0;
  min-height: 0;
}
html body #board .board-grid:not(.siege-mode) .cat-col__head {
  grid-column: 2;
  grid-row: 1 / 4;
  display: flex !important;
  flex-direction: column;
  min-height: 0 !important;
  min-width: 0;
  align-items: stretch;
  border: 1px solid #a88b55 !important;
  border-radius: 12px !important;
  background: #f6f0e2 !important;
  box-shadow: none !important;
}
html body #board .board-grid:not(.siege-mode) .cat-col__cover {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  width: 100%;
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
html body #board .board-grid:not(.siege-mode) .cat-col__cover img {
  width: 100%; height: 100%; object-fit: cover; flex: 0 0 100%;
}
html body #board .board-grid:not(.siege-mode) .cat-col__name {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 48px !important;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 6px !important;
  font: 700 clamp(14px, 1.15vw, 19px)/1.4 var(--font-body), sans-serif !important;
  color: #241e19 !important;
  background: #f6f0e2 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
  -webkit-line-clamp: unset;
}
html body #board .board-grid:not(.siege-mode) .tile-pairs { display: contents; }
html body #board .board-grid:not(.siege-mode) .tile {
  grid-column: 1;
  min-width: 0;
  min-height: 44px !important;
  width: 100%; height: auto !important; aspect-ratio: auto !important;
  padding: 8px 4px;
  border: 1px solid var(--board-line) !important;
  border-radius: 14px !important;
  background: var(--board-card) !important;
  color: var(--board-ink) !important;
  font: 700 clamp(25px, 2.5vw, 42px)/1.1 var(--font-body), sans-serif !important;
  font-variant-numeric: tabular-nums;
  text-shadow: none !important;
  box-shadow: none !important;
}
html body #board .board-grid:not(.siege-mode) .tile:nth-child(even) { grid-column: 3; }
html body #board .board-grid:not(.siege-mode) .tile:nth-child(-n+2) { grid-row: 1; }
html body #board .board-grid:not(.siege-mode) .tile:nth-child(n+3):nth-child(-n+4) { grid-row: 2; }
html body #board .board-grid:not(.siege-mode) .tile:nth-child(n+5) { grid-row: 3; }
html body #board .board-grid:not(.siege-mode) .tile:not(.used):hover {
  background: var(--board-hover) !important; border-color: var(--board-accent) !important;
}
html body #board .board-grid:not(.siege-mode) .tile:focus-visible {
  outline: 3px solid var(--board-accent); outline-offset: -4px;
}
html body #board .board-grid:not(.siege-mode) .tile.used {
  opacity: 1 !important; background: var(--board-paper) !important; color: var(--board-muted) !important;
  border-color: var(--board-line) !important; cursor: default;
}

/* Names anchor matching score and assist rows, without extra turn captions. */
html body #board .kt-team-label { display:none !important; }
html body #board:has(.board-grid:not(.siege-mode)) #scoreboard {
 flex:0 0 auto; width:100%; max-width:none !important; margin:0 !important;
 gap:24px !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
html body #board:has(.board-grid:not(.siege-mode)) .team-panel {
 display:grid !important; grid-template-columns:minmax(160px,1fr) minmax(0,1fr);
 grid-template-rows:auto 1fr; align-items:center; gap:8px 24px !important;
 padding:14px 20px !important; min-height:142px; border-radius:12px !important;
 background:var(--board-card) !important; border:1px solid var(--board-line) !important;
 box-shadow:none !important;
}
html body #board:has(.board-grid:not(.siege-mode)) .team-panel.active {
 border-color:var(--board-accent) !important;
 box-shadow:inset 0 3px 0 var(--board-accent) !important;
}
html body #board:has(.board-grid:not(.siege-mode)) .team-panel > div:first-child { display:contents !important; }
html body #board:has(.board-grid:not(.siege-mode)) .team-name-tag {
 grid-column:1; grid-row:1; font-size:20px !important; overflow-wrap:anywhere;
 color:var(--board-ink) !important; text-align:center;
}
html body #board:has(.board-grid:not(.siege-mode)) .team-score,
html body #board:has(.board-grid:not(.siege-mode)) .heist-score-grid { grid-column:1; grid-row:2; min-width:0; }
html body #board:has(.board-grid:not(.siege-mode)) .team-score {
 display:flex !important; align-items:center; justify-content:space-between; gap:8px !important;
}
html body #board:has(.board-grid:not(.siege-mode)) .score-value {
 font-size:clamp(32px,3vw,46px) !important; min-width:0; color:var(--board-ink) !important;
}
html body #board:has(.board-grid:not(.siege-mode)) .team-perks {
 grid-column:2; grid-row:1 / 3; display:grid !important;
 grid-template-columns:repeat(2,minmax(0,1fr)); align-content:center;
 justify-self:stretch; margin:0 !important; gap:8px !important;
}
html body #board:has(.board-grid:not(.siege-mode)) .team-b .team-name-tag,
html body #board:has(.board-grid:not(.siege-mode)) .team-b .team-score,
html body #board:has(.board-grid:not(.siege-mode)) .team-b .heist-score-grid { grid-column:2; }
html body #board:has(.board-grid:not(.siege-mode)) .team-b .team-perks { grid-column:1; }
html body #board:has(.board-grid:not(.siege-mode)) .perk-pip {
 justify-content:center; min-width:0 !important; padding:10px 8px !important;
 font-size:clamp(18px,1.2vw,22px) !important; font-weight:700 !important;
 line-height:1.35 !important; height:auto !important; min-height:64px !important;
 gap:8px !important;
}
html body #board:has(.board-grid:not(.siege-mode)) .kt-perk-name { white-space:normal; }
html body #board:has(.board-grid:not(.siege-mode)) .perk-pip .kti { width:20px !important; height:20px !important; flex-shrink:0; }
html body #board:has(.board-grid:not(.siege-mode)) .perk-pip,
html body #board:has(.board-grid:not(.siege-mode)) .score-btn,
html body #board:has(.board-grid:not(.siege-mode)) .stage-header .btn,
html body #board:has(.board-grid:not(.siege-mode)) .bank-btn,
html body #board:has(.board-grid:not(.siege-mode)) .scout-btn {
 background:var(--board-card) !important; color:var(--board-ink) !important;
 border:1px solid var(--board-line) !important; box-shadow:none !important;
}
html body #board:has(.board-grid:not(.siege-mode)) .perk-pip.active { background:var(--board-active) !important; border-color:var(--board-accent) !important; }
html body #board:has(.board-grid:not(.siege-mode)) button:not(:disabled):hover { background:var(--board-hover) !important; }
html body #board:has(.board-grid:not(.siege-mode)) button:focus-visible { outline:2px solid var(--board-accent); outline-offset:3px; }
html body #board:has(.board-grid:not(.siege-mode)) .team-roster { grid-column:1 / -1; grid-row:4; color:var(--board-muted) !important; }
html body #board:has(.board-grid:not(.siege-mode)) .scout-btn { grid-column:1 / -1; grid-row:3; min-height:44px; }
html body #board:has(.board-grid:not(.siege-mode)) .heist-stash-line { color:var(--board-muted) !important; flex-wrap:wrap; }
html body #board:has(.board-grid:not(.siege-mode)) .kt-kebab-wrap { display:flex; gap:8px; }
html body #board:has(.board-grid:not(.siege-mode)) .board-theme-toggle { font-size:14px; letter-spacing:0; padding:8px 12px; }
html body #board:has(.siege-mode) .board-theme-toggle { display:none; }
html body #board:has(.board-grid:not(.siege-mode)) .kt-kebab-menu { background:var(--board-card); border-color:var(--board-line); }
html body #board:has(.board-grid:not(.siege-mode)) .alarm-meter { background:var(--board-card); border-color:var(--board-line); color:var(--board-ink); }
@media(max-width:1050px) {
 html body #board:has(.board-grid:not(.siege-mode)) .perk-pip { font-size:16px !important; padding:8px 6px !important; gap:5px !important; }
 html body #board .board-grid:not(.siege-mode),
 html body #board .board-grid:not(.siege-mode):has(> .cat-col:nth-child(7)) { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel { gap:8px 12px !important; padding:12px !important; grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr); }
 html body #board:has(.board-grid:not(.siege-mode)) .team-score { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; justify-items:center; }
 html body #board:has(.board-grid:not(.siege-mode)) .team-score .score-value { grid-column:1 / -1; grid-row:1; }
 html body #board:has(.board-grid:not(.siege-mode)) .team-score button { grid-row:2; }
 html body #board:has(.board-grid:not(.siege-mode)) .team-perks .kt-perk-name { white-space:normal; }
}
@media(max-width:650px),(max-height:600px) {
 html body #board:has(.board-grid:not(.siege-mode)) > .stage-bg { height:auto; min-height:100svh; padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)) !important; }
 html body #board .board-grid:not(.siege-mode) { flex:none; grid-auto-rows:minmax(190px,auto); overflow:visible; gap:14px; }
 html body #board:has(.board-grid:not(.siege-mode)) #scoreboard { gap:12px !important; }
}
@media(max-width:650px) {
 html body #board .board-grid:not(.siege-mode),
 html body #board .board-grid:not(.siege-mode):has(> .cat-col:nth-child(7)) { grid-template-columns:minmax(0,1fr) !important; }
 html body #board:has(.board-grid:not(.siege-mode)) #scoreboard { grid-template-columns:minmax(0,1fr) !important; }
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel .team-name-tag,
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel .team-score,
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel .heist-score-grid { grid-column:1; }
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel .team-perks { grid-column:2; }
 html body #board:has(.board-grid:not(.siege-mode)) .team-name-tag { font-size:17px !important; }
 html body #board:has(.board-grid:not(.siege-mode)) .stage-header { flex-wrap:wrap; gap:8px; }
 html body #board:has(.board-grid:not(.siege-mode)) .stage-header h2 { font-size:20px; }
}

/* Reference-led fit: two category rows on landscape screens, compact team rails. */
html body #board:has(.board-grid:not(.siege-mode))>.stage-bg{gap:12px;height:100svh;height:100dvh;min-height:0;padding:12px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important}
html body #board .board-grid:not(.siege-mode){grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,1fr);gap:14px 20px;flex:1 1 0;overflow:auto}
html body #board .board-grid:not(.siege-mode) .cat-col{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:5px}
html body #board .board-grid:not(.siege-mode) .cat-col__head{border:0!important;border-radius:6px!important}
html body #board .board-grid:not(.siege-mode) .cat-col__name{min-height:38px!important;padding:6px 4px!important;font-size:clamp(12px,1.05vw,18px)!important;line-height:1.35!important;background:var(--board-accent)!important;color:var(--board-paper)!important;overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
html body #board .board-grid:not(.siege-mode) .tile{min-height:0!important;padding:2px!important;border-radius:9px!important;font-family:var(--font-body)!important;font-weight:500!important;font-size:clamp(24px,2.5vw,44px)!important}
html body #board .board-grid:not(.siege-mode) .diff-dot{display:none}
html body #board:has(.board-grid:not(.siege-mode)) #scoreboard{gap:20px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #board:has(.board-grid:not(.siege-mode)) .team-panel{min-height:0!important;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto;gap:5px 20px!important;padding:10px 14px!important;border-radius:8px!important;transform:none!important;animation:none!important;opacity:1!important;filter:none!important}
html body #board:has(.board-grid:not(.siege-mode)) .team-panel.active{box-shadow:none!important;border:2px solid var(--board-accent)!important}
html body #board:has(.board-grid:not(.siege-mode)) .team-roster{display:none!important}
html body #board:has(.board-grid:not(.siege-mode)) .team-name-tag{font-size:17px!important;line-height:1.4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 5px}
html body #board:has(.board-grid:not(.siege-mode)) .team-score{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center;gap:6px!important}
html body #board:has(.board-grid:not(.siege-mode)) .team-score .score-value{grid-column:2!important;grid-row:1!important;text-align:center;font:600 30px/1.1 var(--font-body)!important;min-width:0!important;direction:ltr}
html body #board:has(.board-grid:not(.siege-mode)) .team-score .score-btn{width:40px!important;height:36px!important;min-width:0!important;min-height:36px!important;padding:0!important;grid-row:1!important;font:22px/1 var(--font-body)!important}
html body #board:has(.board-grid:not(.siege-mode)) .team-score .score-btn:first-child{grid-column:1}
html body #board:has(.board-grid:not(.siege-mode)) .team-score .score-btn:last-child{grid-column:3}
html body #board:has(.board-grid:not(.siege-mode)) .team-perks{display:flex!important;flex-direction:row;flex-wrap:nowrap!important;gap:6px!important;justify-content:center;align-items:center}
html body #board:has(.board-grid:not(.siege-mode)) .perk-pip{display:flex!important;flex:1 1 0;flex-direction:column;min-width:0!important;min-height:58px!important;height:58px!important;padding:6px 3px!important;gap:5px!important;font-size:12px!important}
html body #board:has(.board-grid:not(.siege-mode)) .kt-perk-name{font-size:11px;line-height:1.2;white-space:normal;text-align:center}
html body #board:has(.board-grid:not(.siege-mode)) .heist-score-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}
html body #board:has(.board-grid:not(.siege-mode)) .heist-score-grid .score-value{font-size:26px!important;direction:ltr}
html body #board:has(.board-grid:not(.siege-mode)) .heist-stash-line{font-size:11px!important;gap:5px}
html body #board:has(.board-grid:not(.siege-mode)) .bank-btn{min-height:30px;padding:4px 8px;font-size:12px}
html body #board:has(.board-grid:not(.siege-mode)) .scout-btn{min-height:28px;padding:3px 8px;font-size:12px;grid-column:2;grid-row:3}
@media(max-width:1100px){
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel{gap:4px 8px!important;padding:7px 9px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .kt-perk-name{display:none!important}
 html body #board:has(.board-grid:not(.siege-mode)) .perk-pip{flex:0 1 38px;width:38px!important;height:38px!important;min-height:38px!important;padding:7px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-score{grid-template-columns:30px minmax(0,1fr) 30px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .score-btn{width:30px!important}
}
@media(orientation:portrait) and (max-width:1050px){
 html body #board:has(.board-grid:not(.siege-mode))>.stage-bg{height:100svh;height:100dvh;min-height:720px;gap:10px}
 html body #board .board-grid:not(.siege-mode){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(140px,1fr));gap:10px}
 html body #board:has(.board-grid:not(.siege-mode)) #scoreboard{gap:8px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto;gap:4px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel :is(.team-name-tag,.team-score,.heist-score-grid){grid-column:1!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel .team-perks{grid-column:1!important;grid-row:3!important;gap:4px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .scout-btn{grid-column:1;grid-row:4}
 html body #board:has(.board-grid:not(.siege-mode)) .team-name-tag{font-size:14px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-score .score-value{font-size:25px!important}
}
@media(orientation:landscape) and (max-height:600px){
 html body #board:has(.board-grid:not(.siege-mode))>.stage-bg{height:100svh;height:100dvh;min-height:0;gap:6px;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}
 html body #board:has(.board-grid:not(.siege-mode)) .stage-header{min-height:30px;padding:0!important}
 html body #board:has(.board-grid:not(.siege-mode)) .stage-header h2{font-size:17px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .stage-header .btn{min-height:28px;padding:4px 8px;font-size:11px}
 html body #board .board-grid:not(.siege-mode){grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(80px,1fr);gap:6px 10px;flex:1 1 0;overflow:auto}
 html body #board .board-grid:not(.siege-mode) .cat-col{gap:3px}
 html body #board .board-grid:not(.siege-mode) .cat-col__name{min-height:22px!important;padding:3px 2px!important;font-size:10px!important;line-height:1.2!important}
 html body #board .board-grid:not(.siege-mode) .tile{font-size:clamp(18px,2.6vw,26px)!important;border-radius:5px!important}
 html body #board:has(.board-grid:not(.siege-mode)) #scoreboard{gap:8px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-panel{grid-template-columns:minmax(80px,.9fr) minmax(0,1.1fr)!important;padding:4px 6px!important;gap:2px 8px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-name-tag{font-size:12px!important;padding:0;line-height:1.3!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-score{grid-template-columns:24px minmax(0,1fr) 24px!important;gap:3px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-score .score-btn{width:24px!important;height:24px!important;min-height:24px!important;font-size:17px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-score .score-value{font-size:23px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .team-perks{gap:4px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .perk-pip{width:28px!important;min-height:28px!important;height:28px!important;padding:4px!important;flex:0 1 28px}
 html body #board:has(.board-grid:not(.siege-mode)) .perk-pip .kti{width:17px!important;height:17px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .scout-btn{min-height:22px;font-size:10px;padding:2px 6px;grid-column:1;grid-row:3}
 html body #board:has(.board-grid:not(.siege-mode)) .heist-score-grid .score-value{font-size:19px!important}
 html body #board:has(.board-grid:not(.siege-mode)) .heist-stash-line{font-size:9px!important;line-height:1.2!important}
 html body #board:has(.board-grid:not(.siege-mode)) .bank-btn{min-height:23px;font-size:10px;padding:2px 4px}
}

/* Native titles and Arabic accessible names remain available without offscreen tooltips. */
html body #board .perk-pip[data-tip]::before,
html body #board .perk-pip[data-tip]::after{display:none!important}
html body #board:has(.board-grid:not(.siege-mode)) .team-perks{min-width:0;max-width:100%}
html body #board:has(.board-grid:not(.siege-mode)) .heist-score-grid{align-content:center}
html body #board:has(.board-grid:not(.siege-mode)) .heist-score-grid .score-value{min-width:0!important;font-family:var(--font-body)!important}
html body #board:has(.board-grid:not(.siege-mode)) .heist-stash-line b{color:var(--board-ink)!important}
html body #board:has(.board-grid:not(.siege-mode)) .bank-btn{margin:0;letter-spacing:0}
html body #board:has(.board-grid:not(.siege-mode)) .alarm-meter{background:var(--board-card)!important;border-color:var(--board-line)!important}
html body #board:has(.board-grid:not(.siege-mode)) .alarm-meter__label{color:var(--board-ink)!important}
html body #board:has(.board-grid:not(.siege-mode)) .team-panel.lockout{border-style:dashed!important}
@media(orientation:landscape) and (max-height:600px){
 html body #board:has(.board-grid:not(.siege-mode)) .alarm-meter{padding:4px 8px;min-height:24px}
 html body #board:has(.board-grid:not(.siege-mode)) .heist-score-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px}
 html body #board:has(.board-grid:not(.siege-mode)) .heist-score-grid .score-value{grid-column:1;grid-row:1}
 html body #board:has(.board-grid:not(.siege-mode)) .heist-stash-line{grid-column:1/-1;grid-row:2;justify-content:center}
 html body #board:has(.board-grid:not(.siege-mode)) .bank-btn{grid-column:2;grid-row:1}
}

html body #board #alarmPct{color:var(--board-ink)!important}
html body #board #kt-audio-dock .kt-dock-toggle .kti{color:inherit!important}
html body #board .stage-header__actions{display:flex;align-items:center;gap:8px}
html body #board #kt-audio-dock,html body #board #kt-audio-dock.open{position:relative!important;inset:auto!important;display:flex!important;flex:0 0 40px;width:40px!important;height:40px!important;padding:0!important;border:1px solid var(--board-line)!important;border-radius:6px;background:var(--board-card)!important;box-shadow:none!important;backdrop-filter:none}
html body #board #kt-audio-dock .kt-dock-toggle{width:38px!important;height:38px!important;background:transparent!important;color:var(--board-ink)!important}
@media(max-width:650px){html body #board .stage-header h2{font-size:18px!important}}
@media(orientation:landscape) and (max-height:600px){
 html body #board #kt-audio-dock,html body #board #kt-audio-dock.open{flex-basis:28px;width:28px!important;height:28px!important}
 html body #board #kt-audio-dock .kt-dock-toggle{width:26px!important;height:26px!important}
}