*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--blush: #f7d9e3;--lavender: #ddd4f5;--powder: #cfe3f7;--mint: #cfeee0;--cream: #fffaf5;--ink: #5b5570;--ink-soft: #837c98;--surface: rgb(255 250 245 / .66);--surface-edge: rgb(255 255 255 / .72);--glow: 0 1.5rem 3.5rem rgb(146 128 186 / .16);--glow-soft: 0 .75rem 2rem rgb(146 128 186 / .12);--radius-pill: 999px;--radius-card: 2.5rem;--ease-drift: cubic-bezier(.22, .61, .36, 1);font-family:Helvetica,Helvetica Neue,Arial,sans-serif;color:var(--ink);color-scheme:light dark}body{min-height:100dvh;background:radial-gradient(120% 90% at 12% 8%,var(--blush) 0%,transparent 58%),radial-gradient(110% 80% at 88% 4%,var(--lavender) 0%,transparent 55%),radial-gradient(120% 90% at 78% 96%,var(--mint) 0%,transparent 60%),linear-gradient(180deg,var(--powder) 0%,#f3f0fb 52%,var(--cream) 100%);background-attachment:fixed}.page{max-width:60ch;margin:6rem auto;padding:3.5rem;background:var(--surface);border:1px solid var(--surface-edge);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--glow);text-align:center}.page h1{font-size:3rem;font-weight:500;letter-spacing:-.03em}.page p{margin-top:1rem;color:var(--ink-soft)}.game{display:flex;flex-direction:column;align-items:center;gap:2.5rem;max-width:68rem;margin-inline:auto;padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,4vw,3rem)}.game__intro{text-align:center}.game__title{font-size:clamp(2.5rem,6vw,3.75rem);font-weight:500;letter-spacing:-.04em}.game__tagline{max-width:34ch;margin:.75rem auto 0;color:var(--ink-soft);font-size:1.0625rem}.scoreboard{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.pill{display:flex;align-items:baseline;gap:.75rem;padding:.75rem 1.75rem;background:var(--surface);border:1px solid var(--surface-edge);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--glow-soft)}.pill__label{color:var(--ink-soft);font-size:.9375rem}.pill__value{font-size:1.375rem;font-variant-numeric:tabular-nums}.stage{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;border:1px solid var(--surface-edge);border-radius:var(--radius-card);box-shadow:var(--glow);background:linear-gradient(180deg,#e4f0fb,#efe9fa 60%,#f6eef4)}@media(min-width:48rem){.stage{aspect-ratio:3 / 1}}.stage__sky{position:absolute;inset:0}.cloud{position:absolute;aspect-ratio:5 / 2;background:#ffffffd9;border-radius:var(--radius-pill);animation:cloud-drift linear infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:52%;aspect-ratio:1;top:-46%;left:12%}.cloud:after{width:38%;aspect-ratio:1;top:-30%;right:14%}@keyframes cloud-drift{0%{transform:translate(-14%)}to{transform:translate(14%)}}.stage__hill{position:absolute;border-radius:50% 50% 0 0}.stage__hill--far{width:62%;height:34%;bottom:15%;left:4%;background:#cfeee0b3}.stage__hill--near{width:48%;height:26%;bottom:15%;right:2%;background:#ddd4f59e}.stage__ground{position:absolute;inset-inline:0;bottom:0;background:linear-gradient(180deg,#d8efe1,#cfe8dd);border-top:2px solid rgb(255 255 255 / .7)}.actor{position:absolute;transform:translate(-50%)}.actor--runner{width:10.3%;height:28%;filter:drop-shadow(0 .5rem .75rem rgb(146 128 186 / .22))}.actor--cow{width:11.5%;height:26%}.sprite{width:100%;height:100%}.sprite--runner{animation:runner-bob 1.8s ease-in-out infinite}.sprite--cow{animation:cow-sway 5.5s ease-in-out infinite}.actor--airborne .sprite--runner{animation:none}.runner__legs{transform-origin:50% 70%;animation:legs-amble .9s ease-in-out infinite alternate}.runner__legs--tucked{animation:none;transform:translateY(-7%) scaleY(.72)}@keyframes runner-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}@keyframes cow-sway{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-2%) rotate(.4deg)}}@keyframes legs-amble{0%{transform:skew(-7deg)}to{transform:skew(7deg)}}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;padding:2rem;text-align:center;background:#fffaf58c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:settle .9s var(--ease-drift) both}.overlay__text{max-width:30ch;color:var(--ink);font-size:1.125rem}@keyframes settle{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.button{padding:1.125rem 3rem;border:1px solid var(--surface-edge);border-radius:var(--radius-pill);color:var(--ink);font-size:1.125rem;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glow-soft);transition:transform .6s var(--ease-drift),box-shadow .6s var(--ease-drift),opacity .6s var(--ease-drift)}.button:hover:not(:disabled){transform:translateY(-.25rem);box-shadow:var(--glow)}.button:focus-visible{outline:2px solid var(--ink-soft);outline-offset:4px}.button:disabled{cursor:default;opacity:.45}.button--primary{padding-inline:3.5rem;background:#ddd4f5e6}.button--hop{min-width:11rem;background:#cfe3f7d9}.button--float{position:relative;min-width:11rem;overflow:hidden;isolation:isolate;background:#f7d9e3b3}.button--float:before{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(var(--charge, 1));transform-origin:left;background:#cfeee0e6}.hint{max-width:46ch;color:var(--ink-soft);font-size:.9375rem;text-align:center}@media(prefers-color-scheme:dark){:root{--ink: #ece8f7;--ink-soft: #b6afce;--surface: rgb(58 52 82 / .55);--surface-edge: rgb(255 255 255 / .14);--glow: 0 1.5rem 3.5rem rgb(12 8 26 / .45);--glow-soft: 0 .75rem 2rem rgb(12 8 26 / .35)}body{background:radial-gradient(120% 90% at 12% 8%,#4a3b55 0%,transparent 58%),radial-gradient(110% 80% at 88% 4%,#3f3a63 0%,transparent 55%),radial-gradient(120% 90% at 78% 96%,#2f4a49 0%,transparent 60%),linear-gradient(180deg,#2b3350,#2a2742 55%,#322b42)}.stage{background:linear-gradient(180deg,#33405f,#363152 60%,#3d3350)}.stage__ground{background:linear-gradient(180deg,#3d5a54,#35504b);border-top-color:#ffffff38}.cloud{background:#ffffff29}.stage__hill--far{background:#78b09e47}.stage__hill--near{background:#968ac44d}.overlay{background:#26213a99}.button--primary{background:#7e70b0bf}.button--hop{background:#6080a8b3}.button--float{background:#9e6c8099}.button--float:before{background:#609882bf}}@media(prefers-reduced-motion:reduce){.cloud,.sprite--runner,.sprite--cow,.runner__legs,.overlay{animation:none}.button{transition:none}}