.trait-atlas{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin:64px 0 24px;padding:clamp(24px,4vw,44px);overflow:hidden}.trait-atlas-heading{max-width:850px;margin:0 0 32px}.trait-atlas-heading h2{letter-spacing:-.03em;max-width:760px;font-size:clamp(28px,4vw,42px)}.rarity-feature{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:center;gap:clamp(30px,6vw,76px);margin:0;padding:clamp(28px,5vw,54px) 0;display:grid}.trait-layer{color:var(--accent-3);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.trait-layer-leverage{color:var(--accent-2)}.rarity-feature h3{letter-spacing:-.03em;max-width:570px;margin:10px 0 30px;font-size:clamp(24px,3.6vw,40px);line-height:1.08}.rarity-measure{align-items:baseline;gap:13px;display:flex}.rarity-measure strong{color:var(--accent-3);letter-spacing:-.04em;font-size:clamp(58px,8vw,86px);line-height:.85}.rarity-measure span{color:var(--text-dim);font-family:var(--mono);font-size:12px}.rarity-feature-copy>p{max-width:58ch;color:var(--text-dim);margin:20px 0 0}.rarity-matrix-wrap{justify-self:end;width:min(100%,390px)}.rarity-matrix{grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(4px,.7vw,8px);display:grid}.rarity-matrix span{aspect-ratio:1;background:var(--border-soft);border:1px solid var(--border);border-radius:2px}.rarity-matrix span.is-documented{background:var(--accent-3);border-color:var(--accent-3)}.rarity-matrix-wrap figcaption{color:var(--text-dim);font-family:var(--mono);text-align:right;margin-top:12px;font-size:11px}.frequency-panels{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:40px;display:grid;overflow:hidden}.frequency-panel{--frequency-color:var(--accent-3);background:var(--bg);margin:0;padding:clamp(20px,3vw,30px)}.frequency-panel-leverage{--frequency-color:var(--accent-2)}.frequency-panel figcaption{flex-direction:column-reverse;gap:4px;margin-bottom:26px;display:flex}.frequency-panel figcaption strong{color:var(--frequency-color);font-size:17px}.frequency-panel figcaption span{color:var(--text-dim);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.frequency-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.frequency-row-label{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:14px;margin-bottom:6px;display:grid}.frequency-row-label>span{color:var(--text-dim);font-size:13px;line-height:1.3}.frequency-row-label>strong{color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px}.frequency-row-label small{min-width:42px;color:var(--text-dim);text-align:right;font-size:11px;font-weight:500;display:inline-block}.frequency-more summary{display:none}.frequency-more .frequency-list{margin-top:18px}.frequency-track{background:var(--border-soft);height:5px;overflow:hidden}.frequency-track span{background:var(--frequency-color);height:100%;display:block}.frequency-reading{border-top:1px solid var(--border);grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);align-items:start;gap:24px clamp(28px,5vw,64px);margin-top:34px;padding-top:28px;display:grid}.frequency-reading>strong{font-size:18px;line-height:1.3}.frequency-reading p{color:var(--text-dim);margin:0}.frequency-reading a{grid-column:2;margin-top:-10px;font-size:12px;font-weight:650}.overlap-map{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 26px;padding:clamp(24px,4vw,40px) 0}.overlap-map-topline{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end;gap:clamp(28px,5vw,68px);display:grid}.overlap-map-kicker{color:var(--accent);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.overlap-map h3{letter-spacing:-.03em;max-width:690px;margin:10px 0 0;font-size:clamp(24px,3.5vw,38px);line-height:1.1}.overlap-verdict{border-left:1px solid var(--border);color:var(--text-dim);margin:0;padding-left:clamp(20px,3vw,34px);font-size:13px}.overlap-verdict>strong{color:var(--text);letter-spacing:-.035em;margin-bottom:8px;font-size:clamp(28px,4vw,42px);line-height:1;display:block}.overlap-verdict>strong span{color:var(--text-dim);font-size:.55em;font-weight:600}.overlap-verdict small{color:var(--text-dim);font-family:var(--mono);margin-top:8px;font-size:10px;display:block}.overlap-encoding-keys,.overlap-tier-key,.overlap-size-key{flex-wrap:wrap;align-items:center;display:flex}.overlap-encoding-keys{justify-content:space-between;gap:12px 24px;margin:28px 0 12px}.overlap-tier-key{color:var(--text-dim);gap:8px 20px;font-size:11px}.overlap-tier{align-items:center;gap:6px;display:inline-flex}.overlap-tier i{background:#879cff;border-radius:2px;width:9px;height:9px}.overlap-tier-2 i{background:#77cdb8}.overlap-tier-3 i{background:#d5af68}.overlap-tier-4 i{background:#8f98aa}.overlap-tier strong{color:var(--text)}.overlap-size-key{min-height:34px;color:var(--text-dim);gap:6px;font-size:10px}.overlap-size-key span{margin-right:4px}.overlap-size-key b{color:var(--text);font-weight:600}.overlap-size-key i{border:1px solid var(--bg);opacity:.8;background:#879cff;border-radius:50%;flex:none;display:inline-block}.overlap-size-1{width:5px;height:5px}.overlap-size-10{width:16px;height:16px}.overlap-size-40{width:32px;height:32px}.overlap-mobile-copy,.overlap-mobile-reading{display:none}.overlap-chart-shell{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.overlap-chart{place-items:center;width:100%;height:560px;display:grid}.overlap-chart[data-state=ready]{display:block}.overlap-chart-status,.overlap-chart-fallback{color:var(--text-dim);font-size:12px}.overlap-chart-fallback{border-top:1px solid var(--border);margin:0;padding:18px}.overlap-map figcaption{max-width:78ch;color:var(--text-dim);margin-top:14px;font-size:11px;line-height:1.55}@media (width<=820px){.rarity-feature{grid-template-columns:1fr}.rarity-matrix-wrap{justify-self:start;width:min(100%,440px)}.rarity-matrix-wrap figcaption{text-align:left}.rarity-matrix{grid-template-columns:repeat(20,minmax(0,1fr));gap:3px}.frequency-panels{grid-template-columns:1fr}.frequency-more{margin-top:18px}.frequency-more summary{min-height:44px;color:var(--frequency-color);cursor:pointer;padding:12px 0;font-size:12px;font-weight:700;display:list-item}.frequency-more .frequency-list{margin-top:12px}.overlap-map-topline{grid-template-columns:1fr;gap:24px}.overlap-verdict{border-top:1px solid var(--border);border-left:0;padding:20px 0 0}.overlap-chart{height:480px}}@media (width<=560px){.trait-atlas{margin-top:48px;padding:20px}.trait-atlas-heading h2{font-size:28px}.rarity-feature{gap:30px;padding:30px 0}.rarity-feature h3{margin-bottom:24px;font-size:25px}.rarity-measure{flex-direction:column;align-items:flex-start;gap:8px}.frequency-panel{padding:20px 16px}.frequency-row-label>span{font-size:12px}.frequency-reading{grid-template-columns:1fr}.frequency-reading a{grid-column:1;margin-top:-8px}.overlap-map h3{font-size:25px}.overlap-tier-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.overlap-chart{height:430px}.overlap-map figcaption{font-size:11px}.overlap-desktop-copy,.overlap-tier-key,.overlap-size-key{display:none}.overlap-mobile-copy{display:inline}.overlap-mobile-reading{color:var(--text-dim);margin:0;font-size:11px;line-height:1.45;display:block}.overlap-encoding-keys{margin-top:20px}}