.shipsel{position:fixed;inset:0;z-index:50;overflow:hidden;box-sizing:border-box;color:#e6edf0;font-family:Inter,system-ui,sans-serif;background:#000;-webkit-user-select:none;user-select:none;pointer-events:auto;--shipsel-accent:#7fe0e6;--shipsel-accent-soft:rgba(127,224,230,.28);--shipsel-line:rgba(255,255,255,.08);--shipsel-panel:rgba(9,14,19,.66);display:grid;grid-template-columns:352px minmax(0,1fr) 336px;grid-template-rows:auto minmax(0,1fr) auto auto auto;column-gap:32px;padding:34px 44px 0}.shipsel>*{position:relative;z-index:2;min-width:0}.shipsel *{box-sizing:border-box}.shipsel button{font-family:inherit}.shipsel-eyebrow{font-size:11px;letter-spacing:.02em;color:#ffffff73;font-weight:400}.shipsel-bg,.shipsel-stage,.shipsel-vignette{position:absolute;inset:0;z-index:0}.shipsel-bg{background:radial-gradient(110% 70% at 50% 108%,#070d12,#030609 42%,#000)}.shipsel-stars{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.8}.shipsel-stage{z-index:1;cursor:grab;touch-action:none}.shipsel-stage.is-dragging{cursor:grabbing}.shipsel-stage canvas{display:block}.shipsel-vignette{z-index:1;pointer-events:none;background:linear-gradient(90deg,#000000f0,#0009 17%,#0000 33% 67%,#0009 83%,#000000f0),radial-gradient(64% 54% at 50% 58%,#0000 38%,#000000e6),linear-gradient(180deg,#0000008c,#0000 20% 72%,#000000f2)}.shipsel-loading{position:absolute;left:50%;bottom:22%;transform:translate(-50%);z-index:2;pointer-events:none;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.02em;color:#ffffff8c;animation:shipsel-fade .3s ease both}.shipsel-loading i{width:26px;height:1px;background:var(--shipsel-accent);opacity:.8;animation:shipsel-pulse 1.1s ease-in-out infinite}.shipsel-header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px}.shipsel-header h1{margin:0 0 9px;font-size:22px;font-weight:300;letter-spacing:.02em;color:#f3f7f8;line-height:1}.shipsel-credits{display:flex;align-items:center;gap:14px;padding-top:6px;font-size:11px;letter-spacing:.02em;color:#ffffff73}.shipsel-credits b{font-weight:500;color:#ffffffd9;letter-spacing:.2em}.shipsel-credits i{width:28px;height:1px;background:#ffffff59}.shipsel-scroll{overflow:auto;scrollbar-width:none;mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 calc(100% - 44px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 calc(100% - 44px),transparent 100%)}.shipsel-scroll::-webkit-scrollbar{display:none}.shipsel-list{grid-column:1;grid-row:2/5;display:flex;flex-direction:column;gap:12px;padding:16px 6px 48px 4px;margin:-6px -6px 0 -4px}.shipsel-card{display:grid;grid-template-columns:118px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:88px;padding:0 14px 0 8px;flex-shrink:0;border:1px solid var(--shipsel-line);border-radius:12px;background:var(--shipsel-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;text-align:left;color:inherit;transition:border-color .2s,box-shadow .3s,background .2s;animation:shipsel-rise .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*55ms)}.shipsel-card:hover{border-color:#fff3;background:#0d141bd1}.shipsel-card:focus-visible{outline:1px solid var(--shipsel-accent);outline-offset:2px}.shipsel-card[aria-pressed=true]{border-color:var(--shipsel-accent);background:#0a141ad6;box-shadow:0 0 0 1px var(--shipsel-accent-soft),0 0 36px #7fe0e629,inset 0 0 28px #7fe0e60d}.shipsel-card img{width:100%;height:74px;object-fit:contain;display:block;filter:brightness(.78) contrast(1.3) drop-shadow(0 8px 12px rgba(0,0,0,.65));transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .25s}.shipsel-card:hover img,.shipsel-card[aria-pressed=true] img{filter:brightness(.88) contrast(1.28) drop-shadow(0 8px 12px rgba(0,0,0,.65))}.shipsel-card:hover img{transform:scale(1.06)}.shipsel-card.is-locked img{opacity:.45;filter:grayscale(1) brightness(.7) contrast(1.2) drop-shadow(0 8px 12px rgba(0,0,0,.65))}.shipsel-card-name{font-size:14px;color:#ffffffeb;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shipsel-card-meta{font-size:11px;color:#fff6;white-space:nowrap}.shipsel-card-meta b{font-weight:500;color:#ffffff9e}.shipsel-card-meta i{font-style:normal;margin:0 7px;opacity:.55}.shipsel-card-status{align-self:start;margin-top:14px;width:18px;height:18px;display:grid;place-items:center;color:#ffffff47}.shipsel-card-status svg{width:18px;height:18px;display:block}.shipsel-card[aria-pressed=true] .shipsel-card-status{color:var(--shipsel-accent)}.shipsel-registry{margin-top:auto;padding-top:26px;display:grid;gap:5px;font-size:11px;color:#fff6}.shipsel-registry i{width:28px;height:1px;background:#ffffff59;margin-top:14px}.shipsel-detail{grid-column:3;grid-row:2;padding:16px 6px 44px 0;margin:-6px -6px 0 0}.shipsel-detail-inner{animation:shipsel-fade .42s ease both}.shipsel-name{margin:0 0 9px;font-size:27px;font-weight:300;letter-spacing:.02em;line-height:1.15;color:#f3f7f8}.shipsel-desc{font-size:13px;line-height:1.62;color:#ffffffb8;margin:18px 0 16px}.shipsel-tags{display:flex;gap:8px;flex-wrap:wrap}.shipsel-tag{font-size:11px;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#ffffffd1;white-space:nowrap}.shipsel-rule{height:1px;background:var(--shipsel-line);margin:22px 0}.shipsel-stats{display:grid;gap:2px}.shipsel-stat{display:grid;grid-template-columns:16px 82px minmax(0,1fr) 38px;align-items:center;gap:10px;height:31px;font-size:12px;color:#fffc}.shipsel-stat svg{width:15px;height:15px;display:block;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.shipsel-bar{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.shipsel-bar i{display:block;height:100%;border-radius:2px;background:var(--shipsel-accent);box-shadow:0 0 8px #7fe0e68c;transform-origin:left;animation:shipsel-fill .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*35ms)}.shipsel-stat output{text-align:right;font-size:11px;color:#ffffffb8;font-variant-numeric:tabular-nums}.shipsel-identity{margin-top:14px}.shipsel-paint{grid-column:3;grid-row:3;padding-top:16px;border-top:1px solid var(--shipsel-line)}.shipsel-paint .shipsel-eyebrow{display:block;margin-bottom:10px}.shipsel-select{position:relative}.shipsel-select select{width:100%;appearance:none;-webkit-appearance:none;background:#ffffff0b;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e6edf0;font:13px Inter,system-ui,sans-serif;padding:9px 34px 9px 12px;cursor:pointer;outline:none}.shipsel-select select:focus-visible{border-color:var(--shipsel-accent)}.shipsel-select select option{background:#0b1218;color:#e6edf0}.shipsel-select svg{position:absolute;right:12px;top:50%;width:12px;height:12px;transform:translateY(-50%);pointer-events:none;stroke:#fff9;fill:none;stroke-width:1.5}.shipsel-swatches{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;margin-top:10px}.shipsel-swatch{aspect-ratio:1.25;border-radius:5px;border:1px solid rgba(255,255,255,.12);padding:0;cursor:pointer;background:var(--sw);position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.shipsel-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#ffffff2e,#fff0 45%,#00000040)}.shipsel-swatch:hover{transform:translateY(-1px);border-color:#ffffff59}.shipsel-swatch[aria-pressed=true]{border-color:var(--shipsel-accent);box-shadow:0 0 0 1px var(--shipsel-accent-soft),0 0 14px #7fe0e647}.shipsel-patterns{display:flex;gap:6px;margin-top:8px}.shipsel-pattern{flex:1;padding:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.shipsel-pattern svg{width:100%;height:16px;display:block}.shipsel-pattern rect{fill:#ffffff94}.shipsel-pattern path{fill:#24505a}.shipsel-pattern:hover{border-color:#ffffff59}.shipsel-pattern[aria-pressed=true]{border-color:var(--shipsel-accent);box-shadow:0 0 0 1px var(--shipsel-accent-soft)}.shipsel-actions{grid-column:3;grid-row:4;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:18px 0 24px;flex-wrap:wrap}.shipsel-error{flex:1 1 100%;text-align:right;font-size:11px;letter-spacing:.06em;color:#ff8a80;animation:shipsel-fade .3s ease both}.shipsel-btn{height:54px;padding:0 24px;border-radius:14px;font-size:15px;font-weight:500;cursor:pointer;color:#e6edf0;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;border:1px solid var(--shipsel-line);background:#090e13b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,border-color .2s,transform .15s,box-shadow .2s}.shipsel-btn svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.shipsel-btn:hover{background:#10181fd9;border-color:#fff3}.shipsel-btn:active{transform:translateY(1px)}.shipsel-btn:focus-visible{outline:1px solid var(--shipsel-accent);outline-offset:3px}.shipsel-btn-primary{min-width:272px;justify-content:space-between;padding:0 24px 0 32px;font-size:16px;font-weight:600;color:#0b1014;background:#f4f6f7;border-color:transparent;box-shadow:0 14px 40px #00000080}.shipsel-btn-primary:hover{background:#fff;border-color:transparent}.shipsel-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.shipsel-btn-primary:disabled{background:#f4f6f7d9}.shipsel-footer{grid-column:1/-1;grid-row:5;height:80px;margin:0 -44px;padding:0 44px;border-top:1px solid var(--shipsel-line);display:flex;align-items:center;justify-content:space-between;gap:24px}.shipsel-brand{display:flex;align-items:center;gap:14px;min-width:0}.shipsel-brand-mark{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;flex-shrink:0}.shipsel-brand-mark img{width:26px;height:26px;border-radius:50%;opacity:.92}.shipsel-brand b{display:block;font-size:11.5px;font-weight:500;color:#ffffffe6}.shipsel-brand span{display:block;margin-top:4px;font-size:10px;letter-spacing:.06em;color:#ffffff73}.shipsel-hints{display:flex;gap:30px;font-size:11px;color:#ffffff6b}.shipsel-hints kbd{font:inherit;color:#ffffffd1;margin-right:8px}.shipsel-footer-right{display:flex;align-items:center;gap:22px;font-size:11px;color:#ffffff73}.shipsel-footer-right i{width:1px;height:16px;background:#ffffff24}.shipsel-footer-right b{font-weight:500;color:#ffffffb8}@keyframes shipsel-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes shipsel-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shipsel-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shipsel-pulse{0%,to{opacity:.25}50%{opacity:.95}}@media(max-width:1280px){.shipsel{grid-template-columns:300px minmax(0,1fr) 300px;column-gap:20px;padding:26px 28px 0}.shipsel-footer{margin:0 -28px;padding:0 28px;height:68px}.shipsel-header{padding-bottom:14px}.shipsel-name{font-size:22px}.shipsel-card{grid-template-columns:98px minmax(0,1fr) 20px;min-height:78px}.shipsel-card img{height:64px}.shipsel-btn-primary{min-width:220px}}@media(max-width:980px){.shipsel{grid-template-columns:minmax(0,1fr) 292px;grid-template-rows:auto auto minmax(0,1fr) auto auto auto}.shipsel-list{grid-column:1/-1;grid-row:2;flex-direction:row;overflow:auto hidden;padding:6px 0 10px;margin:0 0 6px;mask-image:none;-webkit-mask-image:none}.shipsel-card{flex:0 0 232px;min-height:72px;grid-template-columns:84px minmax(0,1fr) 18px}.shipsel-registry{display:none}.shipsel-detail{grid-column:2;grid-row:3}.shipsel-paint{grid-column:2;grid-row:4}.shipsel-actions{grid-column:2;grid-row:5}.shipsel-footer{grid-row:6}.shipsel-hints{display:none}.shipsel-vignette{background:linear-gradient(90deg,#0000 55%,#000000e6),linear-gradient(180deg,#0009,#0000 30% 70%,#000000e6)}}@media(prefers-reduced-motion:reduce){.shipsel-card,.shipsel-detail-inner,.shipsel-bar i,.shipsel-loading,.shipsel-error{animation:none}}.shipsel-flag{margin-top:10px}.shipsel-paint-label{display:block;font-size:11px;color:#fff6;margin-bottom:6px}.shipsel-flag-row{display:flex;align-items:center;gap:10px}.shipsel-flag-row .shipsel-select{flex:1}.shipsel-flag-row svg[role=img]{flex-shrink:0;border-radius:2px;box-shadow:0 0 0 1px #ffffff1f}.shipsel-flag-none{width:42px;height:28px;border:1px dashed rgba(255,255,255,.25);border-radius:2px;flex-shrink:0}.vessel-identity-editor{display:grid;gap:8px;font-family:Inter,system-ui,sans-serif}.vessel-identity-editor label{display:grid;gap:8px}.vessel-identity-editor label>span{font-size:11px;letter-spacing:.02em;color:#ffffff73}.vessel-identity-editor input{width:100%;box-sizing:border-box;color:#e6edf0;background:#ffffff0b;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 12px;font:13px Inter,system-ui,sans-serif;outline:none;transition:border-color .2s}.vessel-identity-editor input:focus-visible{border-color:#7fe0e6}.vessel-identity-registration{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:#ffffff6b}[data-hud][data-boot=hidden]{visibility:hidden}[data-hud][data-boot=enter]>:not(.fh),[data-hud][data-boot=enter] .fh>*{animation:boot-hud-in .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.18s + var(--boot-i,0) * 70ms)}[data-hud][data-boot=enter] .fh>:nth-child(1){--boot-i:0}[data-hud][data-boot=enter] .fh>:nth-child(2){--boot-i:2}[data-hud][data-boot=enter] .fh>:nth-child(3){--boot-i:2}[data-hud][data-boot=enter] .fh>:nth-child(4){--boot-i:3}[data-hud][data-boot=enter] .fh>:nth-child(5){--boot-i:1}[data-hud][data-boot=enter] .fh>:nth-child(6){--boot-i:1}[data-hud][data-boot=enter] .fh>:nth-child(7){--boot-i:5}[data-hud][data-boot=enter] .fh>:nth-child(8){--boot-i:4}[data-hud][data-boot=enter] .fh>:nth-child(9){--boot-i:6}[data-hud][data-boot=enter]>:nth-child(n+2){--boot-i:2}@keyframes boot-hud-in{0%{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){[data-hud][data-boot=enter]>:not(.fh),[data-hud][data-boot=enter] .fh>*{animation:none}}.sv-loading{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#000;color:#f1f4f7;font-family:Inter,ui-sans-serif,system-ui,sans-serif;opacity:1;transition:opacity var(--sv-loading-fade, 1.4s) ease}.sv-loading.is-contained{position:absolute;z-index:auto}.sv-loading.is-leaving{opacity:0;pointer-events:none}.sv-loading-title{margin:0;font-size:clamp(34px,5vw,64px);font-weight:200;letter-spacing:.02em;color:#f4f6f8}.sv-loading-body{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:44px}.sv-loading-bar{width:min(320px,60vw);height:2px;border-radius:1px;background:#ffffff1f;overflow:hidden}.sv-loading-bar>div{height:100%;background:#f0f4f7cc;transform-origin:left center;transform:scaleX(0);transition:transform .3s linear}.sv-loading-line{font-size:13px;color:#e6ecf18c;text-align:center;max-width:min(520px,80vw)}.sv-loading.has-error .sv-loading-line{color:#ffc4bad9}.sv-loading-button{min-width:160px;height:44px;padding:0 28px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:#ffffff0a;color:#fff;font:inherit;font-size:15px;cursor:pointer;transition:background .2s,border-color .2s}.sv-loading-button:hover,.sv-loading-button:focus-visible{background:#ffffff1a;border-color:#ffffff80;outline:none}.sv-loading-link{border:0;background:none;color:#e6ecf18c;font:inherit;font-size:13px;cursor:pointer}.sv-loading-link:hover{color:#fff}@media(prefers-reduced-motion:reduce){.sv-loading,.sv-loading-bar>div{transition:none}}