details{interpolate-size:allow-keywords}details::details-content{block-size:0;transition:block-size var(--motion-standard) ease, content-visibility var(--motion-standard) allow-discrete;overflow:clip}details[open]::details-content{block-size:auto}details>summary::marker{color:var(--color-text-secondary)}.help-tip,.action-menu{min-width:0;position:relative}.help-tip>summary,.action-menu>summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-control);display:flex}.disclosure-glyph{transition:rotate var(--motion-standard);display:inline-block}.action-menu[open] .disclosure-glyph{rotate:45deg}.disclosure-surface{padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-control)}.help-tip .disclosure-surface{font-size:var(--text-caption)}.help-tip[open] .disclosure-surface,.action-menu[open] .disclosure-surface{animation:surface-reveal var(--motion-standard) ease both;transform-origin:top}.button-label,.save-status-text{overflow-wrap:anywhere;min-width:0;animation:text-state var(--motion-fast) ease}.game-save-status{align-items:center;gap:var(--space-2);display:flex}.pending-indicator{align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.pending-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em}.pending-matrix{grid-template-columns:repeat(4,3px);gap:2px;display:grid}.pending-matrix i{background:currentColor;border-radius:1px;width:3px;height:3px}.success-mark{flex:none;width:1.25em;height:1.25em}.archive-feedback{min-height:1.25em;display:inline-flex}.completed-inline .success-mark path{stroke-dasharray:24;stroke-dashoffset:0;animation:check-stroke var(--motion-standard) ease}.query-skeleton{gap:var(--space-3);margin-top:var(--space-4);display:grid}.query-skeleton span{border-radius:var(--radius-control);background:var(--color-bg-selected);max-width:32rem;height:1rem;display:block}.query-skeleton span:nth-child(2){width:72%}.query-skeleton span:nth-child(3){width:48%}.retirement-sections{isolation:isolate;position:relative}.retirement-tab-indicator{background:var(--color-action);border-radius:var(--radius-control);pointer-events:none;width:33.3333%;height:3px;transition:translate var(--motion-standard) ease;position:absolute;bottom:-3px;left:0}.retirement-sections[data-section=records] .retirement-tab-indicator{translate:100%}.retirement-sections[data-section=career] .retirement-tab-indicator{translate:200%}.retirement-section-content{min-width:0;animation:panel-reveal var(--motion-standard) ease}.tilt-panel{min-width:0;transition:transform var(--motion-standard) ease;transform-origin:50%}.score-counter{display:none}.number[data-counting]{position:relative}.number[data-counting] .score-final{opacity:0}.number[data-counting] .score-counter{display:block;position:absolute;inset:0}.motion-confetti{pointer-events:none;z-index:2;height:5rem;position:absolute;inset:0;overflow:hidden}.motion-confetti i{width:5px;height:8px;left:calc(8% + var(--piece) * 7%);background:var(--color-achievement);rotate:calc(var(--piece) * 31deg);animation:.6s ease-out both confetti-fall;position:absolute;top:0}.motion-confetti i:nth-child(2n){background:var(--color-action)}.career-workspace[data-result-playing]{position:relative}.motion-skip{right:var(--space-3);min-height:44px;padding:var(--space-2);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);z-index:3;position:absolute;top:0}.notice-stack{gap:var(--space-2);min-width:0;display:grid}.notice-stack-item{align-items:center;gap:var(--space-3);background:var(--color-bg-selected);padding:var(--space-3);border-radius:var(--radius-control);animation:notice-reveal var(--motion-standard) ease;display:flex}.notice-stack-item p{flex:1;margin:0}.notice-stack-item button,.local-filter button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-surface);min-width:44px;min-height:44px;color:var(--color-text-primary)}.local-filter{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.local-filter>div{gap:var(--space-2);display:flex;position:relative}.local-filter input{flex:1;width:100%;min-width:0;min-height:44px}.filter-dissolve{padding:var(--space-3);pointer-events:none;animation:dissolve var(--motion-fast) ease both;position:absolute;inset:0 3rem 0 0;overflow:hidden}.archive-card-stack{gap:var(--space-2);padding:var(--space-3) 0;margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.archive-card-stack .button{min-width:0}.career-club-group{gap:var(--space-3);padding:var(--space-3) 0;flex-wrap:wrap;display:flex}.career-club-group a{min-height:44px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);transition:transform var(--motion-standard);display:block}.settings-toggle-glyph{border:1px solid var(--color-text-secondary);border-radius:1rem;align-items:center;width:2.25rem;height:1.25rem;padding:2px;display:inline-flex}.settings-toggle-glyph span{background:var(--color-text-secondary);width:.9rem;height:.9rem;transition:translate var(--motion-standard), background var(--motion-standard);border-radius:50%;display:block}.settings-option:has(:checked) .settings-toggle-glyph span{background:var(--color-action);translate:1rem}.decision-badge{font-size:var(--text-caption);padding:var(--space-2) var(--space-3);background:var(--color-bg-selected);border-radius:var(--radius-control);display:inline-block}@keyframes surface-reveal{0%{opacity:.5;transform:scale(.98)}}@keyframes panel-reveal{0%{opacity:.5;translate:0 4px}}@keyframes text-state{0%{opacity:.5}}@keyframes check-stroke{0%{stroke-dashoffset:24px}}@keyframes pending-spin{to{rotate:360deg}}@keyframes matrix-pulse{50%{opacity:.35}}@keyframes skeleton-pulse{50%{opacity:.6}}@keyframes notice-reveal{0%{opacity:.4;translate:0 4px}}@keyframes dissolve{to{opacity:0;filter:blur(2px)}}@keyframes confetti-fall{0%{opacity:1;translate:0 -4px}to{opacity:0;translate:0 64px;rotate:100deg}}@keyframes number-pop{0%{opacity:.65;scale:.96}}@keyframes input-error{25%{translate:-2px}75%{translate:2px}}@keyframes page-forward{0%{opacity:.6;translate:8px}}@keyframes text-reveal{0%{opacity:.65;translate:0 4px}}@keyframes shimmer-state{to{background-position:-200% 0}}:root:not([data-motion=reduced]) .pending-spinner{animation:.8s linear infinite pending-spin}:root:not([data-motion=reduced]) .pending-matrix i{animation:1s infinite matrix-pulse;animation-delay:calc(var(--dot) * 35ms)}:root:not([data-motion=reduced]) .query-skeleton span{animation:1s infinite skeleton-pulse}:root:not([data-motion=reduced]) .field input[aria-invalid=true]{animation:input-error var(--motion-standard) ease}:root:not([data-motion=reduced]) .onboarding-layout{animation:page-forward var(--motion-standard) ease}:root:not([data-motion=reduced]) .home-intro-heading h2{animation:text-reveal var(--motion-standard) ease}:root:not([data-motion=reduced]) [data-result-playing=numbers] .season-review .number{animation:number-pop var(--motion-standard) ease}:root:not([data-motion=reduced]) .decision-badge{animation:notice-reveal var(--motion-standard) ease}:root:not([data-motion=reduced]) .status-banner:has(.pending-indicator) h2{background:linear-gradient(100deg, var(--color-text-primary) 40%, var(--color-text-secondary) 50%, var(--color-text-primary) 60%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite shimmer-state}@starting-style{dialog[open]{opacity:.5}dialog[open]:not(.career-transition){scale:.98}}dialog{transition:opacity var(--motion-standard), scale var(--motion-standard), display var(--motion-standard) allow-discrete, overlay var(--motion-standard) allow-discrete}dialog:not([open]){opacity:0}dialog:not([open]):not(.career-transition){scale:.98}dialog[open] .artwork-large{animation:surface-reveal var(--motion-standard) ease}@media (hover:hover) and (pointer:fine){dialog[open] .artwork-large{animation:image-open-tilt var(--motion-standard) ease both;transform-origin:50%}.button .arrow{transition:translate var(--motion-fast)}.button:hover .arrow,.button:focus-visible .arrow{translate:2px -2px}.home-intro-final .button:hover,.home-intro-final .button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-action) 22%, transparent);transition:box-shadow var(--motion-standard)}.archive-card-stack .button{transition:transform var(--motion-standard)}.archive-card-stack:hover .button:first-child{transform:rotate(-2deg)translateY(-2px)}.archive-card-stack:hover .button:last-child{transform:rotate(2deg)translateY(-2px)}.archive-card-stack .button:focus-visible,.career-club-group a:hover,.career-club-group a:focus-visible{transform:translateY(-2px)}}@keyframes image-open-tilt{0%{opacity:.65;transform:perspective(1000px)rotateY(-.6deg)scale(.99)}to{opacity:1;transform:perspective(1000px)rotateY(0)scale(1)}}@media (max-width:600px){.archive-card-stack{grid-template-columns:1fr}}:root[data-motion=reduced] details::details-content{transition:none}:root[data-motion=reduced] :is(.tilt-panel,.archive-card-stack .button,.career-club-group a){transform:none}:root[data-motion=reduced] .score-counter{display:none}:root[data-motion=reduced] .score-final{opacity:1}:root[data-motion=reduced] .filter-dissolve{display:none}:root[data-motion=reduced] dialog[open] .artwork-large{animation:none}:root:not([data-motion=reduced]) [data-motion-paused=true] :is(.pending-spinner,.pending-matrix i,.query-skeleton span),:root:not([data-motion=reduced]) .state-mark[data-motion-paused=true]{animation-play-state:paused}:root:not([data-motion=reduced]) .status-banner:has(.pending-indicator)[data-motion-paused=true] h2{animation-play-state:paused}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) :is(.pending-spinner,.pending-matrix i,.query-skeleton span,.field input,.onboarding-layout,.home-intro-heading h2,.decision-badge,.retirement-section-content,.button-label,.save-status-text,.notice-stack-item,.filter-dissolve,dialog,.disclosure-surface){transition:none;animation:none}:root:not([data-motion=full]) dialog[open] .artwork-large{animation:none}:root:not([data-motion=full]) :is(.tilt-panel,.archive-card-stack .button,.career-club-group a){transform:none}:root:not([data-motion=full]) details::details-content{transition:none}}
.resize-panel{min-width:0;min-block-size:min-content;transition:block-size var(--motion-standard) ease}.dialog-exit-snapshot{z-index:1300;pointer-events:none;animation:dialog-exit var(--motion-standard) ease both;margin:0;display:block;position:fixed;overflow:hidden}@keyframes dialog-exit{to{opacity:0;scale:.98}}.state-mark{width:1.25em;height:1.25em;transition:rotate var(--motion-standard)}.state-mark circle,.state-mark path{transition:opacity var(--motion-standard), stroke-dashoffset var(--motion-standard)}.state-mark path{stroke-dasharray:24;stroke-dashoffset:24px;opacity:0}.state-mark[data-state=idle]{visibility:hidden}.state-mark[data-state=pending]{animation:.8s linear infinite pending-spin}.state-mark[data-state=done] circle{opacity:0}.state-mark[data-state=done] path{opacity:1;stroke-dashoffset:0}.state-mark[data-state=done][data-animate=true] path{animation:check-stroke var(--motion-standard) ease}.notice-stack-item[data-closing=true]{animation:notice-exit var(--motion-standard) ease both}.streaming-sentence span{display:inline}[data-result-playing] .streaming-sentence span{animation:word-reveal var(--motion-fast) ease both;animation-delay:calc(var(--word) * 15ms)}.settings-option input[type=checkbox]{appearance:none;border:1px solid var(--color-text-secondary);border-radius:3px;flex-shrink:0;place-content:center;width:1.25rem;height:1.25rem;display:grid}.settings-option input[type=checkbox]:after{content:"";width:.7rem;height:.4rem;transition:transform var(--motion-fast);border-bottom:2px solid;border-left:2px solid;transform:rotate(-45deg)scale(0)}.settings-option input[type=checkbox]:checked:after{transform:rotate(-45deg)scale(1)}.step-panel~.onboarding-form,.step-panel~.onboarding-layout,.step-panel~.review-layout{view-transition-name:creation-form}html[data-creation-direction]{view-transition-name:none}::view-transition{pointer-events:none}::view-transition-group(creation-form){animation-duration:var(--motion-standard)}::view-transition-old(creation-form){animation:creation-out var(--motion-standard) ease both}::view-transition-new(creation-form){animation:creation-in var(--motion-standard) ease both}html[data-creation-direction=back]::view-transition-old(creation-form){animation-name:creation-back-out}html[data-creation-direction=back]::view-transition-new(creation-form){animation-name:creation-back-in}@keyframes creation-out{to{opacity:0;translate:-8px}}@keyframes creation-in{0%{opacity:0;translate:8px}}@keyframes creation-back-out{to{opacity:0;translate:8px}}@keyframes creation-back-in{0%{opacity:0;translate:-8px}}@keyframes notice-exit{to{opacity:0;translate:0 -4px}}@keyframes word-reveal{0%{opacity:.55;filter:blur(.5px)}}:root[data-motion=reduced] :is(.state-mark,.streaming-sentence span,.notice-stack-item,.resize-panel){transition:none;animation:none}:root[data-motion=reduced] .settings-option input[type=checkbox]:after{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) :is(.state-mark,.streaming-sentence span,.notice-stack-item,.resize-panel,.retirement-tab-indicator,.settings-toggle-glyph span,.status-banner h2){transition:none;animation:none}:root:not([data-motion=full]) .settings-option input[type=checkbox]:after{transition:none}:root:not([data-motion=full]) .status-banner:has(.pending-indicator) h2{color:var(--color-text-primary);background:0 0}}:root[data-motion=reduced] .status-banner:has(.pending-indicator) h2{color:var(--color-text-primary);background:0 0}
.season-position-ratings{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);display:grid}.season-position-ratings-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.season-position-ratings .rating-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) max-content;min-width:0;margin:0}.season-position-ratings .rating-row strong{grid-area:1/2}.season-position-ratings .rating-row meter{grid-area:2/1/auto/-1}
*{box-sizing:border-box}body{color:var(--color-text-primary);background:var(--color-bg-page);font-family:var(--font-body), "Apple SD Gothic Neo", sans-serif;font-size:var(--text-body);word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{color:var(--color-text-inverse);background:var(--color-action)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}h1,h2,h3,p,dl{margin:0}h1{font-size:var(--text-page);letter-spacing:-.055em;text-wrap:balance;line-height:1.4}h2{font-size:var(--text-section);letter-spacing:-.035em;line-height:1.5}h3{font-size:var(--text-body)}dd{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0;font-weight:700}.number,.brand{font-family:var(--font-display), Impact, sans-serif;font-variant-numeric:tabular-nums;font-style:italic;font-weight:700;line-height:1.05}.brand{font-size:var(--text-brand);letter-spacing:-.055em;white-space:nowrap}.eyebrow{font-size:var(--text-caption);letter-spacing:.1em;font-weight:500}.muted,.fine-print{color:var(--color-text-secondary)}.fine-print{font-size:var(--text-caption);line-height:1.6}.intro{margin:var(--space-4) 0 var(--space-8);color:var(--color-text-secondary)}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.section-heading h2{font-size:var(--text-section)}.action-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.skip-link{left:var(--space-4);z-index:20;padding:var(--space-3) var(--space-4);color:var(--color-text-inverse);background:var(--color-action);position:fixed;top:-100px}.skip-link:focus{top:var(--space-4)}.text-link{align-items:center;gap:var(--space-4);text-underline-offset:5px;min-height:48px;text-decoration:underline;display:inline-flex}.health-page{max-width:760px;padding:var(--space-16) var(--space-6);margin:auto}.health-page section{border-block:1px solid var(--color-border);padding-block:var(--space-6)}.health-page dl div{gap:var(--space-6);padding-block:var(--space-2);display:flex}.health-page .footnote{margin-top:var(--space-8)}@media (max-width:600px){h1{font-size:var(--text-page-mobile)}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .button,:root:not([data-motion=full]) .arrow{transition:none}}
