body{margin:0;padding:0;background-color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{position:relative;display:flex;flex-direction:column;align-items:center}.cloud-sync-badge{position:absolute;top:-35px;background:#ffffff1a;color:#a0c4ff;padding:6px 14px;border-radius:20px;font-size:12px;display:flex;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.game-screen{position:relative;background:linear-gradient(180deg,#1e3c72,#2a5298,#4facfe);border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 0 0 2px #ffffff1a}.sky-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cloud-entity{position:absolute;will-change:transform,top}.entities-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.entity{position:absolute;display:flex;justify-content:center;align-items:center;will-change:top,left}.entity img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.entity span{font-size:2rem}.player.invincible{animation:blink .2s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.player-img-glow{filter:drop-shadow(0 0 10px rgba(0,242,254,.6))!important}.player-shield-effect{position:absolute;width:140%;height:140%;border-radius:50%;border:2px solid #00f2fe;background:radial-gradient(circle,#00f2fe33,#4facfe66);box-shadow:0 0 15px #00f2fe;animation:shieldPulse 1.5s infinite alternate}@keyframes shieldPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:.4}}.hp-bar-bg{position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:#00000080;border-radius:2px}.hp-bar-fill{height:100%;background:#ff4757;border-radius:2px;transition:width .1s}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a1428bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:10}.title-box h1{font-size:3rem;margin:0;background:linear-gradient(to right,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(79,172,254,.5)}.subtitle{margin:0 0 20px;letter-spacing:5px;color:#a0c4ff;font-size:.9rem}.high-score-box{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 16px;border-radius:20px;margin-bottom:20px;border:1px solid rgba(255,215,0,.3)}.current-plane-showcase{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;background:#0000004d;padding:15px;border-radius:16px;border:1px dashed rgba(0,242,254,.3)}.showcase-label{margin:0 0 10px;font-size:.8rem;color:#a0c4ff;text-transform:uppercase;letter-spacing:1px}.showcase-img-box{width:80px;height:80px;display:flex;justify-content:center;align-items:center}.showcase-img-box img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,242,254,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.start-actions{display:flex;flex-direction:column;gap:15px;width:80%;max-width:250px}.btn-primary{display:flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;padding:15px 30px;border-radius:30px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #00f2fe4d}.btn-secondary{display:flex;justify-content:center;align-items:center;gap:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:30px;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#fff3}.controls-hint{margin-top:30px;text-align:center;color:#8898aa;font-size:.85rem;line-height:1.8}.loading-box{display:flex;flex-direction:column;align-items:center;gap:10px;color:#00f2fe}.spinner{width:30px;height:30px;border:3px solid rgba(0,242,254,.3);border-top-color:#00f2fe;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.mr-1{margin-right:4px}.text-blue-400{color:#60a5fa}.hangar-modal{background:#0f172af2;border:1px solid rgba(0,242,254,.3);border-radius:20px;padding:25px;width:85%;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;align-items:center;text-align:center}.hangar-modal h2{margin:0 0 10px;color:#00f2fe;font-size:1.5rem}.hangar-desc{font-size:.85rem;color:#94a3b8;margin-bottom:20px;line-height:1.5}.hangar-input{width:100%;height:80px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;color:#fff;font-family:inherit;resize:none;margin-bottom:20px;box-sizing:border-box}.hangar-input:focus{outline:none;border-color:#00f2fe}.hangar-actions{display:flex;gap:10px;width:100%}.btn-cancel{flex:1;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;padding:12px;cursor:pointer}.btn-generate{flex:2;background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;color:#fff;border-radius:12px;padding:12px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.generating-status{display:flex;flex-direction:column;align-items:center;gap:10px;color:#00f2fe;font-size:.9rem;padding:20px 0}.hud{position:absolute;top:0;left:0;width:100%;padding:15px;box-sizing:border-box;z-index:5}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.score-display{display:flex;flex-direction:column}.score-label{font-size:.7rem;color:#a0c4ff;letter-spacing:1px}.score-value{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.lives-display{display:flex;gap:5px}.missions-panel{margin-top:15px;background:#0006;padding:10px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);width:fit-content}.mission-title{font-size:.7rem;color:#a0c4ff;display:flex;align-items:center;gap:4px;margin-bottom:5px;text-transform:uppercase}.mission-item{font-size:.8rem;color:#fff;display:flex;justify-content:space-between;gap:15px;margin-bottom:3px}.mission-item.completed{color:#2ecc71;text-decoration:line-through;opacity:.7}.mission-item .progress{color:#f1c40f}.touch-controls{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;z-index:10}@media (min-width: 768px){.touch-controls{display:none}}.d-pad{position:relative;width:120px;height:120px}.d-btn{position:absolute;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none}.d-btn:active{background:#ffffff4d}.d-btn.up{top:0;left:40px}.d-btn.down{bottom:0;left:40px}.d-btn.left{top:40px;left:0}.d-btn.right{top:40px;right:0}.fire-btn{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#ff4757,#c0392b);border:2px solid rgba(255,255,255,.5);color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px #ff475766;touch-action:none;align-self:flex-end}.fire-btn:active{transform:scale(.95);box-shadow:0 2px 5px #ff475766}.gameover-screen h2{font-size:3rem;color:#ff4757;text-shadow:0 0 20px rgba(255,71,87,.5);margin:0 0 20px}.final-score{text-align:center;margin-bottom:20px}.final-score p{margin:0;color:#a0c4ff}.final-score h3{margin:0;font-size:4rem;color:#fff}.new-record-badge{background:#f1c40f;color:#000;padding:5px 15px;border-radius:20px;font-weight:700;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mt-4{margin-top:30px}