@layer app-legacy{.stats-page .stats-header{background:linear-gradient(180deg,rgba(255,252,245,.94),rgba(248,242,232,.86)),var(--paper-card-texture) center /160px 160px repeat;margin-bottom:var(--space-4);padding-block:var(--paper-section-card-padding,clamp(20px,3vw,32px))}.stats-overview{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--paper-world-edge);border-radius:var(--radius-card);background:var(--color-asknova-cream-card);box-shadow:0 10px 24px rgba(58,70,61,.06)}.stats-overview .stats-summary{margin:0;color:var(--color-text-primary);font-weight:700}.stats-overview-link{display:grid;flex:0 0 min(23rem,46%);gap:var(--space-1);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-chip);color:var(--color-text-primary);text-decoration:none}.stats-overview-link:only-child{flex:1 1 auto;justify-items:center;text-align:center}.stats-overview-link:hover{background:var(--color-surface-02)}.stats-overview-link:visited{color:var(--color-text-secondary)}.stats-overview-title{font-weight:700}.stats-overview-description{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.stats-page .stats-type-list{list-style:none;margin-top:0}.stats-page .stats-type-item{min-width:0}.stats-page .stats-type-row{grid-template-columns:clamp(2rem,4vw,2.75rem) 44px minmax(0,1fr);column-gap:var(--space-3)}.stats-page .stats-type-doll{grid-row:1/span 2;align-self:center;width:44px;height:66px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(61,43,32,.16))}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div>div:first-child{flex-wrap:wrap}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div>div:first-child>span:first-child{order:2;font-size:var(--font-size-body-sm)}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div>div:first-child>span:nth-child(2){order:1;font-size:var(--font-size-h4);font-weight:var(--weight-title,700);color:var(--color-text-primary);white-space:normal}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div>div:first-child>.stats-type-mbti{order:3}@keyframes stats-bar-grow{0%{width:0}}@media (prefers-reduced-motion:no-preference){.stats-page .stats-type-track>div{animation:stats-bar-grow .72s cubic-bezier(.2,.8,.2,1) both}.stats-page .stats-type-item:nth-child(2) .stats-type-track>div{animation-delay:80ms}.stats-page .stats-type-item:nth-child(3) .stats-type-track>div{animation-delay:.16s}.stats-page .stats-type-item:nth-child(4) .stats-type-track>div{animation-delay:.24s}.stats-page .stats-type-item:nth-child(5) .stats-type-track>div{animation-delay:.32s}.stats-page .stats-type-item:nth-child(n+6) .stats-type-track>div{animation-delay:.4s}.stats-page .stats-type-doll{transition:transform .28s cubic-bezier(.2,.8,.2,1);transform-origin:50% 100%}@media (hover:hover){.stats-page .stats-type-row:hover .stats-type-doll{transform:translateY(-3px) rotate(-2deg) scale(1.06)}}}.stats-page .stats-type-rank{grid-row:1/span 2;align-self:center;color:color-mix(in srgb,var(--type-color) 72%,var(--color-text-primary));font-size:var(--font-size-body-sm);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.08em}.stats-page .stats-type-track{grid-column:3}@media (max-width:767.98px){.stats-page .stats-type-rank{align-self:start}}.stats-page .stats-header>p:not([aria-hidden=true]),.stats-page .stats-header>p[aria-hidden=true]{color:var(--color-text-primary)}@media (max-width:767.98px){.stats-overview{align-items:stretch;flex-direction:column}.stats-overview-link{flex-basis:auto}}@media (hover:none){.stats-overview-link:hover{background:transparent}}.stats-my-rank{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);width:100%;margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-left:4px solid var(--stats-my-rank-accent,var(--color-cta-warm));border-radius:var(--radius-card);background:var(--color-asknova-cream-card);text-align:center}.stats-my-rank-text{min-width:0;color:var(--color-text-primary);overflow-wrap:anywhere}.stats-my-rank-cta,.stats-my-rank-text{font-size:var(--font-size-body-sm);font-weight:var(--weight-title)}.stats-my-rank-cta{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%;min-height:44px;padding:0 var(--space-5);border-radius:999px;background:var(--color-cta-warm);color:var(--color-asknova-cream-card);text-decoration:none;white-space:nowrap}.stats-my-rank-cta:hover{filter:brightness(.96)}}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:nowrap;min-width:0}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div>div:first-child{display:flex;align-items:baseline;flex:1 1 auto;flex-wrap:wrap;gap:var(--space-2) var(--space-3);min-width:0}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div>div:first-child>span:first-child{font-weight:var(--weight-title,700);letter-spacing:var(--letter-spacing-wider);color:var(--type-color-text,var(--type-color,var(--color-text-primary)))}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div>div:last-child{font-variant-numeric:tabular-nums;font-size:var(--font-size-body-sm);font-weight:600;color:var(--color-text-secondary);flex-shrink:0}@media (max-width:480px){.stats-page ol:has(>.stats-type-item){padding-left:12px;padding-right:12px}.stats-page .stats-type-row{padding:12px;grid-template-columns:36px minmax(0,1fr);column-gap:10px}.stats-page .stats-type-doll{grid-column:1;grid-row:2;width:36px;height:54px}.stats-page .stats-type-rank{grid-column:1;grid-row:1}.stats-page .stats-type-row>:is(.stats-type-rank,.stats-type-doll)+div{grid-column:2;grid-row:1/span 2}.stats-page .stats-type-track{grid-column:2}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div>div:first-child>span:nth-child(2){font-size:var(--font-size-body-lg)}}@media (max-width:767.98px){.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:var(--space-1)}.stats-page .stats-type-row>.stats-type-rank+.stats-type-doll+div>div:last-child{text-align:right}}.stats-page .stats-empty{margin-bottom:var(--space-8)}