html:root{--fun-n: 7;--fun-pastel: linear-gradient(90deg, var(--fun-p6), var(--fun-p1), var(--fun-p2), var(--fun-p3), var(--fun-p4), var(--fun-p7), var(--fun-p5));--fun-lit: linear-gradient(90deg, var(--fun-l6), var(--fun-l1), var(--fun-l2), var(--fun-l3), var(--fun-l4), var(--fun-l7), var(--fun-l5))}.scorecard-col i,.scorecard-segs .fun-seg i,.scorecard-scale label:has(:checked),.scorecard-track i,fieldset:has(:checked) .scorecard-badge{--scorecard-slice: var(--fun-lit) calc(var(--fun-i, 0) * 100% / (var(--fun-n) - 1)) 0 / calc(var(--fun-n) * 100%) 100%}.scorecard-badge,.scorecard-emo{--scorecard-slice: var(--fun-pastel) calc(var(--fun-i, 0) * 100% / (var(--fun-n) - 1)) 0 / calc(var(--fun-n) * 100%) 100%}.scorecard-stage .fun-back{font-size:12px}@media(min-width:601px)and (max-width:1023px){.scorecard-stage .fun-strip{display:flex;flex-wrap:wrap;justify-content:center;margin-block:84px 64px}.scorecard-stage .fun-strip li{flex:0 0 calc((100% - 24px)/4)}.scorecard-stage button.fun-box{min-height:124px}}@property --scorecard-num{syntax: "<integer>"; inherits: false; initial-value: 0;}.scorecard-mini{position:absolute;top:40px;left:8px;right:8px;display:grid;gap:6px;padding:10px 8px 8px;border-radius:14px;background:#fff;color:#141416;box-shadow:0 8px 20px #17181a24}.scorecard-what{font:600 9px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#6b6b70}.scorecard-big{display:flex;align-items:baseline;justify-content:center;gap:2px;font:700 36px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.scorecard-big b{--scorecard-num: 0;counter-reset:scorecard-n var(--scorecard-num);font-weight:inherit}.scorecard-big b:after{content:counter(scorecard-n)}.scorecard-big span{font-size:11px;font-weight:600;letter-spacing:0;color:#6b6b70}.scorecard-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;height:116px}.scorecard-col{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:4px}.scorecard-col:before{content:"";grid-area:1 / 1;width:100%;border-radius:4px;background:#f1efea}.scorecard-col i{--rise: clamp(0, calc(var(--at, 0) - var(--fun-i, 0) + 1), 1);grid-area:1 / 1;width:100%;border-radius:4px;background:var(--scorecard-slice);transform-origin:50% 100%;scale:1 calc(var(--h) * var(--rise));transition:scale .6s cubic-bezier(.3,1.3,.5,1)}.scorecard-col>span{font-size:11px;line-height:1;transition:translate .3s var(--ease),scale .3s var(--ease)}.scorecard-col.on>span{translate:0 -2px;scale:1.3}.scorecard-chip{position:absolute;left:50%;bottom:12px;z-index:1;display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;white-space:nowrap;background:#141416;color:#fff;font:600 11px/1 var(--sans);box-shadow:0 8px 18px #17181a40;translate:-50% 0;rotate:-3deg;opacity:0;scale:.5}.scorecard-stage:has(.scorecard-col:last-child.on) .scorecard-big b{--scorecard-num: var(--scorecard-to);transition:--scorecard-num 1.4s var(--ease) .6s}.scorecard-stage:has(.scorecard-col:last-child.on) .scorecard-col.low i{animation:scorecard-pulse .65s ease-in-out 2.2s infinite alternate}.scorecard-stage:has(.scorecard-col:last-child.on) .scorecard-col.low>span{scale:1.3;transition-delay:2.2s}.scorecard-stage:has(.scorecard-col:last-child.on) .scorecard-chip{opacity:1;scale:1;transition:opacity .25s 2.2s,scale .5s cubic-bezier(.3,1.6,.5,1) 2.2s}.fun-stage:is(:hover,.fun-away,:has(:focus-visible),:has([aria-pressed=true])) .scorecard-col i{animation-play-state:paused}@keyframes scorecard-pulse{to{opacity:.35}}@media(max-width:600px),(min-width:1024px){.scorecard-mini{top:32px;left:5px;right:5px;gap:4px;padding:7px 5px 5px;border-radius:10px}.scorecard-what{font-size:7px}.scorecard-big{font-size:24px}.scorecard-big span{font-size:8px}.scorecard-chart{gap:2px;height:92px}.scorecard-col{gap:3px}.scorecard-col>span{font-size:8px}.scorecard-chip{bottom:10px;padding:4px 7px;font-size:8px;gap:3px}}.scorecard-progress{display:grid;gap:var(--s2)}.scorecard-segs{display:flex;gap:3px}.scorecard-segs .fun-seg{height:8px;border-radius:4px;background:var(--surface-2)}.scorecard-segs .fun-seg:nth-child(7n+1):not(:first-child){margin-left:7px}.scorecard-segs .fun-seg i{background:var(--scorecard-slice);transition:scale .4s cubic-bezier(.3,1.4,.5,1)}.scorecard-progress p{font:600 var(--t-1)/1.3 var(--sans);color:var(--mute);font-variant-numeric:tabular-nums}.scorecard-form{overflow-x:clip;margin-inline:-6px;padding-inline:6px}.scorecard-page{display:grid;gap:var(--s4)}.scorecard-form[data-dir=back]{--scorecard-from: -40px}@media(prefers-reduced-motion:no-preference){.scorecard-form[data-dir] .scorecard-page:not([hidden]){animation:scorecard-slide .48s var(--ease) both}}@keyframes scorecard-slide{0%{opacity:0;translate:var(--scorecard-from, 40px) 0}}.scorecard-page fieldset.field{gap:var(--s3);padding:var(--s4) var(--s5) var(--s5);border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),0 2px 8px #17181a0a}.scorecard-page .field legend{float:left;display:flex;align-items:flex-start;gap:var(--s3);width:100%;font:500 var(--t0)/1.4 var(--sans);letter-spacing:-.015em}.scorecard-badge{flex:none;display:inline-flex;align-items:center;gap:4px;height:28px;margin-top:-2px;padding:0 10px 0 8px;border-radius:999px;font:600 13px/1 var(--sans);font-variant-numeric:tabular-nums;background:var(--scorecard-slice);box-shadow:inset 0 0 0 1px #fffc}.scorecard-badge>span{font-size:15px}.scorecard-scale{display:flex;justify-content:space-between;max-width:360px}.scorecard-scale label{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;cursor:pointer;font:600 var(--t0)/1 var(--sans);font-variant-numeric:tabular-nums;background:radial-gradient(circle at 35% 30%,#fff,#ffffff80 55%,#b98cff33) var(--surface);box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 -4px 10px #b98cff24,0 0 0 1px var(--line),0 4px 10px #17181a12;transition:translate .2s var(--ease),box-shadow .2s}@media(hover:hover){.scorecard-scale label:hover{translate:0 -3px;box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 -4px 10px #b98cff33,0 0 0 1px color-mix(in srgb,var(--ink) 25%,transparent),0 8px 16px #17181a1a}}.scorecard-scale input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.scorecard-scale label:has(:checked){background:radial-gradient(circle at 35% 30%,#ffffffbf,#fff0 55%),var(--scorecard-slice);box-shadow:inset 0 0 0 1px #fffc,0 8px 18px #17181a29;animation:scorecard-pop .42s cubic-bezier(.3,1.6,.5,1)}.scorecard-scale label:has(:focus-visible){outline:2px solid var(--focus);outline-offset:3px}@keyframes scorecard-pop{0%{scale:.7}}.scorecard-ends{display:flex;justify-content:space-between;gap:var(--s3);max-width:360px;font-size:13px;color:var(--mute)}@media(max-width:600px){.scorecard-page fieldset.field{padding:var(--s4)}.scorecard-scale label{width:44px;height:44px}}@media(min-width:1024px){.tool-col{--tool-l: .88fr;--tool-r: 1.12fr}.scorecard-stage .fun-back{font-size:11.5px;line-height:1.25}.scorecard-form{gap:16px}.scorecard-page{gap:10px}.scorecard-page fieldset.field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px var(--s4);padding:14px 14px 14px 16px;border-radius:18px}.scorecard-page .field legend{gap:var(--s2);font-size:15px;line-height:1.45}.scorecard-badge{height:24px;padding:0 8px 0 6px;font-size:12px}.scorecard-badge>span{font-size:13px}.scorecard-scale{gap:6px}.scorecard-scale label{width:36px;height:36px;font-size:15px}.scorecard-ends{grid-column:2;font-size:11px}.scorecard-page fieldset:not(:first-child) .scorecard-ends{display:none}.scorecard-page>.field:not(fieldset){grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--s3)}.scorecard-page>.field:not(fieldset) .hint{grid-column:1 / -1}}.fun-go.scorecard-nav{gap:var(--s2) var(--s3)}.scorecard-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s3) var(--s4)}.scorecard-top .score b{font-size:96px;background:linear-gradient(120deg,#6a2bd9,#c8346a 55%,#b3541f);-webkit-background-clip:text;background-clip:text;color:transparent}.scorecard-bars li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"emo name score" "emo track track";align-items:center;gap:6px var(--s3);animation:fun-rise .6s var(--ease) calc(var(--n, 0) * .11s) both}.scorecard-emo{grid-area:emo;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:20px;background:var(--scorecard-slice);box-shadow:inset 0 0 0 1px #ffffffe6,0 2px 6px #17181a14}.scorecard-name{grid-area:name;font:600 var(--t0)/1.2 var(--sans)}.scorecard-bars b{grid-area:score;font:600 var(--t1)/1 var(--sans);font-variant-numeric:tabular-nums}.scorecard-track{grid-area:track;height:14px;border-radius:999px;background:var(--surface-2);overflow:hidden}.scorecard-track i{display:block;width:calc(clamp(0,var(--value, 0),1)*100%);height:100%;border-radius:inherit;transform-origin:0 50%;background:linear-gradient(90deg,#ffffff80,#fff0 80%),var(--scorecard-slice);animation:fun-grow 1s var(--ease) calc(.25s + var(--n, 0) * .14s) both}.result .scorecard-weak>.fun-box{animation-delay:calc(var(--n, 0) * .45s)}.result .fun-sticker.scorecard-next{max-width:40ch;font-size:var(--t1);line-height:1.3}@media(prefers-reduced-motion:reduce){.scorecard-col i{--rise: 1}.scorecard-big b{--scorecard-num: var(--scorecard-to) !important}.scorecard-chip{opacity:1;scale:1}.scorecard-col i,.scorecard-col>span,.scorecard-chip,.scorecard-big b,.scorecard-segs .fun-seg i,.scorecard-scale label{transition:none!important}.scorecard-col i,.scorecard-scale label,.scorecard-bars li,.scorecard-track i{animation:none!important}}