*,*: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{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-blush: #ffd6ea;--color-lavender: #ded2ff;--color-sky: #cdeeff;--color-mint: #c3f6e2;--color-surface: rgba(255, 255, 255, .55);--color-surface-strong: rgba(255, 255, 255, .75);--color-charcoal: #34303d;--color-border-glow: rgba(255, 255, 255, .65);--shadow-soft: 0 24px 60px -28px rgba(120, 106, 168, .35)}@media(prefers-color-scheme:dark){:root{--color-blush: #4a3350;--color-lavender: #362f5c;--color-sky: #233a52;--color-mint: #1f4a44;--color-surface: rgba(30, 26, 46, .55);--color-surface-strong: rgba(30, 26, 46, .75);--color-charcoal: #f3f0fa;--color-border-glow: rgba(255, 255, 255, .12);--shadow-soft: 0 24px 60px -28px rgba(0, 0, 0, .55)}}body{min-height:100dvh;color:var(--color-charcoal)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.gradient-bg{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:clamp(1.5rem,5vw,4rem);background-image:linear-gradient(135deg,#ffd6ead9,#ded2ffd1 38%,#cdeeffd1 70%,#c3f6e2d9),url(/bg-strawberries.jpg);background-repeat:no-repeat,repeat;background-size:200% 200%,min(260px,45vw) auto;background-position:0% 0%,center;animation:drift 24s ease-in-out infinite alternate}@media(prefers-color-scheme:dark){.gradient-bg{background-image:linear-gradient(135deg,#4a3350eb,#362f5ce6 38%,#233a52e6 70%,#1f4a44eb),url(/bg-strawberries.jpg)}}@keyframes drift{0%{background-position:0% 0%,center}to{background-position:100% 100%,center}}.glass-card{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding:clamp(2rem,5vw,3rem);border-radius:32px;background:var(--color-surface);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--color-border-glow);box-shadow:var(--shadow-soft);animation:fade-in 1.1s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.glass-card h1{font-size:clamp(1.5rem,4vw,1.9rem)}.glass-card p{line-height:1.6;opacity:.85}.language-switcher{position:fixed;top:1rem;inset-inline-start:1rem;z-index:10;display:flex;gap:.4rem;padding:.3rem;border-radius:999px;background:var(--color-surface-strong);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--color-border-glow);box-shadow:var(--shadow-soft)}.language-switcher__button{padding:.4rem .75rem;border-radius:999px;border:none;background:transparent;color:var(--color-charcoal);font-size:.85rem;cursor:pointer}.language-switcher__button--active{background:linear-gradient(120deg,var(--color-lavender),var(--color-blush));font-weight:600}.auth-card form{width:100%;display:flex;flex-direction:column;gap:.75rem;text-align:start}.auth-card label{font-weight:500;padding-inline:.5rem}.auth-card input{width:100%;padding:.9rem 1.25rem;border-radius:999px;border:1px solid var(--color-border-glow);background:var(--color-surface-strong);color:var(--color-charcoal);font-size:1rem}.auth-card input:focus-visible{outline:2px solid var(--color-lavender);outline-offset:2px}.auth-card__subtitle{margin-top:-.5rem}.auth-card__error{color:#c65a86;font-size:.9rem;padding-inline:.5rem}.pill-button{padding:.9rem 2rem;border-radius:999px;border:none;background:linear-gradient(120deg,var(--color-lavender),var(--color-blush));color:var(--color-charcoal);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .6s ease,box-shadow .6s ease}.pill-button:hover{transform:translateY(-2px)}.pill-button--ghost{background:transparent;border:1px solid var(--color-border-glow);box-shadow:none}.intro-card{width:min(560px,100%)}.intro-card__subtitle{margin-top:-.5rem}.intro-card__tap-hint{margin-top:-.5rem;font-size:.85rem;opacity:.7}.game-field{position:relative;direction:ltr;width:100%;height:min(48vh,320px);border-radius:28px;background:var(--color-surface-strong);border:1px solid var(--color-border-glow);overflow:hidden;cursor:pointer;touch-action:manipulation}.game-sprite{position:absolute;pointer-events:none;transform:translate(-50%,-50%);transition:left .12s linear,top .12s linear}.game-sprite--star{transition:left .12s linear,top .12s linear,filter .4s ease}.game-sprite--flash{filter:drop-shadow(0 0 14px rgba(255,214,234,.9))}.game-status{font-weight:500;min-height:1.5em}.dpad{direction:ltr;display:flex;flex-direction:column;align-items:center;gap:.5rem}.dpad__row{display:flex;gap:3rem}.dpad__button{width:3rem;height:3rem;border-radius:999px;border:1px solid var(--color-border-glow);background:var(--color-surface-strong);color:var(--color-charcoal);font-size:1.1rem;cursor:pointer}.intro-reveal{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fade-in 1.4s ease}.intro-reveal__share,.intro-reveal__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.share-status{font-size:.9rem;opacity:.8}.celebration-toast{font-weight:600;animation:fade-in .8s ease}.challenge-banner{width:100%;padding:.75rem 1.25rem;border-radius:18px;background:linear-gradient(120deg,var(--color-mint),var(--color-sky));font-weight:600;text-align:center}.score-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem;border-radius:24px;background:var(--color-surface-strong);border:1px solid var(--color-border-glow);width:min(320px,100%)}.score-card__score{font-weight:700;font-size:1.1rem}.score-card__best{opacity:.75;font-size:.9rem}.reaction-bar{position:relative;display:flex;justify-content:center;gap:.6rem}.reaction-bar__button{width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid var(--color-border-glow);background:var(--color-surface-strong);font-size:1.2rem;cursor:pointer;transition:transform .3s ease}.reaction-bar__button:hover{transform:translateY(-2px) scale(1.05)}.reaction-bar__floaters{position:absolute;inset-inline:0;bottom:100%;display:flex;justify-content:center;pointer-events:none}.reaction-bar__floater{position:absolute;font-size:1.5rem;animation:float-up 1.2s ease forwards}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-48px)}}.onboarding-card{width:min(520px,100%)}.onboarding-card__subtitle{margin-top:-.5rem}.onboarding-card form{width:100%;display:flex;flex-direction:column;gap:1.25rem;text-align:start}.onboarding-field{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.onboarding-field legend{font-weight:600;padding-inline:.25rem;margin-bottom:.2rem}.onboarding-options{display:flex;flex-wrap:wrap;gap:.5rem}.onboarding-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--color-border-glow);background:var(--color-surface-strong);cursor:pointer;font-size:.9rem;transition:transform .3s ease,background .3s ease}.onboarding-chip:hover{transform:translateY(-1px)}.onboarding-chip--selected{background:linear-gradient(120deg,var(--color-lavender),var(--color-blush));font-weight:600}.onboarding-chip input{position:absolute;opacity:0;width:1px;height:1px}.onboarding-card__error{color:#c65a86;font-size:.9rem;padding-inline:.5rem}.home-card__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.home-card__streak{font-weight:600;margin-top:-.5rem}.daily-challenge,.wardrobe{width:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem;border-radius:24px;background:var(--color-surface-strong);border:1px solid var(--color-border-glow)}.daily-challenge h2,.wardrobe h2{font-size:1.05rem}.wardrobe__options{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.wardrobe-chip{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem;border-radius:18px;border:1px solid var(--color-border-glow);background:var(--color-surface);font-size:.8rem;cursor:pointer;transition:transform .3s ease,background .3s ease}.wardrobe-chip:hover:not(:disabled){transform:translateY(-2px)}.wardrobe-chip:disabled{opacity:.55;cursor:not-allowed}.wardrobe-chip--selected{background:linear-gradient(120deg,var(--color-lavender),var(--color-blush));font-weight:600}