body{margin:0;overflow:hidden;background-color:#000;font-family:Fredoka,Comic Sans MS,cursive,sans-serif;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}html,body{position:fixed;width:100%;height:100%}#gameCanvas{display:block;width:100vw;height:100vh;position:fixed;top:0;left:0}#ui-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}#era-container{position:absolute;top:20px;left:50%;transform:translate(-50%);width:350px;height:36px;background:#1e293b;border:4px solid #0f172a;border-radius:18px;box-shadow:0 6px #0f172a;z-index:3000;overflow:hidden}#era-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#a855f7);width:0%;transition:width .5s ease-out}#era-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:16px;text-shadow:1px 1px 0 #000;width:100%;text-align:center;pointer-events:none}.floating-label{position:absolute;transform:translate(-50%,-100%);background:#1e293b;color:#f8fafc;padding:10px 16px;border-radius:16px;font-size:16px;text-align:center;border:4px solid #0f172a;box-shadow:0 6px #0f172a;transition:opacity .1s;z-index:10;font-weight:700;line-height:1.4}.hud{position:absolute;top:20px;left:20px;font-size:26px;font-weight:700;color:#fff;background:#4ade80;padding:10px 20px;border-radius:16px;border:4px solid #166534;box-shadow:0 6px #166534;text-shadow:2px 2px 0 #166534,-2px -2px 0 #166534,2px -2px 0 #166534,-2px 2px 0 #166534;letter-spacing:1px;z-index:3000;min-width:160px;box-sizing:border-box}#prestige-hud{position:absolute;top:85px;left:20px;font-size:18px;font-weight:700;color:#fff;background:#a855f7;padding:8px 16px;border-radius:14px;border:3px solid #581c87;box-shadow:0 4px #581c87;text-shadow:1px 1px 0 #581c87,-1px -1px 0 #581c87,1px -1px 0 #581c87,-1px 1px 0 #581c87;letter-spacing:1px;z-index:3000;min-width:250px;box-sizing:border-box}#shop-btn{position:absolute;top:140px;left:20px;width:56px;height:56px;font-size:28px;background:#f59e0b;color:#fff;border:4px solid #b45309;border-radius:14px;cursor:pointer;box-shadow:0 5px #b45309;z-index:3000;display:flex;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;pointer-events:auto}#shop-btn:active{transform:translateY(4px);box-shadow:0 0 #b45309}#settings-btn{position:absolute;top:20px;right:20px;width:56px;height:56px;font-size:28px;background:#64748b;color:#fff;border:4px solid #334155;border-radius:14px;cursor:pointer;box-shadow:0 5px #334155;z-index:3000;display:flex;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;pointer-events:auto}#settings-btn:active{transform:translateY(4px);box-shadow:0 0 #334155}#settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,90vw);max-height:85vh;background:#1e293b;border:6px solid #0f172a;border-radius:24px;z-index:4000;display:none;flex-direction:column;padding:20px;box-shadow:0 0 0 100vw #0009,0 20px 50px #00000080;pointer-events:auto;color:#f8fafc;box-sizing:border-box;overflow-y:auto}#close-settings{background:#ef4444;border:3px solid #7f1d1d;color:#fff;font-size:20px;font-weight:700;width:40px;height:40px;border-radius:12px;cursor:pointer;box-shadow:0 4px #7f1d1d;font-family:Fredoka,cursive}#close-settings:active{transform:translateY(4px);box-shadow:0 0 #7f1d1d}.settings-body{display:flex;flex-direction:column;gap:24px;padding:20px 0}.setting-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.setting-label{font-size:20px;font-weight:700;min-width:180px}.setting-value{font-size:18px;font-weight:700;color:#facc15;min-width:50px;text-align:right}.volume-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;background:#334155;border-radius:6px;outline:none;border:2px solid #0f172a}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#3b82f6;border:3px solid #1e3a8a;cursor:pointer;box-shadow:0 3px #1e3a8a}.volume-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#3b82f6;border:3px solid #1e3a8a;cursor:pointer;box-shadow:0 3px #1e3a8a}.mute-toggle{padding:10px 24px;font-size:16px;font-weight:700;background:#22c55e;color:#fff;border:3px solid #14532d;border-radius:12px;cursor:pointer;box-shadow:0 4px #14532d;font-family:Fredoka,cursive;transition:transform .1s,box-shadow .1s}.mute-toggle.muted{background:#ef4444;border-color:#7f1d1d;box-shadow:0 4px #7f1d1d}.mute-toggle:active{transform:translateY(4px);box-shadow:0 0}.language-select{padding:10px 16px;font-size:16px;font-weight:700;background:#334155;color:#f8fafc;border:3px solid #0f172a;border-radius:12px;cursor:pointer;box-shadow:0 4px #0f172a;font-family:Fredoka,cursive;outline:none;transition:transform .1s,box-shadow .1s;flex:1}.language-select:focus{border-color:#3b82f6;box-shadow:0 4px #1e3a8a}.language-select option{background:#1e293b;color:#f8fafc;padding:8px}#controls-container{position:absolute;bottom:20px;left:20px;z-index:3000;display:flex;flex-direction:column-reverse;gap:10px;align-items:flex-start;pointer-events:none}#controls-toggle{background:#3b82f6;color:#fff;border:3px solid #1e3a8a;border-radius:12px;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px #1e3a8a;font-family:Fredoka,Comic Sans MS,cursive;transition:transform .1s,box-shadow .1s;pointer-events:auto}#controls-toggle:active{transform:translateY(4px);box-shadow:0 0 #1e3a8a}#controls-help{color:#f8fafc;font-size:14px;background:#1e293b;padding:15px;border-radius:16px;line-height:1.6;border:4px solid #0f172a;box-shadow:0 6px #0f172a;font-weight:600;display:none;pointer-events:auto}.key{background:#334155;padding:4px 8px;border-radius:8px;color:#f8fafc;font-weight:700;border:2px solid #0f172a;border-bottom:4px solid #0f172a;margin:0 2px;display:inline-block}.clickable{pointer-events:auto}#launch-btn{position:absolute;bottom:40px;left:50%;transform:translate(-50%);padding:15px 40px;font-size:28px;font-weight:700;background:#ef4444;color:#fff;border:4px solid #7f1d1d;border-radius:20px;cursor:pointer;display:none;box-shadow:0 8px #7f1d1d;transition:transform .1s,box-shadow .1s;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0 #7f1d1d;font-family:Fredoka,Comic Sans MS,cursive;z-index:3000}#launch-btn:hover{background:#f87171}#launch-btn:active{transform:translate(-50%) translateY(8px);box-shadow:0 0 #7f1d1d}#flight-hud{position:absolute;top:75px;left:50%;transform:translate(-50%);padding:15px 20px;font-size:24px;font-weight:700;background:#3b82f6;color:#fff;border:4px solid #1e3a8a;border-radius:16px;display:none;box-shadow:0 6px #1e3a8a;pointer-events:none;text-shadow:2px 2px 0 #1e3a8a,-2px -2px 0 #1e3a8a,2px -2px 0 #1e3a8a,-2px 2px 0 #1e3a8a;z-index:3000;width:420px;text-align:center;box-sizing:border-box}.money-text{color:#fef08a}#altitude-container{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:30px;height:50vh;background:#1e293b;border:4px solid #0f172a;border-radius:15px;box-shadow:0 6px #0f172a,0 0 20px #3b82f666;display:none;z-index:3000;padding:4px;box-sizing:border-box}#altitude-fill{position:absolute;bottom:4px;left:4px;width:calc(100% - 8px);height:0%;background:linear-gradient(to top,#ef4444,#facc15,#4ade80);border-radius:8px;transition:height .1s linear}#altitude-rocket-icon{position:absolute;bottom:0%;left:50%;transform:translate(-50%) translateY(50%);font-size:28px;transition:bottom .1s linear;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#camera-btn{position:absolute;bottom:20px;right:20px;background:#8b5cf6;color:#fff;border:4px solid #4c1d95;border-radius:16px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px #4c1d95;font-family:Fredoka,Comic Sans MS,cursive;transition:transform .1s,box-shadow .1s;pointer-events:auto;z-index:3000}#camera-btn:active{transform:translateY(6px);box-shadow:0 0 #4c1d95}#shop-modal{position:fixed;top:5%;right:5%;bottom:5%;left:5%;background:#1e293b;border:6px solid #0f172a;border-radius:24px;z-index:4000;display:none;flex-direction:column;padding:20px;box-shadow:0 0 0 100vw #0009,0 20px 50px #00000080;pointer-events:auto;color:#f8fafc;box-sizing:border-box}.shop-header{display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid #334155;padding-bottom:15px;margin-bottom:20px}.shop-header h2{margin:0;font-size:32px;color:#facc15;text-shadow:2px 2px 0 #b45309}#close-shop{background:#ef4444;border:3px solid #7f1d1d;color:#fff;font-size:20px;font-weight:700;width:40px;height:40px;border-radius:12px;cursor:pointer;box-shadow:0 4px #7f1d1d;font-family:Fredoka,cursive}#close-shop:active{transform:translateY(4px);box-shadow:0 0 #7f1d1d}.shop-tabs{display:flex;gap:10px;margin-bottom:20px}.shop-tab{flex:1;padding:12px;background:#334155;border:3px solid #0f172a;color:#fff;font-size:18px;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 4px #0f172a;font-family:Fredoka,cursive}.shop-tab.active{background:#3b82f6;border-color:#1e3a8a;box-shadow:0 4px #1e3a8a;transform:translateY(2px)}.shop-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;overflow-y:auto;padding-right:10px;flex:1}.shop-items::-webkit-scrollbar{width:10px}.shop-items::-webkit-scrollbar-thumb{background:#475569;border-radius:5px}.shop-card{background:#0f172a;border:4px solid #334155;border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;max-height:180px;justify-content:center}.shop-card.equipped{border-color:#4ade80;background:#4ade801a}.shop-card-icon{width:56px;height:56px;border-radius:10px;background:#1e293b;display:flex;justify-content:center;align-items:center;font-size:28px}.shop-card-name{font-size:15px;font-weight:700}.shop-card-btn{width:100%;padding:8px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:Fredoka,cursive;border:3px solid;box-shadow:0 4px;transition:transform .1s,box-shadow .1s}.shop-card-btn:active{transform:translateY(4px);box-shadow:0 0!important}.btn-buy{background:#22c55e;color:#fff;border-color:#14532d;box-shadow-color:#14532d}.btn-buy.disabled{background:#64748b;border-color:#334155;box-shadow-color:#334155;color:#94a3b8;cursor:not-allowed}.btn-equip{background:#3b82f6;color:#fff;border-color:#1e3a8a;box-shadow-color:#1e3a8a}.btn-equipped{background:#475569;color:#94a3b8;border-color:#1e293b;box-shadow-color:transparent;cursor:default}.bridge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:none}.bridge-overlay.active{display:block}.bridge-overlay.hidden{display:none}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;color:#f8fafc;font-weight:700;transition:opacity .5s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-screen.hidden{display:none}.loading-logo{font-size:80px;margin-bottom:10px;animation:rocket-bounce 1.5s ease-in-out infinite}@keyframes rocket-bounce{0%,to{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-15px) rotate(-15deg)}}.loading-title{font-size:36px;margin:0 0 30px;color:#facc15;text-shadow:2px 2px 0 #b45309;letter-spacing:2px}.loading-bar-container{width:700px;height:30px;background:#1e293b;border:3px solid #334155;border-radius:10px;overflow:hidden;margin-bottom:12px}.loading-bar{height:100%;width:0%;background:linear-gradient(90deg,#3b82f6,#a855f7);border-radius:7px;transition:width .3s ease-out}.loading-text{font-size:14px;color:#94a3b8;font-weight:600;white-space:nowrap}.mobile-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;pointer-events:none}.joystick-zone{position:absolute;bottom:30px;left:30px;pointer-events:auto}.joystick-base{width:120px;height:120px;border-radius:50%;background:#1e293bb3;border:3px solid rgba(51,65,85,.8);display:flex;justify-content:center;align-items:center;position:relative;touch-action:none}.joystick-stick{width:56px;height:56px;border-radius:50%;background:#3b82f6cc;border:3px solid rgba(30,58,138,.8);position:absolute;transform:translate(-28px,-28px);touch-action:none}.touch-buttons{position:absolute;bottom:30px;right:20px;display:flex;flex-direction:column;gap:12px;pointer-events:auto;align-items:flex-end}.touch-btn{width:60px;height:60px;border-radius:50%;border:3px solid;font-size:22px;font-weight:700;font-family:Fredoka,cursive;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .05s,opacity .05s;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.touch-btn.pressed{transform:scale(.9);opacity:.8}.touch-btn-jump{background:#3b82f6cc;border-color:#1e3a8ae6;box-shadow:0 4px #1e3a8a99}.touch-btn-sprint{background:#f97316cc;border-color:#9a3412e6;box-shadow:0 4px #9a341299;width:52px;height:52px;font-size:20px}.touch-btn-interact{background:#4ade80cc;border-color:#166534e6;box-shadow:0 4px #16653499;width:52px;height:52px;font-size:20px}.touch-btn-upgrade{background:#a855f7cc;border-color:#581c87e6;box-shadow:0 4px #581c8799;width:52px;height:52px;font-size:20px}.touch-btn-ad{background:#facc15cc;border-color:#b45309e6;box-shadow:0 4px #b4530999;width:48px;height:48px;font-size:18px}@media(max-width:768px){.hud{font-size:16px;padding:8px 12px;top:56px;left:8px;min-width:100px}#prestige-hud{font-size:12px;padding:5px 10px;top:98px;left:8px;min-width:auto;max-width:55vw}#shop-btn{width:40px;height:40px;font-size:20px;top:140px;left:8px}#settings-btn{width:40px;height:40px;font-size:20px;top:8px;right:8px}#era-container{width:60vw;max-width:260px;height:28px;top:8px}#era-text{font-size:12px}#launch-btn{font-size:18px;padding:10px 24px;bottom:170px;max-width:90vw}#camera-btn{display:none}#altitude-container,#controls-container{display:none!important}#flight-hud{font-size:16px;width:auto;max-width:85vw;top:42px;left:50%}.floating-label{font-size:12px;padding:5px 8px;max-width:80vw}.shop-header h2{font-size:22px}.shop-tab{font-size:13px;padding:8px 4px}.shop-card-name{font-size:12px}.shop-card-icon{width:44px;height:44px;font-size:22px}.shop-card-btn{font-size:11px;padding:5px}.loading-title{font-size:26px;letter-spacing:1px}.loading-bar-container{width:80vw;max-width:300px;height:24px}.loading-logo{font-size:60px}.loading-text{font-size:12px}#settings-modal{top:8%;right:4%;bottom:8%;left:4%;overflow-y:auto}.setting-label{font-size:13px;min-width:auto;flex-shrink:0}.setting-value{font-size:14px;min-width:40px}.language-select{font-size:13px;padding:8px 10px}.settings-body{gap:16px}.setting-row{gap:8px;flex-wrap:wrap}.shop-items{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}@media(max-width:480px){.hud{font-size:14px;padding:6px 10px;top:48px}#prestige-hud{font-size:11px;top:84px;max-width:50vw}#shop-btn{top:120px;width:36px;height:36px;font-size:18px}#era-container{width:55vw;height:24px}#era-text{font-size:10px}.loading-bar-container{width:85vw;height:20px}.loading-text{font-size:11px}#flight-hud{font-size:14px;max-width:80vw}}