*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:Arial,sans-serif;overflow-x:hidden;position:relative}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background-image:paint(starfield-painter),radial-gradient(circle at 20% 50%,rgba(120,80,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,80,120,.1) 0%,transparent 50%)}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.intro-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:10}.title{font-size:4rem;font-weight:700;background:linear-gradient(45deg,#ff006e,#8338ec,#3a86ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px rgba(131,56,236,.5)}to{text-shadow:0 0 30px rgba(131,56,236,.8),0 0 40px rgba(58,134,255,.6)}}.subtitle{font-size:1.5rem;margin-top:1rem;opacity:.8}.scroll-indicator{position:absolute;bottom:50px;animation:bounce 2s infinite}.mouse{width:30px;height:50px;border:2px solid #fff;border-radius:15px;position:relative;margin:0 auto}.wheel{width:4px;height:8px;background:#fff;border-radius:2px;position:absolute;top:10px;left:50%;transform:translate(-50%);animation:wheel 1.5s infinite}@keyframes wheel{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(15px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.journey-container{min-height:800vh;position:relative;z-index:5}.spaceship{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;animation:ship-journey linear;animation-timeline:scroll()}@keyframes ship-journey{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}20%{transform:translate(-30%,-50%) rotate(-5deg) scale(1.1)}40%{transform:translate(-70%,-50%) rotate(5deg) scale(1)}60%{transform:translate(-20%,-50%) rotate(-3deg) scale(1.2)}80%{transform:translate(-80%,-50%) rotate(10deg) scale(.9)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.ship-body{width:60px;height:100px;background:paint(spaceship-painter);border-radius:30px 30px 10px 10px;position:relative}.ship-window{width:30px;height:30px;background:radial-gradient(circle,#4fc3f7,#1976d2);border-radius:50%;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #4fc3f7cc}.ship-engine{width:40px;height:30px;background:paint(engine-flame);position:absolute;bottom:-25px;left:50%;transform:translate(-50%);animation:engine-pulse .5s infinite}@keyframes engine-pulse{0%,to{opacity:.8;transform:translate(-50%) scaleY(1)}50%{opacity:1;transform:translate(-50%) scaleY(1.3)}}.planet{width:300px;height:300px;position:absolute;left:50%;transform:translate(-50%);animation:planet-scroll linear;animation-timeline:scroll()}.planet-earth{top:150vh;animation-range:0vh 200vh}.planet-mars{top:350vh;animation-range:200vh 400vh}.planet-alien{top:550vh;animation-range:400vh 600vh}.planet-crystal{top:750vh;animation-range:600vh 800vh}@keyframes planet-scroll{0%{transform:translate(-50%) scale(.3) rotate(0);opacity:0}50%{transform:translate(-50%) scale(1.2) rotate(180deg);opacity:1}to{transform:translate(-50%) scale(.3) rotate(360deg);opacity:0}}.planet-surface{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden}.planet-earth .planet-surface{background:paint(earth-painter);box-shadow:0 0 50px #4fc3f780}.planet-mars .planet-surface{background:paint(mars-painter);box-shadow:0 0 50px #ff572280}.planet-alien .planet-surface{background:paint(alien-planet);box-shadow:0 0 50px #9c27b080}.planet-crystal .planet-surface{background:paint(crystal-planet);box-shadow:0 0 50px #00ffff80}.planet-info{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.planet-info h2{font-size:1.5rem;margin-bottom:.5rem}.asteroid-field{position:absolute;top:250vh;width:100%;height:100vh}.asteroid{position:absolute;background:paint(asteroid-painter);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:asteroid-float linear;animation-timeline:scroll()}.asteroid-1{width:80px;height:80px;top:20%;left:10%;animation-range:150vh 350vh}.asteroid-2{width:60px;height:60px;top:40%;right:20%;animation-range:180vh 380vh}.asteroid-3{width:100px;height:100px;top:60%;left:30%;animation-range:200vh 400vh}.asteroid-4{width:40px;height:40px;top:80%;right:40%;animation-range:220vh 420vh}.asteroid-5{width:70px;height:70px;top:30%;right:10%;animation-range:170vh 370vh}@keyframes asteroid-float{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-100vh) rotate(720deg)}}.wormhole{position:absolute;top:450vh;left:50%;transform:translate(-50%);width:400px;height:400px;animation:wormhole-appear linear;animation-timeline:scroll();animation-range:350vh 550vh}@keyframes wormhole-appear{0%{transform:translate(-50%) scale(0) rotate(0);opacity:0}50%{transform:translate(-50%) scale(1.5) rotate(180deg);opacity:1}to{transform:translate(-50%) scale(0) rotate(360deg);opacity:0}}.wormhole-ring{position:absolute;border:3px solid;border-radius:50%;animation:ring-rotate 3s linear infinite}.ring-1{width:100%;height:100%;border-color:#ff006e;animation-duration:3s}.ring-2{width:70%;height:70%;top:15%;left:15%;border-color:#8338ec;animation-duration:2s;animation-direction:reverse}.ring-3{width:40%;height:40%;top:30%;left:30%;border-color:#3a86ff;animation-duration:1.5s}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wormhole-center{position:absolute;width:20%;height:20%;top:40%;left:40%;background:paint(wormhole-painter);border-radius:50%;box-shadow:0 0 50px #fffc}.nebula{position:absolute;top:650vh;width:100%;height:100vh;overflow:hidden}.nebula-cloud{position:absolute;background:paint(nebula-painter);border-radius:50%;opacity:.6;animation:nebula-drift linear;animation-timeline:scroll()}.cloud-1{width:600px;height:400px;top:10%;left:-10%;animation-range:550vh 750vh}.cloud-2{width:500px;height:500px;top:30%;right:-10%;animation-range:580vh 780vh}.cloud-3{width:400px;height:300px;bottom:10%;left:20%;animation-range:600vh 800vh}@keyframes nebula-drift{0%{transform:translate(-50%) scale(.8);opacity:0}50%{transform:translate(0) scale(1.2);opacity:.8}to{transform:translate(50%) scale(.8);opacity:0}}.black-hole{position:absolute;top:850vh;left:50%;transform:translate(-50%);width:500px;height:500px;animation:black-hole-pull linear;animation-timeline:scroll();animation-range:750vh 950vh}@keyframes black-hole-pull{0%{transform:translate(-50%) scale(.5);filter:brightness(1)}50%{transform:translate(-50%) scale(1.5);filter:brightness(.5)}to{transform:translate(-50%) scale(3);filter:brightness(0)}}.event-horizon{position:absolute;width:60%;height:60%;top:20%;left:20%;background:paint(black-hole-painter);border-radius:50%;box-shadow:0 0 100px #000000e6,inset 0 0 50px #000}.accretion-disk{position:absolute;width:100%;height:100%;background:paint(accretion-disk);border-radius:50%;animation:disk-spin 5s linear infinite}@keyframes disk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.end-section{position:absolute;top:1000vh;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.end-title{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#0f0,#0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stats{margin:2rem 0;font-size:1.2rem}.stats p{margin:.5rem 0}.restart-btn{padding:1rem 2rem;font-size:1.2rem;background:linear-gradient(45deg,#ff006e,#8338ec);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:transform .3s,box-shadow .3s}.restart-btn:hover{transform:scale(1.1);box-shadow:0 0 30px #8338ec80}.hud{position:fixed;top:20px;right:20px;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px;z-index:1000;backdrop-filter:blur(10px)}.meter{width:150px;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin:5px 0}.meter-fill{height:100%;background:linear-gradient(90deg,#0f0,#ff0,red);transition:width .3s ease}.progress-indicator{margin-top:10px;font-size:1.1rem}@media (max-width: 768px){.title{font-size:2.5rem}.planet{width:200px;height:200px}.wormhole{width:300px;height:300px}.hud{top:10px;right:10px;padding:10px}.meter{width:100px}}.achievement-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:15px 25px;border-radius:10px;box-shadow:0 4px 20px #ffd70080;display:flex;align-items:center;gap:15px;z-index:10000;transition:transform .3s ease}.achievement-notification.show{transform:translate(-50%) translateY(0)}.achievement-icon{font-size:2rem}.achievement-content h3{margin:0;font-size:1.2rem}.achievement-content p{margin:0;font-size:.9rem;opacity:.8}.stats-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease}.stats-modal.show{opacity:1}.stats-content{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:40px;border-radius:20px;border:2px solid rgba(255,255,255,.1);text-align:center;max-width:500px;width:90%}.stats-content h2{margin-bottom:20px;font-size:2rem;background:linear-gradient(45deg,#ff006e,#8338ec,#3a86ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.new-high-score{font-size:1.5rem;color:gold;margin-bottom:20px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0}.stat{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:.9rem;opacity:.7}.stat-value{font-size:1.5rem;font-weight:700;color:#3a86ff}.close-stats-btn{padding:10px 30px;font-size:1.1rem;background:linear-gradient(45deg,#ff006e,#8338ec);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:transform .2s,box-shadow .2s}.close-stats-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #8338ec80}.performance-display{position:fixed;bottom:20px;left:20px;background:#000c;border:1px solid rgba(0,255,0,.3);border-radius:5px;padding:10px;font-family:monospace;font-size:12px;z-index:9999}.perf-metric{display:flex;gap:10px;margin:5px 0}.perf-metric span:first-child{color:#0f0}.perf-metric span:last-child{color:#fff}.hud{backdrop-filter:blur(10px) saturate(180%);background:#000000b3;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #00000080}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:20000;transition:opacity .5s ease}.loading-overlay.hide{opacity:0;pointer-events:none}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#3a86ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.achievement-notification{width:90%;padding:10px 15px;font-size:.9rem}.stats-content{padding:20px}.stats-grid{grid-template-columns:1fr;gap:15px}.performance-display{bottom:10px;left:10px;font-size:10px}}@media print{.hud,.performance-display,.achievement-notification,.stats-modal{display:none!important}}