:root{--bg:#060814;--panel:rgba(12,18,38,.66);--line:rgba(130,225,255,.22);--text:#eff8ff;--muted:#9eb5c9;--cyan:#44e6ff;--purple:#a56bff;--orange:#ff9f43;--danger:#ff4d7d;--ok:#56ffb1}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:0;overflow-x:hidden}a{color:inherit;text-decoration:none}input,select,button{font:inherit}button{cursor:pointer}
.space-scene{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 50% 120%,#1b1450 0,#070918 48%,#02030a 100%)}.stars{position:absolute;inset:-20%;background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:46px 46px;opacity:.45;animation:drift 70s linear infinite}.s2{background-size:83px 83px;opacity:.28;animation-duration:120s}.nebula{position:absolute;inset:0;background:radial-gradient(circle at 18% 40%,rgba(164,84,255,.22),transparent 28%),radial-gradient(circle at 82% 25%,rgba(255,126,52,.18),transparent 24%),radial-gradient(circle at 55% 62%,rgba(68,230,255,.14),transparent 30%);filter:blur(18px)}
.planet,.saturn,.sun,.black-hole{position:absolute;border-radius:50%;filter:drop-shadow(0 0 28px rgba(68,230,255,.25));animation:float 10s ease-in-out infinite}.planet-a{width:170px;height:170px;right:8%;top:18%;background:radial-gradient(circle at 32% 25%,#ecfbff 0,#4de0ff 15%,#2357d4 45%,#112056 100%);animation:orbitA 38s ease-in-out infinite}.planet-a:after{content:"";position:absolute;inset:30% -8%;border-top:8px solid rgba(255,255,255,.2);border-radius:50%;transform:rotate(-12deg)}.planet-b{width:96px;height:96px;left:9%;top:58%;background:radial-gradient(circle at 35% 30%,#ffdca4,#f06b54 42%,#60265f 100%);animation:orbitB 32s ease-in-out infinite}.saturn{width:130px;height:130px;left:12%;top:15%;background:radial-gradient(circle at 35% 30%,#fff0ba,#d7964b 55%,#6b3b73);animation:orbitSaturn 48s ease-in-out infinite}.saturn:before{content:"";position:absolute;left:-42px;right:-42px;top:45%;height:20px;border:8px solid rgba(255,214,124,.72);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-18deg)}.sun{width:150px;height:150px;right:18%;bottom:12%;background:radial-gradient(circle,#fff6ae 0,#ffb13c 35%,#ff5d35 62%,transparent 72%);filter:blur(.2px) drop-shadow(0 0 55px #ff9f43);animation:sunPulse 9s ease-in-out infinite}.black-hole{width:170px;height:170px;left:43%;top:30%;background:radial-gradient(circle,#02020a 0 24%,#914dff 26%,#35e8ff 37%,rgba(255,146,54,.45) 47%,transparent 68%);box-shadow:0 0 75px rgba(150,75,255,.45);animation:blackOrbit 44s ease-in-out infinite,spin 18s linear infinite}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,54px);backdrop-filter:blur(16px);background:rgba(3,5,16,.55);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:28px;height:28px;border-radius:50%;background:conic-gradient(var(--cyan),var(--purple),var(--orange),var(--cyan));box-shadow:0 0 20px var(--cyan)}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{padding:9px 12px;border-radius:8px;color:var(--muted)}.nav a:hover,.nav .is-active{color:var(--text);background:rgba(68,230,255,.12)}.nav .donate-nav{color:#fff;border:1px solid rgba(255,159,67,.5);background:linear-gradient(135deg,rgba(255,159,67,.22),rgba(165,107,255,.18));box-shadow:0 0 18px rgba(255,159,67,.18)}.nav .donate-nav:hover{animation:donateBreath 1.8s ease-in-out infinite;background:linear-gradient(135deg,rgba(255,159,67,.34),rgba(68,230,255,.2));box-shadow:0 0 18px rgba(255,159,67,.32),0 0 34px rgba(165,107,255,.22)}
.site-main{width:min(1180px,94vw);margin:0 auto;padding:38px 0 70px}.hero{min-height:calc(100vh - 180px);display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:30px}.hero h1{font-size:clamp(54px,10vw,132px);line-height:.88;margin:0 0 18px;text-shadow:0 0 28px rgba(68,230,255,.38)}.hero p{max-width:650px;color:#c9d7e8;font-size:18px}.eyebrow{color:var(--cyan);text-transform:uppercase;font-weight:800;font-size:13px}.hero-actions,.tabs,.admin-nav,.badge-row{display:flex;gap:12px;flex-wrap:wrap}.btn,button{border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:8px;padding:11px 16px;box-shadow:0 0 0 transparent;transition:.18s transform,.18s box-shadow,.18s background}.btn:hover,button:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(68,230,255,.32)}.primary{background:linear-gradient(135deg,rgba(68,230,255,.24),rgba(165,107,255,.24));border-color:rgba(68,230,255,.55)}
.glass{background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px);border-radius:8px}.panel,.auth-panel{padding:24px;margin-bottom:22px;animation:panelFloat 6s ease-in-out infinite}.auth-panel{max-width:480px;margin:50px auto}.feature-grid,.dashboard-grid,.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid article,.stat-card,.pricing article{padding:22px;border-radius:8px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.stat-card strong{display:block;font-size:32px}.muted{color:var(--muted)}.alert{color:#ffd2dc;background:rgba(255,77,125,.12);padding:12px;border-radius:8px}.success{color:#c7ffdf;background:rgba(86,255,177,.12);padding:12px;border-radius:8px}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:#dff9ff;background:rgba(68,230,255,.09)}
form{display:grid;gap:13px}label{display:grid;gap:6px;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:rgba(4,8,22,.76);color:var(--text)}
.game-shell{display:grid;grid-template-columns:280px minmax(300px,720px);gap:20px;align-items:start;justify-content:center}.game-side{padding:20px;position:sticky;top:92px}.canvas-wrap{position:relative;width:min(720px,96vw);margin:auto}canvas{width:100%;height:auto;aspect-ratio:3/4;display:block;border-radius:8px;background:#02040d;border:1px solid var(--line);box-shadow:0 0 55px rgba(68,230,255,.18)}.touch-controls{display:none;position:absolute;left:10px;right:10px;bottom:12px;grid-template-columns:1fr 1.2fr 1fr .75fr;gap:8px}.touch-controls button{padding:14px 4px;background:rgba(2,5,14,.58)}
.game-top-hud{position:relative;margin:0 0 10px;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}.game-top-hud span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.game-top-hud strong{display:block;color:var(--text);font-size:24px;line-height:1.05;text-transform:none}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.shop-card{padding:18px;position:relative;overflow:hidden;transition:.2s transform,.2s box-shadow;background:linear-gradient(155deg,rgba(9,15,35,.86),rgba(16,12,35,.78))}.shop-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 10%,rgba(68,230,255,.13),transparent 34%),radial-gradient(circle at 90% 20%,rgba(255,159,67,.10),transparent 30%);pointer-events:none}.shop-card>*{position:relative}.shop-card:hover{box-shadow:0 0 35px rgba(165,107,255,.25)}.item-orb{width:112px;height:112px;border-radius:8px;margin-bottom:14px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(68,230,255,.10),rgba(255,255,255,.03));border:1px solid rgba(68,230,255,.18);overflow:hidden}.item-orb span,.item-orb:before,.item-orb:after{content:"";position:absolute;display:block}.item-orb[data-kind="outfits"]:before{width:44px;height:64px;border-radius:22px 22px 18px 18px;background:linear-gradient(145deg,#f1fbff,#6fefff 45%,#4d38bc);box-shadow:0 0 28px rgba(68,230,255,.42)}.item-orb[data-kind="outfits"]:after{width:30px;height:18px;top:28px;border-radius:12px;background:linear-gradient(90deg,#142148,#66efff)}.item-orb[data-slug*="black-hole"]:before{background:linear-gradient(145deg,#25233e,#080913 55%,#7b4dff)}.item-orb[data-slug*="golden"]:before{background:linear-gradient(145deg,#fff2a8,#d69a28 55%,#6a4211)}.item-orb[data-slug*="crimson"]:before{background:linear-gradient(145deg,#ffd4df,#c73255 55%,#46122b)}.item-orb[data-kind="backgrounds"]:before{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff,#63eaff 16%,#2750c9 48%,#080b28);box-shadow:0 0 32px rgba(68,230,255,.38)}.item-orb[data-slug*="saturn"]:after{width:108px;height:20px;border:5px solid rgba(255,215,130,.75);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-18deg)}.item-orb[data-slug*="mars"]:before{background:radial-gradient(circle at 30% 24%,#ffd3a0,#d76345 45%,#4b1e25)}.item-orb[data-slug*="jupiter"]:before{background:repeating-linear-gradient(0deg,#f1d09b 0 12px,#9b5d3d 13px 22px,#f4ddb8 23px 33px);border-radius:50%}.item-orb[data-slug*="sagittarius"]:before,.item-orb[data-slug*="black-hole"]:before{background:radial-gradient(circle,#02020a 0 28%,#914dff 34%,#35e8ff 48%,rgba(255,146,54,.45) 58%,transparent 76%)}.item-orb[data-slug*="andromeda"]:before{width:96px;height:40px;border-radius:50%;background:radial-gradient(circle,#fff,rgba(68,230,255,.5) 18%,rgba(165,107,255,.25) 48%,transparent 72%);transform:rotate(-18deg)}.item-orb[data-kind="jetpack-trails"]:before{width:24px;height:78px;border-radius:20px;background:linear-gradient(#fff,#44e6ff 30%,transparent);filter:blur(.2px);animation:previewBob 1.8s ease-in-out infinite}.item-orb[data-slug*="solar"],.item-orb[data-slug*="fire"]{filter:drop-shadow(0 0 18px rgba(255,159,67,.35))}.item-orb[data-kind="hud-themes"]:before{width:78px;height:52px;border-radius:8px;border:2px solid rgba(68,230,255,.75);background:linear-gradient(135deg,rgba(68,230,255,.1),rgba(165,107,255,.12))}.item-orb[data-kind="boosts"]:before{width:72px;height:24px;border-radius:14px;background:linear-gradient(90deg,#ffcf54,#984e13);box-shadow:0 0 24px rgba(255,159,67,.42)}.item-orb[data-kind="badges"]:before,.item-orb[data-kind="supporter-packs"]:before,.item-orb[data-kind="limited-items"]:before{width:76px;height:76px;clip-path:polygon(50% 0,62% 34%,98% 35%,69% 56%,79% 91%,50% 70%,21% 91%,31% 56%,2% 35%,38% 34%);background:linear-gradient(135deg,#ffcf54,#44e6ff,#a56bff);box-shadow:0 0 28px rgba(255,159,67,.38)}.rarity-epic{border-color:rgba(165,107,255,.5)}.rarity-legendary{border-color:rgba(255,159,67,.65)}
.leaderboard,.admin-table{padding:14px}.leader-row,.admin-row{display:grid;grid-template-columns:60px 1fr auto auto auto;gap:14px;align-items:center;padding:13px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-row{grid-template-columns:1fr 1fr auto auto auto}.admin-row form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-row input{max-width:160px}.tabs a{padding:9px 13px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.tabs .on{background:rgba(68,230,255,.13);color:var(--text)}
.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(16px,4vw,54px);color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}
@keyframes drift{to{transform:translate3d(-90px,140px,0)}}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panelFloat{50%{transform:translateY(-4px)}}@keyframes donateBreath{0%,100%{box-shadow:0 0 16px rgba(255,159,67,.28),0 0 28px rgba(165,107,255,.16);transform:translateY(-1px) scale(1)}50%{box-shadow:0 0 26px rgba(255,159,67,.52),0 0 48px rgba(68,230,255,.24);transform:translateY(-2px) scale(1.035)}}.tilt-card{transform-style:preserve-3d;will-change:transform}
@media(max-width:850px){.site-header,.site-footer{display:grid;gap:12px}.hero,.feature-grid,.dashboard-grid,.pricing,.game-shell{grid-template-columns:1fr}.hero{min-height:auto;padding:40px 0}.game-side{position:static}.touch-controls{display:grid}.leader-row{grid-template-columns:42px 1fr auto}.leader-row time,.leader-row .badge{display:none}.admin-row{grid-template-columns:1fr}.nav{font-size:14px}}

.app-icon{background:url("../img/astroleap-icon.svg") center/cover no-repeat;box-shadow:0 0 22px rgba(68,230,255,.55)}
.visitor-counter{position:fixed;right:14px;bottom:14px;z-index:40;padding:8px 12px;border:1px solid rgba(68,230,255,.32);border-radius:8px;background:rgba(4,8,22,.68);backdrop-filter:blur(14px);color:var(--muted);font-size:12px;box-shadow:0 0 20px rgba(68,230,255,.16)}.visitor-counter strong{display:block;color:#fff;font-size:18px;line-height:1.05;text-shadow:0 0 14px rgba(68,230,255,.55)}
.credit-pill{border-color:rgba(255,207,84,.55)!important;color:#fff!important;background:linear-gradient(135deg,rgba(255,207,84,.22),rgba(255,159,67,.12))!important}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.checkline{display:flex;align-items:center;gap:10px}.checkline input{width:auto}
.control-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.control-key{padding:12px;border:1px solid rgba(68,230,255,.24);border-radius:8px;background:linear-gradient(135deg,rgba(68,230,255,.10),rgba(165,107,255,.08));box-shadow:inset 0 1px rgba(255,255,255,.06)}.control-key kbd{display:inline-grid;place-items:center;min-width:34px;height:28px;margin-right:8px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:800}.control-key span{color:var(--muted)}
.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.achievement-card{padding:18px}.achievement-mark{display:block;width:52px;height:52px;margin-bottom:12px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#44e6ff 28%,#31206f);box-shadow:0 0 24px rgba(68,230,255,.35)}.achievement-card.locked{opacity:.62}.achievement-card.locked .achievement-mark{filter:grayscale(1);box-shadow:none}.achievement-card.unlocked{border-color:rgba(255,207,84,.45)}
.empty-state{display:grid;place-items:center;text-align:center;min-height:260px;padding:34px;color:var(--muted)}.empty-state h2{margin:6px 0;color:#fff}.empty-state p{max-width:480px}
body:not(.is-authenticated) a[href="preview_logout.html"]{display:none}
body:not(:has(.site-footer))::after{content:"\00a9 2026 Astro Leap / astroleap.app. All rights reserved.";display:flex;justify-content:center;padding:28px clamp(16px,4vw,54px);color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}
.btn,button,.nav a,.tabs a{color:#fff;border-color:rgba(255,159,67,.45);background:linear-gradient(135deg,rgba(255,159,67,.20),rgba(165,107,255,.18),rgba(68,230,255,.12));box-shadow:0 0 18px rgba(255,159,67,.12);transition:.2s transform,.2s box-shadow,.2s background}
.btn:hover,button:hover,.nav a:hover,.tabs a:hover{animation:donateBreath 1.8s ease-in-out infinite;background:linear-gradient(135deg,rgba(255,159,67,.34),rgba(68,230,255,.20));box-shadow:0 0 18px rgba(255,159,67,.32),0 0 34px rgba(165,107,255,.22)}
.primary,.nav .is-active,.tabs .on{border-color:rgba(68,230,255,.55);background:linear-gradient(135deg,rgba(68,230,255,.25),rgba(165,107,255,.22),rgba(255,159,67,.15))}
.preview-catalog{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.preview-card{position:relative;min-height:96px;display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;text-align:left;overflow:hidden}.preview-card span{position:relative;display:block;filter:drop-shadow(0 0 15px rgba(68,230,255,.35))}.preview-pop{position:fixed;left:50%;top:18%;z-index:30;min-width:260px;max-width:360px;padding:18px;border:1px solid rgba(68,230,255,.55);border-radius:8px;background:rgba(4,8,22,.86);box-shadow:0 0 28px rgba(68,230,255,.34),0 0 48px rgba(165,107,255,.2);color:#dff;opacity:0;pointer-events:none;transform:translate(-50%,-12px) scale(.96);transition:.18s}.preview-pop.show{opacity:1;transform:translate(-50%,0) scale(1)}.preview-pop strong{display:block;color:#fff;font-size:20px;text-shadow:0 0 18px #44e6ff}.preview-pop span{display:block;color:#bcd1e4;margin-top:6px}
.demo-platform{width:92px;height:18px;border-radius:10px;background:linear-gradient(90deg,#45e6ff,#1b4086);box-shadow:0 0 18px rgba(68,230,255,.45);animation:previewFloat 2.8s ease-in-out infinite}.demo-moving{background:linear-gradient(90deg,#a56bff,#33246e);animation:previewPatrol 2.7s ease-in-out infinite}.demo-break{background:linear-gradient(90deg,#ff6f73,#683145);animation:breakPreview 2.1s ease-in-out infinite}.demo-break:before,.demo-break:after{content:none}.demo-boost{background:linear-gradient(90deg,#ffcf54,#984e13);box-shadow:0 0 18px rgba(255,159,67,.45)}
.demo-fuel{width:24px;height:34px;margin-left:28px;border-radius:8px;background:#56ffb1;box-shadow:0 0 25px rgba(86,255,177,.45);animation:fuelSpin 1.55s linear infinite}.demo-fuel:before{content:"";position:absolute;left:8px;top:7px;width:8px;height:6px;background:#fff;border-radius:1px}
.demo-alien{width:52px;height:32px;margin-left:16px;border-radius:18px;background:#b7ff5a;box-shadow:0 0 24px rgba(183,255,90,.45);animation:previewPatrol 2.4s ease-in-out infinite}
.demo-alien:before,.demo-alien:after{content:"";position:absolute;top:9px;width:6px;height:6px;background:#07110c;border-radius:50%}.demo-alien:before{left:11px}.demo-alien:after{right:11px}
.demo-spring{width:112px;height:42px;margin-left:0;background:transparent;box-shadow:none;animation:previewSpring 1.4s ease-in-out infinite}.demo-spring:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:18px;border-radius:10px;background:linear-gradient(90deg,#56ffb1,#1b6d58);box-shadow:0 0 18px rgba(86,255,177,.45)}.demo-spring:before{content:none}
.demo-saturn{width:58px;height:58px;margin-left:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0ba,#d7964b 55%,#6b3b73);animation:previewPlanet 3.8s ease-in-out infinite}.demo-saturn:before{content:"";position:absolute;left:-18px;right:-18px;top:43%;height:9px;border:4px solid rgba(255,214,124,.72);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-18deg)}
.demo-hole{width:62px;height:62px;margin-left:16px;border-radius:50%;background:radial-gradient(circle,#02020a 0 26%,#914dff 30%,#35e8ff 44%,rgba(255,146,54,.45) 55%,transparent 72%);box-shadow:0 0 30px rgba(150,75,255,.45);animation:spin 7s linear infinite}
.lobby-stage{position:relative;min-height:500px;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(68,230,255,.10),transparent 34%),linear-gradient(180deg,rgba(5,9,24,.88),rgba(2,4,14,.96))}.lobby-stage:before{content:"";position:absolute;left:-10%;right:-10%;bottom:70px;height:120px;background:linear-gradient(90deg,transparent,rgba(68,230,255,.18),transparent);transform:perspective(500px) rotateX(62deg);border-top:1px solid rgba(68,230,255,.25)}.lobby-stage:after{content:"";position:absolute;inset:auto 6% 52px 6%;height:1px;background:linear-gradient(90deg,transparent,#44e6ff,transparent);box-shadow:0 0 18px rgba(68,230,255,.45)}.ship{position:absolute;right:7%;bottom:120px;width:min(430px,42vw);height:170px;border-radius:48% 52% 44% 40%;background:linear-gradient(135deg,#e9fbff 0,#5f78be 28%,#17234b 68%,#070b1c);box-shadow:0 0 60px rgba(68,230,255,.22),inset -30px -24px 60px rgba(0,0,0,.28);animation:previewFloat 5s ease-in-out infinite}.ship:before{content:"";position:absolute;left:15%;top:30%;width:28%;height:32%;border-radius:50%;background:linear-gradient(135deg,#111b3f,#62edff);box-shadow:inset 0 0 18px rgba(255,255,255,.22)}.ship:after{content:"";position:absolute;right:8%;bottom:24%;width:20%;height:16%;border-radius:16px;background:#ff9f43;box-shadow:0 0 26px #ff9f43}.lobby-astro{position:absolute;left:15%;bottom:112px;width:58px;height:78px;border-radius:26px;background:linear-gradient(145deg,#f4fdff,#83f0ff 48%,#5842c8);box-shadow:0 0 30px rgba(68,230,255,.45);animation:lobbyWalk 4.2s ease-in-out infinite}.lobby-astro:before{content:"";position:absolute;left:11px;top:11px;width:36px;height:22px;border-radius:14px;background:linear-gradient(90deg,#17224d,#66efff)}.lobby-astro:after{content:"";position:absolute;left:-18px;right:-18px;bottom:-20px;height:8px;border-radius:50%;background:rgba(68,230,255,.22);filter:blur(6px)}.equip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px}.equip-card{padding:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(68,230,255,.035))}
@keyframes previewFloat{50%{transform:translateY(-8px)}}@keyframes previewBob{50%{transform:translateY(12px) rotate(8deg)}}@keyframes previewPatrol{50%{transform:translateX(22px)}}@keyframes previewSpring{0%,100%{transform:translateY(0)}45%{transform:translateY(4px) scaleY(.86)}60%{transform:translateY(-6px) scaleY(1.05)}}@keyframes breakPreview{0%,58%,100%{transform:translate(0,0) rotate(0);opacity:1}70%{transform:translate(-5px,4px) rotate(-4deg);opacity:.65}82%{transform:translate(6px,8px) rotate(5deg);opacity:.25}}@keyframes fuelSpin{to{transform:rotate(360deg)}}@keyframes previewPlanet{0%,100%{transform:translateX(-4px) scale(.86)}50%{transform:translateX(22px) scale(1.12)}}@keyframes lobbyWalk{0%,100%{transform:translateX(0)}50%{transform:translateX(70px)}}@keyframes orbitA{0%{transform:translate(0,0) scale(.72);opacity:.38}30%{transform:translate(-34vw,18vh) scale(1.08);opacity:1}62%{transform:translate(-72vw,-10vh) scale(.54);opacity:.24}100%{transform:translate(0,0) scale(.72);opacity:.38}}@keyframes orbitB{0%{transform:translate(0,0) scale(1);opacity:1}45%{transform:translate(60vw,-22vh) scale(.62);opacity:.34}78%{transform:translate(82vw,18vh) scale(1.25);opacity:.85}100%{transform:translate(0,0) scale(1);opacity:1}}@keyframes orbitSaturn{0%{transform:translate(0,0) scale(1)}35%{transform:translate(45vw,10vh) scale(1.22)}70%{transform:translate(88vw,-20vh) scale(.58);opacity:.32}100%{transform:translate(0,0) scale(1)}}@keyframes sunPulse{50%{transform:scale(1.12);filter:blur(.2px) drop-shadow(0 0 82px #ff9f43)}}@keyframes blackOrbit{0%,100%{left:43%;top:30%;transform:scale(.82)}45%{left:72%;top:7%;transform:scale(1.12)}72%{left:-12%;top:48%;transform:scale(.58)}}

.landing-hero{grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:42px}.hero-game-card{position:relative;min-height:560px;border:1px solid rgba(68,230,255,.24);border-radius:10px;overflow:hidden;background:#02040d;box-shadow:0 0 70px rgba(68,230,255,.16),inset 0 1px rgba(255,255,255,.08)}.hero-game-card canvas{width:100%;height:100%;min-height:560px;border:0;border-radius:0;box-shadow:none;background:#02040d}
.game-feature-grid article{position:relative;overflow:hidden;transition:.22s transform,.22s box-shadow}.game-feature:hover{transform:translateY(-4px);box-shadow:0 0 34px rgba(68,230,255,.18),0 0 46px rgba(165,107,255,.12)}.game-feature h2{margin-top:10px}.feature-icon{display:block;width:62px;height:62px;border-radius:14px;border:1px solid rgba(68,230,255,.22);background:rgba(68,230,255,.08);position:relative;box-shadow:0 0 24px rgba(68,230,255,.16)}.feature-icon.fuel:before{content:"";position:absolute;left:20px;top:13px;width:22px;height:32px;border-radius:8px;background:#56ffb1;box-shadow:0 0 22px rgba(86,255,177,.5)}.feature-icon.alien:before{content:"";position:absolute;left:12px;top:17px;width:38px;height:24px;border-radius:16px;background:#b7ff5a;box-shadow:0 0 22px rgba(183,255,90,.5)}.feature-icon.trophy:before{content:"";position:absolute;left:12px;top:12px;width:38px;height:38px;clip-path:polygon(50% 0,62% 34%,98% 35%,69% 56%,79% 91%,50% 70%,21% 91%,31% 56%,2% 35%,38% 34%);background:linear-gradient(135deg,#ffcf54,#44e6ff,#a56bff)}.player-road h2{margin-top:0}.road-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.road-grid div{padding:16px;border:1px solid rgba(68,230,255,.18);border-radius:8px;background:rgba(255,255,255,.04)}.road-grid strong{display:block;font-size:22px}.road-grid span{display:block;margin-top:6px;color:var(--muted)}
.shop-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.shop-hero .tabs{grid-column:1/-1}.shop-hero .success{grid-column:1/-1}.shop-balance{align-self:center;padding:12px 16px;border:1px solid rgba(255,207,84,.42);border-radius:999px;background:rgba(255,207,84,.09);color:#fff;font-weight:900;box-shadow:0 0 24px rgba(255,207,84,.13)}.shop-preview-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:20px;align-items:center}.shop-preview-panel canvas{width:100%;max-height:320px;border-radius:8px;border:1px solid rgba(68,230,255,.18);background:#02040d;box-shadow:0 0 34px rgba(68,230,255,.12)}.shop-card{min-height:390px;display:grid;grid-template-rows:auto auto auto minmax(54px,auto) 1fr;gap:10px}.shop-card h2{font-size:24px;line-height:1.08;margin:4px 0}.shop-card p{margin:0;color:#d4deeb;line-height:1.35}.shop-preview-hit{width:max-content;border:0;background:transparent;padding:0;box-shadow:none}.shop-preview-hit:hover{animation:none;transform:translateY(-1px);box-shadow:none}.shop-buy{align-self:end;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.shop-buy strong{white-space:nowrap}.shop-buy form{display:block}.shop-buy .btn,.shop-buy button{min-width:96px;padding:10px 14px}
.item-orb[data-kind="outfits"][data-slug*="classic"]:before{border-radius:24px 24px 18px 18px;background:linear-gradient(145deg,#f5feff,#78f0ff 52%,#335bd4)}.item-orb[data-kind="outfits"][data-slug*="astral"]:before{width:54px;height:68px;border-radius:20px 20px 10px 10px;background:linear-gradient(145deg,#fff,#78f0ff 38%,#263e82);clip-path:polygon(18% 0,82% 0,100% 35%,82% 100%,18% 100%,0 35%)}.item-orb[data-kind="outfits"][data-slug*="solar"]:before{width:52px;height:70px;border-radius:24px 24px 15px 15px;background:linear-gradient(145deg,#fff2ba,#ff9f43 42%,#672215);box-shadow:0 0 30px rgba(255,159,67,.46)}.item-orb[data-kind="outfits"][data-slug*="nebula"]:before{width:54px;height:70px;border-radius:24px 24px 18px 18px;background:radial-gradient(circle at 28% 24%,#fff,#a56bff 25%,#261453 68%,#080914);box-shadow:0 0 32px rgba(165,107,255,.5)}.item-orb[data-kind="outfits"][data-slug*="deep-space"]:before{width:50px;height:68px;border-radius:18px 18px 26px 26px;background:linear-gradient(145deg,#41506c,#080b18 58%,#101b2f);border:2px solid rgba(68,230,255,.34)}.item-orb[data-kind="outfits"]:after{box-shadow:0 0 14px rgba(68,230,255,.42)}
.item-orb[data-kind="jetpack-trails"][data-slug*="purple"]:before{background:linear-gradient(#fff,#a56bff 35%,transparent)}.item-orb[data-kind="jetpack-trails"][data-slug*="solar"],.item-orb[data-kind="jetpack-trails"][data-slug*="fire"]{filter:drop-shadow(0 0 18px rgba(255,159,67,.45))}.item-orb[data-kind="jetpack-trails"][data-slug*="solar"]:before,.item-orb[data-kind="jetpack-trails"][data-slug*="fire"]:before{background:linear-gradient(#fff9c8,#ff9f43 34%,transparent)}.item-orb[data-kind="jetpack-trails"][data-slug*="stardust"]:before{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 20% 20%,#fff 0 3px,transparent 4px),radial-gradient(circle at 70% 35%,#44e6ff 0 3px,transparent 4px),radial-gradient(circle at 45% 72%,#a56bff 0 4px,transparent 5px);animation:spin 8s linear infinite}.item-orb[data-kind="jetpack-trails"][data-slug*="comet"]:before{width:86px;height:22px;border-radius:18px;background:linear-gradient(90deg,transparent,#8ff7ff,#fff);transform:rotate(-28deg)}.item-orb[data-kind="jetpack-trails"][data-slug*="smoke"]:before{width:78px;height:78px;border-radius:50%;background:radial-gradient(circle,#05050a 0 25%,rgba(165,107,255,.7) 35%,rgba(68,230,255,.24) 52%,transparent 72%);animation:spin 7s linear infinite}
.item-orb[data-kind="backgrounds"]{background:linear-gradient(180deg,rgba(2,5,15,.95),rgba(10,15,35,.84))}.item-orb[data-slug*="classic-stars"]:before{width:100%;height:100%;border-radius:0;background:radial-gradient(#fff 1px,transparent 2px);background-size:18px 18px;box-shadow:none}.item-orb[data-slug*="solar-orbit"]:before{background:radial-gradient(circle,#fff6ae 0,#ffb13c 32%,#ff5d35 58%,transparent 72%)}.item-orb[data-slug*="nebula"]:before{width:104px;height:76px;border-radius:50%;background:radial-gradient(circle at 35% 34%,#fff,rgba(68,230,255,.6) 18%,rgba(165,107,255,.45) 48%,rgba(255,159,67,.22) 70%,transparent)}.item-orb[data-slug*="moonfield"]:before{background:radial-gradient(circle at 36% 30%,#fff,#d8e1e8 28%,#6b7488 70%)}.item-orb[data-slug*="red-dwarf"]:before{background:radial-gradient(circle,#fff0b2,#d23a32 42%,#4d0d19 70%,transparent)}.item-orb[data-slug*="kepler"]:before{background:radial-gradient(circle at 32% 24%,#d8ffd2,#4fb985 42%,#16334b)}.item-orb[data-slug*="trappist"]:before{background:radial-gradient(circle at 32% 24%,#ffcda8,#b84d4d 42%,#2c1834)}.item-orb[data-slug*="neptune"]:before{background:radial-gradient(circle at 32% 24%,#e8fdff,#3b8cff 42%,#111b72)}
.item-orb[data-kind="hud-themes"][data-slug*="purple"]:before{border-color:#a56bff;background:linear-gradient(135deg,rgba(165,107,255,.28),rgba(68,230,255,.08))}.item-orb[data-kind="hud-themes"][data-slug*="orange"]:before,.item-orb[data-kind="hud-themes"][data-slug*="solar"]:before{border-color:#ff9f43;background:linear-gradient(135deg,rgba(255,159,67,.28),rgba(68,230,255,.08))}.item-orb[data-kind="hud-themes"][data-slug*="green"],.item-orb[data-kind="hud-themes"][data-slug*="matrix"]{filter:drop-shadow(0 0 14px rgba(86,255,177,.35))}.item-orb[data-kind="hud-themes"][data-slug*="green"]:before,.item-orb[data-kind="hud-themes"][data-slug*="matrix"]:before{border-color:#56ffb1;background:repeating-linear-gradient(90deg,rgba(86,255,177,.28) 0 2px,transparent 3px 12px)}.item-orb[data-kind="hud-themes"][data-slug*="black-hole"]:before{border-color:#a56bff;background:radial-gradient(circle,#05050a 0 30%,rgba(165,107,255,.34) 45%,transparent 70%)}
.item-orb.small{width:86px;height:86px;margin-bottom:10px}.item-orb.small:before{transform:scale(.78)}.item-orb.small:after{transform:scale(.78) rotate(-18deg)}.hud-purple-neon .game-top-hud{border-color:rgba(165,107,255,.45);box-shadow:0 0 24px rgba(165,107,255,.18),inset 0 1px rgba(255,255,255,.08)}.hud-orange-solar .game-top-hud{border-color:rgba(255,159,67,.45);box-shadow:0 0 24px rgba(255,159,67,.18),inset 0 1px rgba(255,255,255,.08)}.hud-green-matrix .game-top-hud{border-color:rgba(86,255,177,.45);box-shadow:0 0 24px rgba(86,255,177,.16),inset 0 1px rgba(255,255,255,.08)}.hud-black-hole-glass .game-top-hud{border-color:rgba(165,107,255,.55);background:rgba(2,3,10,.78);box-shadow:0 0 28px rgba(165,107,255,.22),inset 0 1px rgba(255,255,255,.08)}
@media(max-width:850px){.landing-hero{grid-template-columns:1fr}.hero-game-card{min-height:430px}.road-grid{grid-template-columns:1fr}.shop-card{min-height:auto}}
@media(max-width:850px){.shop-hero,.shop-preview-panel{grid-template-columns:1fr}.shop-balance{width:max-content}.shop-preview-panel canvas{max-height:none}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}

/* Astro Leap mission-control identity layer */
:root{--space-0:#02040b;--space-1:#050917;--space-2:#08162b;--hud-cyan:#44e6ff;--hud-violet:#a56bff;--hud-orange:#ff9f43;--hud-green:#56ffb1;--rare:#44e6ff;--epic:#a56bff;--legendary:#ffb347;--limited:#ff4d7d;--panel-dark:rgba(4,10,24,.76);--panel-line:rgba(105,227,255,.27);--scan:rgba(68,230,255,.06)}
body{background:var(--space-0);font-family:Inter,Segoe UI,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 50%,rgba(0,0,0,.025) 50%);background-size:100% 4px;mix-blend-mode:screen;opacity:.55}
.space-scene{background:radial-gradient(circle at 18% 18%,rgba(68,230,255,.11),transparent 28%),radial-gradient(circle at 82% 10%,rgba(165,107,255,.13),transparent 26%),radial-gradient(circle at 54% 110%,rgba(255,159,67,.12),transparent 34%),linear-gradient(180deg,#040815,#01030a 70%)}
.space-scene:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 48%,rgba(68,230,255,.075) 0 1px,transparent 2px 90px);opacity:.35;animation:spin 180s linear infinite}
.site-header{margin:12px auto 0;width:min(1220px,calc(100vw - 24px));border:1px solid rgba(68,230,255,.26);border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,rgba(3,9,22,.86),rgba(11,9,30,.72));box-shadow:0 0 40px rgba(68,230,255,.12),inset 0 1px rgba(255,255,255,.08);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.site-header:before{content:"ASTRO LEAP // ORBITAL HUD";position:absolute;left:22px;top:-9px;padding:0 8px;background:#030714;color:var(--hud-cyan);font-size:10px;font-weight:900;letter-spacing:.14em}
.brand{gap:12px;text-transform:uppercase;letter-spacing:.04em}.brand-mark{width:40px;height:40px;border:1px solid rgba(68,230,255,.42);border-radius:12px}.brand-text{display:grid;line-height:1.05}.brand-text b{font-size:18px}.brand-text small{font-size:10px;color:var(--muted);letter-spacing:.18em}
.nav{gap:8px}.nav a{position:relative;min-height:36px;display:inline-flex;align-items:center;border:1px solid rgba(68,230,255,.2);border-radius:6px;padding:8px 12px;background:linear-gradient(180deg,rgba(68,230,255,.075),rgba(255,255,255,.025));color:#cfe8f7;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.06em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.nav a:hover,.nav .is-active{color:#fff;border-color:rgba(68,230,255,.68);background:linear-gradient(135deg,rgba(68,230,255,.18),rgba(165,107,255,.12));box-shadow:0 0 22px rgba(68,230,255,.22)}
.nav .donate-nav{border-color:rgba(255,159,67,.58);background:linear-gradient(135deg,rgba(255,159,67,.18),rgba(165,107,255,.1))}
.site-main{width:min(1200px,94vw);padding-top:34px}.glass,.panel,.auth-panel,.shop-card,.leaderboard{position:relative;border-color:var(--panel-line);background:linear-gradient(145deg,rgba(5,12,28,.82),rgba(6,8,22,.72));box-shadow:0 24px 80px rgba(0,0,0,.38),0 0 42px rgba(68,230,255,.08),inset 0 1px rgba(255,255,255,.08)}
.glass:before,.panel:before,.auth-panel:before,.shop-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,var(--scan),transparent);opacity:.65}
.panel h1,.auth-panel h1,.shop-hero h1,.scanner-hero h1{letter-spacing:.01em;text-shadow:0 0 24px rgba(68,230,255,.24)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--hud-cyan);letter-spacing:.14em}.eyebrow:before{content:"";width:28px;height:1px;background:var(--hud-cyan);box-shadow:0 0 12px var(--hud-cyan)}
.btn,button,.tabs a{min-height:42px;border-radius:6px;border-color:rgba(68,230,255,.38);background:linear-gradient(135deg,rgba(68,230,255,.13),rgba(165,107,255,.08),rgba(255,159,67,.08));font-weight:900;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.primary,.launch-cta{border-color:rgba(255,159,67,.7);background:linear-gradient(135deg,rgba(255,159,67,.32),rgba(68,230,255,.18),rgba(165,107,255,.16));box-shadow:0 0 22px rgba(255,159,67,.2)}
.alert,.success{border:1px solid currentColor;border-radius:6px;background:rgba(4,8,20,.75);font-weight:800}.alert:before{content:"SYSTEM ALERT // ";font-size:12px;color:var(--danger)}.success:before{content:"MISSION OK // ";font-size:12px;color:var(--hud-green)}
.landing-hero{min-height:calc(100vh - 150px);grid-template-columns:minmax(0,1fr) minmax(330px,460px)}.landing-hero .hero-copy{position:relative;padding:30px 0}.landing-hero h1{font-size:clamp(68px,11vw,154px);text-transform:uppercase;letter-spacing:.015em;background:linear-gradient(180deg,#fff,#9df6ff 42%,#6d7dff);-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 28px rgba(68,230,255,.35))}
.pilot-status{margin-top:24px;width:min(420px,100%);padding:16px 18px;display:grid;gap:4px;border-left:3px solid var(--hud-cyan)}.pilot-status span,.hud-mini span{color:var(--hud-cyan);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.pilot-status strong{font-size:28px}.pilot-status small{color:var(--muted)}
.game-feature{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.game-feature h2{font-size:24px}.expedition-panel{margin-top:22px}.status-row{display:flex;gap:10px;flex-wrap:wrap}.status-chip,.badge{border-radius:999px;border-color:rgba(68,230,255,.32);background:rgba(68,230,255,.08);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.08em;padding:7px 10px}
.game-shell{grid-template-columns:300px minmax(320px,760px)}.game-side{border-left:3px solid var(--hud-cyan);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.canvas-wrap{padding:12px;border:1px solid rgba(68,230,255,.24);border-radius:10px;background:linear-gradient(135deg,rgba(68,230,255,.08),rgba(255,255,255,.025));box-shadow:0 0 70px rgba(68,230,255,.12)}.canvas-wrap:before{content:"COCKPIT DISPLAY";display:block;margin:0 0 8px;color:var(--hud-cyan);font-size:11px;font-weight:900;letter-spacing:.14em}.game-top-hud{border-radius:6px;margin-bottom:8px;background:rgba(3,8,20,.82)}.touch-controls button{min-height:48px}
.shop-hero,.shop-preview-panel{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.shop-hero h1:before{content:"Equipment Terminal // ";display:block;color:var(--hud-cyan);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.tabs,.radar-tabs{padding:8px;border:1px solid rgba(68,230,255,.16);background:rgba(2,6,16,.38);border-radius:8px}.tabs a.on,.tabs .on{box-shadow:0 0 18px rgba(68,230,255,.22)}
.shop-card{border-radius:8px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.shop-card .badge{width:max-content}.rarity-common{border-color:rgba(180,220,235,.28)}.rarity-rare{border-color:rgba(68,230,255,.48);box-shadow:0 0 28px rgba(68,230,255,.1)}.rarity-epic{border-color:rgba(165,107,255,.55);box-shadow:0 0 30px rgba(165,107,255,.13)}.rarity-legendary{border-color:rgba(255,179,71,.7);box-shadow:0 0 34px rgba(255,179,71,.15)}.rarity-limited{border-color:rgba(255,77,125,.72);box-shadow:0 0 34px rgba(255,77,125,.16)}
.ranking-scanner{overflow:hidden}.ranking-scanner:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(68,230,255,.05),transparent);animation:scanDown 5s linear infinite}.leader-row{position:relative;border:1px solid rgba(68,230,255,.12);border-radius:8px;margin:8px 0;background:rgba(3,8,20,.58)}.leader-row b{color:var(--hud-orange);font-size:20px}.leader-row strong{color:#fff;text-shadow:0 0 14px rgba(68,230,255,.35)}
.terminal-panel{max-width:520px;border-left:3px solid var(--hud-orange)}.terminal-panel input,.terminal-panel select,input:focus,select:focus{outline:none;border-color:rgba(68,230,255,.66);box-shadow:0 0 0 3px rgba(68,230,255,.08),0 0 18px rgba(68,230,255,.14)}.terminal-panel form a{color:var(--hud-cyan);font-weight:900}
.empty-state{border:1px solid rgba(68,230,255,.18);border-radius:8px;background:radial-gradient(circle at 50% 0,rgba(68,230,255,.13),transparent 42%),rgba(3,8,20,.55)}
@keyframes scanDown{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:850px){.site-header{position:relative;width:min(100% - 16px,1220px);margin-top:8px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.nav a{justify-content:center}.brand-text small{display:none}.landing-hero{grid-template-columns:1fr}.pilot-status{width:100%}.game-shell{grid-template-columns:1fr}.canvas-wrap{padding:8px}.shop-grid{grid-template-columns:1fr}.leader-row{grid-template-columns:44px 1fr auto}.visitor-counter{right:8px;bottom:8px}}