:root{--navy: #0A1E3A;--navy2: #06101f;--brand: #2463EB;--cyan: #6FD0F2;--foam: #EAF6FF;--ink: #EAF6FF;--ink-dim: rgba(234, 246, 255, .66);--warn: #FFB020;--danger: #FF5836;--good: #3ED598;--purple: #8A6BF2;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-sans: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--navy2);color:var(--ink);font-family:var(--font-sans);overflow:hidden;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.game{position:fixed;inset:0;overflow:hidden;z-index:1}.aurora{position:fixed;inset:-25%;z-index:0;filter:blur(60px);pointer-events:none;opacity:.66}.aurora span{position:absolute;width:54vmax;height:54vmax;border-radius:50%;opacity:.5}.aurora span:nth-child(1){background:var(--brand);left:-10%;top:-10%;animation:drift1 26s ease-in-out infinite}.aurora span:nth-child(2){background:var(--cyan);right:-12%;top:8%;animation:drift2 32s ease-in-out infinite}.aurora span:nth-child(3){background:var(--purple);left:20%;bottom:-20%;animation:drift3 30s ease-in-out infinite}@keyframes drift1{50%{transform:translate(18vw,12vh) scale(1.15)}}@keyframes drift2{50%{transform:translate(-16vw,14vh) scale(.9)}}@keyframes drift3{50%{transform:translate(12vw,-12vh) scale(1.1)}}.grain{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}.hud{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(.9rem,3vw,1.8rem) clamp(1rem,4vw,2.4rem);pointer-events:none}.hud__pill{background:#0c182c8c;border:1px solid rgba(234,246,255,.12);border-radius:18px;padding:.7rem 1.1rem;transition:opacity .4s ease}.game:not(.is-playing) .hud__pill{opacity:0}.hud__k{font-size:.66rem;letter-spacing:.18em;color:var(--ink-dim);display:block}.hud__score{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,5vw,3rem);line-height:1;color:var(--foam)}.hud__pill--burn{text-align:right;width:min(40vw,260px)}.mood{font-size:.95rem;letter-spacing:0}.burn{margin-top:.5rem;height:12px;border-radius:999px;background:#06101f80;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.burn i{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--good),var(--warn) 60%,var(--danger));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.snd{pointer-events:auto;position:absolute;top:clamp(.9rem,3vw,1.8rem);left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(234,246,255,.14);background:#0c182c8c;color:var(--foam);font-size:1.1rem;cursor:pointer;z-index:6}.snd[aria-pressed=false]{opacity:.5}.combo{position:absolute;top:16%;left:50%;transform:translate(-50%) scale(0);z-index:6;font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,7vw,4rem);color:var(--cyan);text-shadow:0 0 24px rgba(111,208,242,.6);pointer-events:none}.board{position:absolute;inset:0;z-index:2}.task{position:absolute;width:118px;height:118px;margin:-59px 0 0 -59px;border:none;border-radius:50%;background:radial-gradient(circle at 34% 26%,color-mix(in srgb,var(--tint) 62%,#fff) 0%,var(--tint) 46%,color-mix(in srgb,var(--tint),#000 34%) 100%);color:var(--ink-on, #06101f);font-family:var(--font-display);font-weight:700;font-size:.8rem;line-height:1.02;cursor:pointer;display:grid;place-items:center;text-align:center;gap:2px;padding:0 10px;box-shadow:0 16px 34px #06101f8c,inset 0 3px 8px #ffffff73,inset 0 -12px 20px #00000038;will-change:transform}.task__emoji{font-size:1.7rem;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.task__label{position:relative;z-index:1;pointer-events:none}.task__ring{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);transform:rotate(-90deg);pointer-events:none}.task__ring circle{fill:none;stroke:#ffffffd9;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}.shard{position:fixed;z-index:15;width:13px;height:13px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.pop{position:fixed;z-index:16;font-family:var(--font-display);font-weight:800;font-size:1.3rem;pointer-events:none;transform:translate(-50%,-50%)}.pop--good{color:var(--good)}.pop--bad{color:var(--danger)}.install{position:absolute;bottom:clamp(1.2rem,4vh,2.4rem);left:50%;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.6rem;border:none;border-radius:999px;background:linear-gradient(180deg,#9fe6ff,var(--cyan));color:#06101f;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 12px 36px #6fd0f266,inset 0 2px 4px #fff9;opacity:0;pointer-events:none}.install.is-live{opacity:1;pointer-events:auto;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 12px 44px #6fd0f2b3,inset 0 2px 4px #fff9}}.install:hover{transform:translate(-50%) translateY(-2px)}.install__mark{width:22px;height:22px;color:#06101f;display:inline-flex}.install__mark svg{width:100%;height:100%}.screen{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:8vh 6vw;text-align:center;background:radial-gradient(120% 100% at 50% 0%,#0a1e3ad1,#06101feb);backdrop-filter:blur(6px)}.screen[hidden]{display:none}.screen--calm{background:radial-gradient(120% 100% at 50% 30%,#16468a,#0a1e3a 68%,#06101f)}.screen__inner{max-width:640px;position:relative;z-index:2}.screen[data-screen=start]{background:radial-gradient(120% 100% at 50% 40%,#0a1e3a66,#06101fcc)}.start__orbs{position:absolute;inset:0;z-index:1;pointer-events:none}.ghost{position:absolute;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;opacity:.5;filter:blur(.4px);background:radial-gradient(circle at 34% 26%,color-mix(in srgb,var(--tint) 60%,#fff),var(--tint) 48%,color-mix(in srgb,var(--tint),#000 34%));box-shadow:0 14px 30px #06101f80,inset 0 3px 8px #fff6}.start__foot{position:absolute;bottom:clamp(1.2rem,4vh,2.2rem);left:50%;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:.45rem;color:var(--ink-dim);text-decoration:none;font-size:.8rem;letter-spacing:.04em}.start__foot:hover{color:var(--foam)}.start__mark{width:18px;height:18px;color:var(--cyan);display:inline-flex}.start__mark svg{width:100%;height:100%}.btn--glow{animation:glow 2.6s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 12px 44px #6fd0f2b3,inset 0 2px 4px #fff9}}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;color:var(--cyan);margin:0 0 1.2rem}.eyebrow--warn{color:var(--warn)}.eyebrow--good{color:var(--good)}.title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,8vw,5rem);line-height:.95;letter-spacing:-.02em;margin:0}.title--sm{font-size:clamp(2.2rem,6vw,3.6rem)}.title__hl{background:linear-gradient(180deg,#bfefff,var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lede{margin:1.4rem auto 0;max-width:44ch;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.55;color:var(--ink-dim)}.lede b{color:var(--foam)}.btn{display:inline-flex;align-items:center;padding:.9rem 1.8rem;border-radius:999px;border:none;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform .2s ease}.btn:hover{transform:translateY(-2px)}.btn--go{background:linear-gradient(180deg,#9fe6ff,var(--cyan));color:#06101f;box-shadow:0 10px 30px #6fd0f259}.btn--ghost{background:#eaf6ff0f;color:var(--foam);border:1.5px solid rgba(234,246,255,.4);backdrop-filter:blur(8px)}.btn-row{display:flex;gap:.8rem;justify-content:center;margin-top:2.2rem;flex-wrap:wrap}.share{margin-top:1.8rem;color:var(--ink-dim);letter-spacing:.03em}.challenge{display:inline-block;margin:0 auto 1.4rem;padding:.45rem 1rem;border-radius:999px;background:#ffb02024;border:1px solid rgba(255,176,32,.4);color:var(--warn);font-size:.85rem;font-weight:500}.vs{margin-top:1rem;color:var(--cyan);font-size:.95rem}.toast{position:absolute;bottom:8vh;left:50%;transform:translate(-50%) translateY(10px);z-index:30;background:#06101fe6;border:1px solid rgba(234,246,255,.14);color:var(--foam);padding:.6rem 1.1rem;border-radius:999px;font-size:.9rem;opacity:0;pointer-events:none}.toast.is-show{opacity:1;transform:translate(-50%) translateY(0);transition:all .25s ease}@media(max-width:560px){.task{width:98px;height:98px;margin:-49px 0 0 -49px;font-size:.72rem}.task__emoji{font-size:1.4rem}.btn-row{flex-direction:column;align-items:center}.aurora{filter:blur(46px);opacity:.5}.aurora span{width:46vmax;height:46vmax}}@media(prefers-reduced-motion:reduce){.aurora span,.install.is-live,.btn--glow{animation:none}}