:root{--ink:#2a1155;--ink-soft:#5b4488;--card:#ffffffd1;--card-line:#ffffffe6;--shadow-soft:0 18px 40px -18px #2a11558c;--shadow-toy:0 14px 0 -4px #2a11552e, 0 26px 40px -18px #2a115599;--sans:"Nunito", system-ui, "Segoe UI", Roboto, sans-serif;--display:"Comfortaa", "Nunito", system-ui, "Segoe UI", Roboto, sans-serif;font:700 18px/1.45 var(--sans);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}@media (width<=720px){:root{font-size:16px}}*,:before,:after{box-sizing:border-box}body{overscroll-behavior-y:none;background:#3b1e7a;min-height:100svh;margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--display);margin:0;font-weight:700}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none}:focus-visible{outline-offset:5px;outline:5px solid #fff}@property --h1{syntax:"<number>";inherits:false;initial-value:265}@property --h2{syntax:"<number>";inherits:false;initial-value:320}@property --h3{syntax:"<number>";inherits:false;initial-value:195}@property --h4{syntax:"<number>";inherits:false;initial-value:45}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-gradient{background:radial-gradient(70% 60% at 18% 14%, hsl(var(--h1) 95% 72% / .95), transparent 62%), radial-gradient(65% 55% at 84% 12%, hsl(var(--h2) 92% 70% / .95), transparent 62%), radial-gradient(75% 65% at 82% 88%, hsl(var(--h3) 90% 66% / .95), transparent 64%), radial-gradient(70% 60% at 14% 86%, hsl(var(--h4) 95% 68% / .95), transparent 62%), linear-gradient(160deg, hsl(var(--h1) 85% 58%), hsl(var(--h3) 85% 56%));animation:26s linear infinite hue-drift;position:absolute;inset:-10%}@keyframes hue-drift{0%{--h1:265;--h2:320;--h3:195;--h4:45}to{--h1:625;--h2:680;--h3:555;--h4:405}}.bg-sheen{mix-blend-mode:soft-light;background:conic-gradient(#fff0 0deg,#ffffff73 60deg,#fff0 130deg,#ffffff4d 220deg,#fff0 300deg 360deg);animation:32s linear infinite sheen-spin;position:absolute;inset:-40%}@keyframes sheen-spin{to{transform:rotate(1turn)}}.bg-orbs{filter:blur(42px);position:absolute;inset:0}.bg-orb{left:var(--x);top:var(--y);width:var(--size);height:var(--size);margin:calc(var(--size) / -2);background:radial-gradient(circle at 35% 35%, hsl(var(--hue) 100% 78% / .85), hsl(var(--hue) 100% 60% / .35) 55%, transparent 72%);animation:orb-float var(--dur) ease-in-out var(--delay) infinite alternate;border-radius:50%;position:absolute}@keyframes orb-float{0%{transform:translate(-6vmin,4vmin)scale(.92)}to{transform:translate(7vmin,-5vmin)scale(1.12)}}.bg-sparkles{position:absolute;inset:0}.bg-sparkle{width:var(--size);height:var(--size);margin:calc(var(--size) / -2);opacity:0;animation:twinkle var(--dur) ease-in-out var(--delay) infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 12px #ffffffe6}@keyframes twinkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.bg-gradient,.bg-sheen,.bg-orb,.bg-sparkle{animation:none}.bg-sparkle{opacity:.6}}.shooter{color:#3d2350;background:linear-gradient(#d0ebff 0%,#e7f5ff 52%,#fff0f6 100%);font-weight:800;position:absolute;inset:0;overflow:hidden}.shooter-layer{pointer-events:none;will-change:transform;position:absolute;inset:0 -12%}.shooter-drift{animation:30s ease-in-out infinite alternate shooter-drift;position:absolute;inset:0}.shooter-far{opacity:.45;filter:blur(.6px)}.shooter-far .shooter-drift{animation-duration:42s}.shooter-mid{opacity:.7}.shooter-mid .shooter-drift{animation-duration:26s}.shooter-near{opacity:.9}.shooter-near .shooter-drift{animation-duration:18s}.shooter-item{line-height:1;position:absolute;transform:translate(-50%,-50%)}@keyframes shooter-drift{0%{transform:translate(-2.5%)}to{transform:translate(2.5%)}}.shooter-danger{border-top:3px dashed #ff6b9d73;height:0;position:absolute;inset-inline:0}.shooter-blob{filter:drop-shadow(0 4px 6px #5a288240);font-size:clamp(1.7rem,4vw,2.6rem);line-height:1;position:absolute;transform:translate(-50%,-50%)}.shooter-blob.is-gold{animation:1.4s ease-in-out infinite alternate shooter-shine}.shooter-blob.is-hard{filter:drop-shadow(0 4px 6px #5a288259)saturate(.7)}@keyframes shooter-shine{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.18)}}.shooter-shot{background:linear-gradient(#ff6b9d,#845ef7);border-radius:50% 50% 60% 60%;width:18px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px #845ef78c}.shooter-ship{filter:drop-shadow(0 6px 10px #5a28824d);font-size:clamp(2.2rem,5vw,3.2rem);line-height:1;position:absolute;transform:translate(-50%,-50%)rotate(-45deg)}.shooter-spark{font-size:1.8rem;line-height:1;animation:.55s ease-out forwards shooter-spark;position:absolute;transform:translate(-50%,-50%)}@keyframes shooter-spark{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-90%)scale(1.6)}}.shooter-hud{pointer-events:none;background:#ffffffb3;border-radius:999px;margin:0;padding:5px 12px;font-size:.85rem;position:absolute;top:10px;left:16px}.shooter-over{text-align:center;background:#ffffffb8;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.shooter-over p{margin:0}.shooter-over-title{font-size:clamp(1.4rem,4vw,2rem)}@media (prefers-reduced-motion:reduce){.shooter-drift,.shooter-blob.is-gold,.shooter-spark{animation:none}}.blobby{flex-direction:column;align-items:center;gap:14px;display:flex}.blobby-squish{transform-origin:50% 100%;width:170px;height:150px;animation:3.6s ease-in-out infinite blobby-bob;position:relative}@media (width>=721px) and (height<=840px){.blobby-squish{width:148px;height:132px}}@media (width<=720px){.blobby-squish{width:136px;height:122px}}.blobby-squish.is-pressed{animation:.6s cubic-bezier(.22,.9,.28,1.3) blobby-squish}.blobby-body{background:radial-gradient(70% 60% at 30% 25%, #ffffff8c, transparent 60%), linear-gradient(150deg, var(--c1), var(--c2) 55%, var(--c3));border-radius:52% 48% 44% 56%/58% 54% 46% 42%;width:100%;height:100%;transition:background .5s,box-shadow .5s;animation:8s ease-in-out infinite blobby-morph;position:relative;box-shadow:inset 0 -18px 30px -18px #00000059,0 26px 40px -20px #2a1155bf}.blobby-shine{filter:blur(1px);background:#ffffffbf;border-radius:50%;width:34px;height:22px;position:absolute;top:14%;left:20%;transform:rotate(-24deg)}.blobby-face{justify-content:center;gap:30px;display:flex;position:absolute;top:42%;left:0;right:0}.blobby-eye{background:#fff;border-radius:50%;place-items:center;width:30px;height:34px;animation:5.5s ease-in-out infinite blobby-blink;display:grid;box-shadow:inset 0 -3px 6px #2a11552e}.blobby-eye i{width:15px;height:16px;transform:translate(var(--px,0px), var(--py,0px));background:#2a1155;border-radius:50%;transition:transform .12s ease-out}.blobby-eye:nth-child(2){animation-delay:80ms}.blobby-mouth{background:#3a1560;border-radius:0 0 40px 40px;width:42px;height:22px;margin-left:-21px;position:absolute;top:65%;left:50%;box-shadow:inset 0 -8px 0 -2px #ff6b9d}.blobby-cheek{filter:blur(2px);background:#ff6b9d8c;border-radius:50%;width:22px;height:13px;position:absolute;top:58%}.blobby-cheek--l{left:16%}.blobby-cheek--r{right:16%}.blobby-badge{filter:drop-shadow(0 6px 10px #2a115573);font-size:44px;line-height:1;animation:.7s cubic-bezier(.2,.9,.3,1.5) badge-pop;position:absolute;top:-18px;right:-6px}.blobby-phrase{font-family:var(--display);color:var(--ink);box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;padding:8px 20px;font-size:22px;animation:.45s cubic-bezier(.2,.9,.3,1.5) phrase-pop;position:relative}@media (width<=720px){.blobby-phrase{font-size:18px}}.blobby-phrase:before{content:"";background:#fff;border-radius:3px;width:16px;height:16px;margin-left:-8px;position:absolute;top:-8px;left:50%;transform:rotate(45deg)}@keyframes blobby-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-14px)rotate(1.5deg)}}@keyframes blobby-morph{0%,to{border-radius:52% 48% 44% 56%/58% 54% 46% 42%}33%{border-radius:44% 56% 58% 42%/46% 62% 38% 54%}66%{border-radius:58% 42% 48% 52%/52% 44% 56% 48%}}@keyframes blobby-squish{0%{transform:scale(1)}25%{transform:scale(1.22,.78)translateY(10px)}55%{transform:scale(.88,1.16)translateY(-18px)}75%{transform:scale(1.06,.94)translateY(4px)}to{transform:scale(1)}}@keyframes blobby-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes phrase-pop{0%{opacity:0;transform:scale(.7)translateY(-8px)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes badge-pop{0%{opacity:0;transform:scale(0)rotate(-25deg)}60%{opacity:1;transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.blobby-squish,.blobby-body,.blobby-eye,.blobby-badge,.blobby-phrase{animation:none}.blobby-squish.is-pressed{animation:.4s blobby-squish}}.page{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:28px 20px 32px;display:flex;position:relative}@media (width<=720px){.page{gap:16px;padding:24px 16px 16px}}@media (width>=721px) and (height<=840px){.page{gap:14px;padding:20px 20px 18px}.title{font-size:clamp(48px,9vw,76px)}.stage{gap:14px}.toy{padding:12px 12px 10px}}.hero{z-index:2;text-align:center;position:relative}.title{letter-spacing:2px;color:#fff;justify-content:center;font-size:clamp(52px,12vw,96px);line-height:1;display:flex}.title span{text-shadow:0 4px #2a115540,0 14px 28px #2a115573;animation:2.4s ease-in-out infinite letter-dance;animation-delay:calc(var(--i) * .12s);display:inline-block}.subtitle{color:#fff;text-shadow:0 3px 10px #2a115580;margin-top:8px;font-size:clamp(17px,2.4vw,21px)}@keyframes letter-dance{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}.stage{z-index:2;flex-direction:column;align-items:center;gap:18px;width:min(920px,100%);display:flex;position:relative}.score{font-family:var(--display);color:var(--ink);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid var(--card-line);box-shadow:var(--shadow-soft);border-radius:999px;padding:6px 22px;font-size:20px;animation:.45s cubic-bezier(.2,.9,.3,1.6) score-pop}.score b{color:#e8590c}@keyframes score-pop{0%{transform:scale(.82)}60%{transform:scale(1.12)}to{transform:scale(1)}}.toys{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;display:grid}@media (width<=720px){.toys{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.toy{color:#fff;background:radial-gradient(120% 90% at 30% 0%, #ffffff8c, transparent 60%), linear-gradient(150deg, var(--c1), var(--c2));box-shadow:var(--shadow-toy);border-radius:26px;flex-direction:column;align-items:center;gap:4px;padding:16px 12px 14px;transition:transform .2s cubic-bezier(.2,.9,.3,1.5),box-shadow .2s;display:flex;position:relative;overflow:hidden}@media (width<=720px){.toy{border-radius:22px;padding:12px 8px 10px}}.toy:hover{transform:translateY(-8px)scale(1.04)rotate(-1.5deg);box-shadow:0 18px 0 -4px #2a11552e,0 34px 50px -20px #2a1155b3}.toy:active{transform:translateY(4px)scale(.94)}.toy.is-popped{animation:.6s cubic-bezier(.22,.9,.28,1.3) toy-jelly}.toy.is-popped:after{content:"";background:#fff9;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.6s ease-out forwards toy-ripple;position:absolute;top:50%;left:50%}.toy-emoji{filter:drop-shadow(0 6px 8px #2a115559);font-size:clamp(36px,7vw,56px);line-height:1;transition:transform .25s cubic-bezier(.2,.9,.3,1.6)}.toy:hover .toy-emoji{transform:scale(1.15)rotate(8deg)}.toy-label{font-family:var(--display);text-shadow:0 2px 6px #2a115566;font-size:clamp(15px,2vw,19px)}@keyframes toy-jelly{0%{transform:scale(.94)}35%{transform:scale(1.12,.88)}60%{transform:scale(.95,1.06)}to{transform:scale(1)}}@keyframes toy-ripple{to{opacity:0;width:320px;height:320px;margin:-160px 0 0 -160px}}.toy:focus-visible,.sound-toggle:focus-visible{outline-offset:5px;outline:5px solid #fff}.toy:focus-visible{box-shadow:var(--shadow-toy), 0 0 0 12px #2a115566}.sound-toggle:focus-visible{box-shadow:var(--shadow-soft), 0 0 0 12px #2a115566}.toy:focus-visible:before{content:"";pointer-events:none;border:4px dashed #fffffff2;border-radius:18px;animation:1.5s ease-in-out infinite focus-pulse;position:absolute;inset:7px}.toy:focus-visible .toy-emoji{transform:scale(1.12)rotate(-7deg)}@keyframes focus-pulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.sound-toggle{z-index:6;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid var(--card-line);width:54px;height:54px;box-shadow:var(--shadow-soft);border-radius:50%;font-size:24px;transition:transform .2s cubic-bezier(.2,.9,.3,1.5);position:fixed;top:16px;right:16px}.sound-toggle:hover{transform:scale(1.1)rotate(-8deg)}.sound-toggle:active{transform:scale(.9)}.hint{z-index:2;color:#fff;text-align:center;text-shadow:0 3px 10px #2a11558c;font-size:16px;position:relative}@media (width<=720px){.hint{font-size:14px}}.build-info{z-index:2;color:#ebe7f7b3;text-align:center;text-shadow:0 1px 4px #2a115559;flex-wrap:wrap;justify-content:center;gap:2px 12px;margin-top:auto;font-size:11px;font-weight:600;line-height:1.2;display:flex;position:relative}@media (width<=720px){.build-info{gap:0 8px;font-size:10px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fx{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.splat{width:var(--size);height:var(--size);margin:calc(var(--size) / -2);background:var(--c);opacity:.85;mix-blend-mode:multiply;transform:rotate(var(--rot)) scale(0);border-radius:46% 54% 62% 38%/52% 44% 56% 48%;animation:2.8s cubic-bezier(.2,.9,.3,1.4) forwards splat-in;position:absolute}.splat:before,.splat:after{content:"";background:var(--c);border-radius:50%;position:absolute}.splat:before{width:26%;height:26%;top:6%;right:-18%}.splat:after{width:16%;height:16%;bottom:14%;left:-12%}@keyframes splat-in{0%{transform:rotate(var(--rot)) scale(0);opacity:.9}35%{transform:rotate(var(--rot)) scale(1.08);opacity:.85}55%{transform:rotate(var(--rot)) scale(1);opacity:.8}to{transform:rotate(var(--rot)) scale(1.15);opacity:0}}.burst{width:0;height:0;position:absolute}.burst-ring{border:6px solid var(--c);border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;animation:.7s cubic-bezier(.1,.7,.3,1) forwards ring-out;position:absolute;top:0;left:0}@keyframes ring-out{to{opacity:0;border-width:2px;width:260px;height:260px;margin:-130px 0 0 -130px}}.piece{animation:piece-fly 1.2s cubic-bezier(.12, .72, .3, 1) var(--delay) forwards;position:absolute;top:0;left:0}.piece i{animation:piece-fall 1.2s ease-in var(--delay) forwards;display:block;transform:rotate(0);box-shadow:0 3px 8px #2a115540}.piece-emoji{box-shadow:none;filter:drop-shadow(0 4px 6px #2a11554d);font-style:normal;line-height:1}@keyframes piece-fly{0%{opacity:1;transform:translate(0)scale(.2)}70%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1);opacity:0}}@keyframes piece-fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(90px) rotate(var(--rot))}}.keycap{transform:translate(-50%, -50%) rotate(var(--rot));animation:2s cubic-bezier(.2,.9,.3,1.4) forwards keycap-pop;position:absolute}.keycap-letter{min-width:1.35em;font-family:var(--display);text-align:center;color:#fff;background:linear-gradient(150deg, var(--c1), var(--c2));text-shadow:0 5px #2a115547,0 16px 26px #2a115573;border-radius:44% 56% 60% 40%/52% 46% 54% 48%;padding:.06em .16em .14em;font-size:clamp(96px,20vw,180px);line-height:1.05;display:block;box-shadow:inset 0 -10px 24px #2a11552e,0 22px 44px -16px #2a1155b3}.keycap-emoji{filter:drop-shadow(0 6px 10px #2a115573);font-size:clamp(46px,9vw,84px);line-height:1;animation:.7s ease-in-out infinite alternate keycap-wiggle;position:absolute;top:-.16em;right:-.12em}@keyframes keycap-pop{0%{transform:translate(-50%, -50%) scale(.2) rotate(calc(var(--rot) * -3));opacity:0}16%{transform:translate(-50%, -50%) scale(1.16) rotate(var(--rot));opacity:1}30%{transform:translate(-50%, -52%) scale(.97) rotate(calc(var(--rot) * .7))}42%{transform:translate(-50%, -54%) scale(1) rotate(var(--rot))}72%{opacity:1}to{transform:translate(-50%, -118%) scale(1.08) rotate(calc(var(--rot) * 1.6));opacity:0}}@keyframes keycap-wiggle{0%{transform:rotate(-12deg)scale(.94)}to{transform:rotate(14deg)scale(1.06)}}@media (prefers-reduced-motion:reduce){.title span,.score,.toy.is-popped,.toy.is-popped:after,.toy:focus-visible:before,.keycap-emoji{animation:none}.toy,.toy-emoji,.sound-toggle{transition:none}.piece,.piece i{animation-duration:.6s}.keycap{animation:2s linear forwards keycap-fade}}@keyframes keycap-fade{0%,75%{opacity:1}to{opacity:0}}.catalog{z-index:1;width:min(1100px,94vw);margin:0 auto;padding:0 0 40px;position:relative}.catalog-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.chip{font:inherit;color:#4a2b6b;cursor:pointer;background:#ffffff9e;border:0;border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:700;transition:transform .15s,background .15s;box-shadow:0 4px 12px #5a288224}.chip:hover{transform:translateY(-2px)}.chip.is-on{color:#fff;background:linear-gradient(135deg,#845ef7,#ff6b9d)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.card{font:inherit;text-align:left;color:#3d2350;background:linear-gradient(150deg, var(--c1,#fff), var(--c2,#f4e6ff));cursor:pointer;border:0;border-radius:24px;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 18px 16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 10px 24px #5a28822e}.card:hover{transform:translateY(-4px)rotate(-.6deg)}.card.is-active{outline-offset:3px;outline:5px solid #fffffff2;transform:translateY(-6px)scale(1.03);box-shadow:0 16px 34px #5a28824d}.card-emoji{font-size:2.4rem;line-height:1}.card-title{font-size:1.15rem;font-weight:800}.card-tags{opacity:.75;flex-wrap:wrap;gap:6px;font-size:.78rem;font-weight:700;display:flex}.card-tag{background:#fff9;border-radius:999px;padding:2px 8px}.card-spell{letter-spacing:2px;font-size:.95rem}.card-stat{opacity:.7;font-size:.78rem;font-weight:700}.card-rank{opacity:.55;font-size:.8rem;font-weight:800;position:absolute;top:10px;right:12px}.catalog-keys{text-align:center;color:#4a2b6b;background:#ffffff8c;border-radius:20px;max-width:640px;margin:20px auto 0;padding:14px 18px;font-weight:700}.catalog-seq{letter-spacing:6px;min-height:1.8em;font-size:1.6rem}.catalog-profile{color:#4a2b6b;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;margin-top:16px;font-weight:700;display:flex}.game{z-index:1;width:min(1000px,94vw);margin:0 auto;padding-bottom:30px;position:relative}.game-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.game-back,.share-button{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg,#845ef7,#4dabf7);border:0;border-radius:999px;padding:10px 18px;font-weight:800;box-shadow:0 6px 16px #3c1e7847}.game-title{color:#fff;text-shadow:0 3px 10px #461e6e59;margin:0;font-size:1.6rem}.game-score{color:#fff;text-shadow:0 3px 10px #461e6e59;margin:0;font-size:1.2rem;font-weight:800}.game-hint{text-align:center;color:#ffffffeb;text-shadow:0 2px 8px #461e6e4d;margin:8px 0 14px;font-weight:700}.game-field{background:#ffffff80;border-radius:32px;min-height:min(58vh,520px);padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fff9}.big-emoji{font-size:clamp(3rem,12vw,7rem);line-height:1}.center-stack{text-align:center;color:#4a2b6b;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;font-weight:800;display:flex}.meter{background:#fffc;border-radius:999px;width:min(560px,90%);height:30px;overflow:hidden}.meter>i{background:linear-gradient(90deg,#4ecdc4,#ffd93d,#ff6b6b);border-radius:999px;height:100%;transition:width 90ms linear;display:block}.track{background:#ffffffb3;border-radius:24px;width:100%;height:90px;margin:10px 0;position:relative;overflow:hidden}.runner{font-size:2.6rem;transition:left 90ms linear;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.card,.meter>i,.runner{transition:none}}