.fun-champion{--champ-spring:var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));--champ-out:var(--fun-out,cubic-bezier(.16, 1, .3, 1));--champ-cold:var(--color-cloud-blue-80,#90d0fe);--champ-warm:var(--color-violet-80,#e5b9fe);--champ-current:var(--color-periwinkle,#bbc4fe);--champ-ink:var(--fun-ink,#032d60);--champ-ink-soft:var(--fun-ink-soft,#5a6b80);--champ-surface:var(--fun-surface,#fff);--u:var(--px,1px);font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--champ-ink);place-items:center;display:grid;position:absolute;inset:0}.fun-champion__wash{background:linear-gradient(118deg, color-mix(in srgb, var(--champ-cold) 92%, transparent), color-mix(in srgb, var(--champ-current) 88%, transparent) 46%, color-mix(in srgb, var(--champ-warm) 92%, transparent));transform-origin:0;animation:fun-champ-wash 1.4s var(--champ-out) forwards;position:absolute;inset:0}@keyframes fun-champ-wash{0%{opacity:0;transform:scaleX(0)}22%{opacity:1;transform:scaleX(1)}62%{opacity:.92;transform:scaleX(1)}to{opacity:.44;transform:scaleX(1)}}.fun-champion__stack{width:calc(480 * var(--u));flex-direction:column;align-items:center;display:flex;position:relative}.fun-champion__coin{z-index:1;width:calc(158 * var(--u));height:calc(158 * var(--u));margin-bottom:calc(-46 * var(--u));filter:drop-shadow(0 calc(14 * var(--u)) calc(26 * var(--u)) #032d604d);animation:.82s cubic-bezier(.3,1.5,.4,1) backwards fun-coin-drop;position:relative}.fun-champion__coin img{object-fit:contain;width:100%;height:100%}@keyframes fun-coin-drop{0%{opacity:0;transform:translate3d(0, calc(-260 * var(--u)), 0) scale(.7)}62%{opacity:1;transform:translate3d(0, calc(10 * var(--u)), 0) scale(1.08)}to{opacity:1;transform:translate(0,0)scale(1)}}.fun-champion__coin-sweep{pointer-events:none;border-radius:999px;position:absolute;inset:0;overflow:hidden}.fun-champion__coin-streak{opacity:0;animation:fun-coin-sweep .7s var(--champ-out) .72s;background:linear-gradient(108deg,#0000 34%,#ffffffeb 47%,#0000 58%);position:absolute;inset:0 -70%;transform:translate(-60%)}@keyframes fun-coin-sweep{0%{opacity:0;transform:translate(-60%)}30%{opacity:1}to{opacity:0;transform:translate(60%)}}.fun-champion__card{width:100%;padding:calc(58 * var(--u)) calc(28 * var(--u)) calc(24 * var(--u));border-radius:calc(24 * var(--u));background:color-mix(in srgb, var(--champ-surface) 94%, transparent);box-shadow:0 calc(24 * var(--u)) calc(70 * var(--u)) #032d6042;text-align:center;animation:fun-champ-card .62s var(--champ-spring) .46s backwards;position:relative}@keyframes fun-champ-card{0%{opacity:0;transform:translate3d(0, calc(28 * var(--u)), 0) scale(.92)}to{opacity:1;transform:translate(0,0)scale(1)}}.fun-champion__eyebrow{font-size:calc(11 * var(--u));text-transform:uppercase;letter-spacing:.12em;color:var(--champ-ink-soft);margin:0;font-weight:700}.fun-champion__status{margin:calc(4 * var(--u)) 0 calc(16 * var(--u));font-size:calc(38 * var(--u));letter-spacing:-.025em;font-weight:800;line-height:1}.fun-champion__skills{gap:calc(6 * var(--u));margin:0 0 calc(20 * var(--u));text-align:left;flex-direction:column;padding:0;list-style:none;display:flex}.fun-champion__skills li{align-items:center;gap:calc(8 * var(--u));height:calc(30 * var(--u));padding:0 calc(12 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--champ-warm) 60%, transparent);background:var(--champ-warm);font-size:calc(13 * var(--u));letter-spacing:-.005em;color:var(--champ-ink);animation:fun-champ-skill .42s var(--champ-spring) backwards;animation-delay:calc(.62s + var(--i,0) * 90ms);border-radius:999px;font-weight:500;display:flex}@keyframes fun-champ-skill{0%{opacity:0;transform:translate3d(calc(-12 * var(--u)), 0, 0)}to{opacity:1;transform:translate(0,0)}}.fun-champion__tick{width:calc(15 * var(--u));height:calc(15 * var(--u));color:var(--champ-ink);flex:none}.fun-champion__message{margin:calc(4 * var(--u)) 0 0;max-width:calc(440 * var(--u));font-size:calc(14 * var(--u));text-align:center;color:var(--fun-ink-soft,#5a6b80);animation:fun-champion-rise .42s var(--fun-out,cubic-bezier(.16, 1, .3, 1)) backwards;line-height:1.5;animation-delay:.9s}.fun-champion__cta{margin-top:calc(4 * var(--u));padding:calc(10 * var(--u)) calc(26 * var(--u));background:var(--color-electric-blue-50,var(--fun-accent,#086aff));font:inherit;font-size:calc(14 * var(--u));color:#fff;cursor:pointer;animation:fun-champion-rise .42s var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1)) backwards;transition:transform var(--fun-tap,.11s) var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));border:0;border-radius:999px;font-weight:700;animation-delay:1.04s}.fun-champion__cta:hover{background:color-mix(in srgb, var(--color-electric-blue-50,var(--fun-accent,#086aff)) 88%, #000)}.fun-champion__cta:active{transition-duration:60ms;transform:scale(.96)}@keyframes fun-champion-rise{0%{opacity:0;transform:translate3d(0, calc(8 * var(--u)), 0)}to{opacity:1;transform:none}}.fun-champion__ladder{gap:calc(8 * var(--u));margin:0;padding:0;list-style:none;display:flex}.fun-champion__ladder li{padding:calc(9 * var(--u)) calc(6 * var(--u));border-radius:calc(12 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--champ-ink) 12%, transparent);font-size:calc(12 * var(--u));flex:1;font-weight:700;position:relative;overflow:hidden}.fun-champion__rung-fill{background:color-mix(in srgb, color-mix(in srgb, var(--champ-warm) calc(var(--t,0) * 100%), var(--champ-cold)) 62%, transparent);transform-origin:bottom;position:absolute;inset:0;transform:scaleY(0)}.fun-champion__ladder li[data-filled=true] .fun-champion__rung-fill{animation:fun-rung-fill .46s var(--champ-spring) forwards;animation-delay:calc(.9s + var(--i,0) * .13s)}@keyframes fun-rung-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.fun-champion__ladder li[data-here=true]{border-color:color-mix(in srgb, var(--champ-warm) 80%, transparent);box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) color-mix(in srgb, var(--champ-warm) 55%, transparent)}.fun-champion__rung-label{position:relative}.fun-champion__ladder li[data-filled=false] .fun-champion__rung-label{opacity:.42}@media (prefers-reduced-motion:reduce){.fun-champion *,.fun-champion__wash{animation:none!important}.fun-champion__wash{opacity:.44;transform:none}.fun-champion__coin-sweep{opacity:0}.fun-champion__ladder li[data-filled=true] .fun-champion__rung-fill{transform:scaleY(1)}}.fun-champion[data-reduced=true] *,.fun-champion[data-reduced=true] .fun-champion__wash{animation:none!important}.fun-champion[data-reduced=true] .fun-champion__wash{opacity:.44;transform:none}.fun-champion[data-reduced=true] .fun-champion__coin-streak{opacity:0}.fun-champion[data-reduced=true] .fun-champion__ladder li[data-filled=true] .fun-champion__rung-fill{transform:scaleY(1)}
.fun-chat{--chat-ink:var(--fun-ink,#032d60);--chat-ink-soft:var(--fun-ink-soft,#5a6b80);--chat-surface:var(--fun-surface,#fff);--chat-hairline:var(--fun-hairline,#d7e5f5);--chat-accent:var(--fun-accent,#086aff);--chat-learner:var(--fun-learner-bubble-color,#edf4ff);--chat-body:var(--fun-body-color,#181818);--u:var(--px,1px);justify-content:flex-end;gap:calc(10 * var(--u));width:100%;font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--chat-ink);flex-direction:column;display:flex}.fun-chat__badge-row{align-items:center;gap:calc(12 * var(--u));margin:0;display:flex}.fun-chat__badge{padding:calc(4 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));border:calc(1 * var(--u)) solid var(--chat-accent);background:color-mix(in srgb, var(--chat-surface) 80%, transparent);font-size:calc(13 * var(--u));color:var(--chat-ink);font-weight:700}.fun-chat__turns{gap:calc(8 * var(--u));flex-direction:column;flex:none;margin:0;padding:0;list-style:none;display:flex}.fun-chat__turn{align-items:flex-start;gap:calc(12 * var(--u));padding:0;display:flex}.fun-chat__face{width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:999px;flex:none;display:block;overflow:hidden}.fun-chat__face img{object-fit:cover;object-position:top center;width:100%;height:100%}.fun-chat__said{gap:calc(4 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.fun-chat__turn[data-from=learner] .fun-chat__said{align-items:flex-end}.fun-chat__bubble{max-width:100%;display:block}.fun-chat__turn[data-from=learner] .fun-chat__bubble{max-width:76%;padding:calc(9 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));background:var(--chat-learner)}.fun-chat__text{font-size:calc(14 * var(--u));color:var(--chat-body);white-space:pre-line;margin:0;line-height:1.5}.fun-chat__detail{margin:calc(8 * var(--u)) 0 0;padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(10 * var(--u));background:color-mix(in srgb, var(--chat-surface) 78%, transparent);border:calc(1 * var(--u)) solid var(--chat-hairline);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:calc(12 * var(--u));white-space:pre-wrap;color:var(--chat-body);line-height:1.5}.fun-chat__byline{font-size:calc(12.5 * var(--u));color:var(--chat-ink-soft);margin:0}.fun-chat__action{column-gap:calc(8 * var(--u));row-gap:calc(3 * var(--u));max-width:100%;padding:calc(7 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--chat-hairline) 70%, transparent);background:color-mix(in srgb, var(--chat-surface) 72%, transparent);font-size:calc(13 * var(--u));color:var(--chat-body);animation:fun-action-in .3s var(--fun-out,cubic-bezier(.16, 1, .3, 1)) backwards;animation-delay:calc(var(--i,0) * .14s);grid-template-columns:auto 1fr auto;align-items:center;line-height:1.35;display:grid}.fun-chat__action-icon{width:calc(14 * var(--u));height:calc(14 * var(--u));color:var(--chat-ink-soft)}.fun-chat__action-text{min-width:0}.fun-chat__action-done{width:calc(14 * var(--u));height:calc(14 * var(--u));color:var(--chat-accent)}.fun-chat__action-detail{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:calc(11.5 * var(--u));white-space:pre-wrap;color:var(--chat-ink-soft);grid-column:2/3;line-height:1.45}@keyframes fun-action-in{0%{opacity:0;transform:translate3d(0, calc(6 * var(--u)), 0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fun-chat__action{animation:none!important}}.fun-chat[data-reduced=true] .fun-chat__action{animation:none!important}.fun-chat__composer{gap:calc(8 * var(--u));margin-top:calc(6 * var(--u));flex-direction:column;display:flex}.fun-chat__shell-wrap{position:relative}.fun-chat__shell{z-index:1;border-radius:calc(28 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--chat-hairline) 70%, transparent);background:color-mix(in srgb, var(--chat-surface) 92%, transparent);-webkit-backdrop-filter:blur(calc(10 * var(--u)));backdrop-filter:blur(calc(10 * var(--u)));box-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) #032d601a;transition:border-radius var(--fun-pop,.19s) var(--fun-out,ease-out);position:relative;overflow:hidden}.fun-chat__shell[data-extended=true]{border-radius:0 0 calc(28 * var(--u)) calc(28 * var(--u))}.fun-chat__extension{z-index:0;margin-bottom:calc(-1 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--chat-hairline) 70%, transparent);border-radius:calc(28 * var(--u)) calc(28 * var(--u)) 0 0;background:color-mix(in srgb, var(--chat-surface) 92%, transparent);-webkit-backdrop-filter:blur(calc(10 * var(--u)));backdrop-filter:blur(calc(10 * var(--u)));transition:grid-template-rows var(--fun-beat,.32s) var(--fun-spring,ease-out), box-shadow var(--fun-beat,.32s) var(--fun-out,ease-out);border-bottom:0;grid-template-rows:0fr;display:grid;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 0 #032d6000}.fun-chat__extension[data-open=true]{box-shadow:0 calc(-6 * var(--u)) calc(26 * var(--u)) #032d6017;grid-template-rows:1fr}.fun-chat__extension-inner{min-height:0;overflow:hidden}.fun-chat__extension[data-open=true] .fun-chat__extension-inner>*{animation:fun-extension-in var(--fun-beat,.32s) var(--fun-spring,ease-out)}@keyframes fun-extension-in{0%{opacity:0;transform:translate3d(0, calc(10 * var(--u)), 0)}to{opacity:1;transform:translate(0,0)}}.fun-chat__input{height:calc(138 * var(--u));padding:calc(20 * var(--u)) calc(22 * var(--u));position:relative;overflow:hidden}.fun-chat__placeholder{font-size:calc(16 * var(--u));color:var(--chat-ink-soft);display:block}.fun-chat__plus{left:calc(14 * var(--u));bottom:calc(8 * var(--u));width:calc(30 * var(--u));height:calc(30 * var(--u));padding:0;padding:calc(6 * var(--u));color:var(--chat-accent);cursor:pointer;transition:background-color var(--fun-tap,.11s) linear, transform var(--fun-tap,.11s) var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute}.fun-chat__plus:hover{background:color-mix(in srgb, var(--chat-accent) 12%, transparent)}.fun-chat__plus:active{transition-duration:60ms;transform:scale(.9)}.fun-chat__plus[data-open=true]{background:color-mix(in srgb, var(--chat-accent) 16%, transparent)}.fun-chat__plus:focus-visible{outline:calc(2 * var(--u)) solid var(--chat-accent);outline-offset:calc(2 * var(--u))}.fun-chat__plus[data-hint=true]{animation:fun-plus-hint 1.9s var(--fun-out,ease-out) infinite}@keyframes fun-plus-hint{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--chat-accent) 55%, transparent)}40%{box-shadow:0 0 0 calc(7 * var(--u)) color-mix(in srgb, var(--chat-accent) 0%, transparent)}}.fun-chat__mic{right:calc(14 * var(--u));bottom:calc(8 * var(--u));width:calc(30 * var(--u));height:calc(30 * var(--u));padding:calc(6 * var(--u));color:var(--chat-accent);position:absolute}@media (prefers-reduced-motion:reduce){.fun-chat__plus,.fun-chat__plus[data-hint=true],.fun-chat__extension,.fun-chat__extension-inner>*{transition:none!important;animation:none!important}}
.fun-companion-picker{--tile:calc(64 * var(--u));--gap:calc(8 * var(--u));--step:calc(var(--tile) + var(--gap));--pick-spring:var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));--pick-ink:var(--fun-ink,#032d60);--pick-ink-soft:var(--fun-ink-soft,#4a6a8a);--pick-surface:var(--fun-surface,#fff);--pick-warm:var(--color-violet-80,#e5b9fe);--pick-cold:var(--color-cloud-blue-80,#90d0fe);--u:var(--px,1px);gap:calc(8 * var(--u));font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--pick-ink);flex-direction:column;display:flex}.fun-companion-picker__viewport{padding:calc(4 * var(--u)) 0;border-radius:calc(18 * var(--u));touch-action:pan-y;cursor:grab;outline:none;justify-content:center;display:flex;overflow:hidden}.fun-companion-picker[data-dragging=true] .fun-companion-picker__viewport{cursor:grabbing}.fun-companion-picker__viewport:focus-visible{outline:calc(2 * var(--u)) solid var(--fun-accent,#086aff);outline-offset:2px}.fun-companion-picker__track{gap:var(--gap);transform:translate3d(calc(var(--drag,0px) + ((var(--count,4) - 1) / 2 - var(--index,0)) * var(--step)), 0, 0);transition:transform var(--fun-beat,.32s) var(--pick-spring);display:flex}.fun-companion-picker[data-dragging=true] .fun-companion-picker__track{transition:none}.fun-companion-picker__tile{--tile-scale:.84;flex:0 0 var(--tile);width:var(--tile);align-items:center;gap:calc(5 * var(--u));font:inherit;color:var(--pick-ink-soft);cursor:pointer;transform:scale(var(--tile-scale));transition:transform var(--fun-beat,.32s) var(--pick-spring), color var(--fun-tap,.11s) linear;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.fun-companion-picker__tile[data-on=true]{--tile-scale:1;color:var(--pick-ink)}.fun-companion-picker__tile:active{transform:scale(calc(var(--tile-scale) - .05));transition-duration:60ms}.fun-companion-picker__art{aspect-ratio:1;border-radius:calc(14 * var(--px,1px));background:color-mix(in srgb, var(--pick-ink) 6%, var(--pick-surface));width:100%;display:block;position:relative;overflow:hidden}.fun-companion-picker__sprite{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.fun-companion-picker__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.fun-companion-picker__tile[data-phase=idle] .fun-companion-picker__video,.fun-companion-picker__tile[data-phase=denied] .fun-companion-picker__video,.fun-companion-picker__tile[data-phase=unsupported] .fun-companion-picker__video,.fun-companion-picker__tile[data-phase=captured] .fun-companion-picker__video{display:none}.fun-companion-picker__empty{background:color-mix(in srgb, var(--pick-ink) 14%, transparent);border-radius:999px 999px 32% 32%;position:absolute;inset:24% 26% 12%}.fun-companion-picker__ring{border-radius:inherit;border:calc(1.5 * var(--u)) solid color-mix(in srgb, var(--pick-ink) 14%, transparent);transition:border-color var(--fun-tap,.11s) linear, box-shadow var(--fun-tap,.11s) linear;position:absolute;inset:0}.fun-companion-picker__tile[data-on=true] .fun-companion-picker__ring{border-width:calc(2.5 * var(--u));border-color:var(--fun-accent,#086aff);box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) color-mix(in srgb, var(--fun-accent,#086aff) 32%, transparent)}.fun-companion-picker__tile[data-phase=live] .fun-companion-picker__ring{animation:1.2s linear fun-capture-beat}@keyframes fun-capture-beat{0%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.fun-companion-picker__tile[data-phase=captured] .fun-companion-picker__art:after{content:"";animation:fun-shutter .26s var(--fun-out,ease-out) forwards;pointer-events:none;background:#fff;position:absolute;inset:0}@keyframes fun-shutter{0%{opacity:.9}to{opacity:0}}.fun-companion-picker__label{font-size:calc(11 * var(--u));font-weight:650;line-height:1.1}@media (prefers-reduced-motion:reduce){.fun-companion-picker__track,.fun-companion-picker__tile,.fun-companion-picker__ring{transition:none!important;animation:none!important}.fun-companion-picker__tile:active{transform:scale(var(--tile-scale))}.fun-companion-picker__tile[data-phase=captured] .fun-companion-picker__art:after{opacity:0;animation:none!important}}.fun-companion-picker__tile[data-current=true] .fun-companion-picker__label:after{content:"";width:calc(4 * var(--u));height:calc(4 * var(--u));margin:calc(2 * var(--u)) auto 0;background:var(--fun-accent,#086aff);border-radius:999px;display:block}.fun-companion-picker__description{min-height:calc(34 * var(--u));font-size:calc(12.5 * var(--u));text-align:center;color:var(--pick-ink-soft);animation:fun-pick-desc .26s var(--fun-out,ease-out);margin:0;line-height:1.45}@keyframes fun-pick-desc{0%{opacity:0;transform:translate3d(0, calc(4 * var(--u)), 0)}to{opacity:1;transform:translate(0,0)}}.fun-companion-picker__actions{justify-content:center;align-items:center;gap:var(--tds2-spacing-2);display:flex}@media (prefers-reduced-motion:reduce){.fun-companion-picker__description{transition:none!important;animation:none!important}}
.fun-companion-sprite{--u:var(--px,1px);bottom:calc(var(--bottom,.218) * 100% + var(--lift,24) * var(--u));left:calc(var(--x,.938) * 100%);width:auto;height:calc(var(--height,180) * var(--u));pointer-events:none;position:absolute;translate:-50%}.fun-companion-sprite__img{transform-origin:50% 100%;width:auto;height:100%;animation:fun-sprite-resolve .62s var(--fun-out,cubic-bezier(.16, 1, .3, 1));filter:drop-shadow(0 10px 18px #032d6038);display:block}@keyframes fun-sprite-resolve{0%{opacity:0;transform:scale(.94)}55%{opacity:1}to{opacity:1;transform:scale(1)}}.fun-companion-sprite__spark{pointer-events:none;position:absolute;inset:0}.fun-companion-sprite__glow{background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--color-violet-80,#e5b9fe) 85%, transparent) 0%, color-mix(in srgb, var(--color-cloud-blue-80,#90d0fe) 45%, transparent) 42%, transparent 70%);mix-blend-mode:screen;opacity:0;animation:fun-sprite-glow .72s var(--fun-out,cubic-bezier(.16, 1, .3, 1));border-radius:50%;position:absolute;inset:-18% -40%;transform:scale(.5)}@keyframes fun-sprite-glow{0%{opacity:0;transform:scale(.5)}30%{opacity:.85}to{opacity:0;transform:scale(1.2)}}.fun-companion-sprite__star{left:calc(var(--sx,.5) * 100%);bottom:calc(var(--sy,.5) * 100%);width:calc(var(--ss,14) * var(--u));height:calc(var(--ss,14) * var(--u));margin:calc(var(--ss,14) * var(--u) / -2);background:color-mix(in srgb, var(--color-violet-80,#e5b9fe) 40%, #fff);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);opacity:0;animation:fun-sprite-star .56s var(--fun-out,cubic-bezier(.16, 1, .3, 1)) var(--sd,0s);position:absolute}@keyframes fun-sprite-star{0%{opacity:0;transform:scale(.2)rotate(-40deg)}40%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.4)rotate(35deg)}}.fun-companion-sprite__pending{aspect-ratio:1/2;background:linear-gradient(180deg, color-mix(in srgb, var(--color-violet-80,#e5b9fe) 70%, transparent), color-mix(in srgb, var(--color-cloud-blue-80,#90d0fe) 40%, transparent));opacity:.7;border-radius:46% 46% 26% 26%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.fun-companion-sprite__img,.fun-companion-sprite__pending,.fun-companion-sprite__glow,.fun-companion-sprite__star{animation:none!important}.fun-companion-sprite__spark{display:none}}.fun-companion-sprite[data-reduced=true] .fun-companion-sprite__img,.fun-companion-sprite[data-reduced=true] .fun-companion-sprite__pending{animation:none!important}
.fun-coaching-style{gap:var(--tds2-spacing-4);color:var(--tds2-color-text-default);flex-direction:column;display:flex}.fun-coaching-style__group{gap:var(--tds2-spacing-2);flex-direction:column;display:flex}.fun-coaching-style__option{align-items:flex-start;gap:var(--tds2-spacing-3);display:flex}.fun-coaching-style__text{cursor:pointer;gap:var(--tds2-spacing-1);flex-direction:column;min-width:0;display:flex}.fun-coaching-style__head{align-items:center;gap:var(--tds2-spacing-2);font-size:var(--tds2-font-size-sm);font-weight:var(--tds2-font-weight-bold);color:var(--tds2-color-text-default);flex-wrap:wrap;display:flex}.fun-coaching-style__description{font-size:var(--tds2-font-size-xs);line-height:var(--tds2-line-height-snug);color:var(--tds2-color-text-muted)}.fun-coaching-style__actions{justify-content:center;align-items:center;gap:var(--tds2-spacing-2);display:flex}
.fun-practice{--u:var(--px,1px);gap:calc(9 * var(--u));padding:calc(14 * var(--u));border-radius:calc(14 * var(--u));background:color-mix(in srgb, var(--fun-surface,#fff) 92%, transparent);border:calc(1 * var(--u)) solid color-mix(in srgb, var(--fun-hairline,#d7e5f5) 90%, transparent);box-shadow:0 calc(8 * var(--u)) calc(24 * var(--u)) #032d601a;font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--fun-ink,#032d60);animation:fun-practice-in .46s var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));flex-direction:column;display:flex}@keyframes fun-practice-in{0%{opacity:0;transform:translate3d(calc(16 * var(--u)), 0, 0) scale(.95)}to{opacity:1;transform:translate(0,0)scale(1)}}.fun-practice__title{font-size:calc(15 * var(--u));letter-spacing:-.01em;margin:0;font-weight:700}.fun-practice__body{font-size:calc(13 * var(--u));margin:0;line-height:1.4}.fun-practice__connect,.fun-practice__setup{padding:calc(7 * var(--u)) calc(12 * var(--u));font:inherit;font-size:calc(13 * var(--u));cursor:pointer;transition:transform var(--fun-tap,.11s) var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));border-radius:999px;font-weight:650}.fun-practice__connect:active,.fun-practice__setup:active{transition-duration:60ms;transform:scale(.95)}.fun-practice__connect{background:var(--fun-accent,#086aff);color:#fff;border:0}.fun-practice__setup{border:calc(1 * var(--u)) solid var(--fun-accent,#086aff);color:var(--fun-accent,#086aff);background:0 0}.fun-practice__connected{align-items:center;gap:calc(8 * var(--u));font-size:calc(13 * var(--u));margin:0;font-weight:650;display:flex}.fun-practice__tick{width:calc(17 * var(--u));height:calc(17 * var(--u));background:var(--fun-accent,#086aff);border-radius:999px;flex:none;place-items:center;display:grid}.fun-practice__tick svg{width:calc(11 * var(--u));height:calc(11 * var(--u));color:#fff}@media (prefers-reduced-motion:reduce){.fun-practice{animation:none!important}}.fun-practice[data-reduced=true]{animation:none!important}
.fun-checklist{--u:var(--px,1px);gap:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(16 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--fun-hairline,#d7e5f5) 90%, transparent);background:color-mix(in srgb, var(--fun-surface,#fff) 86%, transparent);-webkit-backdrop-filter:blur(calc(8 * var(--u)));backdrop-filter:blur(calc(8 * var(--u)));font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--fun-ink,#032d60);flex-direction:column;display:flex}.fun-checklist__head{font-size:calc(13 * var(--u));margin:0;line-height:1.2}.fun-checklist__title{letter-spacing:-.005em;color:var(--fun-ink,#032d60);font-weight:700}.fun-checklist__count{font-variant-numeric:tabular-nums;color:var(--fun-ink-soft,#5a6b80);font-weight:400}.fun-checklist__list{gap:calc(6 * var(--u));counter-reset:step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fun-checklist__step{align-items:center;gap:calc(10 * var(--u));font-size:calc(14 * var(--u));animation:fun-step-in .38s var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1)) backwards;animation-delay:calc(var(--i,0) * 80ms);line-height:1.35;display:flex}@keyframes fun-step-in{0%{opacity:0;transform:translate3d(calc(-10 * var(--u)), 0, 0)}to{opacity:1;transform:translate(0,0)}}.fun-checklist__marker{width:calc(18 * var(--u));height:calc(18 * var(--u));border:calc(1.5 * var(--u)) solid color-mix(in srgb, var(--fun-ink,#032d60) 20%, transparent);font-size:calc(10 * var(--u));font-variant-numeric:tabular-nums;color:var(--fun-ink-soft,#5a6b80);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid;position:relative}.fun-checklist__marker:before{content:"";inset:calc(-1.5 * var(--u));background:var(--fun-accent,#086aff);border-radius:999px;position:absolute;transform:scale(0)}.fun-checklist__step[data-done=true] .fun-checklist__marker{border-color:#0000}.fun-checklist__step[data-done=true] .fun-checklist__marker:before{animation:fun-tick-disc .26s var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1)) forwards;animation-delay:calc(var(--k,0) * .14s)}.fun-checklist__tick{width:calc(11 * var(--u));height:calc(11 * var(--u));color:#fff;opacity:0;position:relative;transform:scale(.4)}.fun-checklist__step[data-done=true] .fun-checklist__tick{animation:fun-tick-mark .22s var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1)) forwards;animation-delay:calc(var(--k,0) * .14s + 60ms)}@keyframes fun-tick-disc{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fun-tick-mark{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.fun-checklist__step[data-done=true] .fun-checklist__label{opacity:.6}@media (prefers-reduced-motion:reduce){.fun-checklist__step,.fun-checklist__marker:before,.fun-checklist__tick{animation:none!important}.fun-checklist__step[data-done=true] .fun-checklist__marker:before{transform:scale(1)}.fun-checklist__step[data-done=true] .fun-checklist__tick{opacity:1;transform:none}}.fun-checklist[data-reduced=true] .fun-checklist__step,.fun-checklist[data-reduced=true] .fun-checklist__marker:before,.fun-checklist[data-reduced=true] .fun-checklist__tick{animation:none!important}.fun-checklist[data-reduced=true] .fun-checklist__step[data-done=true] .fun-checklist__marker:before{transform:scale(1)}.fun-checklist[data-reduced=true] .fun-checklist__step[data-done=true] .fun-checklist__tick{opacity:1;transform:none}
.fun-tutor-card{gap:var(--tds2-spacing-4);padding:var(--tds2-spacing-6);border-radius:var(--tds2-radius-4xl);border:1px solid var(--tds2-color-border-default);background:var(--tds2-color-bg-default);box-shadow:var(--tds2-elevation-1);color:var(--tds2-color-text-default);animation:fun-tutor-card-in .42s var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));flex-direction:column;display:flex}.fun-tutor-card[data-exiting=true]{animation:.17s ease-in forwards fun-tutor-card-out}@keyframes fun-tutor-card-out{to{opacity:0}}@keyframes fun-tutor-card-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}.fun-tutor-card__head{gap:var(--tds2-spacing-1);flex-direction:column;display:flex}.fun-tutor-card__prompt{font-size:var(--tds2-font-size-lg);font-weight:var(--tds2-font-weight-bold);line-height:var(--tds2-line-height-snug);margin:0}.fun-tutor-card__hint{font-size:var(--tds2-font-size-xs);line-height:var(--tds2-line-height-snug);color:var(--tds2-color-text-muted);margin:0}.fun-tutor-card__body{gap:var(--tds2-spacing-2);flex-direction:column;display:flex}.fun-tutor-card__actions{justify-content:center;align-items:center;gap:var(--tds2-spacing-2);display:flex}@media (prefers-reduced-motion:reduce){.fun-tutor-card{animation:none!important}}.fun-tutor-card[data-reduced=true]{animation:none!important}
.fun-island-pin{--pin-cold:var(--color-cloud-blue-80,#90d0fe);--pin-warm:var(--color-violet-80,#e5b9fe);--pin-ink:var(--fun-ink,#032d60);--pin-ink-soft:var(--fun-ink-soft,#5a6b80);--pin-surface:var(--fun-surface,#fff);--pin-accent:var(--fun-accent,#086aff);--pin-spring:var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));--pin-out:var(--fun-out,cubic-bezier(.16, 1, .3, 1));--u:var(--px,1px);width:0;height:0;font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--pin-ink);transition:opacity var(--fun-beat,.32s) var(--pin-out);display:block;position:relative}.fun-island-pin[data-visible=false]{opacity:0}.fun-island-pin__dot{width:calc(12 * var(--u));height:calc(12 * var(--u));background:var(--warmth,var(--pin-cold));box-shadow:0 0 0 calc(2.5 * var(--u)) var(--pin-surface);transition:box-shadow var(--fun-tap,.11s) var(--pin-out);border-radius:999px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.fun-island-pin[data-selected=true] .fun-island-pin__dot{box-shadow:0 0 0 calc(2.5 * var(--u)) var(--pin-surface), 0 0 0 calc(5.5 * var(--u)) var(--pin-accent), 0 0 0 calc(14 * var(--u)) color-mix(in srgb, var(--pin-accent) 22%, transparent)}.fun-island-pin__card{left:0;bottom:calc(14 * var(--u));align-items:flex-start;gap:calc(3 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--fun-hairline,#d7e5f5) 80%, transparent);background:color-mix(in srgb, var(--pin-surface) 90%, transparent);-webkit-backdrop-filter:blur(calc(6 * var(--u)));backdrop-filter:blur(calc(6 * var(--u)));box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) #032d601f;white-space:nowrap;transform-origin:50% 100%;animation:fun-pin-in var(--fun-beat,.32s) var(--pin-spring) backwards;animation-delay:calc(var(--i,0) * 70ms);flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.fun-island-pin[data-selected=true] .fun-island-pin__card{border-color:var(--pin-accent)}.fun-island-pin__label{align-items:center;gap:calc(5 * var(--u));font-size:calc(13 * var(--u));letter-spacing:-.005em;font-weight:600;line-height:1.2;display:inline-flex}.fun-island-pin__coin{width:calc(18 * var(--u));height:calc(18 * var(--u));object-fit:contain;flex:none}.fun-island-pin__tick,.fun-island-pin__lock{width:calc(14 * var(--u));height:calc(14 * var(--u));flex:none}.fun-island-pin__lock{color:var(--pin-ink-soft)}.fun-island-pin__companion{top:calc(12 * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));background:linear-gradient(140deg, var(--pin-cold), var(--pin-warm));box-shadow:0 0 0 calc(2.5 * var(--u)) var(--pin-surface), 0 calc(4 * var(--u)) calc(12 * var(--u)) #032d6029;animation:fun-pin-bubble var(--fun-beat,.32s) var(--pin-spring) backwards;border-radius:999px;animation-delay:.12s;position:absolute;left:0;overflow:hidden;translate:-50%}.fun-island-pin__companion img{object-fit:cover;object-position:top center;width:100%;height:100%}@keyframes fun-pin-bubble{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.fun-island-pin[data-variant=nameplate] .fun-island-pin__card{padding:calc(5 * var(--u)) calc(14 * var(--u));transform-origin:50% 0;border-radius:999px;align-items:center;top:0;bottom:auto}.fun-island-pin[data-variant=nameplate] .fun-island-pin__label{font-size:calc(15 * var(--u));font-weight:700}@keyframes fun-pin-in{0%{opacity:0;transform:translate(-50%)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.fun-island-pin__card,.fun-island-pin__companion{animation:none!important}}.fun-island-pin[data-reduced=true] .fun-island-pin__card,.fun-island-pin[data-reduced=true] .fun-island-pin__companion{animation:none!important}
.fun-placement{--pl-cold:var(--color-cloud-blue-80,#90d0fe);--pl-warm:var(--color-violet-80,#e5b9fe);--pl-ink:var(--fun-ink,#032d60);--pl-ink-soft:var(--fun-ink-soft,#5a6b80);--pl-surface:var(--fun-surface,#fff);--pl-hairline:var(--fun-hairline,#d7e5f5);--pl-primary:var(--color-electric-blue-50,var(--fun-accent,#086aff));--pl-spring:var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));--pl-out:var(--fun-out,cubic-bezier(.16, 1, .3, 1));--u:var(--px,1px);font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--pl-ink);place-items:center;display:grid;position:absolute;inset:0}.fun-placement__scrim{background:color-mix(in srgb, var(--pl-ink) 14%, transparent);animation:fun-placement-scrim var(--fun-beat,.32s) var(--pl-out) backwards;position:absolute;inset:0}.fun-placement__card{gap:calc(14 * var(--u));width:calc(460 * var(--u));max-width:calc(100% - 88 * var(--u));padding:calc(22 * var(--u)) calc(24 * var(--u)) calc(20 * var(--u));border-radius:calc(20 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--pl-hairline) 80%, transparent);background:color-mix(in srgb, var(--pl-surface) 94%, transparent);-webkit-backdrop-filter:blur(calc(10 * var(--u)));backdrop-filter:blur(calc(10 * var(--u)));box-shadow:0 calc(24 * var(--u)) calc(70 * var(--u)) #032d6038;animation:fun-placement-in var(--fun-beat,.32s) var(--pl-spring) backwards;flex-direction:column;display:flex;position:relative}.fun-placement__head{gap:calc(4 * var(--u));flex-direction:column;display:flex}.fun-placement__place{font-size:calc(11 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--pl-ink-soft);margin:0;font-weight:600}.fun-placement__name{font-size:calc(24 * var(--u));letter-spacing:-.015em;margin:0;font-weight:700;line-height:1.15}.fun-placement__description{margin:calc(2 * var(--u)) 0 0;font-size:calc(14 * var(--u));color:var(--pl-ink-soft);line-height:1.45}.fun-placement__progress{row-gap:calc(6 * var(--u));font-size:calc(13 * var(--u));color:var(--pl-ink-soft);grid-template-columns:1fr auto;align-items:center;display:grid}.fun-placement__count strong{color:var(--pl-ink);font-weight:700}.fun-placement__state{padding:calc(1.5 * var(--u)) calc(6 * var(--u));border-radius:calc(4 * var(--u));background:color-mix(in srgb, var(--warmth,var(--pl-cold)) 45%, transparent);font-size:calc(9.5 * var(--u));letter-spacing:.04em;text-transform:uppercase;color:var(--pl-ink);font-weight:600}.fun-placement__bar{height:calc(6 * var(--u));background:color-mix(in srgb, var(--pl-ink) 8%, transparent);border-radius:999px;grid-column:1/-1;display:block;overflow:hidden}.fun-placement__fill{background:linear-gradient(90deg, var(--pl-cold), var(--pl-warm));height:100%;transform:scaleX(var(--fill,0));transform-origin:0;animation:fun-placement-fill .56s var(--pl-out) .2s backwards;border-radius:999px;display:block}.fun-placement__objectives{gap:calc(7 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fun-placement__objective{align-items:flex-start;gap:calc(9 * var(--u));font-size:calc(13.5 * var(--u));color:var(--pl-ink);animation:fun-placement-row .3s var(--pl-out) backwards;animation-delay:calc(.12s + var(--i,0) * 45ms);line-height:1.4;display:flex}.fun-placement__objective[data-done=false]{color:var(--pl-ink-soft)}.fun-placement__tick{width:calc(16 * var(--u));height:calc(16 * var(--u));margin-top:calc(1.5 * var(--u));flex:none}.fun-placement__objective[data-done=false] .fun-placement__tick{color:color-mix(in srgb, var(--pl-ink) 30%, transparent)}.fun-placement__actions{justify-content:flex-end;align-items:center;gap:calc(10 * var(--u));margin-top:calc(4 * var(--u));display:flex}.fun-placement__close,.fun-placement__continue{padding:calc(8 * var(--u)) calc(20 * var(--u));border:calc(1 * var(--u)) solid transparent;font:inherit;font-size:calc(13 * var(--u));cursor:pointer;transition:transform var(--fun-tap,.11s) var(--pl-spring);border-radius:999px;font-weight:700}.fun-placement__close{border-color:color-mix(in srgb, var(--pl-ink) 16%, transparent);color:var(--pl-ink-soft);background:0 0}.fun-placement__close:hover{color:var(--pl-ink)}.fun-placement__continue{padding:calc(9 * var(--u)) calc(24 * var(--u));background:var(--pl-primary);color:#fff}.fun-placement__continue:hover{background:color-mix(in srgb, var(--pl-primary) 88%, #000)}.fun-placement__continue:disabled{background:color-mix(in srgb, var(--pl-ink) 14%, transparent);color:var(--pl-ink-soft);cursor:default}.fun-placement__close:active,.fun-placement__continue:active{transition-duration:60ms;transform:scale(.96)}@keyframes fun-placement-scrim{0%{opacity:0}to{opacity:1}}@keyframes fun-placement-in{0%{opacity:0;transform:translate3d(0, calc(14 * var(--u)), 0) scale(.96)}to{opacity:1;transform:none}}@keyframes fun-placement-fill{0%{transform:scaleX(0)}to{transform:scaleX(var(--fill,0))}}@keyframes fun-placement-row{0%{opacity:0;transform:translate3d(calc(-6 * var(--u)), 0, 0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fun-placement__scrim,.fun-placement__card,.fun-placement__fill,.fun-placement__objective{animation:none!important}}.fun-placement[data-reduced=true] .fun-placement__scrim,.fun-placement[data-reduced=true] .fun-placement__card,.fun-placement[data-reduced=true] .fun-placement__fill,.fun-placement[data-reduced=true] .fun-placement__objective{animation:none!important}
.fun-session-menu{--menu-spring:var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));--menu-out:var(--fun-out,cubic-bezier(.16, 1, .3, 1));--menu-ink:var(--fun-ink,#032d60);--menu-ink-soft:var(--fun-ink-soft,#5a6b80);--menu-surface:var(--fun-surface,#fff);--u:var(--px,1px);left:calc(10 * var(--u));bottom:calc(46 * var(--u));z-index:5;width:calc(268 * var(--u));gap:calc(6 * var(--u));max-width:100%;padding:calc(10 * var(--u));border-radius:calc(16 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--menu-ink) 10%, transparent);background:color-mix(in srgb, var(--menu-surface) 96%, transparent);-webkit-backdrop-filter:blur(calc(14 * var(--u)));backdrop-filter:blur(calc(14 * var(--u)));box-shadow:0 calc(14 * var(--u)) calc(38 * var(--u)) #032d6033;font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--menu-ink);transform-origin:calc(20 * var(--u)) 100%;animation:fun-menu-open var(--fun-pop,.19s) var(--menu-spring);flex-direction:column;display:flex;position:absolute}@keyframes fun-menu-open{0%{opacity:0;transform:translate3d(0, calc(8 * var(--u)), 0) scale(.88)}to{opacity:1;transform:translate(0,0)scale(1)}}.fun-session-menu__title{margin:0 0 calc(2 * var(--u));padding:0 calc(8 * var(--u));font-size:calc(10 * var(--u));text-transform:uppercase;letter-spacing:.09em;color:var(--menu-ink-soft);font-weight:700}.fun-session-menu__list{gap:calc(2 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fun-session-menu__list li{animation:fun-menu-row .28s var(--menu-spring) backwards;animation-delay:calc(var(--i,0) * 45ms)}@keyframes fun-menu-row{0%{opacity:0;transform:translate3d(calc(-8 * var(--u)), 0, 0)}to{opacity:1;transform:translate(0,0)}}.fun-session-menu__row{align-items:center;gap:calc(10 * var(--u));width:100%;padding:calc(7 * var(--u)) calc(8 * var(--u));border-radius:calc(11 * var(--u));font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--fun-tap,.11s) linear, transform var(--fun-tap,.11s) var(--menu-spring);background:0 0;border:0;display:flex}.fun-session-menu__row:hover{background:color-mix(in srgb, var(--menu-ink) 6%, transparent)}.fun-session-menu__row:active{transition-duration:60ms;transform:scale(.98)}.fun-session-menu__row:focus-visible{outline:calc(2 * var(--u)) solid var(--fun-accent,#086aff);outline-offset:calc(-2 * var(--u))}.fun-session-menu__text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.fun-session-menu__label{font-size:calc(10 * var(--u));text-transform:uppercase;letter-spacing:.08em;color:var(--menu-ink-soft);font-weight:700}.fun-session-menu__value{font-size:calc(13.5 * var(--u));font-weight:650}.fun-session-menu__chevron{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--menu-ink-soft);flex:none}.fun-session-panel{--u:var(--px,1px);gap:calc(10 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u)) calc(12 * var(--u));font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--fun-ink,#032d60);flex-direction:column;display:flex}.fun-session-panel__head{gap:calc(4 * var(--u));flex-direction:column;display:flex}.fun-session-panel__title{font-size:calc(13 * var(--u));letter-spacing:-.005em;margin:0;font-weight:700}.fun-session-panel[data-variant=ask] .fun-session-panel__title{font-size:calc(16 * var(--u));font-weight:650;line-height:1.35}.fun-session-panel__hint{font-size:calc(12 * var(--u));color:var(--fun-ink-soft,#5a6b80);margin:0;line-height:1.35}@media (prefers-reduced-motion:reduce){.fun-session-menu,.fun-session-menu *{transition:none!important;animation:none!important}}.fun-session-menu[data-reduced=true],.fun-session-menu[data-reduced=true] *{transition:none!important;animation:none!important}
.fun-session{--px:.06165cqw;--fun-cold:var(--color-cloud-blue-80,#90d0fe);--fun-warm:var(--color-violet-80,#e5b9fe);--fun-current:var(--color-periwinkle,#bbc4fe);--fun-ink:var(--fun-ink-color,#032d60);--fun-ink-soft:var(--fun-ink-soft-color,#5a6b80);--fun-surface:var(--fun-surface-color,#fff);--fun-hairline:var(--fun-hairline-color,#d7e5f5);--fun-accent:var(--fun-accent-color,#086aff);--fun-spring:cubic-bezier(.22, 1.42, .36, 1);--fun-spring-soft:cubic-bezier(.34, 1.24, .44, 1);--fun-out:cubic-bezier(.16, 1, .3, 1);--fun-tap:.11s;--fun-pop:.19s;--fun-beat:.32s;--fun-celebrate:.72s;isolation:isolate;height:100%;font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif);font-size:calc(16 * var(--px));color:var(--fun-ink);background:var(--fun-sky,linear-gradient(180deg, #9ed7fd 0%, #cfeafe 46%, #eaf5fe 100%));position:relative;overflow:hidden;container-type:size}.fun-session__band{z-index:0;transition:opacity var(--fun-celebrate,.72s) var(--fun-out);position:absolute;inset:0}.fun-session[data-world-hidden=true] .fun-session__band,.fun-session[data-world-hidden=true] .fun-session__topbar,.fun-session[data-world-hidden=true] .fun-session__rail,.fun-session[data-world-hidden=true] .fun-session__aside,.fun-session[data-world-hidden=true] .fun-session__column,.fun-session[data-world-hidden=true] .fun-session__footer{opacity:0;pointer-events:none}.fun-session__stage{z-index:1;transition:opacity var(--fun-celebrate,.72s) var(--fun-out);position:absolute;inset:0}.fun-session[data-stage=true] .fun-session__band,.fun-session[data-stage-leaving=true] .fun-session__stage{opacity:0;pointer-events:none}.fun-session[data-stage=true] .fun-session__column{width:calc(700 * var(--px));height:50%;padding-top:calc(36 * var(--px));pointer-events:none;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 calc(48 * var(--px)));mask-image:linear-gradient(to bottom, transparent 0, #000 calc(48 * var(--px)));position:absolute;bottom:0;left:50%;translate:-50%}.fun-session[data-stage=true] .fun-session__goal-block,.fun-session[data-stage=true] .fun-session__chat>*{pointer-events:auto}.fun-session__topbar{z-index:3;top:calc(24 * var(--px));left:calc(44 * var(--px));right:calc(44 * var(--px));transition:opacity var(--fun-celebrate,.72s) var(--fun-out);justify-content:space-between;align-items:center;display:flex;position:absolute}.fun-session__lockup{align-items:center;gap:calc(10 * var(--px));display:flex}.fun-session__cloud{height:calc(24 * var(--px));width:auto}.fun-session__brand-text{font-size:calc(26 * var(--px));letter-spacing:-.02em;font-weight:700}.fun-session__avatar{width:calc(34 * var(--px));height:calc(34 * var(--px));background:linear-gradient(140deg, var(--fun-cold), var(--fun-warm));box-shadow:0 0 0 calc(2 * var(--px)) var(--fun-surface);border-radius:999px;display:block;overflow:hidden}.fun-session__avatar img{object-fit:cover;width:100%;height:100%}.fun-session__rail{z-index:4;top:calc(96 * var(--px));left:calc(44 * var(--px));width:calc(200 * var(--px));transition:opacity var(--fun-celebrate,.72s) var(--fun-out);position:absolute}.fun-session__aside{z-index:2;top:calc(85 * var(--px));right:calc(44 * var(--px));width:calc(200 * var(--px));transition:opacity var(--fun-celebrate,.72s) var(--fun-out);position:absolute}.fun-session__column{z-index:2;height:100%;width:calc(850 * var(--px));padding:calc(72 * var(--px)) calc(60 * var(--px)) calc(76 * var(--px));transition:opacity var(--fun-celebrate,.72s) var(--fun-out);flex-direction:column;justify-content:flex-end;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.fun-session__goal-block{align-items:center;gap:calc(8 * var(--px));text-align:center;margin-bottom:calc(26 * var(--px));flex-direction:column;flex:none;display:flex}.fun-session__emblem{width:calc(84 * var(--px));height:calc(84 * var(--px));object-fit:contain;margin-bottom:calc(6 * var(--px))}.fun-session__goal{font-size:calc(30 * var(--px));letter-spacing:-.015em;margin:0;font-weight:700;line-height:1.15}.fun-session__chip{align-items:center;gap:calc(6 * var(--px));margin:calc(2 * var(--px)) 0 0;padding:calc(4 * var(--px)) calc(12 * var(--px));border:calc(1 * var(--px)) solid color-mix(in srgb, var(--fun-warm) 55%, transparent);background:color-mix(in srgb, var(--fun-surface) 72%, transparent);font-size:calc(13 * var(--px));color:var(--fun-ink-soft);border-radius:999px;font-weight:500;line-height:1.3;display:inline-flex}.fun-session__chip strong{color:var(--fun-ink);font-weight:700}.fun-session__chat{justify-content:flex-end;align-items:center;gap:calc(14 * var(--px));flex-direction:column;flex:none;width:100%;display:flex}.fun-session__chat>*{width:100%}.fun-session__footer{z-index:3;align-items:center;gap:calc(28 * var(--px));height:calc(48 * var(--px));padding:0 calc(44 * var(--px));background:color-mix(in srgb, var(--fun-surface) 86%, transparent);-webkit-backdrop-filter:blur(calc(6 * var(--px)));backdrop-filter:blur(calc(6 * var(--px)));font-size:calc(13 * var(--px));color:var(--fun-ink-soft);transition:opacity var(--fun-celebrate,.72s) var(--fun-out);display:flex;position:absolute;bottom:0;left:0;right:0}.fun-session__footer-right{margin-left:auto}.fun-session__overlay{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.fun-session__overlay>*{pointer-events:auto}.fun-session[data-chrome=false] .fun-session__column{padding-bottom:calc(48 * var(--px))}@media (prefers-reduced-motion:reduce){.fun-session *,.fun-session__band{transition:none!important}}
.fun-skill-card{--card-spring:var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));--card-out:var(--fun-out,cubic-bezier(.16, 1, .3, 1));--card-cold:var(--color-cloud-blue-80,#90d0fe);--card-warm:var(--color-violet-80,#e5b9fe);--card-current:var(--color-periwinkle,#bbc4fe);--card-ink:var(--fun-ink,#032d60);--card-ink-soft:var(--fun-ink-soft,#4a6a8a);--card-surface:var(--fun-surface,#fff);--u:var(--px,1px);gap:calc(16 * var(--u));aspect-ratio:16/9;width:100%;padding:calc(20 * var(--u)) calc(24 * var(--u)) calc(16 * var(--u));border-radius:calc(22 * var(--u));background:linear-gradient(180deg, color-mix(in srgb, var(--card-cold) 34%, var(--card-surface)) 0%, var(--card-surface) 46%, color-mix(in srgb, var(--card-warm) 30%, var(--card-surface)) 100%);box-shadow:0 calc(18 * var(--u)) calc(50 * var(--u)) #032d602e;font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--card-ink);transform-origin:50%;transition:transform var(--fun-celebrate,.72s) var(--card-spring);border:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.fun-skill-card[data-state=bloom]{animation:fun-card-lift .62s var(--card-spring) backwards}@keyframes fun-card-lift{0%{opacity:0;transform:translateY(26px)scale(.9)}60%{transform:translateY(-6px)scale(1.03)}to{opacity:1;transform:translate(0,0)scale(1)}}.fun-skill-card__sweep{pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 40%,#ffffff9e 50%,#0000 60%);position:absolute;inset:-30% -60%;transform:translate(-60%)}.fun-skill-card[data-state=bloom] .fun-skill-card__sweep,.fun-skill-card[data-state=full-frame] .fun-skill-card__sweep{animation:fun-card-sweep 1.1s var(--card-out) .18s}@keyframes fun-card-sweep{0%{opacity:0;transform:translate(-60%)}25%{opacity:1}to{opacity:0;transform:translate(60%)}}.fun-skill-card__head{justify-content:space-between;align-items:center;display:flex}.fun-skill-card__lockup{align-items:center;gap:calc(8 * var(--u));font-size:calc(19 * var(--u));letter-spacing:-.02em;color:var(--card-ink);margin:0;font-weight:700;display:flex}.fun-skill-card__verifier{height:calc(22 * var(--u));width:auto}.fun-skill-card__brand{height:calc(20 * var(--u));width:auto}.fun-skill-card__body{justify-content:center;align-items:center;gap:calc(8 * var(--u));text-align:center;min-height:0;padding:calc(4 * var(--u)) 0 calc(6 * var(--u));flex-direction:column;flex:1;display:flex}.fun-skill-card__eyebrow{font-size:calc(11 * var(--u));text-transform:uppercase;letter-spacing:.12em;color:var(--card-ink-soft);margin:0;font-weight:700}.fun-skill-card__title{font-size:calc(30 * var(--u));letter-spacing:-.02em;margin:0;font-weight:750;line-height:1.1}.fun-skill-card__chip--points{border-color:color-mix(in srgb, var(--card-warm) 55%, transparent);background:color-mix(in srgb, var(--card-warm) 22%, var(--card-surface));font-variant-numeric:tabular-nums;color:var(--card-ink-soft)}.fun-skill-card[data-state=bloom] .fun-skill-card__chip--points{animation-delay:calc(.26s + var(--i,0) * 90ms)}.fun-skill-card__capability{max-width:calc(470 * var(--u));font-size:calc(15.5 * var(--u));letter-spacing:-.005em;color:var(--card-ink-soft);margin:0;font-weight:500;line-height:1.45}.fun-skill-card[data-state=bloom] .fun-skill-card__capability{animation:fun-capability-rise .56s var(--card-out) .64s backwards}@keyframes fun-capability-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}.fun-skill-card__chips{justify-content:center;gap:calc(6 * var(--u));margin:calc(4 * var(--u)) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.fun-skill-card__chip{align-items:center;gap:calc(6 * var(--u));padding:calc(5 * var(--u)) calc(11 * var(--u));border-radius:calc(8 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--card-ink) 12%, transparent);background:color-mix(in srgb, var(--card-surface) 82%, transparent);font-size:calc(12 * var(--u));color:var(--card-ink);font-weight:650;display:flex}.fun-skill-card__chip svg{width:calc(12 * var(--u));height:calc(12 * var(--u));color:var(--fun-accent,#086aff)}.fun-skill-card[data-state=bloom] .fun-skill-card__chip{animation:fun-chip-fan .42s var(--card-spring) backwards;animation-delay:calc(.26s + var(--i,0) * 90ms)}@keyframes fun-chip-fan{0%{opacity:0;transform:translate(-14px,8px)rotate(-7deg)scale(.86)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}.fun-skill-card__foot{justify-content:space-between;align-items:center;gap:calc(10 * var(--u));padding-top:calc(12 * var(--u));border-top:calc(1 * var(--u)) solid color-mix(in srgb, var(--card-ink) 10%, transparent);flex-wrap:wrap;display:flex}.fun-skill-card__verified{font-size:calc(11 * var(--u));color:var(--card-ink-soft);margin:0;font-weight:600}.fun-skill-card__share{gap:calc(8 * var(--u));display:flex}.fun-skill-card__share-button{width:calc(30 * var(--u));height:calc(30 * var(--u));border:calc(1.5 * var(--u)) solid var(--fun-accent,#086aff);color:var(--fun-accent,#086aff);cursor:pointer;transition:transform var(--fun-tap,.11s) var(--card-spring);background:0 0;border-radius:999px;place-items:center;padding:0;display:grid}.fun-skill-card__share-button svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}.fun-skill-card__share-button:active{transition-duration:60ms;transform:scale(.93)}.fun-skill-card[data-state=full-frame]{width:calc(660 * var(--u));transform:scale(var(--fill,1.5));box-shadow:0 calc(40 * var(--u)) calc(120 * var(--u)) #032d6057}.fun-skill-card-post{--u:var(--px,1px);gap:calc(12 * var(--u));width:calc(470 * var(--u));padding:calc(16 * var(--u));border-radius:calc(18 * var(--u));border:calc(1 * var(--u)) solid var(--fun-hairline,#d7e5f5);background:var(--fun-surface,#fff);box-shadow:0 calc(20 * var(--u)) calc(60 * var(--u)) #032d6033;font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--fun-ink,#032d60);animation:fun-post-settle .52s var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));flex-direction:column;display:flex}@keyframes fun-post-settle{0%{opacity:0;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.fun-skill-card-post__frame{aspect-ratio:16/9;width:100%;position:relative}.fun-skill-card-post .fun-skill-card{width:calc(660 * var(--u));box-shadow:none;transform-origin:0 0;position:absolute;inset:0 auto auto 0;transform:scale(.663636)}.fun-skill-card-post__head{align-items:center;gap:calc(8 * var(--u));display:flex}.fun-skill-card-post__avatar{width:calc(32 * var(--u));height:calc(32 * var(--u));background:linear-gradient(140deg, var(--color-cloud-blue-80,#90d0fe), var(--color-violet-80,#e5b9fe));border-radius:999px;overflow:hidden}.fun-skill-card-post__avatar img{object-fit:cover;width:100%;height:100%}.fun-skill-card-post__who{font-size:calc(12 * var(--u));flex-direction:column;line-height:1.25;display:flex}.fun-skill-card-post__who span{color:var(--fun-ink-soft,#4a6a8a);font-size:calc(11 * var(--u))}.fun-skill-card-post__caption{font-size:calc(14 * var(--u));margin:0;line-height:1.45}.fun-skill-card-post__chip{margin:calc(-4 * var(--u)) 0 0;padding:calc(3 * var(--u)) calc(10 * var(--u));background:color-mix(in srgb, var(--color-violet-80,#e5b9fe) 40%, transparent);font-size:calc(11 * var(--u));border-radius:999px;align-self:flex-start;font-weight:700}.fun-skill-card-post__reply{padding-left:calc(40 * var(--u));font-size:calc(12 * var(--u));color:var(--fun-ink-soft,#5a6b80);margin:0;line-height:1.4}.fun-skill-card-post__bar{gap:calc(24 * var(--u));padding-top:calc(8 * var(--u));border-top:calc(1 * var(--u)) solid var(--fun-hairline,#d7e5f5);font-size:calc(12 * var(--u));color:var(--fun-ink-soft,#4a6a8a);font-weight:650;display:flex}@media (prefers-reduced-motion:reduce){.fun-skill-card,.fun-skill-card *,.fun-skill-card-post{transition:none!important;animation:none!important}.fun-skill-card__sweep{opacity:0}}.fun-skill-card[data-reduced=true],.fun-skill-card[data-reduced=true] *{transition:none!important;animation:none!important}.fun-skill-card[data-reduced=true] .fun-skill-card__sweep{opacity:0}
.fun-skill-rail{--rail-spring:var(--fun-spring,cubic-bezier(.22, 1.42, .36, 1));--rail-out:var(--fun-out,cubic-bezier(.16, 1, .3, 1));--rail-cold:var(--color-cloud-blue-80,#90d0fe);--rail-warm:var(--color-violet-80,#e5b9fe);--rail-ink:var(--fun-ink,#032d60);--rail-ink-soft:var(--fun-ink-soft,#5a6b80);--rail-surface:var(--fun-surface,#fff);--u:var(--px,1px);gap:calc(12 * var(--u));font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--rail-ink);flex-direction:column;display:flex}.fun-skill-rail__heading{font-size:calc(15 * var(--u));letter-spacing:-.01em;margin:0;font-weight:700}.fun-skill-rail__heading span{color:var(--rail-ink-soft);font-weight:400}.fun-skill-rail__list{gap:calc(10 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fun-skill-rail__item{position:relative}.fun-skill-rail__slab{align-items:center;gap:calc(8 * var(--u));height:calc(30 * var(--u));padding:0 calc(10 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--warmth,var(--rail-cold)) 60%, transparent);background:var(--rail-surface);transition:transform var(--fun-pop,.19s) var(--rail-spring), box-shadow var(--fun-pop,.19s) var(--rail-out);border-radius:999px;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.fun-skill-rail__slab[tabindex]{cursor:default}.fun-skill-rail__slab:focus-visible{outline:calc(2 * var(--u)) solid var(--fun-accent,#086aff);outline-offset:calc(2 * var(--u))}.fun-skill-rail[data-revealed=false] .fun-skill-rail__slab{opacity:0;transform:translate3d(calc(-18 * var(--u)), 0, 0) scale(.94)}.fun-skill-rail[data-revealed=true] .fun-skill-rail__slab{animation:fun-slab-in .26s var(--rail-out) backwards;animation-delay:calc(var(--i,0) * 55ms)}@keyframes fun-slab-in{0%{opacity:0;transform:translate(-130px)}to{opacity:1;transform:translate(0,0)}}.fun-skill-rail[data-exiting=true] .fun-skill-rail__slab{animation:.17s ease-in forwards fun-slab-out;animation-delay:calc(var(--i,0) * 35ms)}@keyframes fun-slab-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(26px)}}.fun-skill-rail__slab[data-highlight=true]{transform:translate3d(0, calc(-2 * var(--u)), 0) scale(1.03);box-shadow:0 calc(8 * var(--u)) calc(22 * var(--u)) color-mix(in srgb, var(--rail-warm) 48%, transparent)}@property --fill-t{syntax:"<number>";inherits:true;initial-value:0}.fun-skill-rail__fill{--fill-t:var(--t,0);background:color-mix(in srgb, var(--rail-warm) calc(var(--fill-t) * 100%), var(--rail-cold));opacity:.5;transform-origin:0;transform:scaleX(var(--t,0));transition:transform var(--fun-celebrate,.72s) var(--rail-spring), --fill-t var(--fun-celebrate,.72s) var(--rail-out);border-radius:0;position:absolute;inset:0}.fun-skill-rail__sweep{inset:calc(-20 * var(--u)) calc(-60 * var(--u));opacity:0;background:linear-gradient(100deg,#0000 38%,#ffffffd9 50%,#0000 62%);position:absolute;transform:translate(-70%)}.fun-skill-rail__slab[data-highlight=true] .fun-skill-rail__sweep{animation:fun-slab-sweep var(--fun-celebrate,.72s) var(--rail-out)}@keyframes fun-slab-sweep{0%{opacity:0;transform:translate(-70%)}25%{opacity:1}to{opacity:0;transform:translate(70%)}}.fun-skill-rail__mark{width:calc(15 * var(--u));height:calc(15 * var(--u));color:var(--rail-ink);flex:none;position:relative}.fun-skill-rail__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(13 * var(--u));letter-spacing:-.005em;flex:1;font-weight:500;position:relative;overflow:hidden}.fun-skill-rail__chip{font-size:calc(11 * var(--u));letter-spacing:.01em;color:var(--rail-ink);opacity:.72;flex:none;font-weight:700;position:relative}.fun-skill-rail__slab[data-state=not-started] .fun-skill-rail__chip{color:var(--rail-ink-soft);opacity:.6}@media (prefers-reduced-motion:reduce){.fun-skill-rail__slab,.fun-skill-rail__fill,.fun-skill-rail__sweep{transition:none!important;animation:none!important}.fun-skill-rail[data-revealed=false] .fun-skill-rail__slab,.fun-skill-rail[data-revealed=true] .fun-skill-rail__slab,.fun-skill-rail__slab[data-highlight=true]{opacity:1;transform:none}.fun-skill-rail__sweep{opacity:0}}.fun-skill-rail[data-variant=inline] .fun-skill-rail__slab{height:calc(36 * var(--u));padding:0 calc(12 * var(--u))}.fun-skill-rail[data-variant=inline] .fun-skill-rail__name{font-size:calc(14 * var(--u));white-space:normal}.fun-skill-rail[data-variant=inline] .fun-skill-rail__chip{font-size:calc(12 * var(--u))}.fun-skill-rail__card{top:calc(-8 * var(--u));left:calc(100% + 10 * var(--u));z-index:6;width:calc(248 * var(--u));gap:calc(5 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(12 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--rail-ink) 10%, transparent);background:color-mix(in srgb, var(--rail-surface) 96%, transparent);-webkit-backdrop-filter:blur(calc(12 * var(--u)));backdrop-filter:blur(calc(12 * var(--u)));box-shadow:0 calc(12 * var(--u)) calc(34 * var(--u)) #032d602e;pointer-events:none;opacity:0;transform:translate3d(calc(-6 * var(--u)), 0, 0);transition:opacity var(--fun-tap,.11s) var(--rail-out), transform var(--fun-tap,.11s) var(--rail-out);flex-direction:column;display:flex;position:absolute}.fun-skill-rail__item:hover .fun-skill-rail__card,.fun-skill-rail__item:focus-within .fun-skill-rail__card{opacity:1;transform:translate(0,0)}.fun-skill-rail__card-name{font-size:calc(13.5 * var(--u));margin:0;font-weight:700;line-height:1.25}.fun-skill-rail__card-state{padding:calc(1.5 * var(--u)) calc(6 * var(--u));border-radius:calc(4 * var(--u));background:color-mix(in srgb, var(--warmth,var(--rail-cold)) 45%, transparent);font-size:calc(9.5 * var(--u));letter-spacing:.05em;text-transform:uppercase;color:var(--rail-ink);align-self:flex-start;margin:0;font-weight:700;line-height:1.3}.fun-skill-rail__slab[data-state=not-started]~.fun-skill-rail__card .fun-skill-rail__card-state{background:color-mix(in srgb, var(--rail-ink) 8%, transparent);color:var(--rail-ink-soft)}.fun-skill-rail__card-body{font-size:calc(12 * var(--u));color:var(--rail-ink-soft);margin:0;line-height:1.4}.fun-skill-rail__card-objectives{margin:calc(2 * var(--u)) 0 0;padding-top:calc(7 * var(--u));border-top:calc(1 * var(--u)) solid color-mix(in srgb, var(--rail-ink) 8%, transparent);font-size:calc(11.5 * var(--u));color:var(--rail-ink-soft)}.fun-skill-rail__card-objectives strong{font-variant-numeric:tabular-nums;color:var(--rail-ink)}@media (prefers-reduced-motion:reduce){.fun-skill-rail__card{transition:none!important;transform:none!important}}
.fun-terrain-band{pointer-events:none;position:absolute;inset:auto 0 0}.fun-terrain-band__art{width:100%;height:auto;display:block}.fun-terrain-band__art--incoming{animation:fun-terrain-cross .62s var(--fun-out,cubic-bezier(.16, 1, .3, 1)) forwards;position:absolute;inset:auto 0 0}@keyframes fun-terrain-cross{0%{opacity:0}to{opacity:1}}.fun-terrain-band__bloom{background:radial-gradient(46% 100% at 50% 100%, color-mix(in srgb, var(--warmth,#90d0fe) 82%, transparent), transparent 70%);opacity:calc(var(--t,0) * .62);transition:opacity var(--fun-celebrate,.72s) var(--fun-out,ease-out);mix-blend-mode:screen;position:absolute;inset:-60% 0 0}@media (prefers-reduced-motion:reduce){.fun-terrain-band__art--incoming,.fun-terrain-band__bloom{transition:none!important;animation:none!important}.fun-terrain-band__art--incoming{opacity:1}}.fun-terrain-band[data-reduced=true] .fun-terrain-band__bloom{transition:none}