*{box-sizing:border-box;margin:0;padding:0}body{cursor:default;-webkit-user-select:none;user-select:none;background:#0a0a1a;font-family:Nunito,sans-serif;overflow:hidden}#game-canvas{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}#constellation-canvas{z-index:2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#title-screen{z-index:100;background:radial-gradient(at 50% 80%,#1a1040 0%,#0a0a1a 70%);justify-content:center;align-items:center;transition:opacity 1.5s ease-out;display:flex;position:fixed;inset:0}#title-screen.fading{opacity:0;pointer-events:none}.title-content{text-align:center;color:#e8dff0}.game-title{letter-spacing:.15em;color:#fff;text-shadow:0 0 40px #9682ff80,0 0 80px #9682ff33;font-family:Cinzel,serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;animation:4s ease-in-out infinite titlePulse}.game-subtitle{letter-spacing:.4em;color:#c8b4ffb3;margin-top:.5rem;font-family:Cinzel,serif;font-size:clamp(1rem,3vw,1.8rem);font-weight:400}.game-tagline{color:#c8c8e680;margin-top:2rem;font-size:clamp(.85rem,2vw,1.1rem);font-style:italic}#start-btn{letter-spacing:.15em;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6450c866,#3c288c66);border:1px solid #9682ff4d;border-radius:50px;margin-top:2.5rem;padding:.9rem 3rem;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;transition:all .4s}#start-btn:hover{background:linear-gradient(135deg,#826ee699,#503cb499);border-color:#b4a0ff99;transform:scale(1.05);box-shadow:0 0 30px #826ee64d}.controls-hint{color:#b4aad266;margin-top:2rem;font-size:.8rem;line-height:1.8}.controls-hint span{color:#c8bef099;font-weight:600}@keyframes titlePulse{0%,to{text-shadow:0 0 40px #9682ff80,0 0 80px #9682ff33}50%{text-shadow:0 0 60px #9682ffb3,0 0 120px #9682ff4d}}#hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:1.5rem;transition:opacity .8s;display:flex;position:fixed;top:0;left:0;right:0}#hud.hidden{opacity:0}#altitude-display{align-items:center;gap:.8rem;display:flex}#altitude-bar{background:#ffffff1a;border-radius:3px;width:6px;height:120px;position:relative;overflow:hidden}#altitude-fill{background:linear-gradient(#fff,#c4b5ff,#7c6daa);border-radius:3px;width:100%;height:0%;transition:height .3s ease-out;position:absolute;bottom:0}#altitude-text{color:#dcd2ffb3;letter-spacing:.1em;font-family:Cinzel,serif;font-size:.9rem}#phase-text{color:#dcd2ff80;letter-spacing:.2em;text-transform:uppercase;text-align:right;font-family:Cinzel,serif;font-size:.85rem}#constellation-name{z-index:20;color:#fff0;letter-spacing:.3em;text-align:center;pointer-events:none;text-shadow:0 0 40px #c8b4ff99;font-family:Cinzel,serif;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;transition:color 2s ease-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#constellation-name.visible{color:#ffffffd9}#constellation-name.hidden{display:none}#poem-overlay{z-index:20;text-align:center;color:#fff0;letter-spacing:.1em;pointer-events:none;background:linear-gradient(#0000 0%,#0006 100%);padding:3rem 2rem;font-family:Cinzel,serif;font-size:clamp(1rem,2.5vw,1.4rem);line-height:2;transition:color 2s ease-out;position:fixed;bottom:0;left:0;right:0}#poem-overlay.visible{color:#ffffffb3}#poem-overlay.hidden{display:none}#credits{z-index:50;pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity 4s ease-in;display:flex;position:fixed;inset:0}#credits.visible{opacity:1}#credits.hidden{opacity:0}.credits-content{text-align:center}.credits-line{opacity:0;animation:3s ease-out forwards creditsFadeIn;transform:translateY(20px)}.credits-studio{letter-spacing:.2em;color:#fff;text-shadow:0 0 60px #c8b4ff80;font-family:Cinzel,serif;font-size:clamp(2rem,6vw,4rem);font-weight:900;animation-delay:.5s}.credits-with{letter-spacing:.3em;color:#c8bee699;margin-top:1.5rem;font-family:Nunito,sans-serif;font-size:clamp(.9rem,2vw,1.2rem);font-weight:300;animation-delay:2.5s}.credits-claude{letter-spacing:.25em;color:#dcd2ffd9;text-shadow:0 0 40px #b4a0ff66;margin-top:.5rem;font-family:Cinzel,serif;font-size:clamp(1.4rem,4vw,2.5rem);font-weight:700;animation-delay:3.5s}@keyframes creditsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.controls-hint{display:none}#altitude-bar{height:80px}}