:root{--duck-orange:#f7941d;--duck-yellow:#ffde59;--duck-accent:#fc0;--duck2-bg:#0d1b2a;--duck2-surface:#1b263b;--duck2-ink:#e3f2fd;--duck2-muted:#c5d4e3;--radius-card:12px;--radius-pill:999px;--font-display:"Nunito", "Noto Sans", sans-serif;--font-body:"Noto Sans", "Nunito", sans-serif;color:var(--duck2-ink);background:var(--duck2-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--duck2-bg);min-width:320px}button{font:inherit}.start-gate{min-height:100dvh;color:var(--duck2-ink);background:#050505;place-items:center;padding:2rem 1.25rem;display:grid;position:relative;overflow:hidden}.start-gate__field{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.start-gate__glow{filter:blur(12px);pointer-events:none;z-index:1;background:radial-gradient(circle,#f7941d2e,#0000 70%);border-radius:50%;width:min(520px,90vw);height:min(520px,90vw);animation:9s ease-in-out infinite gate-pulse;position:absolute;inset:auto auto 12% 50%;transform:translate(-50%)}.start-gate__content{z-index:2;text-align:center;width:min(560px,100%);animation:.7s cubic-bezier(.22,1,.36,1) both gate-rise;position:relative}.start-gate__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--duck-yellow);margin:0 0 .75rem;font-size:.85rem}.start-gate__brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--duck-orange);text-shadow:0 8px 30px #f7941d59;margin:0;font-size:clamp(3.4rem,12vw,5.6rem);font-weight:900;line-height:.95;animation:.9s cubic-bezier(.22,1,.36,1) both gate-brand}.start-gate__brand-accent{color:var(--duck-yellow)}.start-gate__tagline{max-width:34ch;color:var(--duck2-muted);margin:1.25rem auto 1.5rem;font-size:clamp(1rem,2.6vw,1.15rem);line-height:1.55}.start-gate__tagline strong{color:var(--duck-yellow);font-weight:700}.start-gate__actions{flex-direction:column;align-items:stretch;gap:.75rem;width:100%;margin-top:.35rem;display:flex}.start-gate__cta{appearance:none;border:3px solid var(--duck-yellow);cursor:pointer;border-radius:var(--radius-pill);background:var(--duck-orange);color:#0a121c;width:100%;min-height:4.5rem;font-family:var(--font-display);letter-spacing:.01em;text-shadow:none;padding:1.15rem 1.5rem;font-size:clamp(1.45rem,5.5vw,2rem);font-weight:900;line-height:1.1;transition:transform .16s,background .16s,box-shadow .16s;animation:2.4s ease-in-out infinite cta-pulse;box-shadow:0 0 #f7941d8c,0 14px 36px #f7941d73}.start-gate__cta:hover{background:#ff9f2e;transform:translateY(-3px)scale(1.015);box-shadow:0 0 0 6px #ffde5938,0 18px 40px #f7941d80}.start-gate__cta:focus-visible{outline:4px solid var(--duck-yellow);outline-offset:5px}.start-gate__cta:active{animation:none;transform:translateY(0)scale(.985)}.start-gate__cta--secondary{border-color:var(--duck-orange);background:var(--duck2-surface);color:var(--duck-yellow);animation:none;box-shadow:0 10px 28px #0d1b2a8c}.start-gate__cta--secondary:hover{background:#243447;box-shadow:0 0 0 4px #ffde5929,0 14px 32px #0d1b2a99}.doll-stage{isolation:isolate;height:100%;min-height:100%;padding:1rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));color:var(--duck2-ink);cursor:auto;touch-action:manipulation;background:0 0;grid-template-rows:auto 1fr;gap:.5rem;display:grid;position:relative;overflow:hidden}.starfield-backdrop{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.doll-shell{cursor:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation}.doll-stage__header{z-index:2;align-items:center;gap:1rem;display:flex;position:relative}.doll-stage__title{font-family:var(--font-display);color:var(--duck-orange);margin:0;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:900}.doll-stage__arena{z-index:1;place-items:center;min-height:0;display:grid;position:relative;overflow:visible}.doll-stage__world{z-index:1;justify-content:center;align-items:center;width:0;height:0;display:flex;position:absolute;top:55%;left:50%}.doll-stage__globe{z-index:1;pointer-events:none;width:clamp(600px,160vh,2000px);height:auto;position:absolute;overflow:visible;transform:translateY(32.8%)}.doll-stage__doll{z-index:3;filter:drop-shadow(0 12px 18px #050c1473);pointer-events:none;width:clamp(120px,22vh,260px);height:auto;position:absolute;transform:translateY(-36.4%)}.doll-stage__piano-overlay{z-index:2;pointer-events:none;width:min(92vw,640px);position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.doll-piano{touch-action:manipulation;-webkit-user-select:none;user-select:none;pointer-events:auto;flex-direction:column;width:100%;display:flex}.doll-piano__keys{filter:drop-shadow(0 8px 18px #050c1459);width:100%;max-height:7rem;display:block;overflow:visible}.doll-piano__white{fill:#f4f7fb47;stroke:#e3f2fd8c;stroke-width:1.5px;cursor:pointer;transition:all .3s ease-out}.doll-piano__white--active{fill:#ffde59b3;stroke:#ffde59e6;filter:drop-shadow(0 0 10px #ffde59e6);transition:none}.doll-piano__black{fill:#0a121c73;stroke:#e3f2fd59;stroke-width:1px;cursor:pointer;transition:all .3s ease-out}.doll-piano__black--active{fill:#f7941dcc;stroke:#ffde59d9;filter:drop-shadow(0 0 10px #f7941de6);transition:none}.doll-piano__label{font-family:var(--font-display);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:800}.doll-piano__label--white{fill:#e3f2fdeb}.doll-piano__label--black{fill:#ffde59f2;font-size:8px}@media (width>=640px){.doll-piano__keys{max-height:8rem}.doll-piano__label{font-size:10px}}.smash-shell{z-index:2147483647;cursor:none;-webkit-user-select:none;user-select:none;touch-action:none;isolation:isolate;background:#050505;width:100%;height:100vh;position:fixed;inset:0;overflow:hidden}.smash-surface{cursor:none;touch-action:none;width:100%;height:100%;display:block}.key-trail{right:max(.85rem, env(safe-area-inset-right));bottom:calc(1.85rem + env(safe-area-inset-bottom));z-index:5;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:.28rem;max-height:42vh;display:flex;position:fixed;overflow:hidden}.key-trail__item{font-family:var(--font-display);letter-spacing:.02em;color:#e3f2fd9e;text-shadow:0 1px 8px #05050573;font-size:clamp(.95rem,2.4vw,1.2rem);font-weight:800;line-height:1;animation-name:key-trail-fade;animation-timing-function:ease-out;animation-fill-mode:forwards}.leave-hint{right:max(.85rem, env(safe-area-inset-right));bottom:max(.55rem, env(safe-area-inset-bottom));z-index:5;pointer-events:none;font-family:var(--font-body);letter-spacing:.06em;color:#c5d4e342;-webkit-user-select:none;user-select:none;margin:0;font-size:.68rem;font-weight:400;position:fixed}html.smash-active,body.smash-active{overscroll-behavior:none;background:#050505;height:100%;min-height:100%;overflow:hidden}html.smash-active #root{background:#050505;height:100%;min-height:100%}@keyframes gate-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes gate-brand{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes gate-pulse{0%,to{opacity:.35;transform:translate(-50%)scale(.98)}50%{opacity:.55;transform:translate(-50%)scale(1.02)}}@keyframes key-trail-fade{0%{opacity:.85;transform:translateY(6px)}18%{opacity:.7;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes cta-pulse{0%,to{transform:scale(1);box-shadow:0 0 #f7941d80,0 14px 36px #f7941d6b}50%{transform:scale(1.025);box-shadow:0 0 0 14px #ffde5900,0 18px 42px #f7941d8c}}@media (prefers-reduced-motion:reduce){.start-gate__glow,.start-gate__content,.start-gate__brand,.start-gate__cta{animation:none}.start-gate__cta{transition:none}.key-trail__item{opacity:.55;animation:none}}@media (width<=520px){.start-gate{place-items:end center;padding:1.25rem 1rem 14vh}.start-gate__cta{min-height:5rem;font-size:clamp(1.55rem,7vw,1.9rem)}}