.recommender-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(var(--theme-rgb),.14),var(--panel) 58%)}
.recommender-hero h2{margin:4px 0}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.16em;color:var(--accent)}
.recommender-count{text-align:center;min-width:92px;padding:12px;border:1px solid rgba(var(--theme-rgb),.32);border-radius:16px;background:rgba(0,0,0,.18)}
.recommender-count b{display:block;font-size:26px}.recommender-count span{font-size:11px;color:var(--muted)}
.tune-weights{margin-top:10px}
.recommender-controls{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end}.recommender-controls label{font-size:12px;font-weight:850;color:var(--muted)}.recommender-controls select{display:block;width:100%;margin-top:6px}
.recommend-toggle{display:flex;gap:7px}.recommend-toggle .btn{white-space:nowrap}.boss-note{display:flex;gap:12px;align-items:center;border-color:rgba(var(--theme-rgb),.38)}.boss-note span{color:var(--muted);font-size:13px}
.preset-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.6fr) repeat(4,auto);gap:8px;align-items:center}.preset-bar>div>span{display:block;margin-top:2px}.preset-bar select{width:100%}.preset-bar .btn{white-space:nowrap}
.validation-warning{display:flex;gap:9px;align-items:center;border-color:var(--bad);color:var(--bad)}.validation-warning span{font-size:11px;color:var(--muted)}
.recommender-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:12px}.section-heading h3,.recommender-layout h3{margin:0}.recommend-list,.recommended-relics{display:grid;gap:9px;margin-top:12px}
.recommend-card{display:grid;grid-template-columns:28px 42px 1fr;gap:10px;align-items:start;padding:11px;border:1px solid color-mix(in srgb,var(--element-color) 28%,var(--border));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--element-color) 7%,#0d1017),#0d1017)}
.recommend-card .set-glyph{width:42px;height:46px}.recommend-card .set-glyph svg{width:32px;height:38px}.recommend-rank{font-size:20px;font-weight:950;color:var(--element-color);text-align:center;padding-top:10px}.recommend-main{min-width:0}.recommend-main .target-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.recommend-main details{margin-top:8px;font-size:12px;color:var(--muted)}
.recommend-reasons{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.recommend-reasons span{font-size:10px;font-weight:850;border-radius:999px;padding:4px 7px;background:color-mix(in srgb,var(--element-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--element-color) 25%,var(--border))}
.score-details{margin-top:8px}.score-details summary{cursor:pointer;font-size:12px;font-weight:850;color:var(--element-color)}.score-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin-top:8px}.score-breakdown span{padding:7px;border-radius:9px;background:rgba(0,0,0,.2);border:1px solid var(--border);font-size:10px;color:var(--muted)}.score-breakdown b{display:block;color:var(--text);font-size:15px}
.external-members{margin-top:8px}.external-members>div{display:grid;gap:5px;margin-top:7px}.external-toggle{display:flex;gap:7px;align-items:center;text-align:left;padding:7px 9px;border-radius:9px;border:1px solid var(--border);background:#0b0e14;color:var(--muted)}.external-toggle.owned{border-color:var(--good);color:var(--text)}.external-toggle span{font-weight:950;color:var(--good)}
.recommender-layout>aside{display:grid;gap:12px;align-content:start}.fantomon-pick{border-color:rgba(var(--theme-rgb),.4);background:linear-gradient(135deg,rgba(var(--theme-rgb),.12),var(--panel) 70%)}.fantomon-pick h3{font-size:24px;margin:5px 0}.meta-source{display:inline-block;margin-top:5px;color:var(--accent);font-size:12px;font-weight:850;text-decoration:none}.meta-source:hover{text-decoration:underline}
.deployment-card{display:grid;gap:7px}.deployment-slot{display:grid;gap:2px;padding:9px;border:1px solid var(--border);border-radius:11px;background:rgba(0,0,0,.16)}.deployment-slot.main{border-color:rgba(var(--theme-rgb),.5);background:rgba(var(--theme-rgb),.1)}.deployment-slot b{font-size:12px}.deployment-slot span{font-size:11px;color:var(--muted)}
.comparison>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.comparison>summary::-webkit-details-marker{display:none}.comparison>summary strong{display:block;margin-top:3px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.comparison-column{position:relative;padding:12px;border:1px solid color-mix(in srgb,var(--element-color) 32%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--element-color) 6%,#0d1017)}.comparison-column h3{margin:4px 54px 9px 0}.comparison-rank{font-size:11px;font-weight:950;color:var(--element-color)}.comparison-score{position:absolute;right:10px;top:10px;font-size:23px;font-weight:950;color:var(--element-color)}.comparison-score small{display:block;text-align:right;font-size:9px;color:var(--muted)}.comparison-column dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.comparison-column dl div{padding:6px;border-radius:8px;background:rgba(0,0,0,.17)}.comparison-column dt{font-size:9px;text-transform:uppercase;color:var(--muted)}.comparison-column dd{margin:2px 0 0;font-weight:900}.comparison-verdict{margin-top:10px;padding:10px;border-radius:11px;background:rgba(var(--theme-rgb),.09);border:1px solid rgba(var(--theme-rgb),.25);font-size:12px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-heading h3{margin:3px 0}.farm-list{display:grid;gap:7px;margin-top:12px}.farm-target{display:grid;grid-template-columns:26px 38px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid color-mix(in srgb,var(--element-color) 25%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--element-color) 5%,#0d1017)}.farm-target .set-glyph{width:38px;height:42px}.farm-target .set-glyph svg{width:28px;height:34px}.farm-rank{text-align:center;font-size:17px;font-weight:950;color:var(--element-color)}.farm-target strong,.farm-target span,.farm-target small{display:block}.farm-target>div>span{font-size:11px;color:var(--muted);margin-top:2px}.farm-target small{font-size:10px;color:var(--element-color);margin-top:3px}.farm-target .btn{padding:8px 10px}
.meta-gap-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.meta-gap-card{padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--element-color,#8fd3ff) 30%,var(--border));background:color-mix(in srgb,var(--element-color,#8fd3ff) 6%,#0d1017)}.meta-gap-card h3{margin:4px 0}.meta-gap-card.empty{opacity:.75}.meta-gap-verdict{margin:10px 0 0;padding:9px;border-radius:10px;background:rgba(var(--theme-rgb),.09);font-size:12px}
.recommended-relic{display:grid;grid-template-columns:40px 1fr;gap:9px;text-align:left;align-items:center;width:100%;padding:9px;color:var(--text);background:#0d1017;border:1px solid color-mix(in srgb,var(--element-color) 25%,var(--border));border-radius:13px}.recommended-relic:hover{border-color:var(--element-color)}.recommended-relic .set-glyph{width:40px;height:42px}.recommended-relic .set-glyph svg{width:29px;height:34px}.recommended-relic strong,.recommended-relic small{display:block}.recommended-relic small{color:var(--muted);margin-top:2px}.recommender-empty{padding:22px;text-align:center;border:1px dashed var(--border);border-radius:14px}
@media(max-width:760px){.recommender-controls,.preset-bar{grid-template-columns:1fr}.recommend-toggle .btn{flex:1}.preset-bar .btn{width:100%}.recommender-layout,.comparison-grid,.meta-gap-grid{grid-template-columns:1fr}.boss-note{align-items:flex-start;flex-direction:column}.recommender-hero{align-items:flex-start}.recommender-count{min-width:75px}.recommend-card{grid-template-columns:24px 36px 1fr;padding:9px}.recommend-card .set-glyph{width:36px;height:42px}.recommend-main .target-title{align-items:flex-start;flex-direction:column}.farm-target{grid-template-columns:22px 34px 1fr}.farm-target .btn{grid-column:2/4;width:100%}.section-heading{align-items:flex-start}}