@charset "UTF-8";

.treasure-page { --accent:#9adbd0; --accent-rgb:154,219,208; }
.treasure-page .growth-hero::before,
.treasure-page .growth-hero-art::before { content:none; }
.treasure-page .growth-hero-art,
.treasure-page .growth-art { background:transparent; border:0; box-shadow:none; }
.treasure-page .growth-art { filter:none; width:min(100%,480px); height:auto; object-fit:contain; }
.treasure-page .growth-hero-art figcaption { font-size:12px; letter-spacing:2px; }
.treasure-page .growth-hero-art figcaption span { letter-spacing:1px; }
.treasure-page .button-primary { background:#9adbd0; border-color:#b8e8df; color:#112a28; }
.treasure-page .growth-siblings { flex-wrap:wrap; column-gap:30px; row-gap:0; }
.treasure-page .growth-facts dd { color:#c4ece5; }
.treasure-page .growth-table-wrap:focus-visible,
.treasure-page a:focus-visible,
.treasure-page summary:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.armor-compare { border:1px solid #84b9b93d; background:#0d1924; }
.armor-controls { display:grid; grid-template-columns:1fr 30px 1fr; gap:16px; align-items:center; padding:25px 28px; border-bottom:1px solid var(--line); }
.armor-controls[hidden] { display:none!important; }
.armor-controls label { display:block; color:#a5bfcb; font-size:12px; }
.armor-item-control,.armor-item-hint { grid-column:1/-1; }
.armor-item-hint { margin:-5px 0 3px; font-size:11px; color:#8eabb6; }
.armor-controls select { display:block; width:100%; min-height:48px; margin-top:8px; padding:8px 12px; border:1px solid #749f9f66; border-radius:0; background:#0a141f; color:#d9eee9; font:inherit; font-size:18px; }
.armor-controls select:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.armor-controls>span { color:#92b2ba; font-size:23px; align-self:end; text-align:center; line-height:48px; }
.armor-comparison-heading { padding:25px 28px 0; display:flex; justify-content:space-between; align-items:center; gap:15px; }
.armor-comparison-heading>p { margin:0; color:#bdd7d8; font-size:15px; }
.armor-comparison-heading strong { color:var(--accent); font-size:21px; font-weight:500; }
.armor-comparison-heading>span { font-size:10px; color:#92aab7; letter-spacing:1px; }
.armor-comparison-heading b { font-weight:500; }
.armor-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:25px 28px 30px; gap:22px; }
.armor-stat { border-top:1px solid #80aaa744; padding-top:16px; }
.armor-stat h3 { font-size:13px; font-weight:400; color:#91adb7; margin:0 0 10px; }
.armor-stat-values { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; font-variant-numeric:tabular-nums; }
.armor-stat-values>span:first-child { color:#7e99a9; font-size:23px; }
.armor-stat-values>span:nth-child(2) { color:#617f8a; font-size:15px; }
.armor-stat-values>strong { color:#d1efe8; font-size:38px; line-height:1.35; font-weight:500; letter-spacing:-1px; }
.armor-delta { font-size:12px; color:#9bc6be; margin:8px 0 0; }
.armor-compare-note { margin:0; padding:14px 28px; color:#8eabb6; font-size:12px; border-top:1px solid var(--line); }
.armor-scope { padding:15px 18px; margin:0 0 22px; border-left:2px solid #8bc7bd88; background:#9adbd006; color:#a3bdc8; font-size:12px; }
.armor-scope strong { display:block; margin-bottom:5px; color:#c3e4da; font-weight:500; }
.armor-table { min-width:560px; }
.armor-table td:nth-child(2) { min-width:170px; }
.armor-table-exception { display:block; margin-top:4px; color:#9ac8bc; font-size:10px; white-space:nowrap; }
.armor-bar { display:inline-block; vertical-align:middle; width:86px; height:3px; margin-right:16px; background:#6d93932b; }
.armor-bar i { display:block; height:100%; width:var(--fill); background:var(--accent); }
.armor-table tr.is-target>* { color:#c9eee6; background:#99d8ce0b; }
.armor-table tr.is-target th { box-shadow:inset 2px 0 var(--accent); }
.armor-table tr.is-current th::after { content:"目前"; color:#809ca9; font-size:9px; font-weight:400; margin-left:10px; }
.armor-table tr.is-target th::after { content:"目標"; color:var(--accent); font-size:9px; font-weight:400; margin-left:10px; }
.armor-milestones { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:28px; }
.armor-milestones>article { padding:18px 0 0; border-top:1px solid #91c6bc55; }
.armor-milestones article>p { color:#8fadb7; font-size:12px; margin:0 0 9px; }
.armor-milestones h3 { color:#c7eae3; font-size:25px; font-weight:500; margin:0 0 6px; }
.armor-milestones article>span { color:#a3bac7; font-size:13px; }
.treasure-page .growth-callout { background:#10231f55; }
.treasure-page .growth-callout>span { color:#c3e4da; }
@media(max-width:640px) {
 .treasure-page .growth-siblings { column-gap:20px; }
 .treasure-page .growth-art { width:min(100%,300px); }
 .armor-controls { padding:21px 18px; gap:10px; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); }
 .armor-controls select { font-size:17px; }
 .armor-comparison-heading { padding:22px 18px 0; align-items:baseline; }
 .armor-comparison-heading>span { font-size:9px; letter-spacing:0; }
 .armor-stat-grid { grid-template-columns:1fr; padding:22px 18px 26px; gap:18px; }
 .armor-stat { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 10px; }
 .armor-stat h3 { grid-column:1/-1; margin-bottom:2px; }
 .armor-stat-values { gap:6px; flex-wrap:wrap; }
 .armor-stat-values>span:first-child { font-size:20px; }
 .armor-stat-values>strong { font-size:33px; }
 .armor-delta { margin:0; }
 .armor-compare-note { padding:14px 18px; }
 .armor-milestones { gap:20px; }
 .armor-milestones h3 { font-size:22px; }
}
@media(max-width:380px) { .armor-stat-values>strong { font-size:29px; }.armor-stat-values>span:first-child { font-size:18px; }.armor-controls label { font-size:11px; }.armor-comparison-heading>span { display:none; } }
@media print { .armor-controls { display:none!important; }.armor-stat-values>strong,.armor-delta { color:#111; }.armor-table { min-width:0; } }
