:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#02050c;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-layout{width:100%;height:100%}.home-view{width:100%;height:100%;position:relative}.home-view .ship-builder-controls,.home-view .ship-builder-controls-import-export,.home-view .ship-builder-controls-footer{will-change:transform, opacity}.home-view .ship-builder-controls-footer{transition:opacity .28s,transform .64s cubic-bezier(.22,1,.36,1)}.home-view--builder-ui-hidden .ship-builder-controls,.home-view--builder-ui-hidden .ship-builder-controls-import-export,.home-view--builder-ui-hidden .ship-builder-controls-footer{opacity:0;pointer-events:none}.home-view--builder-ui-hidden .ship-builder-controls{transform:translate(calc(100% + 24px))}.home-view--builder-ui-hidden .ship-builder-controls-import-export{transform:translate(calc(-100% - 24px))}.home-view--builder-ui-hidden .ship-builder-controls-footer{transform:translate(-50%,14px)}.scene-shell{width:100%;height:100%}.scene-canvas{width:100%;height:100%;display:block}.flight-view{width:100%;height:100%;position:relative;overflow:hidden}.flight-scene-shell{width:100%;height:100%}.flight-scene-canvas{width:100%;height:100%;display:block}.flight-view__hud{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#dbeafe;background:#020817ad;border:1px solid #94a3b84d;border-radius:12px;gap:10px;width:min(460px,100vw - 32px);padding:12px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:16px;right:16px}.flight-view__hud--hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.flight-view__hud-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.flight-view__title{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.88rem}.flight-view__help-list{color:#bfdbfe;gap:6px;margin:0;padding-left:18px;font-size:.76rem;line-height:1.42;display:grid}.flight-touch{pointer-events:none;z-index:7;position:absolute;inset:0}.flight-touch__joystick{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;bottom:24px;left:24px}.flight-touch__joystick-base{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02081773;border:1px solid #94a3b873;border-radius:50%;position:absolute;inset:0}.flight-touch__joystick-knob{will-change:transform;background:#3b82f68c;border:1px solid #bfdbfeb3;border-radius:50%;width:40px;height:40px;transition:transform 80ms ease-out;position:relative;box-shadow:0 0 18px #60a5fa8c}.flight-touch__fire{color:#fee2e2;letter-spacing:.16em;pointer-events:auto;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7f1d1d8c;border:1px solid #f87171a6;border-radius:50%;width:80px;height:80px;font-size:.84rem;font-weight:700;position:absolute;bottom:24px;right:24px;box-shadow:0 0 22px #f8717159}.flight-touch__fire:active{background:#dc2626b3;transform:scale(.96)}.ui-button{color:#e2e8f0;cursor:pointer;background:#0f172ae6;border:1px solid #94a3b866;border-radius:8px;justify-content:center;align-items:center;gap:6px;transition:filter .16s,transform .16s;display:inline-flex}.ui-button:hover:not(:disabled){filter:brightness(1.08)}.ui-button:active:not(:disabled){transform:translateY(1px)}.ui-button:disabled{cursor:not-allowed;opacity:.45}.ui-button--solid{background:#0f172ae6;border-color:#94a3b866}.ui-button--ghost{background:#0f172a85;border-color:#94a3b859}.ui-button--md{padding:6px 10px;font-size:.78rem}.ui-button--sm{padding:5px 8px;font-size:.72rem}.ui-button__icon{justify-content:center;align-items:center;display:inline-flex}.ui-button__label{line-height:1}.ui-icon-button{min-width:32px;padding:0}.ui-icon-button.ui-button--md{width:32px;height:32px}.ui-icon-button.ui-button--sm{width:28px;height:28px}.ui-icon-button-tooltip{display:inline-flex;position:relative}.ui-icon-button-tooltip:before,.ui-icon-button-tooltip:after{opacity:0;pointer-events:none;z-index:20;transition:opacity .14s,transform .14s;position:absolute}.ui-icon-button-tooltip:after{content:attr(data-tooltip);color:#e2e8f0;white-space:nowrap;background:#020617f2;border:1px solid #94a3b866;border-radius:6px;padding:6px 8px;font-size:.68rem;line-height:1;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.ui-icon-button-tooltip:before{content:"";border-top:6px solid #020617f2;border-left:5px solid #0000;border-right:5px solid #0000;bottom:calc(100% + 2px);left:50%;transform:translate(-50%,4px)}.ui-icon-button-tooltip:focus-within:before,.ui-icon-button-tooltip:focus-within:after{opacity:1;transform:translate(-50%)}@media (hover:hover){.ui-icon-button-tooltip:hover:before,.ui-icon-button-tooltip:hover:after{opacity:1;transform:translate(-50%)}}.ship-builder-controls__header .ui-icon-button-tooltip:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}.ship-builder-controls__header .ui-icon-button-tooltip:before{border-top:0;border-bottom:6px solid #020617f2;top:calc(100% + 2px);bottom:auto;transform:translate(-50%,-4px)}.ship-builder-controls__header .ui-icon-button-tooltip:focus-within:before,.ship-builder-controls__header .ui-icon-button-tooltip:focus-within:after{transform:translate(-50%)}@media (hover:hover){.ship-builder-controls__header .ui-icon-button-tooltip:hover:before,.ship-builder-controls__header .ui-icon-button-tooltip:hover:after{transform:translate(-50%)}}.ui-dialog-backdrop{z-index:25;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0206179e;justify-content:center;align-items:center;padding:14px;transition:opacity .3s;display:flex;position:fixed;inset:0}.ui-dialog-backdrop--visible{opacity:1}.ui-dialog-backdrop--invisible{opacity:0}.ui-dialog{color:#e2e8f0;will-change:transform, opacity;background:#040b17f2;border:1px solid #94a3b85c;border-radius:14px;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);max-height:calc(100vh - 28px);transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.ui-dialog--visible{opacity:1;transform:translateY(0)scale(1)}.ui-dialog--invisible{opacity:0;transform:translateY(16px)scale(.985)}.ui-dialog__header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.ui-dialog__title{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.86rem}.ui-dialog__close-button.ui-button{min-width:64px}.ui-dialog__content{padding:12px 14px 14px;overflow:auto}.ui-dialog__footer{border-top:1px solid #94a3b833;padding:10px 14px}.ship-builder-shortcuts-dialog{gap:10px;display:grid}.ship-builder-shortcuts-dialog__section{background:#0f172a8c;border:1px solid #94a3b83d;border-radius:10px}.ship-builder-shortcuts-dialog__section-title{letter-spacing:.07em;text-transform:uppercase;color:#93c5fd;border-bottom:1px solid #94a3b82e;margin:0;padding:9px 10px;font-size:.7rem}.ship-builder-shortcuts-dialog__list{gap:7px;margin:0;padding:8px 10px 10px;list-style:none;display:grid}.ship-builder-shortcuts-dialog__item{color:#cbd5e1;justify-content:space-between;align-items:center;gap:14px;font-size:.76rem;display:flex}.ship-builder-shortcuts-dialog__keys{align-items:center;gap:4px;display:inline-flex}.ship-builder-shortcuts-dialog__keys kbd{color:#e2e8f0;text-align:center;background:#020617e6;border:1px solid #94a3b86b;border-radius:6px;min-width:24px;padding:4px 6px;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1}.ship-builder-controls-footer,.ship-builder-controls,.ship-builder-controls-import-export{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;z-index:5;background:#040b17e0;border:1px solid #94a3b847;border-radius:14px;display:flex;position:absolute}.ship-builder-controls-footer{gap:12px;padding:8px;bottom:16px;left:50%;transform:translate(-50%)}.ship-builder-controls__action-button.ui-icon-button{padding:0}.ship-builder-controls,.ship-builder-controls-import-export{flex-direction:column;width:min(360px,100vw - 32px);max-height:calc(100vh - 32px);top:16px;right:16px}.ship-builder-controls-import-export{left:16px}.ship-builder-controls-panel{opacity:1;visibility:visible;pointer-events:auto;will-change:transform, opacity;transition:opacity .28s,transform .64s cubic-bezier(.22,1,.36,1),visibility linear;transform:translate(0)}.ship-builder-controls-panel--hidden{opacity:0;pointer-events:none}.ship-builder-controls--hidden{transform:translate(calc(100% + 24px))}.ship-builder-controls-import-export--hidden{transform:translate(calc(-100% - 24px))}.ship-builder-controls-footer__toggle{transition:transform .2s,border-color .2s,box-shadow .2s}.ship-builder-controls-footer__toggle .ui-button__label{transition:transform .26s cubic-bezier(.22,1,.36,1)}.ship-builder-controls-footer__toggle--collapsed{border-color:#7dd3fccc;transform:translateY(-1px);box-shadow:0 0 0 1px #7dd3fc33}.ship-builder-controls-footer__toggle--collapsed .ui-button__label{transform:rotate(180deg)}.ship-builder-controls-footer__toggle--flight-active{border-color:#fb923cd1;box-shadow:0 0 0 1px #f973163d}.ship-builder-controls__header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.ship-builder-controls__title{letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:.9rem}.ship-builder-mobile-title{display:none}.ship-builder-controls__header-actions{align-items:center;gap:8px;display:flex}.ship-builder-controls__action-button{color:#e2e8f0;cursor:pointer;background:#0f172ae6;border:1px solid #94a3b866;border-radius:8px;padding:6px 10px;font-size:.78rem}.ship-builder-controls__action-button:disabled{cursor:not-allowed;opacity:.32;filter:saturate(.45)}.ship-builder-controls__action-button--small{padding:5px 8px;font-size:.72rem}.ship-builder-controls__section{gap:8px;padding:10px 12px 4px;display:grid}.ship-builder-controls__section-title{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:.7rem}.ship-builder-controls__slot-tabs{flex-wrap:wrap;gap:6px;display:flex}.ship-builder-controls__slot-tab{color:#cbd5e1;cursor:pointer;background:#0f172abf;border:1px solid #94a3b859;border-radius:8px;padding:5px 9px;font-size:.72rem}.ship-builder-controls__slot-tab--active{color:#e0f2fe;background:#0c4a6e73;border-color:#7dd3fcd9}.ship-builder-controls__mode-toggle{flex-wrap:wrap;gap:8px;display:flex}.ship-builder-controls__mode-button{color:#cbd5e1;cursor:pointer;background:#0f172acc;border:1px solid #94a3b859;border-radius:8px;flex:1;padding:6px 8px;font-size:.74rem}.ship-builder-controls__mode-button:disabled{opacity:.45;cursor:not-allowed}.ship-builder-controls__mode-button--active{color:#fef9c3;background:#713f125c;border-color:#fde047cc}.ship-builder-controls__list{gap:10px;padding:12px;display:grid;overflow:auto}.ship-builder-controls__card{background:#0f172a99;border:1px solid #4755698c;border-radius:10px;gap:9px;padding:10px;display:grid}.ship-builder-controls__card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.ship-builder-controls__card-title{color:#bae6fd;letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:.82rem}.ship-builder-controls__field{gap:6px;display:grid}.ship-builder-controls__field--color{grid-template-columns:1fr auto;align-items:center}.ship-builder-controls__field-label{color:#cbd5e1;font-size:.75rem}.ship-builder-controls__mobile-variant-picker{display:none}.ship-builder-controls__select{color:#e2e8f0;background:#0f172af2;border:1px solid #94a3b859;border-radius:8px;width:100%;padding:7px 8px;font-size:.8rem}.ship-builder-controls__color{cursor:pointer;background:#0f172af2;border:1px solid #94a3b866;border-radius:8px;width:36px;height:28px;padding:2px}.ship-builder-controls__range{width:100%}.ship-builder-controls__io{border-top:1px solid #94a3b833;gap:8px;padding:10px 12px 12px;display:grid}.ship-builder-controls__textarea{resize:vertical;color:#e2e8f0;background:#0f172af2;border:1px solid #94a3b859;border-radius:8px;width:100%;min-height:120px;padding:8px;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:.76rem}.ship-builder-controls__io-actions{justify-content:flex-end;display:flex}.ship-builder-controls__io-actions--spaced{justify-content:space-between}.ship-builder-controls__io-message{margin:0;font-size:.74rem}.ship-builder-controls__io-message--success{color:#86efac}.ship-builder-controls__io-message--error{color:#fca5a5}.ship-builder-controls__io-message--warning{color:#fcd34d}.ship-builder-controls__io-message--info{color:#bae6fd}.ship-builder-controls__warning-list{color:#fcd34d;gap:4px;margin:0;padding-left:18px;font-size:.72rem;display:grid}@media (max-width:900px){.flight-view__hud{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;width:auto;top:12px;left:12px;right:12px}.ship-builder-controls{top:auto;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;align-items:flex-end;gap:8px;width:fit-content;max-height:none;position:fixed}.ship-builder-controls-import-export{top:calc(env(safe-area-inset-top,0px) + 12px);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:auto;max-height:none;left:12px;right:auto}.ship-builder-controls-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 16px);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.ship-builder-controls__io{border-top:0;gap:6px;padding:6px}.ship-builder-controls--hidden,.ship-builder-controls-import-export--hidden,.home-view--builder-ui-hidden .ship-builder-controls,.home-view--builder-ui-hidden .ship-builder-controls-import-export{transform:translateY(calc(100% + 20px))}.ship-builder-shortcuts-dialog__item{flex-direction:column;align-items:flex-start;gap:6px}.ship-builder-controls__mode-button{flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.ship-builder-controls__header-actions{flex-direction:column}.ship-builder-mobile-title{top:calc(env(safe-area-inset-top,0px) + 12px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;z-index:6;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:1;background:#040b17e0;border:1px solid #94a3b847;border-radius:999px;margin:0;padding:6px 10px;font-size:.74rem;transition:opacity .28s,transform .64s cubic-bezier(.22,1,.36,1);display:block;position:absolute;left:50%;transform:translate(-50%)}.home-view--builder-ui-hidden .ship-builder-mobile-title{opacity:0;transform:translate(-50%,-8px)}.ship-builder-controls__mobile-variant-picker{left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:6;width:min(210px,100vw - 132px);display:block;position:fixed}.ship-builder-controls__mobile-variant-picker .ship-builder-controls__field{gap:4px}.ship-builder-controls__mobile-variant-picker .ship-builder-controls__field-label{letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.ship-builder-controls__mobile-variant-picker .ship-builder-controls__select{padding:6px 8px;font-size:.74rem}.ship-builder-controls__mobile-variant-picker-actions{align-items:center;gap:6px;margin-top:6px;display:flex}@media (orientation:portrait){.ship-builder-controls__mobile-variant-picker{bottom:calc(env(safe-area-inset-bottom,0px) + 72px)}}.ship-builder-controls .ship-builder-controls__mode-toggle{flex-flow:column;align-items:flex-end;gap:8px}.home-view--builder-ui-hidden .ship-builder-controls__mobile-variant-picker{opacity:0;pointer-events:none}.ship-builder-controls__io-actions{justify-content:flex-start;gap:8px}.ship-builder-controls__io-message--info,.ship-builder-controls__io-message--success{display:none}}.view-transition-overlay{z-index:1000;opacity:0;pointer-events:none;background:#000;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.view-transition-overlay--visible{opacity:1;pointer-events:auto}.view-transition-overlay__spinner{color:#e5e7eb;font-size:2.25rem}@media (prefers-reduced-motion:reduce){.ui-icon-button-tooltip:before,.ui-icon-button-tooltip:after,.ui-dialog-backdrop,.ui-dialog,.ship-builder-controls-footer,.ship-builder-controls-panel,.ship-builder-controls-footer__toggle,.ship-builder-controls-footer__toggle .ui-button__label,.view-transition-overlay{transition-duration:.01ms}}