/* The tracker descends from blue water into the abyss. */
:root{color-scheme:dark;--sea-ink:#e6f3f8;--sea-muted:#a8c3d0;--sea-accent:#8bd6e8;--sea-line:#6495aa45;background:#020912}
body{color:var(--sea-ink);background:radial-gradient(ellipse 100% 650px at 50% 0%,#2c6b793d,transparent),linear-gradient(180deg,#143c4e 0%,#0d293b 24%,#071b2b 52%,#030f1d 76%,#020912 100%);background-repeat:no-repeat;min-height:100vh;--section-accent:#8bd6e8!important}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:url('./legion-fish-bg.png') center 48%/max(100vw,900px) auto no-repeat;filter:grayscale(1) brightness(1.8);opacity:.075;z-index:0}
body.overlay-mode::before{display:none}
body>header{background:linear-gradient(100deg,#153b4deb,#092331f5)!important;border-bottom:1px solid #91cee657!important;box-shadow:0 10px 40px #010b1829!important;color:var(--sea-ink)}
body>header .brand{color:#c9eaf4;text-shadow:0 0 24px #8ed4ed33}
body>header .header-title h1,body>header #sectionMenu{color:#b1e3ee!important}
body>header :is(.menu-trigger,.legion-shortcut){background:#123242;border-color:#538a9d80;box-shadow:none}
#workspace{position:relative;z-index:1;background:transparent}
#workspace>.panel{--op-accent:#8bd6e8;--op-surface:#102d3e;--op-line:#537d914d;--ocean-top:#15394b;--ocean-bottom:#0c2536;background:linear-gradient(155deg,var(--ocean-top),var(--ocean-bottom))!important;border:1px solid #75afc44a!important;border-top:1px solid #94d8e762!important;box-shadow:0 16px 48px #0108102b,inset 0 1px 0 #b6e7f509!important;color:var(--sea-ink)}
#workspace [data-sea-surface]{background:linear-gradient(155deg,var(--ocean-top,#102e40),var(--ocean-bottom,#071b2b))!important;border-color:#6e9dae40!important;box-shadow:inset 0 1px 0 #bceaff06}
#workspace :is(h2,h3,.section-title){color:#d8edf5}
#workspace :is(.panel h2,.section-title,.task,.priority,.notice,.roster-row,.schedule-events,.abyss-row,.char-row,.farm-table td,.farm-table th,.wr-history article,.wr-table td,.wr-table th,.admin-bio h4,.admin-goals,.admin-rank-history,.other-rank-history){border-color:#6894ab3b!important}
#workspace :is(.muted,.footer-note,.build-intro,.build-storage,.build-empty,.wr-footnote,.forecast-card small,.roster-meta,.card p){color:#abc2ce}
#workspace :is(.journey-kicker,.wr-kicker,.skins-kicker,.streamers-kicker,.rank-game,.group,.admin-bio h4,.admin-goals h3,.rank-card-body .rank-highlight,.rank-card-body .rank-pro,.rank-side,.other-rank-card small,.season-badges small,.wr-period,.wr-stats .wr-diff,.build-editor-top>span,.build-welcome>span){color:#9ed8e8!important}
#workspace :is(.big,.clock,.time-line strong){color:#b9e8f3!important}
#workspace :is(button,select,input:not([type=checkbox]):not([type=radio]),textarea,.edit){background:#0a2131;border-color:#5d889e77;color:#e2f0f6;box-shadow:none}
#workspace button:hover:not(:disabled){background:#214d61;border-color:#8cd9e7aa}
#workspace :is(button,input,select,textarea,a):focus-visible{outline:2px solid #a6e7f4;outline-offset:3px}
#workspace :is(input[type=checkbox],input[type=radio],meter){accent-color:#7ad5e3}
#workspace :is(.build-primary,#wrSubmit,.task-complete,.task-bulk button,.roadmap-entry){background:linear-gradient(110deg,#194659,#123447)!important;border-color:#75becfa1!important;color:#d4f3fb!important}
#workspace :is(button[aria-pressed=true],.build-list-item[aria-pressed=true],.streamer-class-list button[aria-selected=true]){background:linear-gradient(110deg,#20566a,#14394d)!important;border-color:#90dbe7!important;color:#f0fcff!important;box-shadow:inset 3px 0 #95e3ed!important}
#workspace :is(.pill,.panel h2 small,.wr-step,.wr-guide strong){background:#173f52;border-color:#6595aa66;color:#c4e6f2}
#workspace .meter{background:#091e2b!important}#workspace .meter b{background:linear-gradient(90deg,#3d8faa,#9be4ed)!important;box-shadow:0 0 12px #55bfd52a}
#workspace .journey-ring{color:#b9ecf5;--op-accent:#8bd6e8}
#workspace :is(.done,.positive,#wrMessage){color:#9bd9ba!important}
#workspace :is(.warning,.warn,.roster-alert,.build-beta){color:#ecd7a2!important;background:#302b20!important;border-color:#8e783b!important}
#workspace :is(button.danger,.danger){color:#ffb8b5!important;border-color:#a95f6899!important}
#workspace .rank-card-top{background:radial-gradient(ellipse at 50% 15%,#27607670,transparent 80%),#081c2b80!important;border-bottom-color:#6495aa45}
#workspace :is(.rank-card-body p,.admin-bio p,.admin-goals p,.wr-header p,.wr-section-title p,.wr-stats p,.wr-history p,.build-welcome p,.skill-picker p){color:#c0d3de}
#workspace :is(.admin-heading,.admin-content){background:transparent!important}
#workspace .admin-heading{border-bottom-color:#70b9cc!important}
#workspace :is(.admin-heading .admin-social,.build-references a,.skill-picker summary){color:#ace5ef}
#workspace .roadmap-column{border-top-width:3px!important}
#workspace .roadmap-column.planned{border-top-color:#a8cbd9!important}
#workspace .roadmap-column.working{border-top-color:#79cced!important}
#workspace .roadmap-column.shipped{border-top-color:#76c2b4!important}
#workspace .roadmap-column h3{border-color:#6894ab3b;background:#061b282e}
#workspace .roadmap-column time,#workspace .roadmap-column h3 span{color:#9ebdce}
#workspace .roadmap-column p{color:#bfd1dc}
#workspace .roadmap-column .roadmap-empty{color:#abc2ce}
#workspace :is(.wr-guide strong,.wr-step){background:#1d4e61;color:#d3f3fa}
#workspace .wr-stats article.wr-total{border-color:#7dc4d66e!important}
#workspace .wr-table tr{border-color:#5a80934d}
#workspace .wr-days meter{accent-color:#8bd6e8}
#workspace :is(.build-library label,.build-basics label,.build-field,.build-list-item span,.build-list-item small,.skill-picker h3 small){color:#bed7e2}
#workspace .build-welcome{border-color:#74a9b978!important}
#workspace .streamer-avatar{background:#1e4c60;color:#c6edf6}
#workspace .streamer-class-list button[aria-pressed=true]{box-shadow:inset 3px 0 #95e3ed!important}
#workspace .rank-card-body .rank-highlight{color:#b6e4ef!important}
.top-tabs{background:linear-gradient(180deg,#153749 0%,#0a2132 45%,#030e1d 100%)!important;border-color:#6295a847!important}
.top-tabs .tab-cluster{border-bottom-color:#78a4b12d!important}
.top-tabs .tab-group,.top-tabs .tab-cluster.legion .tab-group{background:linear-gradient(110deg,#214e63,#102c40)!important;border-color:#72afc167!important;color:#def1f7!important;box-shadow:0 6px 22px #0002!important}
.top-tabs .tab-cluster:nth-of-type(n+3) .tab-group{background:linear-gradient(110deg,#14364b,#081d30)!important}
.top-tabs .tab-cluster:nth-of-type(n+5) .tab-group{background:linear-gradient(110deg,#0b2438,#041324)!important}
.top-tabs [role=tab]{color:#c5dbe6!important;border-color:#6c97a52e!important}
.top-tabs [role=tab][aria-selected=true]{background:#234b5d!important;color:#f0fcff!important;box-shadow:inset 3px 0 #91dce9!important}
.top-tabs .nav-close,.top-tabs .close-menu{background:#112c3e!important;color:#d1e7ef!important;border-color:#5d8ea466!important}
body:not(.overlay-mode){scrollbar-color:#416f83 #061724}
@media(max-width:600px){body::before{opacity:.05}#workspace>.panel{box-shadow:0 8px 25px #0002!important}}
main#workspace>.panel,main#workspace>.panel[data-dash]{background:linear-gradient(155deg,var(--ocean-top,#15394b),var(--ocean-bottom,#0c2536))!important;border:1px solid #75afc44a!important;border-top:1px solid #94d8e762!important;box-shadow:0 16px 48px #0108102b,inset 0 1px 0 #b6e7f509!important}
main#workspace>.panel h2{font-family:'Kaisei Tokumin','Yu Mincho',serif;color:#deeff6!important}
