/* BOAT section colours: always paired with a label and a distinctive icon. */
[data-colour=blue]{--section:#8db9ff;--section-wash:#142844;--section-edge:#35547b}
[data-colour=teal]{--section:#70d0c5;--section-wash:#122d33;--section-edge:#315a60}
[data-colour=red]{--section:#f0929d;--section-wash:#34202f;--section-edge:#70404f}
[data-colour=gold]{--section:#e2c386;--section-wash:#302a22;--section-edge:#66573c}
[data-colour=purple]{--section:#bba5ed;--section-wash:#28233d;--section-edge:#534872}
[data-colour=slate]{--section:#b9cada;--section-wash:#202c3b;--section-edge:#455b70}
.visual-nav{overflow:visible;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;background:#101722;padding:12px 24px;border-bottom:1px solid var(--line);isolation:isolate}
.visual-nav>button,.tools-directory>summary{font-size:.875rem;line-height:1.25;min-height:54px;padding:9px;gap:8px;white-space:normal;justify-content:center;text-align:center;border-radius:9px;background:#1a2531;box-shadow:none;color:var(--ink);font-weight:500}
.visual-nav button .section-symbol{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;background:var(--section-wash);color:var(--section);border-radius:7px}
.section-symbol svg{width:20px;height:20px}
.visual-nav button.active{background:var(--section-wash);border:1px solid var(--section-edge);box-shadow:inset 0 -3px var(--section);color:var(--ink)}
.visual-nav button.active .section-symbol{color:var(--section)}
.visual-nav button:hover{background:var(--section-wash);border-color:var(--section-edge)}
.tools-directory{position:static;min-width:0}.tools-directory>summary{display:flex;align-items:center;cursor:pointer;list-style:none;border:1px solid var(--line);height:100%}.tools-directory>summary::-webkit-details-marker{display:none}.tools-directory[open]>summary{border-color:#b9cada;background:#25364d}.directory-panel{position:absolute;right:24px;top:calc(100% + 4px);width:min(720px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;background:#141b26;border:1px solid #3d506c;border-radius:12px;box-shadow:0 14px 35px #0008;max-height:70vh;overflow:auto}.directory-group>p{color:var(--muted);font-size:.875rem;margin:0 0 12px}.directory-group button{width:100%;text-align:left;justify-content:flex-start;margin-bottom:6px;min-height:48px;font-size:.875rem;white-space:normal}.directory-group button.active{box-shadow:inset 3px 0 var(--section)}
.launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}.launch-grid button{display:grid;grid-template-columns:46px 1fr;gap:4px 13px;align-content:center;text-align:left;min-height:100px;padding:16px;color:var(--ink);border:1px solid var(--section-edge);background:#1b2532;border-radius:12px;border-top:3px solid var(--section);transition:background .15s}.launch-grid button:hover{background:var(--section-wash)}.launch-grid .section-symbol{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--section-wash);color:var(--section);align-self:center}.launch-grid .section-symbol svg{width:27px;height:27px}.launch-grid strong{font-size:1rem;line-height:1.3}.launch-grid small{color:var(--muted);font-size:.875rem;line-height:1.4}
.page-heading h1,.season-heading h1{display:flex;gap:14px;align-items:center}.page-symbol{display:inline-grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:1px solid var(--section-edge);background:var(--section-wash);color:var(--section);border-radius:12px}.page-symbol svg{width:28px;height:28px}.view .page-heading>.heading-actions{flex-wrap:wrap}.section-card{border-top:2px solid var(--section-edge)}.section-card h2{display:flex;gap:10px;align-items:center}.card-symbol{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--section-wash);color:var(--section);width:32px;height:32px;border-radius:8px}.card-symbol svg{width:20px;height:20px}.hq-handoff{font-size:.875rem;color:var(--muted);line-height:1.6;margin:0 0 24px}.hq-handoff a{font-weight:600}.explore-heading{font-size:1.3rem;margin-top:28px}.season-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.season-shortcuts button{grid-template-columns:36px 1fr;gap:4px 12px;border-left:2px solid var(--section-edge);min-height:84px}.season-shortcuts button>.section-symbol{display:grid;place-items:center;grid-row:1/3;width:36px;height:36px;background:var(--section-wash);color:var(--section);border-radius:9px;align-self:center}.season-shortcuts strong{font-size:.9375rem}.season-shortcuts small{font-size:.875rem;line-height:1.4}.season-shortcuts button:hover{border-color:var(--section-edge);background:var(--section-wash)}.visual-nav button:focus-visible,.tools-directory>summary:focus-visible,.launch-grid button:focus-visible{outline:2px solid var(--section,#c9d9ee);outline-offset:3px}
@media(max-width:1100px){.visual-nav{gap:6px;padding:10px 14px}.visual-nav>button,.tools-directory>summary{flex-direction:column;gap:4px;font-size:.875rem}.launch-grid{gap:10px}.launch-grid button{padding:13px;grid-template-columns:36px 1fr}.launch-grid .section-symbol{width:36px;height:36px}.launch-grid .section-symbol svg{width:23px;height:23px}}
@media(max-width:760px){.visual-nav{grid-template-columns:repeat(4,minmax(0,1fr));position:relative;gap:6px}.is-embedded .visual-nav{position:relative}.visual-nav>button,.tools-directory>summary{flex-direction:row;min-height:52px;padding:6px;font-size:.875rem}.visual-nav button .section-symbol{width:21px;height:25px;background:transparent}.visual-nav .section-symbol svg{width:18px;height:18px}.directory-panel{right:12px;grid-template-columns:1fr 1fr;gap:14px;max-height:65vh}.launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-grid button{min-height:114px;grid-template-columns:30px 1fr;gap:5px 8px;padding:10px}.launch-grid .section-symbol{width:30px;height:34px;border-radius:8px}.launch-grid strong{font-size:.9375rem}.launch-grid small{font-size:.875rem;grid-column:1/-1}.season-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.page-symbol{width:38px;height:38px;border-radius:10px}.page-symbol svg{width:23px;height:23px}.page-heading h1,.season-heading h1{gap:10px}.league-utility-bar>p{font-size:.875rem}.hq-handoff{margin-bottom:18px}}
@media(max-width:390px){.visual-nav>button,.tools-directory>summary{flex-direction:column;min-height:68px}.season-shortcuts{grid-template-columns:1fr}.directory-panel{grid-template-columns:1fr}.launch-grid button{grid-template-columns:1fr}.launch-grid .section-symbol{grid-row:auto}}
/* Supplied BOAT arena art supports quick recognition without obscuring live data. */
.season-heading{min-height:150px;padding:22px 24px;margin-bottom:14px;border:1px solid #434c5c;border-radius:12px;background:linear-gradient(90deg,#0b1018eb 0%,#0b1018a8 55%,#0b10186a),url('assets/hero.webp') center/cover}
.visual-launch{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.visual-launch button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;padding:8px;background:#151c26;border:1px solid #3d4653;border-radius:10px;text-align:center;overflow:hidden}
.visual-launch button:hover{border-color:#bd7581;background:#23232c}
.visual-launch img{width:100%;height:72px;object-fit:contain;border-radius:6px}
.visual-launch span{font-size:.875rem;color:#d5dbe3;line-height:1.25;padding:4px 2px}
[data-page=trades]>.page-heading{min-height:140px;padding:22px;border-radius:12px;background:linear-gradient(90deg,#0b1018ef,#0b1018b6),url('assets/trade.webp') center/cover}
[data-page=records]>.page-heading{min-height:128px;padding:20px;border-radius:12px;background:linear-gradient(90deg,#0b1018ed,#0b1018b0),url('assets/trophy.webp') center/cover}
.radio-shell{background:linear-gradient(90deg,#141b26ed,#141b26d9),url('assets/radio.webp') right center/auto 100% no-repeat,#141b26}
@media(max-width:760px){.visual-launch{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.visual-launch button{padding:4px;min-height:0}.visual-launch img{height:64px;object-fit:contain}.visual-launch span{font-size:.75rem;padding:2px 0}.season-heading{min-height:125px;padding:15px}.season-heading h1{font-size:1.9rem}}
@media(max-width:390px){.visual-launch{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-launch img{height:55px;aspect-ratio:auto}.visual-launch span{font-size:.8125rem}}