:root{
  --native-paper:#f7f5ef;
  --native-paper-deep:#eeeae0;
  --native-ink:#172231;
  --native-blue:#235d96;
  --native-blue-soft:#6f91b3;
  --native-orange:#f47f32;
  --native-green:#6e9465;
  --native-line:#a9b3a2;
}

html,body{background:#0b0f16}
body.native-v24{color:#f5f7fa;overflow:hidden}
body.native-v24 .interface-toggle{display:none!important}
body.native-v24 .topbar{
  height:72px;
  position:relative;
  z-index:30;
  gap:12px;
  padding:10px 16px;
  background:linear-gradient(180deg,#111722,#0b1018);
  border-bottom:1px solid #2d3745;
  box-shadow:0 8px 28px #0007;
}
body.native-v24 .brand{display:flex!important;min-width:238px}
body.native-v24 .forest-mark{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid #89aa80;
  border-radius:11px 11px 9px 9px;
  background:linear-gradient(145deg,#e9f3e5,#cddfc7);
  box-shadow:0 7px 20px #0007,inset 0 0 0 1px #fff9;
}
body.native-v24 .forest-mark svg{display:block;width:27px;height:27px;overflow:visible}
body.native-v24 .forest-mark-canopy{fill:#6e9465}
body.native-v24 .forest-mark-trunk{fill:#3f5f3b}
body.native-v24 .brand:hover .forest-mark{transform:translateY(-1px) scale(1.04);box-shadow:0 9px 23px #0008,inset 0 0 0 1px #fff}
body.native-v24 .brand h1{margin:0;font-size:17px;line-height:1.05}
body.native-v24 .brand small{display:block;margin-top:3px;color:#a6b0bd;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
body.native-v24 .search{flex:1 1 360px;max-width:680px;margin-inline:auto}
body.native-v24 .topbar>button{flex:0 0 auto}
body.native-v24 #viewport{
  inset:72px 0 0;
  overflow:hidden;
  touch-action:none;
  background:var(--native-paper);
  cursor:grab;
}
body.native-v24 #viewport.dragging{cursor:grabbing}
body.native-v24 #stage.native-stage{
  left:0;
  top:0;
  overflow:visible;
  background:transparent;
  transform-origin:0 0;
  will-change:transform;
}
.native-forest{display:block;overflow:visible;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
.native-paper{fill:var(--native-paper)}
.native-world-title{fill:var(--native-ink);font-size:58px;font-weight:950;letter-spacing:-.025em}
.native-world-subtitle{fill:#697484;font-size:20px;font-weight:720;letter-spacing:.035em}
.native-history-line{stroke:#829276;stroke-width:5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 3px #34412b2e)}
.native-integrated-timeline{isolation:isolate}
.native-timeline-era-layer,.native-timeline-milestones,.native-timeline-scrubber,.native-timeline-range{opacity:0;transition:opacity .18s ease}
.timeline-open .native-timeline-era-layer,.timeline-open .native-timeline-milestones,.timeline-open .native-timeline-scrubber,.timeline-open .native-timeline-range{opacity:1}
.native-timeline-era-band{fill:#dfe8da;stroke:#9fb096;stroke-width:1;vector-effect:non-scaling-stroke}
.native-timeline-era-layer>rect:nth-of-type(even){fill:#f2e4d9;stroke:#c4a588}
.native-timeline-era-copy{fill:#4f6150;font-size:15px;font-weight:900;letter-spacing:.045em;pointer-events:none}
.native-timeline-year-tick{stroke:#66765f;stroke-width:2;vector-effect:non-scaling-stroke}
.native-timeline-year-label{fill:#59665d;font-size:17px;font-weight:950;letter-spacing:.035em;pointer-events:none}
.native-timeline-hit{cursor:ew-resize;pointer-events:all}
.native-timeline-hit:focus{outline:none;stroke:#f47f32;stroke-width:3;stroke-opacity:.35;vector-effect:non-scaling-stroke}
.native-timeline-range{fill:#f47f3250;stroke:#f47f32;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.native-timeline-milestone{cursor:pointer;outline:none;pointer-events:auto}
.native-timeline-milestone-stem{stroke:#b56b3c;stroke-width:2;vector-effect:non-scaling-stroke}
.native-timeline-milestone-diamond{fill:#fff7ef;stroke:#c77542;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 3px 4px #23301d28)}
.native-timeline-milestone.importance-3 .native-timeline-milestone-diamond{fill:#f47f32;stroke:#7c3b16}
.native-timeline-milestone:hover .native-timeline-milestone-diamond,.native-timeline-milestone:focus .native-timeline-milestone-diamond{fill:#f47f32;stroke:#642d0f;stroke-width:4}
.native-timeline-scrubber{pointer-events:none}
.native-timeline-scrubber line{stroke:#f47f32;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #f47f3299)}
.native-timeline-scrubber rect{fill:#2a190f;stroke:#f47f32;stroke-width:2;vector-effect:non-scaling-stroke}
.native-timeline-scrubber text{fill:#ffe0cb;font-size:14px;font-weight:950}

.native-tree-entry{cursor:pointer;outline:none;transition:opacity .15s ease,filter .15s ease}
.native-tree-entry-mark{stroke:#c56020;stroke-width:6;stroke-linecap:round;vector-effect:non-scaling-stroke}
.native-tree-entry-stem{stroke:#9aa88f;stroke-width:2;vector-effect:non-scaling-stroke}
.native-tree-entry:hover .native-tree-entry-mark,.native-tree-entry:focus .native-tree-entry-mark,.native-tree-entry.is-hover-tree .native-tree-entry-mark{stroke:#f47f32;stroke-width:10;filter:drop-shadow(0 0 5px #f47f3288)}

.native-edge{
  fill:none;
  stroke:var(--native-line);
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  opacity:.78;
  transition:opacity .14s ease,stroke .14s ease,stroke-width .14s ease,filter .14s ease;
}
.native-edge.is-hover-tree{stroke:#7e9f74;stroke-width:3.5;opacity:1}
.native-edge.is-lineage{stroke:var(--native-orange);stroke-width:5;opacity:1;filter:drop-shadow(0 0 5px #f47f3299)}
.native-edge.is-descendant{stroke:var(--native-green);stroke-width:4;opacity:1;filter:drop-shadow(0 0 4px #6e946566)}
.native-edge.is-filter-match{stroke:var(--native-orange);stroke-width:4;opacity:.95}
.native-edge.is-filter-muted{opacity:.08}

.native-node{cursor:pointer;outline:none;transition:opacity .14s ease,filter .14s ease}
.native-node-card{fill:#fff;stroke:#a8b5c2;stroke-width:1.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 7px 11px #1d2b3a22)}
.native-node-accent{fill:#6b8db0}
.native-node.is-root .native-node-accent{fill:var(--native-orange)}
.native-node-portrait{clip-path:inset(0 round 12px);pointer-events:none}
.native-node-initials-disc{fill:#e8eef4;stroke:#bdc8d3;stroke-width:1.5;vector-effect:non-scaling-stroke}
.native-node-initials{fill:#466888;font-size:15px;font-weight:950;letter-spacing:.05em}
.native-node-name{fill:var(--native-ink);font-size:16px;font-weight:950}
.native-node-team{fill:var(--native-blue);font-size:12px;font-weight:800}
.native-node-seasons{fill:#606c79;font-size:11px;font-weight:760}
.native-node-meta{fill:#986033;font-size:9px;font-weight:850;text-transform:uppercase}
.native-node-source{cursor:alias}
.native-node-source circle{fill:var(--native-orange);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 4px 6px #1c293733)}
.native-node-source text{fill:#fff;font-size:15px;font-weight:950;pointer-events:none}
.native-node-source:hover circle,.native-node-source:focus circle{fill:var(--native-green);stroke:#fff;stroke-width:3}
.native-node:hover .native-node-card,.native-node:focus-visible .native-node-card,.native-node.is-hover-tree .native-node-card{stroke:#6d9367;stroke-width:3;filter:drop-shadow(0 8px 15px #1d2b3a35)}
.native-node.is-guided-root .native-node-card{fill:#f7fbf5;stroke:var(--native-green);stroke-width:4;filter:drop-shadow(0 0 12px #6e946566)}
.native-node.is-guided-root .native-node-accent{fill:var(--native-green)}
.native-node.is-selected .native-node-card{fill:#fff7f0;stroke:var(--native-orange);stroke-width:5;filter:drop-shadow(0 0 11px #f47f3277)}
.native-node.is-selected .native-node-accent,.native-node.is-lineage .native-node-accent{fill:var(--native-orange)}
.native-node.is-lineage .native-node-card{stroke:var(--native-orange);stroke-width:3}
.native-node.is-descendant .native-node-card{fill:#f4faf2;stroke:var(--native-green);stroke-width:3}
.native-node.is-descendant .native-node-accent{fill:var(--native-green)}
.native-node.is-filter-match .native-node-card{fill:#fff5ec;stroke:var(--native-orange);stroke-width:4}
.native-node.is-filter-muted{opacity:.11}
.native-node.is-dragging{filter:drop-shadow(0 14px 18px #1117)}
.native-node.is-dragging .native-node-card{stroke:var(--native-orange);stroke-width:5}

.native-forest[data-tree-hover] .native-node:not(.is-hover-tree):not(.is-selected):not(.is-lineage):not(.is-descendant):not(.is-filter-match){opacity:.38}
.native-forest[data-tree-hover] .native-edge:not(.is-hover-tree):not(.is-lineage):not(.is-descendant):not(.is-filter-match){opacity:.14}

.native-forest[data-lod="overview"] .native-world-title{font-size:72px}
.native-forest[data-lod="overview"] .native-node-portrait,
.native-forest[data-lod="overview"] .native-node-initials-disc,
.native-forest[data-lod="overview"] .native-node-initials,
.native-forest[data-lod="overview"] .native-node-name,
.native-forest[data-lod="overview"] .native-node-team,
.native-forest[data-lod="overview"] .native-node-seasons,
.native-forest[data-lod="overview"] .native-node-meta,
.native-forest[data-lod="overview"] .native-node-source{opacity:0;pointer-events:none}
.native-forest[data-lod="overview"] .native-node-source{display:none!important}
.native-forest[data-lod="overview"] .native-node-card{opacity:.6;filter:none;stroke-width:1.6}
.native-forest[data-lod="overview"] .native-node-accent{opacity:.72}
.native-forest[data-lod="overview"] .native-node:not(.is-root):not(.is-filter-match):not(.is-selected){pointer-events:none;opacity:.22}
.native-forest[data-lod="overview"] .native-edge{opacity:.22;stroke-width:1.5}
.native-forest[data-lod="overview"] .native-tree-entry:not(.is-major){opacity:.32}
.native-forest[data-lod="overview"] .native-tree-entry.is-major{opacity:1}
.native-forest[data-lod="overview"] .native-node.is-filter-match .native-node-card,
.native-forest[data-lod="overview"] .native-node.is-selected .native-node-card{opacity:1}
.native-forest[data-lod="overview"] .native-node.is-filter-match .native-node-accent,
.native-forest[data-lod="overview"] .native-node.is-selected .native-node-accent{opacity:1}

.native-forest[data-lod="forest"] .native-node-portrait,
.native-forest[data-lod="forest"] .native-node-initials-disc,
.native-forest[data-lod="forest"] .native-node-initials,
.native-forest[data-lod="forest"] .native-node-team,
.native-forest[data-lod="forest"] .native-node-seasons,
.native-forest[data-lod="forest"] .native-node-meta,
.native-forest[data-lod="forest"] .native-node-source{opacity:0;pointer-events:none}
.native-forest[data-lod="forest"] .native-node-source{display:none!important}
.native-forest[data-lod="forest"] .native-node-card{height:58px;transform:translateY(25px)}
.native-forest[data-lod="forest"] .native-node-accent{height:58px;transform:translateY(25px)}
.native-forest[data-lod="forest"] .native-node-name{font-size:17px;transform:translate(-44px,23px)}

body.native-v24 .filter-canvas{display:none!important}
body.native-v24 .focus-marker,
body.native-v24 .coach-card,
body.native-v24 .board-coach-tooltip,
body.native-v24 .link-tip{display:none!important}
body.native-v24 .loading{background:#101722e8}
body.native-v24 .loading[hidden]{display:none!important}
body.native-v24 .hint{
  z-index:9;
  border:1px solid #ced5dd;
  background:#fffffff0;
  color:#24303d;
  box-shadow:0 10px 35px #07111d2b;
  transition:opacity .22s ease,transform .22s ease;
}
body.native-v24 .hint span{color:#697583}
body.native-v24 .hint.is-quiet{opacity:.34;transform:translateX(-50%) translateY(8px)}
body.native-v24 .controls{z-index:12}
body.native-v24 .controls button{border-color:#3e4a59;background:#151d28;color:#f4f6f9;box-shadow:0 7px 24px #0008}
body.native-v24 .controls button:hover{border-color:var(--native-orange);background:#202a37}
body.native-v24 .controls .board-arrange-control[aria-pressed="true"]{border-color:var(--native-orange)!important;background:var(--native-orange)!important;color:#1b1009!important}
body.native-v24 .controls .scroll-mode-control{border-color:#52708c;background:#172332;color:#dbe8f3}
body.native-v24 .controls .scroll-mode-control[aria-pressed="true"]{border-color:#6d9367;background:#1d3327;color:#dff0d9}
body.native-v24 .zoom-readout{z-index:12;bottom:322px!important;border:1px solid #3d4856;background:#111925e8;color:#d9e0e8}
.history-guide{position:absolute;z-index:11;top:14px;left:50%;display:grid;grid-template-columns:38px minmax(190px,1fr) 38px;align-items:center;gap:8px;width:min(470px,calc(100vw - 420px));min-width:330px;padding:7px;border:1px solid #3f4c5c;border-radius:14px;background:#111925ed;box-shadow:0 12px 32px #07111d45;transform:translateX(-50%);backdrop-filter:blur(12px)}
.history-guide>div{min-width:0;text-align:center}
.history-guide small,.history-guide strong,.history-guide span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-guide small{color:#9fbe95;font-size:9px;font-weight:950;letter-spacing:.12em}
.history-guide strong{margin-top:1px;color:#f5f7fa;font-size:13px}
.history-guide span{margin-top:2px;color:#94a1b1;font-size:8px}
.history-guide button{width:38px;height:36px;border:1px solid #485665;border-radius:10px;background:#1b2531;color:#eaf0f5;cursor:pointer;font-size:18px;font-weight:900}
.history-guide button:hover,.history-guide button:focus{border-color:#7ca174;background:#24352a;outline:none}
.history-guide button:disabled{opacity:.24;cursor:default}
.history-guide.is-free{border-color:#5c6674;opacity:.72}
.native-tree-entry.is-guided-root .native-tree-entry-mark{stroke:var(--native-green);stroke-width:10;filter:drop-shadow(0 0 7px #6e9465aa)}
body.native-v24 .minimap{
  z-index:12;
  height:66px;
  border-color:#505c69;
  background:
    linear-gradient(180deg,transparent 0 40%,#c1aa84 41% 44%,transparent 45%),
    repeating-linear-gradient(90deg,#f7f5ef 0 6px,#edf0f3 6px 8px);
}
body.native-v24 .minimap>div{border-color:var(--native-orange);background:#f47f3226}

.native-search-result{display:grid!important;grid-template-columns:minmax(0,1fr) 42px;align-items:stretch}
.native-search-result>button{display:block;min-width:0;padding:10px 12px;border:0;background:transparent;color:#172231;text-align:left;cursor:pointer}
.native-search-result>button strong,.native-search-result>button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-search-result>button small{margin-top:3px;color:#677483;font-size:10px}
.native-search-result>.reference-link{display:grid;place-items:center;color:#d75f18;font-size:17px;text-decoration:none}
.native-search-result:hover{background:#f2f4f6}
.native-search-empty{padding:13px;color:#687482;font-size:11px}

body.native-v24 .semantic-forest-notice.is-board-notice{top:84px;z-index:14}
body.native-v24 .semantic-forest-notice.is-board-notice[hidden]{display:none}
body.native-v24 .semantic-forest-notice.is-board-notice #boardUndo:not([hidden]),
body.native-v24 .semantic-forest-notice.is-board-notice #boardReset:not([hidden]){display:inline-flex}
body.native-v24 .semantic-forest-notice.is-board-notice button:disabled{opacity:.36;cursor:not-allowed}
body.native-v24:not(.timeline-open) .historical-timeline{display:none!important}
body.native-v24 .historical-timeline{
  position:absolute;
  left:50%;
  right:auto;
  top:auto!important;
  bottom:18px;
  width:min(760px,calc(100vw - 300px));
  transform:translateX(-50%);
  z-index:18;
  border-color:#536154;
  background:#101722f2;
}
body.native-v24 .historical-timeline .timeline-body{display:none!important}
body.native-v24 .historical-timeline .timeline-header{border-bottom:0;border-radius:13px}
body.native-v24 .historical-timeline.is-collapsed{left:50%;right:auto;width:min(620px,calc(100vw - 300px));transform:translateX(-50%)}
body.native-v24 .historical-timeline.is-docked-top .timeline-milestone-card,
body.native-v24 .historical-timeline.is-docked-top .timeline-root-card{top:auto!important;bottom:calc(100% + 8px)!important}
.timeline-open .native-world-subtitle{fill:#465848}
.timeline-scrubbing .native-history-line{stroke:#f47f32;filter:drop-shadow(0 0 7px #f47f3288)}
.arrange-mode .native-node{cursor:grab}
.arrange-mode .native-node:active{cursor:grabbing}
.arrange-mode .native-edge{opacity:.44}

body.native-v24 .coach-explorer{
  background:linear-gradient(155deg,#18212dfa,#0d141efa);
  border-color:#596779;
  box-shadow:0 25px 90px #000d;
}
body.native-v24 .coach-season-history td,
body.native-v24 .coach-season-history th,
body.native-v24 .coach-explorer-scroll section>p,
body.native-v24 .coach-explorer-identity p{color:#eef2f7}

@media(max-width:1100px){
  body.native-v24 .brand{min-width:196px}
  body.native-v24 .brand h1{font-size:15px}
  body.native-v24 .journey-button{display:none}
  body.native-v24 .topbar{gap:8px}
  body.native-v24 .topbar>button{padding-inline:10px}
}

@media(max-width:720px){
  body.native-v24 .topbar{
    height:calc(116px + env(safe-area-inset-top));
    align-items:center;
    padding:calc(8px + env(safe-area-inset-top)) 9px 8px;
  }
  body.native-v24 .brand{height:38px;min-width:142px;flex:1}
  body.native-v24 .brand h1{font-size:13px}
  body.native-v24 .brand small{font-size:7px}
  body.native-v24 .forest-mark{width:30px;height:30px;flex-basis:30px;border-radius:9px}
  body.native-v24 .forest-mark svg{width:22px;height:22px}
  body.native-v24 .share-button,
  body.native-v24 .journey-button{display:none}
  body.native-v24 .timeline-dock-button,
  body.native-v24 .filter-button,
  body.native-v24 .rules-button{height:36px;padding:0 8px;font-size:10px}
  body.native-v24 .search{order:4;flex:0 0 100%;height:42px;max-width:none}
  body.native-v24 #viewport{inset:calc(116px + env(safe-area-inset-top)) 0 0}
  body.native-v24 .controls{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:42px 42px;gap:6px}
  body.native-v24 .controls button{height:40px}
  body.native-v24 .minimap{left:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:112px;height:46px}
  body.native-v24 .zoom-readout{right:10px;bottom:calc(244px + env(safe-area-inset-bottom))!important}
  .history-guide{top:8px;width:calc(100vw - 16px);min-width:0;grid-template-columns:36px minmax(0,1fr) 36px;padding:5px}
  .history-guide button{width:36px;height:34px}
  .history-guide strong{font-size:11px}
  .history-guide span{font-size:7px}
  body.native-v24 .hint{bottom:calc(190px + env(safe-area-inset-bottom));width:calc(100vw - 30px);font-size:10px}
  body.native-v24 .semantic-forest-notice.is-board-notice{top:calc(124px + env(safe-area-inset-top));left:8px;width:calc(100vw - 16px)}
  body.native-v24 .historical-timeline,
  body.native-v24 .historical-timeline.is-collapsed{bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 16px)}
  body.native-v24 .historical-timeline .timeline-heading>span{max-width:112px}
  body.native-v24 .historical-timeline .timeline-heading>small{display:none}
  .native-world-title{font-size:50px}
}

@media(pointer:coarse){
  body.native-v24 .controls .scroll-mode-control{display:none}
  body.native-v24 .zoom-readout{bottom:270px!important}
}

@media(max-width:720px) and (pointer:coarse){
  body.native-v24 .zoom-readout{bottom:calc(244px + env(safe-area-inset-bottom))!important}
}

@media(prefers-reduced-motion:reduce){
  .native-node,.native-edge,.native-tree-entry,.native-timeline-detail,body.native-v24 .hint{transition:none!important}
  .native-node-card,.native-edge{filter:none!important}
}
