/* Knowtorious host board: artwork between paired questions, compact team rails. */
html:root body:not(.mode-hex) #board{--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}
/* Knowtorious 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). HEX keeps its spatial map. */
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) > .stage-bg {

  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100svh;
  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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .stage-header h2 {
  font: 700 clamp(20px, 2vw, 30px)/1.35 Archivo, sans-serif;
  margin: 0;
  color: var(--board-ink) !important;
  text-shadow: none !important;
}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) #currentTeamName { color: var(--board-accent); }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .stage-header .btn { min-height: 44px; min-width: 48px; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .diff-legend { display: none; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .alarm-meter { flex-shrink: 0; margin: 0; }

html:root body:not(.mode-hex) #board .board-grid:not(.hex-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:root body:not(.mode-hex) #board .board-grid:not(.hex-mode):has(> .cat-col:nth-child(7)) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-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:root body:not(.mode-hex) #board .board-grid:not(.hex-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:root body:not(.mode-hex) #board .board-grid:not(.hex-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:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__cover img {
  width: 100%; height: 100%; object-fit: cover; flex: 0 0 100%;
}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-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 Archivo, 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:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .tile-pairs { display: contents; }
html:root body:not(.mode-hex) #board .board-grid:not(.hex-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 Archivo, sans-serif !important;
  font-variant-numeric: tabular-nums;
  text-shadow: none !important;
  box-shadow: none !important;
}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .tile:nth-child(even) { grid-column: 3; }
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .tile:nth-child(-n+2) { grid-row: 1; }
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .tile:nth-child(n+3):nth-child(-n+4) { grid-row: 2; }
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .tile:nth-child(n+5) { grid-row: 3; }
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .tile:not(.used):hover {
  background: var(--board-hover) !important; border-color: var(--board-accent) !important;
}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .tile:focus-visible {
  outline: 3px solid var(--board-accent); outline-offset: -4px;
}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-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:root body:not(.mode-hex) #board .astra-team-label { display:none !important; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel.active {
 border-color:var(--board-accent) !important;
 box-shadow:inset 0 3px 0 var(--board-accent) !important;
}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel > div:first-child { display:contents !important; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score,
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .heist-score-grid { grid-column:1; grid-row:2; min-width:0; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score {
 display:flex !important; align-items:center; justify-content:space-between; gap:8px !important;
}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .score-value {
 font-size:clamp(32px,3vw,46px) !important; min-width:0; color:var(--board-ink) !important;
}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-b .team-name-tag,
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-b .team-score,
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-b .heist-score-grid { grid-column:2; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-b .team-perks { grid-column:1; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .astra-perk-name { white-space:normal; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .perk-pip .kti { width:20px !important; height:20px !important; flex-shrink:0; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .perk-pip,
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .score-btn,
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .stage-header .btn,
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .bank-btn,
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .perk-pip.active { background:var(--board-active) !important; border-color:var(--board-accent) !important; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) button:not(:disabled):hover { background:var(--board-hover) !important; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) button:focus-visible { outline:2px solid var(--board-accent); outline-offset:3px; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-roster { grid-column:1 / -1; grid-row:4; color:var(--board-muted) !important; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .scout-btn { grid-column:1 / -1; grid-row:3; min-height:44px; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .heist-stash-line { color:var(--board-muted) !important; flex-wrap:wrap; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .kt-kebab-wrap { display:flex; gap:8px; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .board-theme-toggle { font-size:14px; letter-spacing:0; padding:8px 12px; }
html:root body:not(.mode-hex) #board:has(.hex-mode) .board-theme-toggle { display:none; }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .kt-kebab-menu { background:var(--board-card); border-color:var(--board-line); }
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .alarm-meter { background:var(--board-card); border-color:var(--board-line); color:var(--board-ink); }
@media(max-width:1050px) {
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .perk-pip { font-size:16px !important; padding:8px 6px !important; gap:5px !important; }
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode),
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode):has(> .cat-col:nth-child(7)) { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel { gap:8px 12px !important; padding:12px !important; grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr); }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; justify-items:center; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score .score-value { grid-column:1 / -1; grid-row:1; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score button { grid-row:2; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-perks .astra-perk-name { white-space:normal; }
}
@media(max-width:650px),(max-height:600px) {
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) { flex:none; grid-auto-rows:minmax(190px,auto); overflow:visible; gap:14px; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) #scoreboard { gap:12px !important; }
}
@media(max-width:650px) {
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode),
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode):has(> .cat-col:nth-child(7)) { grid-template-columns:minmax(0,1fr) !important; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) #scoreboard { grid-template-columns:minmax(0,1fr) !important; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel .team-name-tag,
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel .team-score,
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel .heist-score-grid { grid-column:1; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel .team-perks { grid-column:2; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-name-tag { font-size:17px !important; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .stage-header { flex-wrap:wrap; gap:8px; }
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .stage-header h2 { font-size:20px; }
}

/* Reference-led fit: two category rows on landscape screens, compact team rails. */
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode))>.stage-bg{gap:12px;height:100svh;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:root body:not(.mode-hex) #board .board-grid:not(.hex-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:root body:not(.mode-hex) #board .board-grid:not(.hex-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:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__head{border:0!important;border-radius:6px!important}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-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:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .tile{min-height:0!important;padding:2px!important;border-radius:9px!important;font-family:Arial,Archivo,sans-serif!important;font-weight:500!important;font-size:clamp(24px,2.5vw,44px)!important}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .diff-dot{display:none}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) #scoreboard{gap:20px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel.active{box-shadow:none!important;border:2px solid var(--board-accent)!important}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-roster{display:none!important}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center;gap:6px!important}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score .score-value{grid-column:2!important;grid-row:1!important;text-align:center;font:600 30px/1.1 Arial,sans-serif!important;min-width:0!important;direction:ltr}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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 Arial!important}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score .score-btn:first-child{grid-column:1}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score .score-btn:last-child{grid-column:3}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-perks{display:flex!important;flex-direction:row;flex-wrap:nowrap!important;gap:6px!important;justify-content:center;align-items:center}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .astra-perk-name{font-size:11px;line-height:1.2;white-space:normal;text-align:center}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .heist-score-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .heist-score-grid .score-value{font-size:26px!important;direction:ltr}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .heist-stash-line{font-size:11px!important;gap:5px}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .bank-btn{min-height:30px;padding:4px 8px;font-size:12px}
html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .scout-btn{min-height:28px;padding:3px 8px;font-size:12px;grid-column:2;grid-row:3}
@media(max-width:1100px){
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel{gap:4px 8px!important;padding:7px 9px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .astra-perk-name{display:none!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .perk-pip{flex:0 1 38px;width:38px!important;height:38px!important;min-height:38px!important;padding:7px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score{grid-template-columns:30px minmax(0,1fr) 30px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .score-btn{width:30px!important}
}
@media(orientation:portrait) and (max-width:1050px){
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode))>.stage-bg{height:100svh;min-height:720px;gap:10px}
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(140px,1fr));gap:10px}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) #scoreboard{gap:8px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto;gap:4px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel :is(.team-name-tag,.team-score,.heist-score-grid){grid-column:1!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel .team-perks{grid-column:1!important;grid-row:3!important;gap:4px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .scout-btn{grid-column:1;grid-row:4}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-name-tag{font-size:14px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score .score-value{font-size:25px!important}
}
@media(orientation:landscape) and (max-height:600px){
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode))>.stage-bg{height:100svh;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:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .stage-header{min-height:30px;padding:0!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .stage-header h2{font-size:17px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .stage-header .btn{min-height:28px;padding:4px 8px;font-size:11px}
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-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:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col{gap:3px}
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__name{min-height:22px!important;padding:3px 2px!important;font-size:10px!important;line-height:1.2!important}
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .tile{font-size:clamp(18px,2.6vw,26px)!important;border-radius:5px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) #scoreboard{gap:8px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-panel{grid-template-columns:minmax(80px,.9fr) minmax(0,1.1fr)!important;padding:4px 6px!important;gap:2px 8px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-name-tag{font-size:12px!important;padding:0;line-height:1.3!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score{grid-template-columns:24px minmax(0,1fr) 24px!important;gap:3px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score .score-btn{width:24px!important;height:24px!important;min-height:24px!important;font-size:17px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-score .score-value{font-size:23px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .team-perks{gap:4px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .perk-pip{width:28px!important;min-height:28px!important;height:28px!important;padding:4px!important;flex:0 1 28px}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .perk-pip .kti{width:17px!important;height:17px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .scout-btn{min-height:22px;font-size:10px;padding:2px 6px;grid-column:1;grid-row:3}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .heist-score-grid .score-value{font-size:19px!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .heist-stash-line{font-size:9px!important;line-height:1.2!important}
 html:root body:not(.mode-hex) #board:has(.board-grid:not(.hex-mode)) .bank-btn{min-height:23px;font-size:10px;padding:2px 4px}
}

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


/* Keep the host controls and current team visible at every breakpoint. */
html:root body:not(.mode-hex) #board .astra-board-foot,html:root body:not(.mode-hex) #board .original-phone-heading{display:none!important}
html:root body:not(.mode-hex) #board .astra-refined-heading{display:block!important;min-width:0}
html:root body:not(.mode-hex) #board .astra-refined-heading h2{display:none!important}
html:root body:not(.mode-hex) #board .astra-board-caption{margin:0;font:400 14px/1.4 Archivo,Arial,sans-serif!important;color:var(--board-muted)!important}
html:root body:not(.mode-hex) #board .astra-board-caption b{color:var(--board-accent)!important;font-weight:700}
html:root body:not(.mode-hex) #board .astra-progress{display:flex!important;flex-direction:row;align-items:center;gap:14px;min-width:0}
html:root body:not(.mode-hex) #board .astra-progress>div:first-child{display:none!important}
html:root body:not(.mode-hex) #board .stage-header{display:flex;flex-wrap:nowrap!important;gap:12px}
html:root body:not(.mode-hex) #board .stage-header__actions{display:flex!important;gap:6px}
html:root body:not(.mode-hex) #board .astra-sound-slot{margin:0}
html:root body:not(.mode-hex) #board .astra-sound-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:8px}
html:root body:not(.mode-hex) #board .astra-sound-button span{display:none}
html:root body:not(.mode-hex) #board .cat-col__head{grid-column:2!important;grid-row:1/4!important}
html:root body:not(.mode-hex) #board .cat-col__name{letter-spacing:0!important;text-transform:none!important}
html:root body:not(.mode-hex) #board .team-name-tag{font-family:Archivo,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html:root body:not(.mode-hex) #board .team-name-tag:before,html:root body:not(.mode-hex) #board .team-name-tag:after{display:none!important}
html:root body:not(.mode-hex) #board .team-score .score-btn:before{display:none!important}
html:root body:not(.mode-hex) #board .score-value{letter-spacing:0!important}
html:root body:not(.mode-hex) #board .tile.used{opacity:.38!important}
html:root body:not(.mode-hex) #board .stage-header{order:0!important}
html:root body:not(.mode-hex) #board #alarmPct{color:var(--board-ink)!important}
@media(orientation:landscape) and (max-height:600px){
 html:root body:not(.mode-hex) #board .astra-board-caption{font-size:11px!important}
 html:root body:not(.mode-hex) #board .astra-sound-button{width:28px;min-width:28px;height:28px;min-height:28px;padding:6px}
 html:root body:not(.mode-hex) #board .stage-header .btn{height:28px!important;min-height:28px!important;padding:4px 8px!important}
}


html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__cover{flex:1 1 0!important;min-height:0!important;height:0!important;max-height:none!important;aspect-ratio:auto!important}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__head{display:flex!important;flex-direction:column!important;background:var(--board-card)!important}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__cover img{width:100%!important;height:100%!important;object-fit:cover!important}
html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__name{flex:0 0 auto!important;-webkit-line-clamp:2!important;max-height:4em!important}
html:root body:not(.mode-hex) #board .astra-progress{margin-left:auto!important}
html:root body:not(.mode-hex) #board .stage-header{align-items:center!important}
html:root body:not(.mode-hex) #board #kt-tv-toggle{position:static!important;inset:auto!important;display:block!important;transform:none!important;padding:8px 10px;background:var(--board-card);border:1px solid var(--board-line);color:var(--board-ink);border-radius:6px;backdrop-filter:none;white-space:nowrap}
html:root body:not(.mode-hex) #board .heist-stash-line{display:flex!important;flex-direction:row!important;gap:8px!important;letter-spacing:0!important}
html:root body:not(.mode-hex) #board .heist-stash-line :is(.stash-num,.vault-num){font:600 12px/1.2 Archivo,Arial,sans-serif!important;letter-spacing:0!important}
html:root body:not(.mode-hex) #board .heist-score-grid{grid-template-rows:auto auto!important;width:auto!important}
html:root body:not(.mode-hex) #board .heist-score-grid .bank-btn{grid-column:2!important;grid-row:1!important;font-family:Archivo,Arial,sans-serif}
@media(orientation:landscape) and (max-height:600px){
 html:root body:not(.mode-hex) #board .heist-stash-line{font-size:9px!important}
 html:root body:not(.mode-hex) #board .heist-stash-line :is(.stash-num,.vault-num){font-size:10px!important}
 html:root body:not(.mode-hex) #board #kt-tv-toggle{display:none!important}
 html:root body:not(.mode-hex) #board .heist-score-grid{grid-column:1!important;grid-row:2!important}
 html:root body:not(.mode-hex) #board .team-b .heist-score-grid{grid-column:2!important}
 html:root body:not(.mode-hex) #board .team-panel .team-perks{grid-row:1/3!important}
}
@media(orientation:portrait) and (max-width:650px){
 html:root body:not(.mode-hex) #board .cat-col__name{font-size:11px!important}
 html:root body:not(.mode-hex) #board #kt-tv-toggle{font-size:10px;padding:8px 6px}
 html:root body:not(.mode-hex) #board .stage-header{gap:6px!important}
}


/* Portrait puts each full category name under its artwork and paired tiles. */
@media(orientation:portrait) and (max-width:650px){
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col{grid-template-rows:repeat(3,minmax(0,1fr)) 34px}
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__head{display:contents!important}
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__cover{grid-column:2;grid-row:1/4;height:100%!important;border-radius:5px}
 html:root body:not(.mode-hex) #board .board-grid:not(.hex-mode) .cat-col__name{grid-column:1/-1;grid-row:4;min-height:0!important;height:34px!important;max-height:34px!important;padding:3px!important;font-size:11px!important;line-height:14px!important;display:flex!important;align-items:center;justify-content:center;-webkit-line-clamp:unset!important;border-radius:4px;overflow:hidden!important}
}


/* Board appearance is independent of the game's mode and persists between matches. */
html:root body #board[data-board-theme]{
 --board-paper:#242126;--board-card:#302c32;--board-ink:#f5f1f5;--board-muted:#c0b7c1;--board-line:#625964;
 --board-accent:#edc877;--board-secondary:#f1a1b8;
 --board-hover:color-mix(in srgb,var(--board-accent) 12%,var(--board-card));
 --board-active:color-mix(in srgb,var(--board-accent) 10%,var(--board-card));color-scheme:dark
}
html:root body.mode-heist #board[data-board-theme]{--board-paper:#182531;--board-card:#233645;--board-line:#536f83;--board-accent:#e8c97e;--board-secondary:#8dccf5}
html:root body.mode-vegas #board[data-board-theme]{--board-paper:#251d30;--board-card:#34263f;--board-line:#735976;--board-accent:#ff92cf;--board-secondary:#5de3ec}
html:root body.mode-carnival #board[data-board-theme]{--board-paper:#2a2036;--board-card:#3b2b4d;--board-line:#80628f;--board-accent:#c7f879;--board-secondary:#dea1ff}
html:root body.mode-hex #board[data-board-theme]{--board-paper:#1b2b31;--board-card:#263e45;--board-line:#59777c;--board-accent:#f2be80;--board-secondary:#82d9d3}
html:root body #board[data-board-theme="light"]{
 --board-paper:#f3f1f5;--board-card:#fff;--board-ink:#24212b;--board-muted:#625867;--board-line:#a79daa;
 --board-accent:#835419;--board-secondary:#a72b55;color-scheme:light
}
html:root body.mode-heist #board[data-board-theme="light"]{--board-paper:#edf3f7;--board-card:#fff;--board-line:#96aabb;--board-accent:#775514;--board-secondary:#176393}
html:root body.mode-vegas #board[data-board-theme="light"]{--board-paper:#f6eff8;--board-card:#fff;--board-line:#b59fba;--board-accent:#a22572;--board-secondary:#006d79}
html:root body.mode-carnival #board[data-board-theme="light"]{--board-paper:#f2eef8;--board-card:#fff;--board-line:#af9fc2;--board-accent:#456514;--board-secondary:#783aa2}
html:root body.mode-hex #board[data-board-theme="light"]{--board-paper:#edf5f4;--board-card:#fff;--board-line:#95b3b1;--board-accent:#855012;--board-secondary:#156966}
html:root body #board[data-board-theme]>.stage-bg{background:var(--board-paper)!important}
html:root body #board[data-board-theme] .stage-header{border-color:var(--board-secondary)!important}
html:root body #board[data-board-theme] .team-panel{background:var(--board-card)!important;color:var(--board-ink)!important;border-color:var(--board-line)!important}
html:root body #board[data-board-theme] .team-panel.active{border-color:var(--board-accent)!important;background:var(--board-active)!important}
html:root body #board[data-board-theme] :is(.score-value,.team-name-tag){color:var(--board-ink)!important}
html:root body #board[data-board-theme] .tile:not(.used):hover{border-color:var(--board-secondary)!important}
html:root body #board[data-board-theme] :is(.score-btn,.astra-sound-button,#kt-tv-toggle,#kt-board-theme){background:var(--board-card)!important;border-color:var(--board-line)!important;color:var(--board-ink)!important}
html:root body #board[data-board-theme] #kt-board-theme{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;letter-spacing:0;text-transform:none;font:600 12px Archivo,Arial,sans-serif;padding:7px 10px;min-width:36px}
html:root body #board[data-board-theme] #kt-board-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
html:root body #board[data-board-theme] #scoreboard .astra-perk-name{display:none!important}
html:root body #board[data-board-theme] #scoreboard .perk-pip{
 display:inline-flex!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:0!important;min-height:0!important;
 padding:10px!important;border-radius:50%!important;aspect-ratio:1;box-sizing:border-box;
 justify-content:center;align-items:center;background:var(--board-card)!important;border:1px solid var(--board-secondary)!important;color:var(--board-accent)!important;gap:0!important
}
html:root body #board[data-board-theme] #scoreboard .perk-pip .kti{width:25px!important;height:25px!important;flex-shrink:0;stroke-width:2}
html:root body #board[data-board-theme] #scoreboard .perk-pip.active{background:var(--board-accent)!important;color:var(--board-paper)!important;border-color:var(--board-accent)!important}
html:root body #board[data-board-theme] #scoreboard .perk-pip:not(.spent):hover{background:var(--board-hover)!important}
html:root body #board[data-board-theme] #scoreboard .perk-pip:focus-visible{outline:2px solid var(--board-accent)!important;outline-offset:3px}
html:root body #board[data-board-theme] .kt-kebab-menu{background:var(--board-card)!important;border-color:var(--board-line)!important;color:var(--board-ink)!important}
html:root body #board[data-board-theme] .kt-kebab-menu button{color:var(--board-ink)!important}
@media(max-width:1100px){
 html:root body #board[data-board-theme] #scoreboard .perk-pip{flex-basis:38px!important;width:38px!important;height:38px!important;padding:7px!important}
 html:root body #board[data-board-theme] #scoreboard .perk-pip .kti{width:23px!important;height:23px!important}
}
@media(orientation:portrait) and (max-width:650px){
 html:root body #board[data-board-theme] #kt-board-theme span{display:none}
 html:root body #board[data-board-theme] #kt-board-theme{padding:7px;min-width:34px}
 html:root body #board[data-board-theme] #scoreboard .perk-pip{flex:0 1 32px!important;width:32px!important;height:auto!important;padding:5px!important}
 html:root body #board[data-board-theme] #scoreboard .perk-pip .kti{width:20px!important;height:20px!important}
}
@media(orientation:landscape) and (max-height:600px){
 html:root body #board[data-board-theme] #kt-board-theme{height:28px!important;min-height:28px!important;padding:4px 6px!important}
 html:root body #board[data-board-theme] #scoreboard .perk-pip{flex:0 0 32px!important;width:32px!important;height:32px!important;padding:5px!important}
 html:root body #board[data-board-theme] #scoreboard .perk-pip .kti{width:21px!important;height:21px!important}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:650px){
 html:root body.mode-heist #board[data-board-theme] #scoreboard .perk-pip{flex-basis:27px!important;width:27px!important;height:27px!important;padding:4px!important}
 html:root body.mode-heist #board[data-board-theme] #scoreboard .perk-pip .kti{width:19px!important;height:19px!important}
}
@media(prefers-reduced-motion:reduce){html:root body #board[data-board-theme] :is(.tile,.perk-pip,.team-panel){transition:none!important}}


/* Surfaces and supporting text follow the selected appearance too. */
html:root body #board[data-board-theme] .cat-col{background:transparent!important}
html:root body #board[data-board-theme] :is(.astra-board-caption,.astra-progress,.hex-legend,.hex-hint,.astra-team-label,.astra-board-foot){color:var(--board-muted)!important;opacity:1!important}
html:root body #board[data-board-theme] :is(.stage-header h2,#currentTeamName){color:var(--board-accent)!important}
html:root body.mode-hex #board[data-board-theme] .team-perks{flex-wrap:nowrap!important}
html:root body.mode-hex #board[data-board-theme] #scoreboard .perk-pip{flex:0 0 36px!important;width:36px!important;height:36px!important;padding:6px!important}
html:root body.mode-hex #board[data-board-theme] #scoreboard .perk-pip .kti{width:22px!important;height:22px!important}
html:root body #board[data-board-theme] .team-perks{align-self:center}
@media(orientation:landscape) and (max-height:600px){
 html:root body.mode-heist #board[data-board-theme] #scoreboard .team-panel{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)!important;grid-template-rows:auto auto!important}
 html:root body.mode-heist #board[data-board-theme] #scoreboard .team-name-tag{grid-column:1!important;grid-row:1!important}
 html:root body.mode-heist #board[data-board-theme] #scoreboard .team-perks{grid-column:2!important;grid-row:1!important;justify-content:flex-end}
 html:root body.mode-heist #board[data-board-theme] #scoreboard .heist-score-grid{grid-column:1/-1!important;grid-row:2!important;display:flex!important;flex-wrap:nowrap;justify-content:space-between}
 html:root body.mode-heist #board[data-board-theme] #scoreboard .heist-stash-line{white-space:nowrap}
 html:root body #board[data-board-theme] .board-grid:not(.hex-mode) .cat-col__name{height:26px!important;min-height:26px!important;max-height:26px!important;padding:2px!important;font-size:10px!important;line-height:11px!important;-webkit-line-clamp:2!important}
 html:root body.mode-hex #board[data-board-theme] #scoreboard .perk-pip{flex-basis:26px!important;width:26px!important;height:26px!important;padding:3px!important}
 html:root body.mode-hex #board[data-board-theme] #scoreboard .perk-pip .kti{width:18px!important;height:18px!important}
}

/* Vegas: every unopened question shares the same printed card back. */
html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:not(.used){
 position:relative;isolation:isolate;overflow:hidden;
 background:#000000 url('vegas-card-pattern.svg?v=5') center repeat!important;background-size:72px 108px!important;
 border:1px solid #d83a46!important;box-shadow:none!important
}
html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:not(.used) .vchip{visibility:visible;position:relative;z-index:2;pointer-events:none}
html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:not(.used)::before{
 content:"";display:block!important;position:absolute;inset:5px;border:3px double #d83a46;border-radius:5px;
 background:none!important;pointer-events:none;opacity:1!important;transform:none!important
}
html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:not(.used)::after{
 content:none;display:none!important;position:absolute;inset:10% 18%;
 background:none!important;
 border:0;pointer-events:none;opacity:1!important;transform:none!important
}
html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:not(.used):hover{border-color:#ff6570!important}
html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:not(.used):hover::before{border-color:#ff6570}
html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:focus-visible{outline:3px solid #ff6570!important;outline-offset:-3px}
@media(orientation:landscape) and (max-height:600px){
 html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:not(.used){background-size:40px 60px!important}
 html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:not(.used)::before{inset:2px;border-width:1px;border-radius:3px}
 html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:not(.used)::after{inset:6% 15%}
}

/* The chip stays above the printed back, without covering the whole phone tile. */
@media(orientation:landscape) and (max-height:600px){
 html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile .vchip{width:22px;height:22px;box-shadow:0 2px 4px #0008}
 html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile .vchip::before{inset:3px}
 html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile .vchip i{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile .vchip{transition:none!important}
 html:root body.mode-vegas #board[data-board-theme] #boardGrid .tile:hover .vchip{transform:none!important}
}

/* Casino chips: alternating black, white and gold edge markings. */
html:root body.mode-vegas #board[data-board-theme] #boardGrid .vchip{
 background:repeating-conic-gradient(#d4af37 0deg 15deg,#111111 15deg 30deg,#ffffff 30deg 45deg,#111111 45deg 60deg);
 box-shadow:0 3px 6px #0007
}
html:root body.mode-vegas #board[data-board-theme] #boardGrid .vchip::before{background:#080808;border:1px solid #d4af37}
html:root body.mode-vegas #board[data-board-theme] #boardGrid .vchip i{color:#e8c65a}

/* Fullscreen belongs to the foreground toolbar, even above an active board. */
html:root body :is(#question,#answer) .qa-topbar #kt-tv-toggle{position:static!important;inset:auto!important;transform:none!important;flex:0 0 auto;align-self:center;min-height:44px;margin:0!important;padding:10px 12px!important;border:1px solid #a3aaa377!important;border-radius:7px;background:transparent!important;color:inherit!important;box-shadow:none!important;backdrop-filter:none!important;font:600 11px/1.2 Archivo,Arial,sans-serif!important;white-space:nowrap}
html:root body :is(#question,#answer) #kt-tv-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:760px){
 html:root body :is(#question,#answer) .qa-topbar #kt-tv-toggle{width:44px;min-width:44px;padding:0!important;font-size:0!important}
 html:root body :is(#question,#answer) .qa-topbar #kt-tv-toggle::before{content:'⛶';font:24px/1 Arial,sans-serif}
 html:root body.kt-tv :is(#question,#answer) .qa-topbar #kt-tv-toggle::before{content:'×'}
}

@media(max-width:500px){html:root body :is(#question,#answer) .qa-topbar>.btn{flex:1 1 0!important;min-width:0!important}}

@media(max-width:500px){
 html:root body :is(#question,#answer) .qa-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px 44px;align-items:center!important}
 html:root body #question .qa-topbar .points-tag{grid-column:1/3}
 html:root body #question .qa-topbar .timer{grid-column:3/5;min-width:0!important}
 html:root body #answer .qa-topbar .points-tag{grid-column:1/-1}
 html:root body :is(#question,#answer) .qa-topbar>.btn{width:100%;white-space:nowrap}
}

@media(max-width:360px){
 html:root body :is(#question,#answer) .qa-topbar>.btn{padding-inline:4px!important}
 html:root body :is(#question,#answer) .qa-topbar>.btn>.kti{display:none}
}