.detail{padding-block:clamp(1.5rem,4vh,3rem) clamp(3rem,8vh,5rem)}.detail__grid{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.detail__card{position:sticky;top:5.5rem}@media (max-width:60rem){.detail__grid{grid-template-columns:1fr}.detail__card{width:min(21rem,100%);margin-inline:auto;position:static}}.detail__eyebrow{color:var(--color-faint);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.8rem;display:flex}.detail__title{margin-top:.7rem;font-size:clamp(2rem,4.6vw,3.2rem)}.detail__tagline{color:var(--color-parchment);opacity:.85;margin-top:.7rem;font-size:1.05rem}.detail__extract{color:var(--color-muted);max-width:62ch;margin-top:1.6rem;font-size:1rem;line-height:1.72}.detail__source{color:var(--color-gold);align-items:center;gap:.5rem;margin-top:1.2rem;font-size:.88rem;display:inline-flex}.measures{gap:.75rem;margin-top:1.25rem;display:grid}.measure{border:1px solid var(--color-hairline);background:color-mix(in oklab, var(--color-surface) 45%, transparent);border-radius:.85rem;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:grid}.measure[data-primary=true]{border-color:color-mix(in oklab, var(--tint) 45%, transparent);background:color-mix(in oklab, var(--tint) 8%, transparent)}.measure__abbr{font-family:var(--font-mono);letter-spacing:.14em;color:var(--tint,var(--color-gold));font-size:.76rem;font-weight:700}.measure__name{color:var(--color-ivory);font-size:.95rem;font-weight:500}.measure__sources{color:var(--color-faint);margin-top:.2rem;font-size:.8rem}.measure__value{font-family:var(--font-mono);color:var(--color-ivory);font-variant-numeric:tabular-nums;text-align:end;font-size:1.35rem;font-weight:700}.measure__max{color:var(--color-faint);font-size:.75rem;font-weight:500}.measure__bar{background:color-mix(in oklab, var(--color-hairline) 80%, transparent);border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.measure__fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in oklab, var(--tint) 55%, transparent), var(--tint));transform-origin:0;height:100%;animation:measure-grow .9s var(--ease-out-expo) both}@keyframes measure-grow{0%{transform:scaleX(0)}}.metrics{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.6rem;margin-top:1.25rem;display:grid}.metric{border:1px solid var(--color-hairline);border-radius:.7rem;padding:.85rem 1rem}.metric__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-faint);font-size:.74rem}.metric__value{font-family:var(--font-mono);color:var(--color-ivory);font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:1.05rem}.matchups{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem;display:grid}@media (max-width:34rem){.matchups{grid-template-columns:1fr}}.matchup{border:1px solid var(--color-hairline);border-radius:.85rem;padding:1rem 1.1rem}.matchup__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-faint);margin-bottom:.7rem;font-size:.74rem}.matchup__list{flex-wrap:wrap;gap:.4rem;display:flex}.matchup__type{color:color-mix(in oklab, var(--type-tint) 80%, white);background:color-mix(in oklab, var(--type-tint) 13%, transparent);border:1px solid color-mix(in oklab, var(--type-tint) 35%, transparent);border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .7rem;font-size:.82rem;display:inline-flex}.matchup__type svg{width:.9rem;height:.9rem}.langs{flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;display:flex}.langs a{border:1px solid var(--color-hairline);color:var(--color-muted);border-radius:.6rem;align-items:center;gap:.4rem;padding:.38rem .75rem;font-size:.83rem;text-decoration:none;display:inline-flex}.langs a:hover{color:var(--color-ivory);border-color:color-mix(in oklab, var(--color-gold) 45%, transparent)}.credits{border:1px solid var(--color-hairline);color:var(--color-faint);border-radius:.8rem;margin-top:1.25rem;padding:1rem 1.15rem;font-size:.83rem;line-height:1.6}.credits a{color:var(--color-muted)}.block{margin-top:clamp(2.2rem,5vw,3.2rem)}.block__title{font-size:1.25rem}.block__note{color:var(--color-faint);max-width:60ch;margin-top:.4rem;font-size:.88rem}.abilities-list{gap:.6rem;margin-top:1.25rem;display:grid}.ability-row{border:1px solid color-mix(in oklab, var(--rarity-color) 26%, transparent);background:color-mix(in oklab, var(--rarity-color) 7%, transparent);border-radius:.75rem;flex-wrap:wrap;align-items:baseline;gap:.6rem 1rem;padding:.85rem 1.1rem;display:flex}.ability-row__name{letter-spacing:.05em;text-transform:uppercase;color:color-mix(in oklab, var(--rarity-color) 78%, white);font-size:.92rem;font-weight:600}.ability-row__effect{color:var(--color-muted);font-size:.9rem}