:root{--bg0:#050814;--bg1:#0a1230;--glass:rgba(255,255,255,.08);--stroke:rgba(255,255,255,.14);--text:rgba(245,250,255,.92);--muted:rgba(245,250,255,.62);--good:#4de3ff;--cool:#ffd166;--accent:#6cff9a;--danger:#ff3b6b}html,body{height:100%;margin:0;background:radial-gradient(1200px 800px at 60% 20%,#1a2a6c30,transparent 55%),radial-gradient(900px 650px at 30% 75%,#00d4ff1f,transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}#wrap{height:100%;display:grid;place-items:center}canvas{width:min(1100px,94vw);aspect-ratio:16 / 9;border-radius:20px;border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:0 24px 90px #000000a6,0 2px #ffffff14 inset}.title-screen~#wrap canvas,body:has(.title-screen:not(.hidden)) #wrap canvas,.level-select-screen~#wrap canvas,body:has(.level-select-screen:not(.hidden)) #wrap canvas,body:has(#newGameWarningContainer:not(.hidden)) #wrap canvas{opacity:0;pointer-events:none}#newGameWarningContainer{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:100}.warning-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}#newGameWarningContainer .card{position:relative;z-index:2}#hud{display:none}.panel{pointer-events:none;padding:12px 14px;border-radius:16px;border:1px solid var(--stroke);background:linear-gradient(180deg,#ffffff1f,#ffffff0f);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 40px #00000059}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.k{color:var(--muted);font-size:12px;letter-spacing:.2px}b{font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000024;color:#f5faffdb;font-size:12px}.bar{width:260px;height:12px;border-radius:999px;overflow:hidden;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.bar>i{display:block;height:100%;width:60%;background:linear-gradient(90deg,var(--accent),var(--good))}.bar.heat>i{background:linear-gradient(90deg,var(--cool),var(--danger))}.bar.boss>i{background:linear-gradient(90deg,#ff3b6b,#ff9f1c)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(900px 520px at 50% 30%,#ffffff1a,#0000008c 55%,#000000bf)}#overlay.hidden{display:none}.hidden{display:none!important}@keyframes beamOut{0%{opacity:1;transform:scale(1) translateY(0);filter:brightness(1)}50%{opacity:.5;transform:scale(.8) translateY(-20px);filter:brightness(1.5);box-shadow:0 0 40px #4de3ffcc,0 0 80px #4de3ff80,0 12px 30px #00000040}to{opacity:0;transform:scale(.3) translateY(-40px);filter:brightness(2);box-shadow:0 0 60px #4de3ff,0 0 120px #4de3ff99,0 0 180px #4de3ff4d}}@keyframes beamIn{0%{opacity:0;transform:scale(.3) translateY(40px);filter:brightness(2);box-shadow:0 0 60px #4de3ff,0 0 120px #4de3ff99,0 0 180px #4de3ff4d}50%{opacity:.5;transform:scale(.8) translateY(20px);filter:brightness(1.5);box-shadow:0 0 40px #4de3ffcc,0 0 80px #4de3ff80,0 12px 30px #00000040}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1)}}.start-journey-exit{animation:beamOut .6s ease-out forwards;pointer-events:none}.main-menu-enter{animation:beamIn .6s ease-out forwards}.main-menu-enter-delay-1{animation:beamIn .6s ease-out .1s forwards;opacity:0}.main-menu-enter-delay-2{animation:beamIn .6s ease-out .2s forwards;opacity:0}.main-menu-enter-delay-3{animation:beamIn .6s ease-out .3s forwards;opacity:0}@keyframes levelSelectEnter{0%{opacity:0;transform:scale(.85) translateY(15px);filter:brightness(1.2)}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1)}}.level-select-enter{animation:levelSelectEnter .6s ease-out forwards;opacity:0}@keyframes levelButtonEnter{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.level-button-enter{animation:levelButtonEnter .5s ease-out forwards;opacity:0}.level-button-enter-delay-1{animation:levelButtonEnter .5s ease-out .1s forwards;opacity:0}.level-button-enter-delay-2{animation:levelButtonEnter .5s ease-out .2s forwards;opacity:0}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:#000}.title-screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/hayspace-cover.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:0;transition:opacity .4s ease-in-out}.title-starfield-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.level-select-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:#000}.level-select-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px}#levelList .btn{background:linear-gradient(180deg,#141928f2,#0a0f1ef2);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;border:2.5px solid rgba(77,227,255,.75);box-shadow:0 0 25px #4de3ff4d,0 15px 38px #00000040,0 2.5px #ffffff1f inset;color:#f5fafff0;font-size:18px;padding:20px 30px}#mainMenuSection .card{display:flex;flex-direction:column;padding:24px;width:min(500px,92vw)!important;max-width:500px!important;transition:width .6s ease-out}@keyframes cardExpand{0%{width:min(500px,92vw)!important;max-width:500px!important}to{width:min(860px,92vw)!important;max-width:860px!important}}.card-expanding{animation:cardExpand .6s ease-out forwards}#mainMenuButtons{display:flex;flex-direction:column;gap:16px}#levelSelect #backToTitleBtn{background:linear-gradient(180deg,#141928f2,#0a0f1ef2);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:2.5px solid rgba(77,227,255,.75);box-shadow:0 0 25px #4de3ff4d,0 15px 38px #00000040,0 2.5px #ffffff1f inset}#pauseMenu,#levelComplete,#gameComplete,#gameOver{position:fixed!important;z-index:10000!important;top:50%;left:50%;transform:translate(-50%,-50%)}#pauseMenu .btn-large{background:linear-gradient(180deg,#141928f2,#0a0f1ef2);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:2.5px solid rgba(77,227,255,.75);box-shadow:0 0 25px #4de3ff4d,0 15px 38px #00000040,0 2.5px #ffffff1f inset}#levelComplete .btn-large,#gameComplete .btn-large,#gameOver .btn-large{background:linear-gradient(180deg,#141928f2,#0a0f1ef2);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:2.5px solid rgba(77,227,255,.75);box-shadow:0 0 25px #4de3ff4d,0 15px 38px #00000040,0 2.5px #ffffff1f inset;min-width:300px;flex:1;max-width:300px}.title-screen-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px}.title-section{display:flex;flex-direction:column;align-items:center;gap:16px}#startJourneySection{transform:translateY(250px)}.btn-large{min-width:300px;padding:20px 30px;font-size:20px;font-weight:600;letter-spacing:.5px;justify-content:center}#startJourneyBtn,#mainMenuSection .btn-large{background:linear-gradient(180deg,#141928f2,#0a0f1ef2);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:2.5px solid rgba(77,227,255,.75);box-shadow:0 0 25px #4de3ff4d,0 15px 38px #00000040,0 2.5px #ffffff1f inset}#newGameWarning .btn-large{background:linear-gradient(180deg,#141928f2,#0a0f1ef2);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;border:2.5px solid rgba(77,227,255,.75);box-shadow:0 0 25px #4de3ff4d,0 15px 38px #00000040,0 2.5px #ffffff1f inset;min-width:300px;flex:1;max-width:300px}#confirmNewGameBtn{border:2.5px solid rgba(255,59,107,.75);box-shadow:0 0 25px #ff3b6b4d,0 15px 38px #00000040,0 2.5px #ffffff1f inset}.card{width:min(860px,92vw);padding:20px 20px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1f,#ffffff0f);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 90px #0009}h1{margin:0 0 8px;font-size:18px;letter-spacing:.4px}p{margin:10px 0;line-height:1.55;color:#f5faffcc}.btn{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff24,#ffffff14);color:#f5fafff0;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 12px 30px #00000040,0 2px #ffffff1f inset;transition:all .2s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn.gamepad-focused{border:2px solid rgba(77,227,255,.9);background:linear-gradient(180deg,#4de3ff40,#4de3ff26);box-shadow:0 12px 30px #00000040,0 2px #4de3ff4d inset,0 0 20px #4de3ff66;transform:scale(1.05)}.btn.gamepad-focused:hover{filter:brightness(1.1)}.small{font-size:12px;color:#f5faff9e}#overheatText{color:#ff3b6bf2;font-weight:800;letter-spacing:.6px}#devModePanel{position:fixed!important;z-index:10000!important;top:50%;left:50%;transform:translate(-50%,-50%)}.dev-mode-btn{position:fixed;top:20px;left:20px;z-index:1000;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,209,102,.5);background:#141928cc;color:#ffd166e6;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.dev-mode-btn:hover{background:#141928f2;border-color:#ffd166cc;color:#ffd166;box-shadow:0 0 10px #ffd1664d}#shopContent{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:100;overflow:visible;background:transparent;pointer-events:none;display:none}#shopContent:not([style*="display: none"]){pointer-events:auto}#hangarCategories #shopBackBtn:hover{filter:brightness(1.06);border-color:#4de3ffe6;box-shadow:0 0 30px #4de3ff66,0 15px 38px #00000040,0 2.5px #ffffff1f inset}#hangarCategories #shopBackBtn:active{transform:translateY(1px)}#mainMenuCard:has(#shopContent:not([style*="display: none"])){display:none!important}#hangarLayout{display:grid!important;grid-template-columns:280px 1fr 350px!important;gap:40px;width:100%!important;height:100%!important;padding:20px;position:relative!important;z-index:101;box-sizing:border-box;pointer-events:auto;margin:0 auto}#hangarCategories{display:flex!important;flex-direction:column;gap:12px;overflow-y:auto;max-height:calc(100vh - 40px);position:relative;z-index:102;pointer-events:auto;visibility:visible!important;width:100%!important;min-width:280px;padding-top:120px;min-height:0}#hangarCategories #shopBackBtn{margin-top:auto}#hangarItems{display:flex!important;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(100vh - 100px);padding-right:10px;position:relative;z-index:102;min-width:350px!important;max-width:350px!important;width:100%!important;visibility:visible!important;opacity:1!important;pointer-events:auto;align-items:stretch}#hangarItems>div:not(#hangarCreditsDisplay){flex-shrink:0!important;min-height:120px!important}#hangarItems>#hangarCreditsDisplay+*{margin-top:60px!important}#hangarCenter{display:flex;align-items:center;justify-content:center;position:relative;z-index:12}#hangarCreditsDisplay{display:none;align-items:center;justify-content:flex-end;gap:8px;font-size:16px;color:#f5fafff0;padding:16px 20px;background:linear-gradient(180deg,#141928f2,#0a0f1ef2);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:14px;margin-bottom:180px;box-shadow:0 0 25px #64ffc84d,0 15px 38px #00000040,0 2.5px #ffffff1f inset;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;font-weight:600}#shopContent:not([style*="display: none"]) #hangarCreditsDisplay{display:flex!important}#hangarItems::-webkit-scrollbar{width:8px}#hangarItems::-webkit-scrollbar-track{background:#0003;border-radius:4px}#hangarItems::-webkit-scrollbar-thumb{background:#4de3ff4d;border-radius:4px}#hangarItems::-webkit-scrollbar-thumb:hover{background:#4de3ff80}.hangar-category-button{background:linear-gradient(180deg,#141928f2,#0a0f1ef2);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;border:2.5px solid rgba(77,227,255,.75);box-shadow:0 0 25px #4de3ff4d,0 15px 38px #00000040,0 2.5px #ffffff1f inset;color:#f5fafff0;padding:16px 20px;border-radius:14px;text-align:left;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;gap:12px;font-size:14px;width:100%;box-sizing:border-box;visibility:visible!important;opacity:1!important;z-index:103;pointer-events:auto}.hangar-category-button:hover{filter:brightness(1.06);border-color:#4de3ffe6;box-shadow:0 0 30px #4de3ff66,0 15px 38px #00000040,0 2.5px #ffffff1f inset}.hangar-category-button:active{transform:translateY(1px)}.hangar-category-button.active{background:linear-gradient(180deg,#1e3246fa,#14283cfa)!important;border-color:#64ffc8e6!important;color:#64ffc8!important;box-shadow:0 0 30px #64ffc880,0 0 50px #64ffc833,0 15px 38px #00000040,0 2.5px #ffffff1f inset!important}.hangar-buy-button{background:linear-gradient(180deg,#141928f2,#0a0f1ef2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:2.5px solid rgba(77,227,255,.75)!important;color:#f5fafff0!important;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:1.2px!important;text-transform:uppercase!important;font-weight:700!important;font-size:12px!important;padding:10px 16px!important;border-radius:14px!important;box-shadow:0 0 25px #4de3ff4d,0 15px 38px #00000040,0 2.5px #ffffff1f inset!important;transition:all .2s ease!important}.hangar-buy-button:hover:not(:disabled){filter:brightness(1.06)!important;border-color:#4de3ffe6!important;box-shadow:0 0 30px #4de3ff66,0 15px 38px #00000040,0 2.5px #ffffff1f inset!important}.hangar-buy-button:active:not(:disabled){transform:translateY(1px)!important}.hangar-buy-button:disabled{opacity:.5!important;cursor:not-allowed!important;border-color:#64647866!important}.volume-slider{width:100%;height:8px;border-radius:4px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.12)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--good));cursor:pointer;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0006;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 12px #4ce3ff99}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--good));cursor:pointer;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0006;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 12px #4ce3ff99}.volume-slider::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:4px;background:#ffffff1a}.volume-slider::-moz-range-track{width:100%;height:8px;border-radius:4px;background:#ffffff1a}