html,body,#root{position:fixed;width:100%;height:100%;font-family:Space Grotesk,serif;font-weight:300;font-size:1rem;line-height:1.8;margin:0}.planet-overlay{color:#fff;text-align:right;right:50%;display:flex;flex-direction:column;align-items:flex-end;padding-right:6rem;padding-top:2rem;pointer-events:none}h3{font-weight:600;font-size:2.5rem;margin:0;margin-bottom:.5rem;font-family:Orbitron,sans-serif;line-height:normal}p{padding:0;margin:0}canvas{width:100vw;height:100vh;cursor:none;z-index:1}.overlay{position:absolute;bottom:3.5%;left:3.5%;display:flex;gap:1.5rem;z-index:1000;pointer-events:auto}@media (max-width: 768px){.overlay{left:1rem;bottom:.5rem;gap:1rem}.overlay a img{width:32px;height:32px}}.mobile-controls{position:fixed;bottom:10%;left:0;right:0;display:flex;justify-content:center;gap:1rem;z-index:1000;pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overlay a{animation:fadeIn 1s ease-out forwards;opacity:0}.overlay a:nth-child(1){animation-delay:.5s}.overlay a:nth-child(2){animation-delay:.7s}.swipe{position:fixed;bottom:10%;left:0;right:0;display:flex;justify-content:center;z-index:1000;opacity:0;pointer-events:none;animation:swipeIn 2s ease-out forwards}.swipe.hidden{animation:swipeOut .8s ease-in forwards}@keyframes swipeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes swipeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}