@font-face{font-family:Melodrama-Variable;src:url(../fonts/Melodrama-Variable.woff2) format("woff2"),url(../fonts/Melodrama-Variable.woff) format("woff"),url(../fonts/Melodrama-Variable.ttf) format("truetype");font-weight:300 700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Variable;src:url(../fonts/Satoshi-Variable.woff2) format("woff2"),url(../fonts/Satoshi-Variable.woff) format("woff"),url(../fonts/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}#root{width:100vw;height:100vh}body{margin:0;overflow-x:hidden;background-color:#000;color:#f0f8ff;overflow:hidden}section{position:absolute;top:0;left:0;display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%;width:100%}header{position:absolute;top:0;left:0;margin:0;padding:50px;width:100%;height:100px;font-family:Melodrama-Variable;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:lighter;display:flex;align-items:center;justify-content:space-between;flex-direction:row;z-index:2}footer{position:absolute;bottom:0;left:0;font-size:12px;color:#264e706e;text-align:right;width:100%;height:50px;display:flex;align-items:flex-end;justify-content:center;flex-direction:row;pointer-events:none}.loading-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at center,#0a0a12,#000 70%);overflow:hidden}.loading-screen:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 60%);filter:blur(120px);animation:nebulaPulse 4s ease-in-out infinite alternate}@keyframes nebulaPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:.9}}.loading-inner{position:relative;text-align:center;color:#fff}.loading-title{font-family:Melodrama-Variable;font-size:3.5rem;letter-spacing:.4rem;font-weight:800;margin-bottom:3rem;opacity:.9}.loading-ring{position:relative;width:160px;height:160px;margin:0 auto 2rem}.loading-ring svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4}.ring-progress{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.loading-percent{position:absolute;inset:0;display:grid;place-items:center;font-size:1.5rem;font-weight:600;letter-spacing:.1rem}.loading-sub{font-size:.9rem;opacity:.5;letter-spacing:.2rem;text-transform:uppercase}.loading-screen--hidden{animation:fadeOut .8s ease forwards}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.start{position:relative;display:flex;width:100vw;height:100vh;padding:2rem;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:0;overflow:hidden;z-index:2}.start h1{position:relative;font-family:Melodrama-Variable;font-size:clamp(5rem,12vw,10rem);font-weight:600;text-transform:uppercase;letter-spacing:.09em;line-height:.92;color:#ffffff31;text-shadow:0 20px 60px rgba(0,0,0,.55),0 2px 0 rgba(255,255,255,.02);filter:blur(.15px)}.start p{position:relative;margin-top:2rem;margin-bottom:2rem;font-family:Satoshi-Variable;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:500;text-transform:uppercase;letter-spacing:.12em;line-height:1.2;color:#ffb000f2;text-shadow:0 12px 40px rgba(0,0,0,.55)}.start_btn{position:absolute;top:48%;transform:translateY(-50%);width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.316);background:#ffffff02;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer;transition:all .3s ease;z-index:3}.start_btn span{font-family:Satoshi-Variable;font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:#ffffffd9}.start_btn:hover{transform:translateY(-50%) scale(1.03);border-color:#ffb000a6;background:#ffb0001f;box-shadow:0 0 40px #ffb00033}.start_btn:focus-visible{outline:5px solid rgba(255,176,0,.55);outline-offset:4px}.logo{pointer-events:none;transform:translateY(10px) translate(-50px)}.logo img{height:120px;width:auto;display:block}.header-copyright{font-size:.8vw;letter-spacing:1px;font-weight:400;margin-left:auto;color:#fff;margin-right:10px;opacity:.5}.controls{display:flex;align-items:center;gap:1rem;pointer-events:all}.buttonSettings,.buttonAudio{position:relative;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .35s ease,box-shadow .35s ease,border .35s ease,background .35s ease}.buttonSettings:hover,.buttonAudio:hover{transform:translateY(-4px) scale(1.08);border:2px solid rgba(183,183,183,.8);box-shadow:0 0 12px #a9bbc899,0 0 30px #797a7a40;background:#78c8ff14}.buttonSettings img,.buttonAudio img{height:25px}.buttonAudio img{filter:invert(1)}.settingsWrap{position:fixed;inset:0;display:grid;place-items:center;z-index:10;background:#00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu-settings{position:relative;width:min(920px,calc(100vw - 80px));padding:54px 56px 36px;border-radius:24px;background:linear-gradient(135deg,#202023db,#202023);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 100px #000000a6,inset 0 1px #ffffff0a;color:#ffffffeb;overflow:hidden;text-align:center}.menu-settings:after{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle at 60% 80%,rgba(7,46,240,.18),transparent 60%);pointer-events:none}.menu-settings h1,.menu-settings h2,.about-eyebrow{text-align:center}.menu-settings h1{font-size:3.2rem;line-height:1;margin:8px 0 10px;letter-spacing:-.02em}.menu-settings h2{margin:0 0 18px;font-weight:500;opacity:.78}.about-eyebrow{margin-top:8px;font-size:12px;letter-spacing:.18em;opacity:.6}.about-body{margin:18px auto 0;max-width:78ch;font-size:16px;line-height:1.85;opacity:.9;text-align:center}.about-divider{height:1px;margin:24px 0 16px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.about-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{padding:8px 12px;border-radius:999px;font-size:15px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);opacity:.95;cursor:pointer}.chip:hover{transform:scale(1.06);border:1px solid rgba(120,200,255,.6);box-shadow:0 0 12px #78c8ff99,0 0 30px #78c8ff4d}.about-credit{margin:18px 0 0;font-size:16px;opacity:.8;text-align:center}.close-btn{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0000001f;color:#ffffffe6;font-size:26px;cursor:pointer;display:grid;place-items:center}.close-btn:hover{background:#ffffff14}.social-links{margin-top:22px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;opacity:.7}.social-links a{position:relative;color:#ffffffe6;text-decoration:none;transition:color .3s ease,transform .3s ease}.social-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1.5px;background:linear-gradient(90deg,#78c8ffcc,#ffffffe6);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.social-links a:hover{color:#fff;transform:translateY(-2px);text-shadow:0 0 8px rgba(120,200,255,.6)}.social-links a:hover:after{transform:scaleX(1)}.select-wrap{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;pointer-events:auto;z-index:2}.select-header h2{font-size:.9rem;letter-spacing:4px;font-weight:300;color:#ffffff63}.select-controls{display:flex;align-items:center;gap:40px}.select-controls button{background:none;border:1px solid rgba(255,255,255,.49);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease}.select-controls button:hover{background:#ffffff14;border-color:#ffffff80}.select-info{min-width:360px}.select-info h3{margin:0;overflow:hidden;white-space:nowrap;line-height:1;color:#fff}.ship-letter{display:inline-block;font-family:Melodrama-Variable;font-size:2rem;font-weight:600;letter-spacing:6px;line-height:1}.select-info>span{display:inline-block;margin-top:6px;font-family:Satoshi-Variable;font-size:.9rem;color:#ffffff80;letter-spacing:2px}.select-footer{display:flex;gap:20px;margin-top:1px}.select-footer button{padding:10px 24px;border-radius:50px;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.select-footer button:hover{background:#ffffff14}.select-footer .primary{background:#ffc83c26;border-color:#ffc83c80}.select-footer .primary:hover{background:#ffc83c4d}.hangar-container{display:flex;align-items:flex-end;justify-content:center;width:100%;height:150px;background-image:linear-gradient(#2a2a2a00,#111d)}.hangar-icons-options{display:flex;align-items:center;justify-items:center;flex-direction:column;gap:5px;color:#c4c4c4b8;pointer-events:all;padding:15px 5px;background-color:transparent;border:1px solid rgba(255,255,255,0);transition:all .8s cubic-bezier(.19,1,.22,1);border-radius:6px 6px 0 0;position:relative;font-size:11px;width:130px;height:130px;bottom:15px;margin:0 2px;cursor:pointer;z-index:2}.hangar-icons-options:hover{background-image:linear-gradient(145deg,#828282b5 30%,#ffffff1a);border:1px solid rgb(255,255,255,.1);cursor:pointer;transform:scale(1.05)}.hangar-icons-options p{font-family:Melodrama-Variable;font-weight:600;font-size:1rem;color:#fff;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out}.hangar-icons-options:hover p{visibility:visible;opacity:1}.circle-icon{width:6px;height:6px;background-color:#fff;border-radius:50%;position:absolute;bottom:5px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease-in-out}.circle-icon.active{opacity:1}.colorWrap{position:fixed;inset:0;width:100%;height:100%;font-size:12px;text-align:right;display:flex;align-items:flex-end;justify-content:center;flex-direction:row;pointer-events:none}.hull-selector-desktop{position:fixed;left:0;right:0;bottom:0;z-index:10060;pointer-events:auto}.hull-selector-mobile{display:none}.colorSpaceShip-panel{position:absolute;bottom:20px;left:50%;width:90%;height:110px;display:flex;flex-direction:column;justify-content:center;transform:translate(-50%);padding:20px;border-radius:16px;background:linear-gradient(135deg,#1e1e1e99,#0a0a0a66);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);box-shadow:0 0 20px #b3b3b326,0 0 60px #ffffff1a,inset 0 0 1px #ffffff4d;border:1px solid rgba(169,169,169,.406);color:#fffc;box-sizing:border-box;z-index:2}.colorSpaceShip-panel:before{content:"";position:absolute;inset:0;border-radius:15px;padding:1px;background:linear-gradient(90deg,transparent,rgba(223,223,223,.4),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:panelGlow 4s linear infinite;pointer-events:none}@keyframes panelGlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.colorSpaceShip.visible{display:block}.colorSpaceShip-title{font-family:Melodrama-Variable;position:absolute;top:-35px;left:0;height:25px;color:#636363d3;font-size:1.2rem;pointer-events:none}.button-spaceShip-panel{position:absolute;top:50%;right:40px;cursor:pointer;width:80px;height:40px;transform:translateY(-50%);pointer-events:visible;color:#ffffffb6;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-width:1px;border-style:solid;border-image:initial;border-radius:50px;background:#14141480;border:1px solid rgba(255,255,255,.4);box-shadow:0 0 10px #d6d6d666 inset 0 0 10px #b7b7b733;transition:.3s ease}.button-spaceShip-panel:hover{box-shadow:0 0 20px #fffc,inset 0 0 15px #fff6}.wrapper-panel{position:absolute;height:120px;width:100%;top:50px;left:50%;transform:translate(-48%,-50%);-webkit-mask-image:linear-gradient(90deg,#df353595,#000 0% 70%,#e3484800 95%);mask-image:linear-gradient(90deg,#df353595,#000 0% 70%,#e3484800 95%);clip-path:inset(0% 17% 0% 0%);touch-action:none;overflow:hidden}.colorSpaceShip-slider{display:flex;position:absolute;top:30px;gap:16px;padding:0 80px 0 0;width:100%;cursor:grab}.colorSpaceShip-options{display:flex;align-items:center;justify-items:center;gap:2px}.colorSpaceShip-options-wrapper{pointer-events:auto;transition:.6s cubic-bezier(.05,0,.15,1);border-width:3px;border-style:solid;border:none}.colorSpaceShip-circle{width:93%;height:70px;box-shadow:#1f1e1e00 0 0 3px 4px inset;border-radius:6px;transition:.6s;display:flex;gap:6px}.circle{position:relative;width:65px;height:60px;border-radius:50%;cursor:pointer;overflow:visible;box-shadow:0 0 10px #ffffffe6,0 0 20px currentColor,0 0 40px currentColor,0 0 60px currentColor,inset 0 0 15px #ffffffe6;border:1px solid rgba(255,255,255,.6);filter:brightness(1.2) saturate(1.3);transition:all .3s ease}.circle:before{content:"";position:absolute;top:5%;left:15%;width:70%;height:40%;background:linear-gradient(180deg,#fffc,#fff0);border-radius:50%;filter:blur(2px);opacity:.7}.circle:hover{transform:scale(1.1);filter:brightness(1.5) saturate(1.6);box-shadow:0 0 15px #fff,0 0 30px currentColor,0 0 60px currentColor,0 0 100px currentColor,inset 0 0 20px #fff}.circle-icon{width:6px;height:6px;background-color:#fff;border-radius:50%;position:absolute;bottom:30px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease-in-out}.circle-icon.active{opacity:1;box-shadow:0 0 6px #fffc}@media(max-width:860px){.logo img{height:100px;width:auto;display:block}.select-wrap{max-width:min(560px,calc(100vw - 28px));bottom:24px;gap:14px}.select-header h2{font-size:.8rem;letter-spacing:3px}.select-controls{gap:16px;width:100%;justify-content:center}.select-controls button{width:34px;height:34px;font-size:14px}.select-infoWrap{position:relative;width:min(62vw,360px);min-width:0}.select-info{min-width:0;width:100%}.select-info h3{white-space:normal;text-wrap:balance}.ship-letter{font-size:1.7rem;letter-spacing:4px}.select-footer{gap:12px;flex-wrap:wrap;justify-content:center}.select-footer button{letter-spacing:1.5px;font-size:.85rem}.settingsWrap{padding:18px}.menu-settings{width:min(640px,calc(100vw - 28px));padding:28px 22px 20px;border-radius:18px;max-height:calc(100dvh - 36px);overflow:auto;-webkit-overflow-scrolling:touch}.menu-settings:after{border-radius:18px}.menu-settings h1{font-size:2rem;margin:6px 0 8px}.menu-settings h2{font-size:1rem;margin:0 0 12px}.about-eyebrow{font-size:15px;letter-spacing:.16em;margin-top:6px}.about-body{font-size:17px;line-height:1.65;margin:14px auto 0;max-width:65ch}.about-divider{margin:18px 0 12px}.chip{padding:7px 10px}.about-credit{font-size:14px;margin-top:14px}.close-btn{width:38px;height:38px;font-size:22px;top:14px;right:14px}.social-links{margin-top:16px;gap:12px}.social-links a{font-size:14px}.hangar-container{height:120px;gap:12px;padding:0 14px;justify-content:center;align-items:flex-end;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.hangar-icons-options{width:95px;height:100px;padding:10px 8px;bottom:10px;margin:0;border-radius:10px 10px 0 0}.hangar-icons-options img{width:auto!important;max-width:32px;max-height:32px;height:auto}.hangar-icons-options p{font-size:.75rem}.hangar-icons-options .circle-icon{bottom:6px}.colorSpaceShip-panel{width:min(720px,calc(100vw - 24px));height:100px;bottom:14px;padding:14px;border-radius:14px}.button-spaceShip-panel{right:14px;width:70px;height:34px;font-size:.85rem}.wrapper-panel{height:95px;top:54px;transform:translate(-50%,-50%)}.colorSpaceShip-slider{top:10px;padding:0 14px 0 0}.colorSpaceShip-options-wrapper{overflow:hidden;width:100%}.colorSpaceShip-circle{display:flex;width:max-content;padding:5px 120px 5px 16px;gap:8px}.circle{flex:0 0 auto;width:55px;height:50px}}.hangar-container{display:flex}.hangar-footer-mobile{display:none}@media(max-width:780px){.header-copyright{font-size:.7rem}.hangar-container,.hull-selector-desktop{display:none}.hull-selector-mobile{display:grid}.hangar-footer-mobile{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:80;pointer-events:auto;display:flex!important;flex-direction:column;align-items:center;gap:12px}.mobile-menu-trigger{position:relative;pointer-events:auto;display:flex;align-items:center;gap:14px;height:56px;padding:10px 22px 10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:radial-gradient(120% 200% at 50% -20%,#ffffff38,#ffffff0d 35%,#00000059 80%),linear-gradient(180deg,#ffffff1a,#00000040);box-shadow:0 22px 60px #000000a6,0 0 18px #ffffff14,0 2px #ffffff1a inset,0 -12px 25px #00000073 inset;-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);color:#ffffffeb;cursor:pointer;transition:box-shadow .25s ease,border-color .25s ease;-webkit-tap-highlight-color:transparent}.mobile-menu-trigger:hover{border-color:#ffffff2e;box-shadow:0 22px 60px #000000a6,0 0 18px #ffffff14,0 2px #ffffff1a inset,0 -12px 25px #00000073 inset}.mobile-menu-trigger:active{border-color:#ffffff73;box-shadow:0 18px 50px #0000008c,0 0 18px #ffffff59,0 0 32px #ffffff26,0 2px #ffffff14 inset,0 -10px 20px #00000059 inset}.mobile-menu-trigger:before{content:"";position:absolute;inset:-1px;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,#ffffff8c,#ffffff1f);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:.6}.mobile-menu-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-menu-icon img{width:20px;height:20px;opacity:.92}.mobile-menu-label{font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;transform:translateY(1px)}.mobile-menu-trigger.is-open{box-shadow:0 20px 56px #0000009e,0 0 26px #ffffff1f,0 2px #ffffff14 inset,0 -10px 22px #00000059 inset}.mobile-menu-backdrop{position:fixed;inset:0;z-index:9999;pointer-events:none}.mobile-menu-backdrop.is-open{pointer-events:auto}.mobile-menu-panel{position:absolute;left:50%;bottom:68px;width:min(300px,calc(100vw - 40px));padding:12px 12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#000;-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 24px 60px #000000a6;z-index:10000;margin:0;list-style:none}.mobile-menu-panel.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}.mobile-grid-item{display:grid;place-items:center;gap:8px;padding:1px 4px;border-radius:18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.mobile-grid-item:hover{background:transparent;transform:none}.mobile-grid-item:active{background:#ffffff0f;transform:translateY(-1px)}.mobile-grid-icon{width:22px;height:22px;opacity:.95;display:block}.mobile-grid-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fffffff2;text-align:center}.mobile-grid-item.active{box-shadow:0 0 18px #ffffff24;background:#e41b1b14}.hull-mobile-wrap{position:fixed;inset:0;pointer-events:none}.hull-selector-mobile.mobile-menu-panel{position:fixed;left:50%;bottom:96px}}@media(max-width:580px){header{padding:20px 16px;height:90px}.header-copyright{font-size:.6rem}.logo{transform:translateY(10px);margin-left:-30px}.buttonSettings,.buttonAudio{width:70px;height:40px}.select-controls{gap:0px;justify-content:center}.select-controls button{width:34px;height:34px;padding:0}.select-info{min-width:0}.select-controls>div{width:min(62vw,260px)}.ship-letter{font-size:1.5rem;letter-spacing:2px}.colorSpaceShip-options-wrapper{overflow:hidden;width:100%}.colorSpaceShip-circle{width:max-content;padding-top:15px;padding-left:16px;gap:2px;padding-right:140px}.circle{width:38px;height:33px}.colorSpaceShip-panel{width:calc(100vw - 16px);left:50%;transform:translate(-50%)}.colorSpaceShip-panel:after{content:"";position:absolute;top:0;right:0;width:180px;height:100%;pointer-events:none;background:linear-gradient(90deg,#0000,#000000d9 55%,#000);z-index:3}.colorSpaceShip-title{position:absolute;z-index:5;pointer-events:auto}.button-spaceShip-panel{right:12px;z-index:6}.select-footer{min-height:48px}.select-footer .primary{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}}