/* Reading surfaces: one palette, clear hierarchy, fewer competing panels. */
:root{color-scheme:light;--ink:#183243;--muted:#526677;--bg:#f5f7f9;--line:#dbe3e8;--accent:#09664e;--mint:#eaf5ef;--white:#fff;--navy:#142632}
html,body{background:#f5f7f9;color:#183243}body{font-size:16px;line-height:1.85}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #167a61;outline-offset:4px}.sidebar{width:224px;padding:28px 16px;background:#142632;border:0;scrollbar-width:thin}.workspace{margin-left:224px}.sidebar .brand{font-size:21px;gap:9px}.brand small{font-size:11px;line-height:1.6}.brandmark{color:#9ce0c3}.navlabel{margin:30px 12px 10px;color:#a7bdc9;font-size:12px}.sidebar nav{gap:3px}.sidebar nav a{font-size:14px;padding:10px 12px;color:#cedbe2;line-height:1.65}.sidebar nav a.active{background:#28473f;color:#c7f4dd;box-shadow:none}.sidebar nav a:hover{background:#263d4b}.sidebottom{margin-top:25px;padding:18px 12px 0}.sidebottom .edition,.sidebottom p{display:none}.sidebottom a,.sidebottom small{color:#b4c7d1}.menu-toggle{display:none}.topbar{position:static;background:#fff;color:#526677;height:54px;border-color:#dbe3e8}.crumb b{color:#243f50}.updated{color:#5b7080}.crumb span{color:#687d8a}main{max-width:1320px;padding:36px 40px 30px;color:#183243}.pageheading{border:0;padding:0;margin-bottom:24px}.pageheading .eyebrow{display:none}.pageheading h1{font-size:clamp(25px,2.2vw,32px);color:#152d3e;line-height:1.5;letter-spacing:-.02em}.pageheading p{font-size:16px;color:#526677;line-height:1.8}.searchwrap,#search.searchwrap{background:white;border:1px solid #b9cbd5;box-shadow:0 3px 12px #18324306;border-radius:10px;padding:16px 18px;margin-bottom:28px}.searchwrap svg{color:#09664e}.searchwrap input[type=search],#search input{color:#183243}.searchwrap input[type=search]::placeholder{color:#627583}.searchhint{color:#5a7181}
#content{color:#183243}#content :is(p,li,h2,h3,h4,b,strong,span,small,summary,td,th,label,a,output){color:inherit}#content :is(h2,h3,h4){line-height:1.55}#content :is(p,li){line-height:1.9}#content h2{font-size:22px}#content h3{font-size:19px}#content :is(.topic,.scenario-grid a,.asidecard,.questionlist,.entry,.pet-card,.compare-panel,.calculator-panel,.compare-card,.sourcecard,.guide-card,.relic-quick-picks article,.relic-priority-grid article,.editorial-block,.empty,.rate-panel,.rates-source){background:#fff;color:#183243;border:1px solid #dbe3e8;box-shadow:none;border-radius:10px}#content :is(.topic:hover,.scenario-grid a:hover,.guide-card:hover){background:#f8fbfa;border-color:#7da999;transform:none;box-shadow:none}#content :is(.topic p,.topic small,.scenario-grid p,.asidecard p,.routeitem small,.guide-card p,.sourcecard p,.sourcecard small,.tool-note,.resultcount,.data-evidence p,.article-meta,.relic-meta,.rate-scope,.rate-context,.rate-condition,.rate-panel-copy small,.rate-highlight-head span,.pet-card p,.next-step small){color:#526677}#content :is(.kicker,.priority,.researchbadge,.relic-pick-no,.smalllink,.sourcesline a,.imagecredits a,.permalink,.data-evidence a,.editorial-block a,.section-evidence a,.relic-members a,.rate-permalink,.rates-source a,.rates-calculator a,.sectiontitle a,.rate-kind){color:#09664e}#content :is(.kicker,.priority,.researchbadge,.relic-pick-no){font-size:13px;letter-spacing:.02em}#content :is(.guide-card p,.pet-card p,.asidecard p,.sourcecard p,.relic-priority-grid p){font-size:16px}#content .guide-card{padding:22px;gap:18px}#content .guide-card h3{margin:2px 0 8px}#content .guide-card .entry-thumb{width:62px;height:66px;background:#edf2f5}#content .guide-card .priority{font-weight:600}#content .reader-section{margin-top:36px}#content .sectiontitle{margin-bottom:18px}#content .sectiontitle a{font-size:14px}#content :is(.note,.verdict,.comparison-advice,.budget-verdict,.rate-advice,.inline-tool,#probability-result){background:#eaf5ef;border-color:#4c8e72;color:#1a4c39}#content .verdict{border-left:4px solid #278160;padding:24px}#content .verdict-label{color:#09664e;font-size:14px}#content .verdict>p{color:#183f31;font-size:21px;line-height:1.8}#content .why{border-color:#c0d8ca}#content .why b{color:#09664e}#content .why p{color:#294d3e;font-size:16px}#content :is(.condition-note,.note.warn,.rate-warning){background:#fff5df;color:#674713;border-color:#c28b28}#content :is(.article-gallery,.actionsteps,.pet-milestone,.next-step,.effect-list li,.article-toc,.relic-reading,.relic-special,.rate-empty){background:#f0f4f6;color:#294455;border-color:#dbe3e8}#content .article-gallery figcaption{color:#526677;font-size:13px}#content .actionsteps{padding:22px}#content .actionsteps li:before{background:#09664e;color:white}#content :is(.article-toc a,.actionsteps h4,.entrybody h4,.effect-list b,.pet-milestone b,.compare-card h4){color:#09664e}#content .entrybody p{font-size:17px;line-height:2}#content .articlefocus{max-width:940px;margin:auto}#content .articlefocus .entrybody{padding:32px}#content .article-lead{grid-template-columns:1fr}#content .article-gallery{max-height:280px}#content .article-gallery .screen img{max-height:220px}#content .mechanics{max-width:76ch;margin:auto}#content .mechanics h4{margin-top:30px}#content :is(.tag,.rarity,.relic-weapon,.langs span,.topicicon){background:#eaf0f4;color:#395264;border-color:#dbe3e8}#content :is(.tag.official,.relic-set-links a){background:#e6f3eb;color:#165d41}#content :is(.tag.editorial,.rarity-紫){background:#eee8fa;color:#60418e}#content .rarity-赤{background:#fbe7eb;color:#9f2947}#content .rarity-橙{background:#fff0d4;color:#81500a}#content .rarity-青{background:#e4effc;color:#235b91}#content .related a{border-color:#dbe3e8}#content .entry summary:hover{background:#f3f7f9}#content :is(.filterbar button,.relic-controls button,.rates-controls button){background:#fff;border:1px solid #b9cbd5;color:#304f61;min-height:42px}#content .filterbar button.active{background:#09664e;color:#fff;border-color:#09664e}#content :is(.catalog-controls,.relic-controls,.rates-controls){background:#edf2f5;border:1px solid #dbe3e8;border-radius:10px;padding:20px}#content :is(select,input[type=number],input[type=search]){color:#183243;background:white;border:1px solid #b1c4cf;border-radius:6px;font-size:16px;min-height:46px;padding:10px 12px}#content input::placeholder{color:#627583}#content label{font-size:14px;color:#304f61}#content .compare-controls{gap:24px}#content :is(.inlineTable,.rate-table,.relic-table,.relic-sets,.table-scroll,.relic-table-scroll,.rate-table-wrap){background:#fff;color:#183243;border-color:#d2dde4}#content :is(table th,table td){background:#fff;color:#183243;border-color:#dbe3e8;font-size:15px;padding:14px 12px;line-height:1.8}#content table thead th{background:#e9f0f4;color:#304f61;font-size:14px;font-weight:700}#content table tbody tr:nth-child(even)>:is(td,th){background:#f5f8fa}#content table tbody tr:hover>:is(td,th){background:#edf6f1}#content .relic-table tbody th:first-child{background:#fff;box-shadow:3px 0 8px #1832430a}#content .relic-table tbody tr:nth-child(even) th:first-child{background:#f5f8fa}#content .relic-table{min-width:1300px}#content .relic-table .relic-name{font-size:15px}#content .relic-advice p{font-size:14px;line-height:1.9}#content .relic-level-empty{color:#647b89}#content .relic-image-missing{background:#edf2f5;color:#526677;border-color:#b9cbd5}#content :is(.relic-hero,.rates-hero){padding:22px 26px;background:#173a45;color:#fff;border:0;border-radius:12px;box-shadow:none;gap:20px}#content .relic-hero h2{font-size:25px}#content .relic-hero p{color:#e1eef1;margin:5px 0 10px}#content .relic-hero-stats{display:none}#content .relic-hero{grid-template-columns:1fr}#content :is(.relic-eyebrow,.relic-hero-link){color:#bcebd2}#content .relic-jumps{top:12px;background:#f5f7f9f2;border-color:#dbe3e8;gap:10px}#content .relic-jumps a{color:#305264;background:#fff;border-color:#cbd9e1;padding:10px 14px}#content .relic-jumps a:hover{background:#eaf5ef;color:#09664e}#content .relic-picks{margin:16px 0;border-bottom:1px solid #dbe3e8;padding:12px 0}#content .relic-picks>summary{cursor:pointer;font-size:16px;color:#09664e;font-weight:600}#content .relic-quick-picks{margin:20px 0}#content .relic-pick-icons img{background:#edf2f5;border-color:#dbe3e8}#content .relic-pick-head h3{font-size:19px}#content .relic-quick-picks p{font-size:15px}#content .relic-reading{font-size:14px;line-height:1.9}#content .relic-reading,#content .rate-scope{max-width:85ch}#content .rates-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}#content .rates-intro p{margin:0;color:#526677}#content .rates-intro a{font-size:14px;color:#09664e;white-space:nowrap}#content .rate-overview{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid #cbdad3;border-radius:10px;overflow:hidden;background:#fff}#content .rate-overview a{padding:20px 24px;border-right:1px solid #dbe3e8;display:flex;flex-direction:column;gap:3px}#content .rate-overview a:last-child{border-right:0}#content .rate-overview a:hover{background:#edf6f1}#content .rate-overview span{font-size:14px;font-weight:600}#content .rate-overview strong{font-size:30px;line-height:1.4;color:#09664e;font-variant-numeric:tabular-nums}#content .rate-overview small{font-size:13px;color:#526677}#content .rate-scope{font-size:14px;margin:12px 0 20px}#content .rate-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}#content .rate-shortcuts button{background:white;color:#09664e;border:1px solid #8eb6a5;padding:10px 16px;border-radius:6px;font-size:15px}#content .rate-shortcuts button:hover{background:#eaf5ef}#content .rate-panel summary{padding:20px 24px}#content .rate-panel summary:hover{background:#f1f7f4}#content .rate-panel-copy strong{font-size:17px}#content .rate-panel-copy small{font-size:13px}#content .rate-kind{font-size:13px}#content .rate-panel-body{padding:0 24px 24px}#content .rate-number{color:#09664e;font-size:18px}#content .rate-condition{font-size:14px}#content .rate-expand{color:#09664e}#content .rates-reading{padding:18px 22px;background:#edf2f5;border-radius:8px;margin:28px 0}#content .rates-reading summary{font-weight:600;color:#09664e;cursor:pointer}#content .rates-reading>div{margin-top:18px}#content .rates-reading p{font-size:15px}#content .rates-calculator{background:#eaf5ef;border:1px solid #c2dacc;color:#183f31}#content .rates-calculator output{color:#09664e}#content .rates-calculator p,#content .rates-source p{font-size:15px}#content .rates-source summary{font-size:16px;color:#09664e}#content .rates-source li{font-size:15px}
#content .home-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#content .home-entry{background:#fff;border:1px solid #d8e2e8;border-radius:10px;padding:24px;display:flex;align-items:center;gap:20px;transition:border-color .15s}#content .home-entry:hover{border-color:#409274;background:#fbfdfc}#content .home-entry img{height:64px;width:64px;object-fit:contain;border-radius:9px;background:#eef3f5}#content .home-entry>span{margin-left:auto;color:#09664e;font-size:24px}#content .home-entry h2{font-size:21px;margin:0 0 5px}#content .home-entry p{font-size:15px;margin:0;color:#526677}#content .home-routes{margin-top:34px}#content .home-routes h2{font-size:22px}#content .home-routes>div{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}#content .home-routes a{display:grid;grid-template-columns:1fr auto;gap:3px 15px;border-bottom:1px solid #d6e0e6;padding:18px 0}#content .home-routes a b{font-size:17px}#content .home-routes a span:first-of-type{font-size:14px;color:#526677;grid-row:2}#content .home-routes a span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#09664e}#content .home-calculator{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;background:#e8f3ed;border:1px solid #c4dacb;border-radius:10px;margin-top:32px}#content .home-calculator h2{margin:5px 0;font-size:22px}#content .home-calculator p{margin:0;font-size:16px;color:#3f6050}#content .home-calculator>span{font-size:28px;color:#09664e}#content .home-secondary{display:flex;flex-wrap:wrap;gap:12px 28px;margin:28px 0}#content .home-secondary a{font-size:15px;color:#09664e;text-decoration:underline;text-underline-offset:4px}footer{color:#526677;border-color:#dbe3e8}footer a{color:#09664e}footer p{color:#526677;font-size:13px}.skip{background:#fff;color:#183243;z-index:20}
@media(max-width:1100px){.sidebar{width:204px}.workspace{margin-left:204px}main{padding:28px 24px}.brand small{max-width:125px}.sidebar .brand{font-size:19px}#content .home-entry{padding:20px;gap:14px}#content .home-entry img{width:52px;height:56px}}
@media(max-width:760px){.sidebar{position:sticky;top:0;z-index:10;width:100%;padding:14px 16px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;overflow:visible;border:0;box-shadow:0 2px 10px #14263214}.workspace{margin:0}.sidebar .brand{font-size:19px;line-height:1.2}.brand small{max-width:none;display:block;margin:3px 0 0;font-size:10px}.brandmark{font-size:27px;width:32px}.brandmark span{font-size:18px}.menu-toggle{display:block;color:#e5f1f5;background:#233f4c;border:1px solid #587281;border-radius:6px;padding:9px 12px;font-size:14px}.navlabel,.sidebottom{display:none}.sidebar #navigation{display:none;width:100%;margin:14px 0 0;padding:14px 0 0;border-top:1px solid #405764;overflow:visible;grid-template-columns:1fr 1fr;gap:6px;white-space:normal}.sidebar.menu-open #navigation{display:grid}.sidebar nav a{border-radius:6px;white-space:normal;padding:10px;font-size:14px}.topbar{height:42px;padding:0 16px;font-size:12px}.updated{font-size:11px}.crumb span{padding:0 8px}.updated time{margin-left:5px}main{padding:24px 16px 20px}.pageheading h1{font-size:25px}.pageheading p{font-size:15px}.searchwrap{padding:14px;margin-bottom:22px}.searchhint{display:none}#content h2{font-size:21px}#content .home-entry-grid{gap:12px}#content .home-entry{flex-direction:column;align-items:start;padding:18px;gap:12px;position:relative}#content .home-entry>span{position:absolute;right:14px;top:18px;font-size:21px}#content .home-entry img{width:52px;height:56px}#content .home-entry h2{font-size:18px}#content .home-entry p{font-size:14px;line-height:1.7}#content .home-routes>div{grid-template-columns:1fr}#content .home-routes{margin-top:28px}#content .guide-card{padding:18px 14px;gap:13px}#content .guide-card h3{font-size:18px}#content .guide-card p{font-size:15px}#content .guide-card .entry-thumb{width:44px;height:52px}#content .guide-card .priority{font-size:12px}#content .home-calculator{padding:20px}#content .home-calculator h2{font-size:20px}#content .home-calculator p{font-size:15px}#content .articlefocus .entrybody{padding:20px 16px}#content .entrybody p{font-size:16px}#content .verdict{padding:20px 16px}#content .verdict>p{font-size:19px}#content .verdict .why p{font-size:16px}#content .article-gallery{max-height:none}#content .articlefocus .entry{border:0;background:transparent}#content .articlefocus .entrybody{padding:0}#content .relic-hero{padding:22px 20px}#content .relic-hero h2{font-size:22px}#content .relic-jumps{top:82px;overflow:auto;margin:12px 0;padding:8px;gap:8px}#content .relic-jumps a{font-size:14px;padding:9px 12px;flex:none}#content .relic-controls{grid-template-columns:1fr 1fr;gap:12px}#content .relic-controls label:first-child{grid-column:1/-1}#content .relic-table{min-width:0}#content .relic-table tbody tr{background:#fff!important;border:1px solid #cfdae1;box-shadow:none;padding:16px;margin-bottom:16px;gap:10px}#content .relic-table tbody th:first-child{position:static;box-shadow:none;background:transparent!important}#content .relic-table tbody td.relic-level{background:#f0f4f7!important;color:#183243;min-height:82px;padding:12px;font-size:15px}#content .relic-table tbody td.relic-level::before{color:#09664e;font-size:13px}#content .relic-table tbody td.relic-advice{background:#fff!important;font-size:14px;padding:12px 0 0}#content .relic-table .relic-name{font-size:17px}#content .relic-meta{font-size:13px}#content .relic-picks{padding:16px 0}#content .rates-intro{display:block}#content .rates-intro a{display:inline-block;margin-top:8px}#content .rate-overview{grid-template-columns:1fr;margin-top:16px}#content .rate-overview a{display:grid;grid-template-columns:1fr 90px;align-items:center;padding:14px 18px;border-right:0;border-bottom:1px solid #dbe3e8;gap:2px 10px}#content .rate-overview a:last-child{border:0}#content .rate-overview strong{grid-column:2;grid-row:1/3;text-align:right;font-size:26px}#content .rate-overview small{font-size:13px}#content .rate-overview span{font-size:15px}#content .rates-controls{padding:16px;grid-template-columns:1fr 1fr;gap:16px 12px}#content .rate-query-label{grid-column:1/-1}#content .rate-shortcuts{gap:8px}#content .rate-shortcuts button{padding:9px 11px;font-size:14px}#content .rate-panel summary{padding:18px 16px}#content .rate-panel-copy strong{font-size:16px}#content .rate-panel-body{padding:0 12px 18px}#content .rate-table tbody tr{border-color:#cbd9e1;background:white}#content .rate-table td{background:white!important;padding:12px 14px;font-size:15px}#content .rate-table td::before{color:#526677;font-size:13px}#content .rate-table-wrap{border:0}#content .rate-number{font-size:19px}#content .rate-scope{font-size:14px}#content .rates-reading>div{display:block}#content .rates-reading article{margin:20px 0}#content .compare-panel,#content .compare-card{padding:20px 16px}#content .rates-calculator-inputs{grid-template-columns:1fr}.article-breadcrumb{margin-top:0}#content section[id],#content tr[id],#content details[id]{scroll-margin-top:100px}footer{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
#content .rate-advanced{grid-column:1/-1;border-top:1px solid #cbd9e1;padding-top:14px}#content .rate-advanced summary{cursor:pointer;color:#09664e;font-size:14px}#content .rate-advanced>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:14px}
@media(max-width:760px){#content .relic-table,#content .relic-table tbody{display:block;width:100%}#content .relic-table thead{display:none}#content .relic-table tbody tr{display:grid;grid-template-columns:1fr 1fr}#content .relic-table tbody th:first-child,#content .relic-table td.relic-advice{grid-column:1/-1}#content .relic-table td.relic-level::before{content:attr(data-level);display:block;font-weight:700;margin-bottom:5px}#content .rate-advanced>div{grid-template-columns:1fr 1fr}#content .rate-all-levels{grid-column:1/-1}}

#content #relic-catalog>p:not(.relic-reading){color:#526677}
#content .article-lead .verdict{grid-row:1}#content .article-meta{margin-bottom:12px}#content .article-breadcrumb{margin-bottom:8px}