form[data-v-79aaced3]{flex-direction:column;gap:18px;height:100%;display:flex}.form-group[data-v-79aaced3]{flex-direction:column;gap:8px;display:flex}label[data-v-79aaced3]{color:#00d9ff;letter-spacing:1px;text-transform:uppercase;font-size:.85rem}.sci-fi-input[data-v-79aaced3]{box-sizing:border-box;width:100%}.login-button[data-v-79aaced3]{align-self:flex-end;min-width:120px}.error-message[data-v-79aaced3]{color:#ff4d4d;text-align:center;margin:0}.shipyard-container{z-index:10;width:min(700px,100vw - 24px);max-height:calc(100dvh - 112px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shipyard-window{width:100%;height:auto;max-height:inherit}.ship-list{flex-direction:column;gap:20px;display:flex}.ship-item{background-color:#02142a99;border:1px solid #00d9ff4d;border-radius:4px;align-items:center;gap:20px;padding:15px;transition:background-color .3s;display:flex}.ship-item:hover{background-color:#02142ae6}.ship-image{object-fit:cover;background-color:#010409;border:1px solid #00d9ff66;flex-shrink:0;width:100px;height:80px}.ship-info{flex-grow:1}.ship-info h3{color:#00d9ff;text-transform:uppercase;letter-spacing:1px;margin:0 0 5px}.ship-info p{color:#a0c8e0;margin:0;font-size:.9em}.ship-count{color:#fd0;letter-spacing:1px;text-transform:uppercase;background-color:#00d9ff14;border:1px solid #00d9ff59;margin-top:10px;padding:4px 8px;font-size:.8em;display:inline-block}.production-controls{align-items:center;gap:10px;display:flex}.production-controls input[type=number]{text-align:center;width:60px}@media (width<=720px){.shipyard-container{top:calc(96px + env(safe-area-inset-top) + 12px);width:auto;max-height:calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom));left:12px;right:12px;transform:none}.ship-list{gap:12px}.ship-item{grid-template-columns:88px 1fr;align-items:start;gap:14px;padding:14px;display:grid}.ship-image{width:88px;height:74px}.ship-info h3{font-size:1rem}.ship-info p{font-size:.88rem}.production-controls{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}.production-controls input[type=number]{width:72px}}.storage-menu-container{z-index:9;width:min(780px,100vw - 24px);max-height:calc(100dvh - 112px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.storage-menu-window{width:100%;height:auto;max-height:inherit}.storage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.storage-item{background-color:#02142a99;border:1px solid #00d9ff4d;border-radius:4px;grid-template-columns:12px minmax(0,1fr);gap:12px;min-height:96px;padding:14px;display:grid}.storage-marker{border-radius:999px;width:10px;min-height:52px;box-shadow:0 0 12px}.storage-copy{min-width:0}.storage-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.storage-title-row h3{color:#00d9ff;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:.98rem}.storage-amount{color:#fd0;white-space:nowrap;background-color:#ffdd000f;border:1px solid #ffdd0073;padding:4px 8px;font-size:.82rem;font-weight:700}.storage-copy p{color:#a0c8e0;margin:10px 0 0;font-size:.88rem;line-height:1.4}@media (width<=720px){.storage-menu-container{top:calc(96px + env(safe-area-inset-top) + 12px);width:auto;max-height:calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom));left:12px;right:12px;transform:none}.storage-grid{grid-template-columns:1fr;gap:10px}.storage-item{min-height:0;padding:12px}}html{background-color:#010409;min-height:100%}body{color:#e0e0e0;background-color:#010409;background-image:radial-gradient(circle at top,#02142ab3 0%,#010409 60%);min-height:100dvh;margin:0;padding:0;overflow:hidden}button,input{font:inherit}.sci-fi-window{color:#e0e0e0;background-color:#020a1a;border:1px solid #00d9ff;border-radius:4px;flex-direction:column;width:min(600px,100vw - 24px);height:400px;max-height:calc(100dvh - 24px);margin:50px auto;font-family:monospace;display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #00d9ff99,inset 0 0 20px #00d9ff4d}.sci-fi-window:before,.sci-fi-window:after{content:"";pointer-events:none;border-color:#00d9ff;width:20px;height:20px;position:absolute}.sci-fi-window:before{border-top:3px solid;border-left:3px solid;top:0;left:0}.sci-fi-window:after{border-bottom:3px solid;border-right:3px solid;bottom:0;right:0}.sci-fi-window .sci-fi-window-header{background-color:#02142a80;border-bottom:1px solid #00d9ff66;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.sci-fi-window .sci-fi-window-header .title{text-transform:uppercase;letter-spacing:2px;color:#00d9ff;font-weight:700}.sci-fi-window .sci-fi-window-header .close-button{color:#e0e0e0;cursor:pointer;background:0 0;border:1px solid #e0e0e0;flex-shrink:0;width:28px;height:28px;font-weight:700;transition:all .3s}.sci-fi-window .sci-fi-window-header .close-button:hover{color:#020a1a;background-color:#e0e0e0;box-shadow:0 0 10px #00d9ff}.sci-fi-window .sci-fi-window-content{flex-grow:1;min-height:0;padding:20px;overflow:auto}@media (width<=640px){.sci-fi-window{height:auto;margin:12px auto;font-size:1rem}.sci-fi-window .sci-fi-window-header{padding:12px 14px}.sci-fi-window .sci-fi-window-header .title{font-size:.95rem}.sci-fi-window .sci-fi-window-content{padding:16px}}.sci-fi-input{color:#e0e0e0;background-color:#000a14cc;border:1px solid #00d9ff;border-radius:2px;padding:10px;font-family:monospace;transition:all .3s;box-shadow:inset 0 0 8px #00d9ff4d}.sci-fi-input:focus{border-color:#fd0;outline:none;box-shadow:0 0 10px #ffdd00b3,inset 0 0 8px #fd06}.sci-fi-button{color:#00d9ff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background-color:#0000;border:1px solid #00d9ff;padding:10px 15px;font-family:monospace;transition:all .3s;position:relative;overflow:hidden}.sci-fi-button:hover{color:#fff;background-color:#00d9ff33;box-shadow:0 0 15px #00d9ff80}.sci-fi-button:active{background-color:#00d9ff66}.sci-fi-button:before{content:"";opacity:0;background:#ffffff1a;width:300%;height:300%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.sci-fi-button:hover:before{opacity:1;width:0}@media (width<=640px){.sci-fi-input{min-height:44px;padding:12px;font-size:1rem}.sci-fi-button{min-height:44px;padding:12px 16px;font-size:.95rem}}.sci-fi-header{min-height:72px;padding:10px 24px;padding-top:calc(10px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;z-index:1000;color:#e0e0e0;background:linear-gradient(#020a1af0,#020a1ab8);border-bottom:1px solid #00d9ff8c;grid-template-columns:minmax(220px,1fr) minmax(260px,520px) minmax(220px,1fr) auto;align-items:center;gap:18px;width:100%;font-family:monospace;display:grid;position:fixed;top:0;left:0;box-shadow:0 10px 30px #00000059,inset 0 -1px #ffffff14}.sci-fi-header:before{content:"";opacity:.75;background:linear-gradient(90deg,#0000,#00d9ffd9,#ffdd008c,#0000);height:3px;position:absolute;bottom:-3px;left:0;right:0}.header-brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{object-fit:contain;background-color:#000a148c;border:1px solid #00d9ff8c;flex-shrink:0;width:42px;height:42px;box-shadow:0 0 14px #00d9ff73,inset 0 0 10px #00d9ff29}.brand-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-title{color:#00d9ff;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;font-size:1.05rem;font-weight:700}.brand-subtitle{color:#8fb7c9;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:.72rem}.header-dock{background-color:#000a147a;border:1px solid #00d9ff47;grid-template-columns:repeat(4,minmax(48px,1fr));justify-self:center;align-items:center;gap:10px;width:100%;padding:8px 10px;display:grid;box-shadow:inset 0 0 16px #00d9ff1f}.dock-slot{color:#e0e0e0;background:linear-gradient(90deg,#00d9ff14,#ffdd000d);border:1px solid #00d9ff61;min-height:34px;font-family:monospace;box-shadow:inset 0 0 10px #00d9ff14}.dock-slot.is-active{border-color:#ffdd00bf;box-shadow:0 0 12px #ffdd0038,inset 0 0 12px #ffdd001a}.resource-slot{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.resource-slot:hover{background-color:#ffdd000f;border-color:#ffdd00bf;box-shadow:0 0 12px #fd03,inset 0 0 10px #00d9ff1a}.resource-code{color:#00d9ff;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700;overflow:hidden}.resource-amount{color:#fd0;white-space:nowrap;font-size:.76rem;font-weight:700}.header-status{justify-content:flex-end;align-items:center;gap:16px;min-width:0;display:flex}.header-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.ui-version{color:#fd0;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;background:#ffdd000f;border:1px solid #ffdd0080;align-items:center;min-height:34px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 10px #ffdd0014}.system-status{color:#a0c8e0;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:7px;font-size:.78rem;display:flex}.status-dot{background-color:#0f9;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 10px #0f9c}.user-info{flex-direction:column;align-items:flex-end;gap:2px;min-width:0;display:flex}.user-label{color:#8fb7c9;letter-spacing:1px;text-transform:uppercase;font-size:.68rem}.username{color:#00d9ff;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:700;overflow:hidden}.logout-button{color:#ff4d4d;text-transform:uppercase;cursor:pointer;background:#ff4d4d0f;border:1px solid #ff4d4d;min-height:36px;padding:8px 14px;font-family:monospace;font-weight:700;transition:all .3s}.logout-button:hover{color:#020a1a;background-color:#ff4d4d;box-shadow:0 0 15px #ff4d4db3}@media (width<=900px){.sci-fi-header{min-height:96px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));grid-template-columns:1fr auto;gap:10px}.header-dock{order:4;grid-area:2/1/auto/-1}.header-status{display:none}.brand-title{font-size:1.02rem}.brand-subtitle{font-size:.72rem}.brand-logo{width:46px;height:46px}.dock-slot{height:34px}.logout-button{min-height:42px;padding:9px 16px}.ui-version{min-height:40px;padding:0 8px;font-size:.68rem}}.loading-screen{color:#00d9ff;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;font-family:monospace;display:flex}.login-container{min-height:100dvh;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.main-content{padding-top:72px;padding-top:calc(72px + env(safe-area-inset-top));box-sizing:border-box;justify-content:center;align-items:flex-start;height:100dvh;display:flex;position:relative}@media (width<=900px){.main-content{padding-top:96px;padding-top:calc(96px + env(safe-area-inset-top))}}.starmap-container{cursor:grab;width:100%;height:100%}