:root{--bg: #070810;--ink: #f0f2f8;--muted: #9aa3b8;--line: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .045);--glass-2: rgba(255, 255, 255, .015);--brand: #e24e9b;--brand-2: #ff8fc7;--violet: #7b5cff;--teal: #37d7d1;--error: #ff9a90;--ok: #6fe0a6;--radius: 22px}@media(prefers-color-scheme:light){:root{--bg: #f4f5fb;--ink: #10131f;--muted: #5b6478;--line: rgba(16, 19, 31, .1);--glass: rgba(255, 255, 255, .72);--glass-2: rgba(255, 255, 255, .45);--brand: #c7318a;--error: #a81f18;--ok: #10704180}}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;padding:clamp(2.5rem,7vh,5rem) 1.25rem 4rem;background:var(--bg);color:var(--ink);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;display:block;border-radius:50%;filter:blur(110px);opacity:.42;will-change:transform}.b1{width:52vw;height:52vw;min-width:360px;min-height:360px;top:-20vh;left:46%;background:radial-gradient(circle at 45% 45%,rgba(226,78,155,.3) 0%,rgba(226,78,155,.45) 45%,transparent 72%);opacity:.6;animation:drift1 20s ease-in-out infinite}.b2{width:38vw;height:38vw;min-width:280px;min-height:280px;top:14vh;left:2%;background:radial-gradient(circle at 50% 50%,var(--violet),transparent 68%);opacity:.42;animation:drift2 26s ease-in-out infinite}.b3{width:32vw;height:32vw;min-width:240px;min-height:240px;top:46vh;left:62%;background:radial-gradient(circle at 50% 50%,var(--teal),transparent 68%);opacity:.24;animation:drift3 32s ease-in-out infinite}@media(prefers-color-scheme:light){.blob{opacity:.32;filter:blur(80px)}.b3{opacity:.16}}@keyframes drift1{0%,to{transform:translate(-50%) scale(1)}33%{transform:translate(-58%,6vh) scale(1.14)}66%{transform:translate(-42%,-4vh) scale(.94)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8vw,10vh) scale(1.2)}}@keyframes drift3{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(-10vw,-8vh) scale(.9)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.32;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='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.shell{position:relative;z-index:1;max-width:940px;margin:0 auto}.hidden{display:none!important}.rise{animation:rise .7s cubic-bezier(.22,1,.36,1) both}.d1{animation-delay:.09s}.d2{animation-delay:.18s}.d3{animation-delay:.27s}@keyframes rise{0%{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}.hero{text-align:center;margin-bottom:clamp(2rem,6vh,3.5rem)}.logo-wrap{position:relative;display:inline-grid;place-items:center;margin-bottom:1.1rem}.halo{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(226,78,155,.2),transparent 68%);filter:blur(30px);animation:haloPulse 5s ease-in-out infinite}@keyframes haloPulse{0%,to{transform:scale(.9);opacity:.75}50%{transform:scale(1.15);opacity:1}}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px #ffffffd9}.s1{top:4px;left:8px;animation:twinkle 3.1s ease-in-out infinite}.s2{bottom:8px;right:4px;animation:twinkle 2.4s ease-in-out .7s infinite}.s3{top:46%;right:-10px;width:4px;height:4px;animation:twinkle 3.8s ease-in-out 1.4s infinite}@keyframes twinkle{0%,to{transform:scale(.4);opacity:0}50%{transform:scale(1.15);opacity:1}}.logo{position:relative;width:clamp(84px,12vw,104px);height:clamp(84px,12vw,104px);display:block;filter:drop-shadow(0 16px 34px rgba(226,78,155,.28));animation:float 5s ease-in-out infinite}.logo svg{width:100%;height:100%;display:block;overflow:visible}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.bug{transform-box:fill-box;transform-origin:50% 90%;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-.22px) rotate(-6deg)}65%{transform:translateY(-.1px) rotate(6deg)}}.antenna{transform-box:fill-box;transform-origin:bottom center}.a-l{animation:wiggleL 1.5s ease-in-out infinite}.a-r{animation:wiggleR 1.7s ease-in-out infinite}@keyframes wiggleL{0%,to{transform:rotate(0)}50%{transform:rotate(-16deg)}}@keyframes wiggleR{0%,to{transform:rotate(0)}50%{transform:rotate(16deg)}}.logo:hover{animation:hop .7s ease}@keyframes hop{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-24px) scale(1.08) rotate(-8deg)}55%{transform:translateY(0) scale(.95)}76%{transform:translateY(-9px) scale(1.03) rotate(4deg)}to{transform:translateY(0) scale(1)}}.wordmark{margin:0;font-size:clamp(2.4rem,7vw,3.6rem);letter-spacing:-.04em;font-weight:700;line-height:1.05;background:linear-gradient(100deg,var(--ink) 8%,var(--brand-2) 38%,var(--brand) 58%,var(--ink) 92%);background-size:260% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s linear infinite}@keyframes sheen{to{background-position:260% center}}.tagline{margin:.5rem 0 0;color:var(--muted);font-size:clamp(.95rem,2vw,1.05rem)}.panel{position:relative;background:linear-gradient(160deg,var(--glass),var(--glass-2));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;box-shadow:0 1px #ffffff0f inset,0 20px 50px #00000052;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}@media(prefers-color-scheme:light){.panel{box-shadow:0 1px #ffffffe6 inset,0 18px 40px #1418281a}}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--brand-2),var(--violet),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.platform:hover{transform:translateY(-6px);box-shadow:0 28px 60px #e24e9b38}.platform:hover:before{opacity:1}.welcome{max-width:540px;margin:0 auto;text-align:center}.welcome h2{margin:.75rem 0 .5rem;font-size:clamp(1.35rem,3vw,1.6rem);letter-spacing:-.02em}.pill{display:inline-block;padding:.28rem .8rem;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-2);background:#e24e9b1f;border:1px solid rgba(226,78,155,.3)}@media(prefers-color-scheme:light){.pill{color:var(--brand)}}.lede{margin:0 0 1.4rem;color:var(--muted)}.hint{margin:.85rem 0 0;font-size:.82rem;color:var(--muted)}.account{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:.55rem .55rem .55rem 1.1rem;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px}.account-who{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.9rem;min-width:0}.account-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #6fe0a680}70%{box-shadow:0 0 0 8px #6fe0a600}}.intro{margin:0 0 1.75rem}.intro h2{margin:0 0 .5rem;font-size:clamp(1.3rem,3.2vw,1.7rem);letter-spacing:-.025em}.intro .lede{max-width:62ch;margin-bottom:1.4rem}.features{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.features li{position:relative;padding:.9rem 1rem .95rem 1.05rem;border-radius:14px;border:1px solid var(--line);background:#ffffff09;font-size:.86rem;line-height:1.5;color:var(--muted);transition:border-color .25s ease,transform .25s cubic-bezier(.22,1,.36,1)}@media(prefers-color-scheme:light){.features li{background:#ffffff8c}}.features li:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.features strong{display:block;margin-bottom:.2rem;color:var(--ink);font-size:.92rem;font-weight:620;letter-spacing:-.01em}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.platform{display:flex;flex-direction:column}.p-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.p-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:14px;background:#ffffff0f;border:1px solid var(--line);color:var(--ink);transition:transform .3s cubic-bezier(.22,1,.36,1),color .3s ease,box-shadow .3s ease}@media(prefers-color-scheme:light){.p-icon{background:#10131f0a}}.platform:hover .p-icon{transform:rotate(-10deg) scale(1.12);color:var(--brand-2);box-shadow:0 0 22px #e24e9b66}.p-icon svg{width:24px;height:24px}.platform h2{margin:0;font-size:1.15rem;letter-spacing:-.015em}.p-sub{margin:0;font-size:.8rem;color:var(--muted)}.platform .lede{flex:1;font-size:.93rem;margin-bottom:1.2rem}.btn{font:inherit;font-weight:600;border-radius:12px;border:1px solid transparent;padding:.8rem 1.15rem;cursor:pointer;transition:transform .16s cubic-bezier(.22,1,.36,1),filter .16s ease,box-shadow .25s ease}.btn:active:not(:disabled){transform:translateY(2px) scale(.99)}.btn:disabled{opacity:.65;cursor:progress}.btn.primary{position:relative;overflow:hidden;width:100%;background:linear-gradient(135deg,var(--brand-2),var(--brand) 55%,var(--violet));background-size:180% auto;color:#fff;box-shadow:0 10px 26px #e24e9b5c}.btn.primary:hover:not(:disabled){background-position:right center;box-shadow:0 16px 34px #e24e9b80;transform:translateY(-2px)}.btn.primary:after{content:"";position:absolute;inset:0 auto 0 -60%;width:45%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)}.btn.primary:hover:not(:disabled):after{animation:shine .8s ease}@keyframes shine{to{left:135%}}.btn.google{display:inline-flex;align-items:center;gap:.7rem;background:#fff;color:#1f1f1f;border-color:#0000001f}.btn.google:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000047}.g-icon{width:18px;height:18px;flex:none}.btn.ghost{background:transparent;color:var(--muted);border-color:var(--line);padding:.45rem 1rem;font-weight:500}.btn.ghost:hover{color:var(--ink);border-color:var(--muted)}.qr-wrap{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--line);display:flex;gap:.95rem;align-items:center}.qr{display:block;border-radius:12px;background:#fff;padding:7px;flex:none;box-shadow:0 8px 20px #00000040;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.qr:hover{transform:scale(1.12) rotate(-3deg);box-shadow:0 14px 30px #e24e9b59}.qr-hint{margin:0}.game{margin-top:1.25rem}.g-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.game h2{margin:0;font-size:1.1rem;letter-spacing:-.015em}.g-scores{display:flex;gap:1rem;font-size:.8rem;color:var(--muted)}.g-scores b{color:var(--brand-2);font-size:1.05rem;margin-left:.25rem}@media(prefers-color-scheme:light){.g-scores b{color:var(--brand)}}.arena{position:relative;height:clamp(220px,38vh,300px);border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.05),transparent 45%),repeating-linear-gradient(0deg,transparent 0 26px,rgba(255,255,255,.035) 26px 27px),#0000002e;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}@media(prefers-color-scheme:light){.arena{background:repeating-linear-gradient(0deg,transparent 0 26px,rgba(16,19,31,.05) 26px 27px),#10131f08}}.g-bug{position:absolute;top:0;left:0;width:56px;height:56px;padding:0;border:none;background:none;cursor:pointer;filter:drop-shadow(0 6px 14px rgba(226,78,155,.45));transition:transform .22s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.g-bug svg{width:100%;height:100%;display:block;pointer-events:none}.g-bug.caught{animation:squash .22s ease}@keyframes squash{0%{filter:drop-shadow(0 6px 14px rgba(226,78,155,.45)) brightness(1)}40%{filter:drop-shadow(0 2px 8px rgba(226,78,155,.7)) brightness(1.5)}to{filter:drop-shadow(0 6px 14px rgba(226,78,155,.45)) brightness(1)}}.g-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:1.25rem;text-align:center;background:#0708108c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media(prefers-color-scheme:light){.g-overlay{background:#f4f5fba8}}#g-msg{margin:0;color:var(--muted);font-size:.9rem;max-width:32ch}.g-start{width:auto;min-width:140px}.g-timer{margin-top:.8rem;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}@media(prefers-color-scheme:light){.g-timer{background:#10131f14}}#g-bar{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--brand-2),var(--brand))}.msg{margin:1.2rem 0 0;font-size:.9rem;animation:rise .4s ease both}.msg.error{color:var(--error)}.msg.ok{color:var(--ok)}#dl-msg{text-align:center}.foot{margin-top:3.5rem;text-align:center;color:var(--muted);font-size:.82rem}.foot p{margin:0}@media(max-width:430px){.qr-wrap{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}