@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)}.stats-guide-bars{display:grid;gap:10px;max-width:360px}.stats-guide-bar{display:grid;grid-template-columns:24px 56px minmax(0,1fr) 20px;align-items:center;gap:8px}.stats-guide-bar b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#fffaf0;box-shadow:0 0 0 1.5px rgba(126,94,58,.45);color:var(--color-text-primary);font-size:var(--fs-micro);font-weight:var(--weight-title)}.stats-guide-bar-name{height:10px;border-radius:var(--radius-pill);background:rgba(126,94,58,.18)}.stats-guide-bar-track{position:relative;height:8px;border-radius:var(--radius-pill);outline:1.5px dashed rgba(126,94,58,.35);outline-offset:2px}.stats-guide-bar-track>span{display:block;width:calc(var(--share, 1) * 100%);height:100%;border-radius:var(--radius-pill);background:var(--color-type-SC);transform-origin:0 50%}.stats-guide-bar em{color:var(--color-text-primary);font-size:var(--fs-small);font-style:normal;font-weight:var(--weight-title);text-align:center}.stats-guide-stacks{max-width:360px;padding-top:6px}.stats-guide-stacks-plot{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:calc(16 * 9px + 4px);padding:0 34px 0 4px;border-bottom:1.5px solid rgba(126,94,58,.4)}.stats-guide-stacks-plot>span:not(.stats-guide-stacks-line){display:flex;flex-direction:column-reverse;gap:2px;transform-origin:50% 100%}.stats-guide-stacks-plot i{display:block;width:14px;height:7px;border-radius:3px;background:var(--color-type-SC)}.stats-guide-stacks-plot .is-hidden i{background:transparent;box-shadow:inset 0 0 0 1px rgba(126,94,58,.4)}.stats-guide-stacks-line{position:absolute;inset-inline:0;bottom:calc(var(--k, 10) * 9px - 1px);border-top:1.5px dashed var(--color-cta-warm);transform-origin:0 50%}.stats-guide-stacks-line b{position:absolute;right:0;bottom:2px;color:var(--color-cta-warm);font-size:var(--fs-micro);font-weight:var(--weight-title)}@media (prefers-reduced-motion:no-preference){.stats-guide-bars.grow-armed .stats-guide-bar-track>span{transition:scale .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(.15s + var(--i, 0) * .3s)}.stats-guide-bars.grow-armed:not(.is-grown) .stats-guide-bar-track>span{scale:0 1}.stats-guide-stacks.grow-armed .stats-guide-stacks-plot>span:not(.stats-guide-stacks-line){transition:scale .5s cubic-bezier(.3,1.3,.5,1);transition-delay:calc(.1s + var(--i, 0) * 80ms)}.stats-guide-stacks.grow-armed:not(.is-grown) .stats-guide-stacks-plot>span:not(.stats-guide-stacks-line){scale:1 0}.stats-guide-stacks.grow-armed .stats-guide-stacks-line{transition:scale .6s ease-out .8s}.stats-guide-stacks.grow-armed:not(.is-grown) .stats-guide-stacks-line{scale:0 1}}