:root{--bg: #05040b;--card: rgba(43, 22, 80, .55);--text: #f4efff;--muted: #c9bff0;--pink: #ff3fa8;--violet: #b45cff;--cyan: #5fe8ff;--gold: #fff27a;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 800px at 50% -10%,#3a1670 0%,#160c2c 45%,var(--bg) 75%) fixed,var(--bg);color:var(--text);font-family:"Baloo 2",system-ui,-apple-system,sans-serif;line-height:1.45;overflow-x:hidden}#sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}header,main,footer{position:relative;z-index:1}b{color:#fff}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px calc(40px + var(--safe-b))}.hero-art{position:relative;width:220px;height:220px;margin-bottom:6px}.hero-icon{position:relative;width:220px;height:220px;border-radius:48px;box-shadow:0 0 0 3px #ffffff26,0 0 60px #ff5fbf8c,0 20px 50px #0009;animation:float 3.2s ease-in-out infinite}.rings i{position:absolute;left:50%;top:50%;border-radius:50%;border:3px solid;transform:translate(-50%,-50%);animation:ring 3s linear infinite;opacity:0}.rings i:nth-child(1){border-color:var(--pink)}.rings i:nth-child(2){border-color:var(--cyan);animation-delay:1s}.rings i:nth-child(3){border-color:var(--violet);animation-delay:2s}.logo{margin:8px 0 0;font-size:clamp(58px,16vw,112px);line-height:.88;font-weight:800;letter-spacing:1px;background:linear-gradient(180deg,#fff,#ffd6f2 40%,#ff8ad8 52%,#fff 58%,#9ff3ff 80%,#c9b8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 #4a1d9e) drop-shadow(0 0 26px rgba(255,95,191,.55))}.sub{margin:6px 0 0;font-size:clamp(18px,5vw,28px);font-weight:800;letter-spacing:.55em;padding-left:.55em;color:#9ff3ff;text-shadow:0 0 14px var(--cyan)}.tagline{max-width:520px;margin:14px auto 0;font-size:18px;color:var(--muted)}.cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:24px}.btn{appearance:none;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:240px;padding:16px 28px;border-radius:999px;font:800 21px "Baloo 2",system-ui,sans-serif;letter-spacing:.5px;color:#fff;transition:transform .15s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.96)}.btn.play{background:linear-gradient(90deg,var(--pink),var(--violet));box-shadow:0 0 0 3px #ffffff40,0 10px 30px #ff3fa880;animation:glowPink 1.6s ease-in-out infinite alternate}.btn.install{background:#0a1e3299;box-shadow:inset 0 0 0 3px var(--cyan),0 0 26px #5fe8ff73;color:#dffbff}.btn.small{min-width:0;padding:12px 22px;font-size:17px}.device{margin:14px 0 0;font-size:15px;color:var(--muted);min-height:1.5em}.scroll-hint{position:absolute;bottom:calc(10px + var(--safe-b));left:50%;transform:translate(-50%);color:#fff;font-size:34px;text-decoration:none;opacity:.7;animation:bob 1.2s ease-in-out infinite alternate}main{max-width:1040px;margin:0 auto;padding:0 16px}h2{font-size:clamp(26px,6vw,36px);text-align:center;margin:0 0 14px}section{padding:36px 0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.features article{background:var(--card);border-radius:22px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.features span{font-size:34px}.features h3{margin:4px 0 2px;font-size:21px}.features p{margin:0;color:var(--muted)}.planet-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.planet{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:34px;position:relative;background:radial-gradient(circle at 35% 30%,var(--a),var(--b));box-shadow:0 0 30px color-mix(in srgb,var(--b) 60%,transparent);animation:float 4s ease-in-out infinite}.planet:nth-child(2n){animation-delay:-2s}.planet small{position:absolute;bottom:-26px;font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}.bosses{padding-bottom:60px}.install-guide{text-align:center}.muted{color:var(--muted);text-align:center;margin:0 0 14px}.tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px}.tabs button{appearance:none;border:0;cursor:pointer;padding:10px 16px;border-radius:999px;font:700 16px "Baloo 2",system-ui,sans-serif;color:var(--muted);background:#ffffff12}.tabs button.on{color:#fff;background:linear-gradient(90deg,var(--pink),var(--violet))}.steps{max-width:560px;margin:0 auto;text-align:left;counter-reset:s;list-style:none;padding:0}.steps li{counter-increment:s;position:relative;background:var(--card);border-radius:16px;padding:12px 14px 12px 56px;margin:10px 0;font-size:17px}.steps li:before{content:counter(s);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--cyan),var(--violet))}.note{color:var(--gold);min-height:1em}.faq{max-width:720px;margin:0 auto}.faq details{background:var(--card);border-radius:16px;padding:12px 16px;margin:10px 0}.faq summary{cursor:pointer;font-weight:800;font-size:18px}.faq p{margin:8px 0 0;color:var(--muted)}footer{text-align:center;padding:30px 16px calc(40px + var(--safe-b));color:var(--muted)}footer img{border-radius:12px}@keyframes float{50%{transform:translateY(-10px)}}@keyframes ring{0%{width:180px;height:180px;opacity:.9}to{width:420px;height:420px;opacity:0}}@keyframes glowPink{to{box-shadow:0 0 0 3px #ffffff73,0 10px 44px #ff3fa8d9}}@keyframes bob{to{transform:translate(-50%,6px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}html{scroll-behavior:auto}}.share-tip{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:1002;width:min(92vw,420px);padding:12px 16px;border-radius:18px;text-align:center;font-size:17px;line-height:1.3;color:#fff;background:linear-gradient(90deg,#ff3fa8,#b45cff);box-shadow:0 10px 30px #ff3fa88c;animation:tipIn .35s cubic-bezier(.2,1.4,.4,1)}.share-tip small{opacity:.9;font-size:13px}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,-20px)}}.cta-mini{display:flex;gap:10px;justify-content:center;margin-top:12px}.cta-mini .mini{appearance:none;border:0;cursor:pointer;text-decoration:none;padding:9px 16px;border-radius:999px;font:700 15px "Baloo 2",system-ui,sans-serif;color:#f4efff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff2e}.sub{letter-spacing:.32em;padding-left:.32em;font-size:clamp(15px,4.4vw,26px);white-space:nowrap}
