:root{--ink:#e8f4ff;--ink-dim:#8aa4b8;--deep:#080c14;--navy:#0c1a2a;--night:#1a3a5c;--teal:#48ebd4;--teal-hot:#7cffee;--amber:#ffb14a;--ember:#ff6b3d;--foam:#ffd98f;--danger:#ff5a7a;--panel:#080e18d1;--font-display:"Fredoka", "Segoe UI", sans-serif;--font-ui:"Space Grotesk", "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;min-height:100dvh;color:var(--ink);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(120% 80% at 50% 18%,#1a3a5c 0%,#0000 55%),radial-gradient(90% 60% at 82% 92%,#2a1840 0%,#0000 50%),linear-gradient(#0c1a2a 0%,#0a1220 45%,#080c14 100%);overflow:hidden}#game-container,#game-container canvas{image-rendering:pixelated;display:block;position:fixed;inset:0;width:100vw!important;height:100dvh!important}#ui-root{z-index:20;pointer-events:none;position:fixed;inset:0}#ui-root>*{pointer-events:auto}#rotate-warning{z-index:9999;color:var(--danger);text-align:center;font-family:var(--font-display);background:linear-gradient(135deg,#050508 0%,#100018 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:fixed;inset:0}#rotate-warning .icon{font-size:64px;animation:2.4s ease-in-out infinite rotate-hint}#rotate-warning .title{letter-spacing:.22em;font-size:1.2rem}#rotate-warning .sub{color:var(--ink-dim);font-family:var(--font-ui);max-width:320px;font-size:.9rem;line-height:1.45}@keyframes rotate-hint{0%,30%{transform:rotate(0)}55%,95%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (orientation:portrait) and (width<=1024px){#rotate-warning{display:flex!important}#ui-root,#game-container{visibility:hidden}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(80% 55% at 50% 30%,#48ebd41f,#0000 60%),#060c14b8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.25rem;display:flex;position:absolute;inset:0}.brand{font-family:var(--font-display);letter-spacing:.04em;color:var(--teal);text-shadow:0 0 40px #48ebd459;text-align:center;font-size:clamp(2.4rem,8vw,4.2rem);font-weight:700;line-height:.95}.brand span{color:var(--foam);letter-spacing:.28em;margin-top:.35em;font-size:.42em;display:block}.tagline{color:var(--ink);text-align:center;max-width:28rem;font-size:clamp(1rem,2.4vw,1.25rem)}.subline{color:var(--ink-dim);text-align:center;max-width:26rem;font-size:.95rem}.cta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.btn{appearance:none;border:2px solid var(--teal);color:var(--ink);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;background:linear-gradient(#48ebd438,#48ebd40f);border-radius:14px;padding:.85rem 1.6rem;font-size:1.15rem;font-weight:700;transition:transform .12s,background .12s,box-shadow .12s;box-shadow:0 8px 28px #48ebd42e}.btn:hover{background:linear-gradient(#48ebd459,#48ebd41f);transform:translateY(-2px)scale(1.02)}.btn:active{transform:translateY(1px)scale(.98)}.btn.ghost{box-shadow:none;background:#ffffff0a;border-color:#e8f4ff40}.hud,.hud *{pointer-events:none!important}.hud [data-mute]{pointer-events:auto!important}.hud{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr auto 1fr;gap:.5rem;padding:.75rem 1rem;display:grid;position:absolute;inset:0}.hud .left,.hud .center,.hud .right{flex-direction:column;gap:.35rem;display:flex}.hud .right{align-items:flex-end}.hud .center{align-items:center}.pill{background:var(--panel);letter-spacing:.04em;pointer-events:auto;border:1px solid #48ebd440;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-flex}.pill .label{color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:500}.big-count{font-family:var(--font-display);color:#fff;text-shadow:0 3px #00000059,0 0 28px #48ebd473;pointer-events:none;font-size:clamp(2.6rem,7vh,4rem);font-weight:700;line-height:1}.meter{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;width:min(42vw,280px);height:12px;overflow:hidden}.meter>i{background:linear-gradient(90deg, var(--teal), var(--amber), var(--ember));width:0%;height:100%;transition:width 80ms linear;display:block}.teach{background:var(--panel);text-align:center;font-family:var(--font-display);letter-spacing:.03em;pointer-events:none;border:1px solid #48ebd459;border-radius:16px;max-width:min(90vw,420px);padding:.85rem 1.2rem;font-size:1.05rem;animation:.28s teach-in;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.teach small{color:var(--ink-dim);font-family:var(--font-ui);letter-spacing:.08em;margin-top:.25rem;font-size:.78rem;display:block}@keyframes teach-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.handoff{background:var(--panel);text-align:center;border:1px solid #48ebd459;border-radius:22px;width:100%;max-width:min(92vw,440px);padding:1.4rem 1.5rem 1.25rem;animation:.32s cubic-bezier(.2,.9,.2,1) handoff-in;box-shadow:0 24px 80px #00000073}@keyframes handoff-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.handoff h1{font-family:var(--font-display);color:var(--teal);margin-bottom:.35rem;font-size:1.7rem}.handoff .hero-line{color:var(--foam);margin-bottom:1rem;font-size:1.05rem}.stats{grid-template-columns:1fr 1fr;gap:.55rem;margin:.8rem 0 1.1rem;display:grid}.stat{background:#ffffff0a;border-radius:12px;padding:.55rem .4rem}.stat b{font-family:var(--font-display);color:var(--ink);font-size:1.35rem;display:block}.stat span{color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.best-flash{color:var(--foam);font-family:var(--font-display);min-height:1.2em;margin-bottom:.6rem}.icon-btn{pointer-events:auto;background:var(--panel);width:42px;height:42px;color:var(--ink);cursor:pointer;border:1px solid #ffffff2e;border-radius:12px;font-size:1.1rem}.ghost-note{color:#ffd98fd9;font-family:var(--font-display);letter-spacing:.08em;pointer-events:none;opacity:0;font-size:.85rem;transition:opacity .2s;position:absolute;top:22%;right:8%}.ghost-note.show{opacity:1}.float-pop{z-index:30;pointer-events:none;font-family:var(--font-display);letter-spacing:.04em;color:var(--teal);text-shadow:0 2px 12px #0000008c;opacity:0;font-size:1.05rem;font-weight:700;transition:opacity .12s,transform .65s cubic-bezier(.2,.9,.2,1);position:fixed;transform:translateY(8px)scale(.92)}.float-pop.go{opacity:1;transform:translateY(-36px)scale(1)}.float-pop.rescue{color:var(--foam)}.float-pop.style{color:var(--teal-hot)}.btn:focus-visible{outline:2px solid var(--teal-hot);outline-offset:3px}.event-banner{z-index:40;pointer-events:none;font-family:var(--font-display);letter-spacing:.12em;color:var(--amber);text-shadow:0 4px #0006,0 0 40px #ffb14a99;opacity:0;font-size:clamp(1.8rem,5vw,3rem);font-weight:700;transition:opacity .16s,transform 1.4s cubic-bezier(.16,1,.3,1);position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)scale(.6)}.event-banner.go{opacity:1;animation:1.6s forwards banner-out;transform:translate(-50%,-60%)scale(1)}@keyframes banner-out{0%,62%{opacity:1}to{opacity:0}}.meter.hot>i{animation:.5s ease-in-out infinite meter-pulse}@keyframes meter-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.6)}}