/*
  v77 — NBA Coaching Forest archival wheel redesign
  Presentation layer for the Coaching Forest only.
  Keeps the validated canvas renderer, filters, relationships, coach explorer,
  pan/zoom, keyboard movement, and historical-tree focus behavior intact.
*/

:root{
  --v77-ink:#0c100f;
  --v77-navy:#101821;
  --v77-forest:#173a2e;
  --v77-forest-deep:#0c2c24;
  --v77-purple:#352a49;
  --v77-paper:#f0e6d1;
  --v77-paper-light:#f8f0df;
  --v77-paper-deep:#ddcfb3;
  --v77-paper-ink:#29271f;
  --v77-brass:#b8954b;
  --v77-brass-soft:#d2ba79;
  --v77-green:#4f7458;
  --v77-red:#94564d;
  --v77-rule:rgba(76,68,50,.34);
  --v77-rule-dark:rgba(222,204,161,.22);
  --v77-muted:#766f61;
  --v77-serif:Georgia,"Times New Roman",serif;
  --v77-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --v77-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

/* ---------- The site becomes a publication, not a dashboard ---------- */
body.native-v24{
  background:var(--v77-ink)!important;
  color:#f5eddc;
  font-family:var(--v77-sans);
}
body.native-v24 .topbar{
  height:72px;
  gap:14px;
  padding:9px 18px;
  border:0!important;
  border-bottom:1px solid var(--v77-brass)!important;
  background:linear-gradient(90deg,#0c1110 0,#111918 30%,#101622 100%)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
body.native-v24 .topbar::after{display:none!important}
body.native-v24 .brand{min-width:250px}
body.native-v24 .forest-mark{
  width:40px;height:40px;flex-basis:40px;
  border:1px solid var(--v77-brass)!important;
  border-radius:2px!important;
  background:#111915!important;
  box-shadow:none!important;
}
body.native-v24 .forest-mark-canopy{fill:var(--v77-brass-soft)!important}
body.native-v24 .forest-mark-trunk{fill:var(--v77-brass)!important}
body.native-v24 .brand h1{
  color:#e5d2a5!important;
  font:700 20px/1 var(--v77-serif)!important;
  letter-spacing:.035em!important;
}
body.native-v24 .brand small{
  margin-top:5px;
  color:#8fa597!important;
  font:700 8px/1 var(--v77-sans)!important;
  letter-spacing:.20em!important;
}

/* Search reads as an archival index field, not an app input. */
body.native-v24 .search{
  max-width:520px;
  border:0!important;
  border-bottom:1px solid #6e6653!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.native-v24 .search input{
  height:39px;
  color:#eee5d2!important;
  font:500 13px var(--v77-serif)!important;
}
body.native-v24 .search input::placeholder{color:#928b7d!important}
body.native-v24 .search button{
  min-width:58px;
  border:0!important;
  border-left:1px solid #514c40!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d8c28d!important;
  box-shadow:none!important;
  font:800 9px var(--v77-sans)!important;
  letter-spacing:.11em;
  text-transform:uppercase;
}

/* Global actions are quiet type + rules. */
body.native-v24 .welcome-button,
body.native-v24 .filter-button,
body.native-v24 .tree-stats-button,
body.native-v24 .trade-tracker-button,
body.native-v24 .header-more>summary{
  min-height:36px;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid transparent!important;
  background:transparent!important;
  color:#c9c1b0!important;
  box-shadow:none!important;
  font:800 10px/36px var(--v77-sans)!important;
  letter-spacing:.055em;
  text-transform:uppercase;
  text-decoration:none!important;
}
body.native-v24 .welcome-button:hover,
body.native-v24 .welcome-button:focus-visible,
body.native-v24 .filter-button:hover,
body.native-v24 .filter-button:focus-visible,
body.native-v24 .tree-stats-button:hover,
body.native-v24 .tree-stats-button:focus-visible,
body.native-v24 .trade-tracker-button:hover,
body.native-v24 .trade-tracker-button:focus-visible,
body.native-v24 .header-more>summary:hover,
body.native-v24 .header-more>summary:focus-visible{
  border-bottom-color:var(--v77-brass)!important;
  background:transparent!important;
  color:#f0dfb5!important;
  outline:0!important;
}
body.native-v24 .filter-button span{
  min-width:16px;height:16px;margin-left:3px;padding:0 4px;
  border-radius:50%!important;background:var(--v77-red)!important;color:#fff4dc!important;
  font-size:8px;
}
.header-more>div{
  border:1px solid #6d5a36!important;
  border-radius:2px!important;
  background:#ede2ca!important;
  color:var(--v77-paper-ink)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
}
.header-more>div button{font-family:var(--v77-sans)!important}

/* ---------- Canvas: the historical document is the spectacle ---------- */
body.native-v24 #viewport{
  background:
    radial-gradient(circle at 20% 14%,rgba(255,255,255,.34),transparent 24%),
    repeating-linear-gradient(0deg,rgba(72,61,42,.018) 0 1px,transparent 1px 5px),
    var(--v77-paper)!important;
}
.native-paper{fill:var(--v77-paper)!important}
.native-world-title{fill:#243d32!important;font-family:var(--v77-serif)!important;letter-spacing:-.015em!important}
.native-world-subtitle{fill:#776d59!important;font-family:var(--v77-sans)!important}

/* Flatten the existing archival coach files without changing SVG geometry. */
.native-node-frame{
  fill:#efe2c8!important;
  stroke:#6e654f!important;
  stroke-width:1.8!important;
  filter:drop-shadow(0 2px 2px rgba(49,42,31,.18))!important;
}
.native-node-frame-inlay{stroke:#b9a16b!important;stroke-width:.9!important}
.native-node-frame-relief{stroke:#ab9a78!important;stroke-width:.65!important;stroke-dasharray:none!important;opacity:.75}
.native-node-card{fill:#f7eedc!important;stroke:#a99978!important;stroke-width:.7!important;filter:none!important}
.native-node-portrait-mat{fill:#d6c7aa!important;stroke:#5c584a!important;stroke-width:2.5!important}
.native-node-portrait-bezel{stroke:#b89c61!important;stroke-width:1.2!important}
.native-node-nameplate{fill:#233e31!important;stroke:#b8954b!important;stroke-width:1.2!important;filter:none!important}
.native-node-stats-panel{fill:#eadabd!important;stroke:#b19d73!important;stroke-width:.8!important}
.native-node-accent{stroke:#8f7749!important;stroke-width:1.4!important}
.native-node-name{fill:#182e25!important;font-family:var(--v77-serif)!important;font-weight:900!important}
.native-node-team{fill:#344f44!important;font-family:var(--v77-sans)!important}
.native-node-seasons{fill:#665f52!important;font-family:var(--v77-mono)!important;font-weight:700!important}
.native-node-generation{fill:#875743!important;font-family:var(--v77-mono)!important}
.native-node-provenance-strip{fill:#26382f!important;stroke:#a88c50!important;stroke-width:.55!important}
.native-node-provenance-label{fill:#d8c080!important}
.native-node-provenance-source,.native-node-file-number{fill:#d8d0bc!important}
.native-node-source .native-node-source-medallion{fill:#2f4e40!important;stroke:#c9aa65!important;filter:none!important}
.native-node:hover .native-node-frame,
.native-node:focus-visible .native-node-frame,
.native-node.is-hover-tree .native-node-frame{
  stroke:#8c6f39!important;stroke-width:2.8!important;
  filter:drop-shadow(0 3px 4px rgba(49,42,31,.24))!important;
}
.native-node.is-selected .native-node-frame{
  stroke:#294e3c!important;stroke-width:4!important;
  filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 4px 5px rgba(36,50,40,.28))!important;
}
.native-node.is-selected .native-node-frame-inlay{stroke:#c19a4b!important;stroke-width:2!important}
.native-edge{stroke:#817b69!important;opacity:.66!important;filter:none!important}
.native-edge.is-hover-tree{stroke:#506c57!important;opacity:1!important}
.native-edge.is-relationship-lineage,.native-edge.is-lineage{stroke:#b38c42!important;filter:none!important}
.native-edge.is-relationship-descendant,.native-edge.is-descendant{stroke:#486f55!important;filter:none!important}

/* ---------- Current tree dossier ---------- */
.history-guide{
  top:12px!important;
  left:calc(var(--v33-rail) + 28px)!important;
  right:18px!important;
  width:auto!important;
  min-width:0!important;
  min-height:78px!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  gap:8px!important;
  padding:7px 9px!important;
  border:1px solid #a89061!important;
  border-radius:2px!important;
  background:rgba(248,240,222,.96)!important;
  color:var(--v77-paper-ink)!important;
  box-shadow:0 6px 18px rgba(52,43,29,.14)!important;
  transform:none!important;
  backdrop-filter:none!important;
}
.history-guide>button{
  width:38px!important;height:54px!important;
  border:0!important;border-radius:0!important;
  border-right:1px solid #b3a485!important;
  background:transparent!important;color:#294839!important;
  box-shadow:none!important;font:900 22px var(--v77-serif)!important;
}
.history-guide>#historyNext{border-right:0!important;border-left:1px solid #b3a485!important}
.history-guide>button:hover,.history-guide>button:focus-visible{background:#e5d8bf!important;color:#8a5c36!important;outline:0!important}
.history-guide-dossier{gap:5px!important}
.history-guide-heading{grid-template-columns:94px minmax(0,1fr) auto!important;gap:12px!important}
.history-guide-year{
  min-height:48px!important;margin:0!important;padding:4px 8px!important;
  border:0!important;border-right:1px solid #b5a586!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;text-align:left!important;
}
.history-guide-year small{color:#766b57!important;font:800 7px var(--v77-sans)!important;letter-spacing:.12em!important}
.history-guide-year strong{color:#28503d!important;font:700 25px/1 var(--v77-serif)!important}
.history-guide-identity strong{color:#202c27!important;font:700 22px/1.05 var(--v77-serif)!important;letter-spacing:.01em}
.history-guide-identity small{margin-top:5px!important;color:#6b6458!important;font:700 9px var(--v77-mono)!important;letter-spacing:.03em!important}
.history-guide-actions{gap:8px!important}
.history-guide-actions>a,.history-guide-details-toggle{
  min-height:34px!important;padding:0 9px!important;
  border:0!important;border-bottom:1px solid #8f7b53!important;border-radius:0!important;
  background:transparent!important;color:#3b594a!important;box-shadow:none!important;
  font:800 9px var(--v77-sans)!important;letter-spacing:.06em;text-transform:uppercase;
}
.history-guide-actions>a:hover,.history-guide-actions>a:focus-visible,.history-guide-details-toggle:hover,.history-guide-details-toggle:focus-visible{background:transparent!important;color:#8e5b38!important;outline:0!important;border-bottom-color:#8e5b38!important}
.forest-breadcrumb{color:#6e6658!important;font-family:var(--v77-mono)!important;font-size:9px!important}
.forest-breadcrumb button{color:#385c49!important}
.history-guide-insights dl{
  border:1px solid #b3a482!important;border-radius:0!important;background:#f4ead6!important;
}
.history-guide-insights dl>div{border-right-color:#c9b999!important}
.history-guide-insights dt{color:#756a58!important;font:800 7px var(--v77-sans)!important}
.history-guide-insights dd>strong{color:#264a39!important;font:800 15px var(--v77-serif)!important}
.history-guide-insights dd>small{color:#865943!important;font:700 7px var(--v77-mono)!important}
.history-guide-dossier>em{color:#716655!important;font:italic 9px var(--v77-serif)!important}

/* ---------- Left navigator = contextual index ---------- */
.generation-guide[data-mode="tree-list"]{
  left:12px!important;top:12px!important;bottom:132px!important;width:268px!important;
  border:1px solid #786943!important;border-radius:2px!important;
  background:#101a17f5!important;color:#eee4cd!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20)!important;backdrop-filter:none!important;
}
.generation-guide[data-mode="tree-list"] header{
  padding:14px 14px 12px!important;
  border-bottom:1px solid #7b6840!important;
  background:#17130f!important;
}
.generation-guide[data-mode="tree-list"] header span{color:#b99b58!important;font:800 8px var(--v77-sans)!important;letter-spacing:.14em}
.generation-guide[data-mode="tree-list"] header strong{color:#ead7aa!important;font:700 20px/1.05 var(--v77-serif)!important}
.generation-guide[data-mode="tree-list"] header small{color:#93a89b!important;font:600 9px/1.4 var(--v77-sans)!important}
.generation-guide[data-mode="tree-list"] .tree-navigator-actions{border-bottom:1px solid #39443d!important}
.generation-guide[data-mode="tree-list"] .tree-generation-all{
  border:0!important;border-left:2px solid #a3874e!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
.generation-guide[data-mode="tree-list"] .tree-generation-group{
  border:0!important;border-bottom:1px solid #334039!important;border-radius:0!important;background:transparent!important;
}
.generation-guide[data-mode="tree-list"] .tree-generation-group>button:first-child{background:transparent!important}
.generation-guide[data-mode="tree-list"] .tree-generation-group>button:first-child:hover,
.generation-guide[data-mode="tree-list"] .tree-generation-group>button:first-child:focus-visible{background:#1b2b25!important}
.generation-guide[data-mode="tree-list"] .tree-generation-group>button:first-child[aria-current="step"]{
  background:#23392f!important;box-shadow:inset 3px 0 0 var(--v77-brass)!important;
}
.generation-guide[data-mode="tree-list"] .tree-generation-number{
  border:1px solid #6d654e!important;border-radius:50%!important;background:#1c2822!important;color:#d9c68f!important;box-shadow:none!important;
}
.generation-guide[data-mode="tree-list"] .tree-generation-copy strong{color:#f0e8d6!important;font-size:11px!important}
.generation-guide[data-mode="tree-list"] .tree-generation-copy small{color:#8da297!important;font-family:var(--v77-mono)!important;font-size:9px!important}
.generation-guide[data-mode="tree-list"] .tree-generation-roster{border-top:1px solid #34453d!important;background:#0e1714!important}
.generation-guide[data-mode="tree-list"] button.tree-generation-coach{
  min-height:35px!important;padding-left:48px!important;border-bottom:1px solid #25332d!important;
  color:#ddd7c8!important;font-size:11px!important;
}
.generation-guide[data-mode="tree-list"] button.tree-generation-coach:hover,
.generation-guide[data-mode="tree-list"] button.tree-generation-coach:focus-visible{background:#1c2c26!important;color:#fff1cc!important}
.generation-guide[data-mode="tree-list"] button.tree-generation-coach.is-selected{
  background:#e4d5b8!important;color:#233b31!important;box-shadow:inset 3px 0 0 #4e775b!important;
}
.generation-guide[data-mode="tree-list"] .tree-generation-help{
  border-top:1px solid #405048!important;background:#111b17!important;color:#9db0a6!important;font-size:9px!important;
}

/* ---------- Right coach dossier ---------- */
body.native-v24 .coach-explorer{
  border:1px solid #9d895f!important;border-radius:2px!important;
  background:#eee4cf!important;color:var(--v77-paper-ink)!important;
  box-shadow:-10px 0 24px rgba(0,0,0,.18)!important;backdrop-filter:none!important;
}
body.native-v24 .coach-explorer-header{
  border-bottom:1px solid #9e8b62!important;background:#151714!important;color:#e7d7b5!important;
}
body.native-v24 .coach-explorer-header span{color:#a88c4c!important}
body.native-v24 .coach-explorer-header strong{color:#e8d5a7!important;font-family:var(--v77-serif)!important}
body.native-v24 .coach-explorer-header button{border:0!important;border-radius:0!important;background:transparent!important;color:#e8d5a7!important}
body.native-v24 .coach-explorer h2{color:#1f3e31!important;font:700 30px/1 var(--v77-serif)!important}
body.native-v24 .coach-explorer-kicker{color:#855747!important;font-family:var(--v77-mono)!important}
body.native-v24 .coach-explorer-identity p,body.native-v24 .coach-explorer-identity .coach-explorer-teams,body.native-v24 .coach-explorer-scroll section>p{color:#3f453e!important}
body.native-v24 .coach-explorer-scroll>section{border-color:#b9aa89!important}
body.native-v24 .coach-explorer-scroll h3{color:#6f5b3b!important;font-family:var(--v77-sans)!important;letter-spacing:.09em;text-transform:uppercase}
body.native-v24 .coach-explorer-portrait{border:1px solid #6f6959!important;border-radius:0!important;background:#d6c9ac!important;box-shadow:none!important}
.coach-stat-grid>div{border:0!important;border-top:1px solid #b8aa8b!important;border-radius:0!important;background:transparent!important}
.coach-season-history{border:1px solid #b2a382!important;border-radius:0!important;background:#e8dcc4!important}
.coach-explorer-actions button,.coach-explorer-actions a,.coach-explorer-navigation button,.coach-explorer-path button{
  border:0!important;border-bottom:1px solid #8d7951!important;border-radius:0!important;background:transparent!important;color:#2e5040!important;box-shadow:none!important;
}
.coach-explorer-actions .coach-explorer-primary{border:1px solid #425d4d!important;background:#284b3b!important;color:#f5e7c5!important}

/* ---------- Persistent historical wheel ---------- */
.court-timeline{
  --court-scale-width:4300px;
  left:calc(var(--v33-rail) + 22px)!important;
  right:12px!important;
  bottom:10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  height:112px!important;
  gap:5px!important;
  padding:6px!important;
  border:1px solid #8f7543!important;
  border-radius:2px!important;
  background:linear-gradient(180deg,#10251e,#0b1915)!important;
  color:#eee0bf!important;
  box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
/* v33 once collapsed this timeline; v77 intentionally keeps it visible. */
.court-timeline:not(.is-expanded){height:112px!important}
.court-timeline:not(.is-expanded) .court-timeline-window{display:block!important}
.court-timeline:not(.is-expanded) .court-timeline-body{display:grid!important;grid-template-rows:34px minmax(0,1fr)!important}
.court-timeline:not(.is-expanded) .court-timeline-body>header{display:grid!important;width:auto!important;grid-template-columns:minmax(180px,1fr) auto minmax(150px,1fr)!important;justify-content:stretch!important;padding:0 8px!important}
.court-timeline:not(.is-expanded) .court-timeline-body>header>span,.court-timeline:not(.is-expanded) .court-timeline-body>header>#courtTimelineFilters{display:grid!important}
.court-timeline:not(.is-expanded) .court-timeline-step{display:block!important}
.court-timeline-step{
  border:0!important;border-radius:0!important;background:transparent!important;color:#d8c48e!important;box-shadow:none!important;
  font:700 22px var(--v77-serif)!important;
}
.court-timeline-step:hover,.court-timeline-step:focus-visible{background:#1a332a!important;color:#fff0be!important;outline:0!important}
.court-timeline-body{grid-template-rows:34px minmax(0,1fr)!important;gap:3px!important}
.court-timeline-body>header{grid-template-columns:minmax(180px,1fr) auto minmax(150px,1fr)!important;gap:10px!important;padding:0 8px!important}
.court-timeline-body>header>span strong{color:#c8aa65!important;font:800 8px var(--v77-sans)!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.court-timeline-body>header>span small{color:#8fa296!important;font:600 8px var(--v77-sans)!important}
.court-timeline-body output{min-width:260px!important;gap:9px!important}
.court-timeline-body output strong{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#d9b45c!important;font:700 24px/1 var(--v77-serif)!important;
}
.court-timeline-body output span{max-width:270px!important;color:#f0e6d1!important;font:700 13px var(--v77-serif)!important}
.court-timeline-body>header>button{display:none!important}
.court-timeline-window{
  border:0!important;border-top:1px solid #564b34!important;border-radius:0!important;
  background:linear-gradient(180deg,#0d1713,#111d18)!important;box-shadow:none!important;
  cursor:grab!important;
}
.court-timeline-window:focus-visible{outline:1px solid var(--v77-brass)!important;outline-offset:-2px!important}
.court-timeline-window.is-gliding{cursor:grabbing!important}
.court-timeline-rail{
  bottom:17px!important;height:1px!important;border:0!important;border-radius:0!important;
  background:#786b4d!important;box-shadow:none!important;
}
.court-timeline-tick{bottom:13px!important;width:1px!important;height:8px!important;background:#766a4e!important}
.court-timeline-tick.is-five{height:12px!important}.court-timeline-tick.is-decade{height:17px!important;background:#b89a59!important}
.court-timeline-tick small{bottom:15px!important;color:#a79a7e!important;font:700 8px var(--v77-mono)!important}
.court-timeline-basketball{display:none!important}
.court-timeline-tree{
  bottom:calc(13px + var(--timeline-row) * 8px)!important;
  width:7px!important;height:7px!important;padding:0!important;
  border:1px solid #8e794d!important;border-radius:50%!important;
  background:#6a5542!important;box-shadow:none!important;
}
.court-timeline-tree:hover,.court-timeline-tree:focus-visible,.court-timeline-tree.is-preview{
  width:11px!important;height:11px!important;background:#b89a59!important;box-shadow:0 0 0 2px #173a2e!important;outline:0!important;
}
.court-timeline-tree.is-active{
  width:13px!important;height:13px!important;border-color:#d9c58d!important;background:#4d7758!important;box-shadow:0 0 0 2px #c09b50!important;
}
.court-timeline-milestone{top:3px!important;color:#8e5549!important;font-size:7px!important}
.court-timeline-center{
  width:1px!important;background:linear-gradient(transparent,#c9a651 22%,#c9a651 82%,transparent)!important;
  box-shadow:none!important;
}
body.has-coach-explorer .court-timeline{right:calc(var(--v33-drawer) + 22px)!important}
body.has-results-explorer .court-timeline{bottom:222px!important}

/* Canvas controls recede. */
.controls{right:14px!important;bottom:134px!important;gap:5px!important}
.controls button{
  height:36px!important;border:1px solid #796a4d!important;border-radius:2px!important;
  background:#16251f!important;color:#e4d7b9!important;box-shadow:none!important;
  font-size:16px!important;
}
.controls .wide{font:800 9px var(--v77-sans)!important;letter-spacing:.04em}
.minimap{left:auto!important;right:14px!important;bottom:228px!important;width:130px!important;height:42px!important;border:1px solid #88734b!important;border-radius:2px!important;box-shadow:none!important;opacity:.72!important}
.zoom-readout{right:14px!important;bottom:316px!important;border:1px solid #7d6d4d!important;border-radius:2px!important;background:#15241ee6!important;color:#e5d6b3!important;box-shadow:none!important;font-family:var(--v77-mono)!important}
body.native-v24 .hint{
  right:auto!important;bottom:132px!important;left:50%!important;transform:translateX(-50%)!important;
  border:0!important;border-radius:0!important;background:rgba(242,232,209,.92)!important;color:#4b4a42!important;box-shadow:none!important;
}
body.native-v24 .hint strong{color:#315342!important;font-family:var(--v77-serif)!important}

/* Filter/relationship overlays remain readable but adopt the same editorial rules. */
body.native-v24 .filter-panel,body.native-v24 .results-explorer,
.relationship-evidence-panel,.relationship-center{
  border-radius:2px!important;
}
.filter-chip{border-radius:2px!important;box-shadow:none!important}

@media(max-width:1180px){
  body.native-v24 .brand{min-width:205px}
  body.native-v24 .brand h1{font-size:17px!important}
  body.native-v24 .search{max-width:360px}
  .history-guide{left:calc(var(--v33-rail) + 18px)!important}
  .history-guide-identity strong{font-size:18px!important}
  .history-guide-actions .history-guide-details-toggle{display:none!important}
  .court-timeline{left:calc(var(--v33-rail) + 16px)!important}
}

@media(max-width:900px){
  /* Keep the established mobile task model; only reskin it. */
  body.native-v24 .topbar{height:auto;min-height:66px;padding:8px 10px}
  body.native-v24 .brand{min-width:0}
  body.native-v24 .brand h1{font-size:16px!important}
  body.native-v24 .brand small{display:none}
  body.native-v24 .search{border-bottom-color:#554b39!important}
  .history-guide{left:8px!important;right:8px!important;top:8px!important;min-height:68px!important}
  .history-guide-heading{grid-template-columns:72px minmax(0,1fr)!important}
  .history-guide-actions{display:none!important}
  .generation-guide[data-mode="tree-list"]{top:84px!important;bottom:190px!important;left:8px!important;width:calc(100vw - 16px)!important}
  .court-timeline,.court-timeline:not(.is-expanded){
    left:8px!important;right:8px!important;bottom:8px!important;height:96px!important;grid-template-columns:32px minmax(0,1fr) 32px!important;
  }
  .court-timeline-body,.court-timeline:not(.is-expanded) .court-timeline-body{grid-template-rows:29px minmax(0,1fr)!important}
  .court-timeline-body>header,.court-timeline:not(.is-expanded) .court-timeline-body>header{grid-template-columns:1fr auto!important;gap:6px!important;padding:0 4px!important}
  .court-timeline-body>header>span{display:none!important}
  .court-timeline-body output{min-width:0!important;justify-content:flex-start!important}
  .court-timeline-body output strong{font-size:19px!important}
  .court-timeline-body output span{max-width:180px!important;font-size:11px!important}
  body.has-coach-explorer .court-timeline{display:none!important}
  .controls{bottom:112px!important}
  .minimap,.zoom-readout{display:none!important}
  body.native-v24 .hint{display:none!important}
}

@media(max-width:560px){
  body.native-v24 .topbar .tree-stats-button,body.native-v24 .topbar .trade-tracker-button{display:none!important}
  .history-guide{grid-template-columns:32px minmax(0,1fr) 32px!important;padding:5px!important}
  .history-guide-year{display:none!important}
  .history-guide-heading{display:block!important}
  .history-guide-identity strong{font-size:16px!important}
  .history-guide-identity small{font-size:8px!important}
  .forest-breadcrumb{display:none!important}
  .court-timeline-body output span{max-width:128px!important}
}

@media(prefers-reduced-motion:reduce){
  .court-timeline-track,.court-timeline-tree,.native-node,.native-edge{transition:none!important}
}