.growth-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:28px}
.growth-navigation[data-group="vehicles"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
.vehicle-nav-art{width:36px;height:36px;display:grid;place-items:center;background:#27333f;border-radius:6px}
.vehicle-nav-art img{width:28px;height:28px;object-fit:contain}
.module-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:30px 0 10px}
.module-heading h2{font-size:27px}.module-heading .eyebrow{display:block;margin-bottom:6px}
.module-art{display:inline-block;position:relative;width:48px;height:48px;flex:none;vertical-align:middle}
.module-art .module-quality{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.module-art .module-item{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain}
.module-art.large{width:94px;height:94px;display:block;margin:0 auto 18px}
.module-levels .growth-field{max-width:none}
.module-piece{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.module-piece>span:last-child{display:flex;flex-direction:column;gap:4px}.module-piece b{font-size:15px;font-weight:550}.module-piece small{color:var(--accent);font:600 15px var(--mono)}
.module-materials{display:flex;flex-wrap:wrap;gap:12px}.module-materials>.module-piece{padding:12px 16px;background:var(--bg);border:1px solid var(--line);border-radius:5px}
.module-equivalent{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.8}
.module-table-level{display:flex;align-items:center;gap:10px;white-space:nowrap}.module-recipe{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.module-plus{padding-left:18px;color:var(--soft);font-size:15px}
.module-data-table table{min-width:880px}.module-data-table td{vertical-align:middle}.module-data-table th:nth-child(3){min-width:220px}
@media(max-width:700px){.module-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.module-heading{align-items:flex-start;flex-direction:column;gap:12px}.module-heading h2{font-size:24px}.module-piece b{font-size:14px}.module-materials>.module-piece{padding:9px 12px}.module-art.large{width:76px;height:76px}.module-levels .growth-level-side{padding:14px}.growth-navigation[data-group="vehicles"] .growth-nav{font-size:14px}}
.growth-nav{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 7px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--panel);cursor:pointer;font:inherit;font-size:16px;white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.growth-nav:hover,.growth-nav.active{color:var(--ink);border-color:var(--accent);background:var(--panel-2)}
.growth-nav.active{box-shadow:inset 0 -3px 0 var(--accent)}
.growth-nav.active svg{color:var(--accent)}
.growth-content{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.growth-calculator{padding:28px;min-width:0}
.growth-selection{display:flex;gap:16px;flex-wrap:wrap;align-items:end}
.growth-field{display:flex;flex-direction:column;gap:9px;flex:1;min-width:125px;max-width:400px;color:var(--muted);font-size:14px;line-height:1.6}
.growth-field select,.growth-field input{width:100%;height:46px;font:inherit;font-size:16px;line-height:1.2;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:0 12px;min-width:0}
.growth-field select:focus,.growth-field input:focus{outline:2px solid var(--accent);outline-offset:2px}
.growth-field select:disabled{opacity:.55}
.growth-selected-art{display:flex;align-items:center;gap:20px;margin:28px 0}
.growth-selected-art h2{margin:0 0 8px;font-size:26px;line-height:1.35}
.growth-selected-art>div:last-child{min-width:0}
.growth-selected-art span{color:var(--muted);font-size:15px;line-height:1.8}
.growth-equipment-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:8px}
.growth-equipment-picker.gems{grid-template-columns:repeat(3,minmax(0,1fr));max-width:740px}
.growth-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 8px;background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--muted);font:inherit;font-size:16px}
.growth-pick img{width:57px;height:57px;object-fit:contain}
.growth-pick:hover,.growth-pick[aria-pressed="true"]{border-color:var(--accent);color:var(--ink);background:var(--panel-2)}
.growth-pick[aria-pressed="true"]{box-shadow:inset 0 -3px var(--accent)}
.growth-equipment-icon{width:88px;height:88px;flex:none;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}
.growth-equipment-icon img{width:76px;height:76px;object-fit:contain}
.growth-level-comparison{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:18px;margin:24px 0}
.growth-level-side{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--bg);min-width:0}
.growth-level-side.target{border-color:var(--accent)}
.growth-level-side h3{margin:0 0 16px;font-size:17px;color:var(--muted)}
.growth-level-side.target h3{color:var(--accent)}
.growth-pair-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.growth-pair-fields .growth-field{min-width:0}
.growth-direction{color:var(--accent);display:grid;place-items:center}
.growth-extra-controls{max-width:360px;margin-bottom:24px}
.growth-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.growth-metrics.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.growth-metrics>div{padding:20px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;min-width:0}
.growth-metrics span{display:block;color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:10px}
.growth-metrics strong{display:block;color:var(--ink);font-size:28px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.growth-budget{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0}
.growth-budget h3,.growth-subtitle{font-size:18px;margin:0 0 16px}
.growth-subtitle{margin-top:24px}
.growth-costs{display:flex;flex-wrap:wrap;gap:10px 22px}
.growth-cost{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-size:16px}
.growth-cost b{font-variant-numeric:tabular-nums;color:var(--ink)}
.growth-cost .resource-label img{width:28px;height:28px;object-fit:contain}
.growth-budget .growth-cost{padding:12px 16px;border:1px solid var(--line);background:var(--bg);border-radius:5px}
.growth-attribute-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.growth-attribute-columns>div{min-width:0}
.growth-attribute-columns h3{font-size:17px;margin:0 0 14px}
.growth-conditions{padding:14px 18px;border-left:3px solid var(--accent);background:var(--panel-2);line-height:1.8;margin:20px 0;color:var(--ink)}
.growth-detail{padding:26px;min-width:0}
.growth-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.growth-section-head h2{margin:0;font-size:24px}
.growth-section-head>.growth-field{flex:0 1 180px}
.growth-table{border:1px solid var(--line);border-radius:5px;max-width:100%;overflow:auto}
.growth-table table{font-size:16px;min-width:560px;width:100%}
.growth-table th{font-size:14px;color:var(--muted);font-weight:500;white-space:nowrap}
.growth-table td,.growth-table th{padding:16px 18px;line-height:1.8;text-align:left}
.growth-table td{vertical-align:top}
.growth-table td small{display:block;color:var(--muted);font-size:13px;margin-top:4px;white-space:normal;max-width:290px}
.growth-table .growth-costs{flex-direction:column;gap:8px;align-items:start}
.growth-detail>.growth-table,.growth-detail>div>.growth-table{max-height:640px;overflow:auto}
.growth-table thead{position:sticky;top:0;z-index:1;background:var(--panel)}
.growth-attribute-columns .growth-table table{min-width:360px;font-size:15px}
.growth-attribute-columns .growth-table td,.growth-attribute-columns .growth-table th{padding:12px 14px}
.growth-effect{display:flex;justify-content:space-between;gap:24px;font-size:15px;white-space:nowrap}
.growth-effect b,.growth-gain{color:var(--accent)}
.growth-table-arrow{display:block;color:var(--accent);line-height:1.4}
.growth-muted{color:var(--muted);font-size:15px}
.growth-spec-unlock{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.growth-skill{padding:22px;border:1px solid var(--line);border-radius:7px;margin-top:22px;background:var(--panel-2)}
.growth-skill h3,.growth-skill h2{margin:0 0 10px;font-size:21px}
.growth-skill p{margin:12px 0 20px;line-height:1.85;color:var(--muted);white-space:pre-line}
.growth-skill-meta{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px;margin:18px 0;color:var(--muted)}
.growth-treasure-intro{padding:0 26px 22px;border:1px solid var(--line);background:var(--panel);border-radius:8px}
.growth-treasure-intro p{font-size:15px;color:var(--muted);line-height:1.8;margin:10px 0 0}
.growth-base-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.growth-base-skills .growth-skill{margin:0}
.growth-skill-heading{display:flex;align-items:center;gap:18px}
.growth-skill-heading img{width:65px;height:65px;object-fit:contain}
.growth-skill-heading span{font-size:14px;color:var(--muted)}
.growth-skill-heading h2{margin:6px 0 0}
.growth-stage-name{display:flex;align-items:center;gap:14px;white-space:nowrap}
.growth-stage-name img{width:42px;height:42px;object-fit:contain}
.growth-relic-controls{padding:24px}
.growth-relic-controls .tabs{margin-top:24px}
.growth-relic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.growth-relic-card{position:relative;padding:22px 16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;transition:transform .2s,border-color .2s;font:inherit}
.growth-relic-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.growth-relic-card>img{height:144px;width:100%;object-fit:contain;margin:10px 0 18px;filter:drop-shadow(0 8px 12px #0005)}
.growth-relic-card>span:not(.growth-relic-season){font-size:13px;color:var(--muted)}
.growth-relic-card h2{font-size:22px;margin:8px 0 18px}
.growth-relic-card small{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:9px}
.growth-relic-season{position:absolute;right:16px;top:15px;font-family:monospace;font-size:13px;border:1px solid var(--line);padding:3px 7px;border-radius:3px;color:var(--accent)}
.growth-relic-detail{display:flex;align-items:center;gap:24px;margin:22px 0}
.growth-relic-detail img{height:180px;width:160px;object-fit:contain}
.growth-relic-detail p{color:var(--muted);line-height:1.85}
.growth-quality{display:inline-block;padding:3px 10px;border:1px solid var(--line);border-radius:4px}
.growth-quality.quality-1,.growth-equipment-icon.quality-1{background:#7771;border-color:#9997}
.growth-quality.quality-2,.growth-equipment-icon.quality-2{background:#608e2618;border-color:#709d4966}
.growth-quality.quality-3,.growth-equipment-icon.quality-3{background:#3a86b418;border-color:#3b95c766}
.growth-quality.quality-4,.growth-equipment-icon.quality-4{background:#854bc118;border-color:#9360d466}
.growth-quality.quality-5,.growth-equipment-icon.quality-5{background:#b27a3218;border-color:#cd974566}
.growth-relic-detail .growth-relic-slot{display:block;margin-top:14px;color:var(--accent);font-size:15px}
.guild-workspace .research-range .field:last-child{grid-column:auto}
.guild-workspace .research-detail .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.guild-workspace .research-detail .result-item .value{display:block;font-size:1.35rem;overflow-wrap:anywhere}
.guild-workspace .research-detail .result-item .label{display:block}
.guild-workspace .research-detail .table-wrap{overflow:auto;max-width:100%}
.growth-probability{padding:20px;border:1px solid var(--line);background:var(--bg);border-radius:5px;font-size:17px;line-height:1.8}
.growth-probability strong{margin-left:16px;color:var(--accent);font-size:24px}
.homepage-growth-entry{grid-column:1/-1;border-color:var(--accent)!important;display:grid!important;grid-template-columns:1fr 1.4fr;gap:8px 26px}
.homepage-growth-entry .homepage-entry-heading{grid-row:1/3;align-self:center}
.homepage-growth-entry p{margin:0}
.homepage-growth-entry .homepage-entry-foot{margin-top:6px}
.desktop-navigation{gap:8px}
@media(max-width:1240px) and (min-width:841px){.desktop-navigation{display:none}.mobile-menu{display:inline-flex}.header-inner{justify-content:space-between}.nav-drawer{top:82px}.menu-backdrop{inset:82px 0 0;height:calc(100vh - 82px)}}
@media(max-width:900px){.growth-equipment-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.growth-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.growth-attribute-columns{grid-template-columns:minmax(0,1fr)}.growth-relic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.growth-pick{font-size:14px;padding:12px 7px;gap:8px}.growth-pick img{width:48px;height:48px}.growth-equipment-picker{gap:8px}.growth-metrics.two{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.growth-navigation{gap:7px;margin-bottom:20px}.growth-nav{font-size:13px;gap:8px;padding:13px 3px}.growth-nav svg{width:19px;height:19px}.growth-calculator,.growth-detail,.growth-relic-controls{padding:18px}.growth-selection{gap:12px}.growth-field{min-width:115px;font-size:13px}.growth-selected-art{gap:15px;margin:24px 0}.growth-selected-art h2{font-size:23px}.growth-selected-art span{font-size:13px}.growth-equipment-icon{width:72px;height:72px}.growth-equipment-icon img{width:64px;height:64px}.growth-level-comparison{gap:6px;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}.growth-direction svg{width:23px}.growth-level-side{padding:12px}.growth-level-side h3{font-size:14px}.growth-pair-fields{grid-template-columns:1fr;gap:12px}.growth-field select,.growth-field input{padding:0 7px;font-size:16px}.growth-level-side .growth-field{min-width:0}.growth-metrics{gap:8px;grid-template-columns:minmax(0,1fr)}.growth-metrics>div{padding:14px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.growth-metrics span{font-size:13px;line-height:1.6;margin-bottom:0}.growth-metrics strong{font-size:22px;white-space:nowrap;overflow-wrap:normal}.growth-section-head h2{font-size:20px}.growth-section-head .tabs{gap:6px}.growth-table td,.growth-table th{padding:12px 14px}.growth-cost{font-size:15px}.growth-attribute-columns{gap:20px}.growth-base-skills{grid-template-columns:1fr}.growth-treasure-intro{padding:0 16px 18px}.growth-relic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.growth-relic-card{padding:15px 12px}.growth-relic-card>img{height:120px}.growth-relic-card h2{font-size:19px}.growth-relic-card small{font-size:13px;line-height:1.8}.growth-relic-detail{gap:14px;flex-direction:column}.growth-relic-detail img{height:140px;width:140px}.homepage-growth-entry{display:flex!important;gap:0}.growth-budget .growth-cost{padding:9px 11px}.growth-detail>.growth-table{max-height:550px}}
