*,*: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{--cream: #fffaf1;--blush: #ffd3e4;--lavender: #dcd0ff;--sky: #c4e4ff;--mint: #c9f5e3;--ink: #3b3358;--ink-soft: #6a6289;--accent: #b49cff;--accent-strong: #8d72f0;--glass: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .85);--shadow: 0 18px 60px rgba(165, 140, 225, .28);--glow: 0 0 40px rgba(255, 200, 225, .5);--radius-lg: 32px;--radius-md: 22px;--ease: cubic-bezier(.4, .1, .2, 1);--calm: .7s var(--ease);--page-gradient: linear-gradient(160deg, #fff5fa 0%, #f0e9ff 35%, #e3f1ff 70%, #e8fbf3 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--ink);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--cream: #2a2347;--ink: #f4efff;--ink-soft: #cdc3ee;--accent: #a48cf5;--accent-strong: #c7b6ff;--glass: rgba(52, 42, 92, .55);--glass-strong: rgba(62, 50, 108, .75);--glass-border: rgba(255, 255, 255, .16);--shadow: 0 18px 60px rgba(20, 12, 50, .45);--glow: 0 0 40px rgba(190, 150, 255, .28);--page-gradient: linear-gradient(160deg, #3b3a7a 0%, #5b4a92 45%, #8a5c9c 100%)}}body{min-height:100dvh;background:var(--page-gradient);color:var(--ink);line-height:1.55}.page{max-width:44rem;margin:4rem auto;padding:3rem;text-align:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.page h1{font-size:3rem;font-weight:650;margin-bottom:.5rem}.wordmark{display:inline-flex;align-items:center;gap:.5em;font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,system-ui,sans-serif;font-weight:700;letter-spacing:.02em;line-height:1.1}.wordmark--small{font-size:1.1rem}.wordmark--large{font-size:clamp(2.6rem,8vw,3.6rem)}.wordmark__puff{flex:none;width:1.15em;height:.7em;border-radius:999px;background:linear-gradient(135deg,var(--blush),var(--lavender) 55%,var(--sky));box-shadow:0 0 .6em #ffbedccc,0 .15em .4em #9682dc4d}.wordmark__text{background:linear-gradient(100deg,#ff8fb8,#a98bff,#6cb6ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 .35em rgba(255,200,235,.55))}.game{position:relative;height:100dvh;overflow:hidden}.game__stage{position:absolute;inset:0;touch-action:none;cursor:grab}.game__stage:active{cursor:grabbing}.hud{position:absolute;top:0;left:0;right:0;padding:1.25rem 1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:.9rem;pointer-events:none}.hud__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.hud__pill{display:flex;align-items:baseline;gap:.6rem;padding:.6rem 1.25rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;box-shadow:var(--shadow),var(--glow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hud__brand{align-items:center}.hud__label{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.hud__value{font-size:1.15rem;font-weight:650;font-variant-numeric:tabular-nums}.hud__progress{width:min(28rem,80vw);height:.7rem;padding:2px;background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;box-shadow:var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hud__progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb3d1,#c4b0ff,#9dd2ff,#a8f0d2);box-shadow:0 0 14px #c8aaffb3;transition:width .9s var(--ease)}.hud__toast{min-height:2.4rem;padding:.5rem 1.4rem;font-weight:600;color:var(--ink);background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:999px;box-shadow:var(--shadow);opacity:0;transform:translateY(-6px);transition:opacity var(--calm),transform var(--calm)}.hud__toast--visible{opacity:1;transform:translateY(0)}.game__hint{position:absolute;bottom:1.25rem;left:50%;translate:-50% 0;max-width:calc(100vw - 2rem);padding:.6rem 1.4rem;font-size:.9rem;text-align:center;color:var(--ink-soft);background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:none;animation:fade-in 1.4s var(--ease) both}kbd{display:inline-block;min-width:1.6em;margin-inline:.1em;padding:.05em .45em;font:inherit;font-weight:650;text-align:center;color:var(--ink);background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:.5em}.overlay{position:absolute;top:50%;left:50%;translate:-50% -50%;animation:float-in 1.2s var(--ease) both}.card{width:min(30rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;padding:clamp(1.75rem,5vw,3rem);text-align:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow),var(--glow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.card__title{margin-bottom:1rem;font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,system-ui,sans-serif;font-size:2rem;font-weight:650;line-height:1.15}.card__text{margin-bottom:1.25rem;color:var(--ink-soft);font-size:1.05rem}.card__tips{display:grid;gap:.5rem;margin-bottom:2rem;padding:0;list-style:none;color:var(--ink);font-size:.95rem}.card__tips li{padding:.55rem 1rem;background:var(--glass-strong);border-radius:var(--radius-md)}.card__stats{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.card__stats div{flex:1;padding:.9rem .5rem;background:var(--glass-strong);border-radius:var(--radius-md)}.card__stats dt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.card__stats dd{font-size:1.3rem;font-weight:650;font-variant-numeric:tabular-nums}.card__badge{display:inline-block;margin-bottom:1.5rem;padding:.35rem 1.1rem;font-weight:600;background:linear-gradient(100deg,var(--blush),var(--lavender),var(--mint));color:#3b3358;border-radius:999px;box-shadow:var(--glow)}.button{padding:.95rem 2.5rem;font:inherit;font-size:1.1rem;font-weight:650;color:#3b3358;background:linear-gradient(120deg,#ffc9dd,#d9ccff 50%,#bfe2ff);border:1px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 10px 30px #b496f059,0 0 30px #ffc8e680;cursor:pointer;transition:transform var(--calm),box-shadow var(--calm),filter var(--calm)}.button:hover,.button:focus-visible{transform:translateY(-4px);filter:brightness(1.04) saturate(1.05);box-shadow:0 16px 40px #b496f073,0 0 44px #ffc8e6b3}.button:focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px}.touch{display:none}@media(pointer:coarse){.game__hint{display:none}.touch{display:block}}.touch__pad{position:absolute;left:1.25rem;bottom:1.5rem;display:grid;grid-template-areas:". up ." "left . right" ". down .";gap:.35rem}.touch__button{display:grid;place-items:center;width:3.6rem;height:3.6rem;font:inherit;font-weight:650;color:var(--ink);background:var(--glass);border:1px solid var(--glass-border);border-radius:50%;box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background var(--calm)}.touch__button:active{background:var(--glass-strong)}.touch__button--up{grid-area:up}.touch__button--left{grid-area:left}.touch__button--right{grid-area:right}.touch__button--down{grid-area:down}.touch__jump{position:absolute;right:1.5rem;bottom:2.5rem;width:5.5rem;height:5.5rem;font-size:1.05rem;background:linear-gradient(120deg,#ffc9dd,#d9ccff);color:#3b3358}@keyframes float-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.overlay,.game__hint{animation:none}.button,.hud__toast,.hud__progress-fill{transition:none}}