.ss-dock,.ss-result{margin-top:18px;border:1px solid #cfd8e5;border-radius:24px;background:linear-gradient(145deg,#f9fbff,#eef4fb);box-shadow:0 10px 30px rgba(16,36,62,.07);color:#10243e}
.ss-dock{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;padding:22px}.ss-dock-visual{min-height:124px;border-radius:20px;background:radial-gradient(circle at 72% 24%,rgba(144,193,255,.8),transparent 20%),linear-gradient(160deg,#10243e,#17395e 58%,#245782);display:grid;place-items:center;overflow:hidden;position:relative}.ss-dock-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px);background-size:29px 29px;opacity:.45}.ss-dock-copy{min-width:0}.ss-kicker{text-transform:uppercase;letter-spacing:.1em;font-size:.67rem;font-weight:950;color:#1d5fbf}.ss-dock-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:5px 0 10px}.ss-dock-title strong{font-size:1.35rem}.ss-dock-title span{font-size:.84rem;font-weight:900;color:#6c4a08;background:#fff5d8;border:1px solid #efd9a2;border-radius:999px;padding:6px 9px;white-space:nowrap}.ss-level-track{height:8px;border-radius:999px;background:#dbe4ef;overflow:hidden}.ss-level-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d5fbf,#68a6ee);transition:width .25s ease}.ss-dock-meta{display:flex;justify-content:space-between;gap:12px;margin:7px 0 14px;color:#687386;font-size:.73rem;font-weight:750}.ss-secondary{min-height:44px;border:1px solid #b9cbe1;border-radius:12px;background:#fff;color:#154a97;font-weight:900;padding:0 15px;cursor:pointer}.ss-secondary:hover{border-color:#1d5fbf;background:#f4f8ff}.ss-secondary:focus-visible,.ss-store-action:focus-visible,.ss-close:focus-visible{outline:3px solid #afd0ff;outline-offset:2px}
.ss-ship{--ship:#e9f3ff;--ship-dark:#84b1df;--ship-accent:#5d99dc;position:relative;width:122px;height:82px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.22));z-index:1}.ss-hull{position:absolute;left:34px;top:15px;width:56px;height:54px;border-radius:60% 60% 44% 44%;background:linear-gradient(150deg,#fff,var(--ship) 46%,var(--ship-dark));transform:rotate(90deg);box-shadow:inset -7px -5px 0 rgba(0,0,0,.07)}.ss-canopy{position:absolute;left:17px;top:7px;width:23px;height:17px;border-radius:55% 60% 45% 45%;background:linear-gradient(145deg,#bce9ff,#3779b4);box-shadow:inset 2px 2px 0 rgba(255,255,255,.6)}.ss-engine{position:absolute;left:19px;bottom:-6px;width:20px;height:11px;border-radius:4px;background:#263a52}.ss-wing{position:absolute;top:31px;width:38px;height:19px;background:linear-gradient(150deg,var(--ship-accent),var(--ship-dark));clip-path:polygon(0 45%,100% 0,82% 100%,8% 82%)}.ss-wing-left{left:12px;transform:rotate(-8deg)}.ss-wing-right{right:11px;transform:scaleX(-1) rotate(-8deg)}.ss-engine-trail{position:absolute;left:17px;top:36px;width:35px;height:12px;border-radius:999px;background:linear-gradient(90deg,transparent,#63b8ff,#d9f3ff);filter:blur(.2px);transform-origin:right center;animation:ss-pulse 1.7s ease-in-out infinite}.ss-companion{display:none;position:absolute;right:-2px;top:4px;width:20px;height:20px;border-radius:50%;background:#f1c65b;border:4px solid #f7e5a4;box-shadow:0 0 0 2px rgba(16,36,62,.35)}.ss-companion:after{content:"";position:absolute;left:-7px;right:-7px;top:6px;height:2px;background:#b8d6f4;transform:rotate(-18deg)}
.ss-hull-solar-wing{--ship:#fff2c7;--ship-dark:#e2a841;--ship-accent:#f1cb58}.ss-hull-solar-wing .ss-wing{width:44px;height:24px;background:linear-gradient(135deg,#386fb0,#83b9e7);clip-path:polygon(0 25%,100% 0,92% 100%,14% 72%)}.ss-hull-nebula-runner{--ship:#efe0ff;--ship-dark:#8155ae;--ship-accent:#a879d1}.ss-hull-nebula-runner .ss-hull{border-radius:40% 70% 38% 55%}.ss-hull-nebula-runner .ss-wing{height:14px;top:34px}.ss-trail-meteor-wake .ss-engine-trail{background:linear-gradient(90deg,transparent,#ff9d45,#fff0b1);height:14px}.ss-trail-aurora-wake .ss-engine-trail{background:linear-gradient(90deg,transparent,#8a69e8 20%,#6ee5c5 58%,#d8fff5);box-shadow:0 8px 0 -3px rgba(146,100,234,.65)}.ss-companion-orbit-bot .ss-companion,.ss-companion-beacon-drone .ss-companion{display:block}.ss-companion-beacon-drone .ss-companion{border-radius:5px;background:#9ce1dc;border-color:#d8faf5}.ss-companion-beacon-drone .ss-companion:after{left:-9px;right:-9px;background:#d4efff}.ss-ship-compact{transform:scale(.8);transform-origin:center}
.ss-result{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:12px;padding:18px 20px;margin-bottom:20px}.ss-result-ship{height:90px;border-radius:18px;background:linear-gradient(150deg,#122c49,#235681);display:grid;place-items:center;overflow:hidden}.ss-result-copy>strong{display:block;font-size:1.18rem;margin:3px 0 7px}.ss-result-copy p{color:#687386;font-size:.84rem;line-height:1.4;margin:8px 0 11px}.ss-reward-row{display:flex;flex-wrap:wrap;gap:7px}.ss-reward-row span{font-size:.74rem;font-weight:900;padding:6px 9px;border-radius:999px;background:#eaf3ff;color:#154a97}.ss-reward-row span+span{background:#fff5d8;color:#795209}
.ss-hangar{width:min(840px,calc(100% - 28px));max-height:min(86vh,820px);border:0;border-radius:28px;padding:0;background:#f8fafc;color:#172033;box-shadow:0 28px 90px rgba(10,23,40,.35)}.ss-hangar::backdrop{background:rgba(8,20,35,.62);backdrop-filter:blur(4px)}.ss-hangar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 26px 12px}.ss-hangar-head h2{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1;margin:5px 0;color:#10243e;letter-spacing:-.04em}.ss-close{width:44px;height:44px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#10243e;font-size:1.7rem;line-height:1;cursor:pointer}.ss-hangar-balance{margin:0 26px 14px;padding:12px 14px;border-radius:15px;background:#fff5d8;border:1px solid #ecd79f;display:flex;align-items:baseline;gap:7px;color:#795209}.ss-hangar-balance strong{font-size:1.35rem}.ss-hangar-balance span{font-size:.78rem;font-weight:850}.ss-hangar-hero{margin:0 26px 20px;min-height:150px;border-radius:22px;background:radial-gradient(circle at 78% 18%,rgba(172,213,255,.7),transparent 22%),linear-gradient(155deg,#10243e,#1d4d78);display:flex;align-items:center;justify-content:center;gap:20px;color:#fff;overflow:hidden}.ss-hangar-hero>div:last-child{display:flex;flex-direction:column}.ss-hangar-hero>div:last-child strong{font-size:1.2rem}.ss-hangar-hero>div:last-child span{font-size:.78rem;color:#bbd8f3;margin-top:3px}.ss-store-group{padding:0 26px 20px}.ss-store-group h3{margin:0 0 9px;color:#10243e;font-size:.88rem;text-transform:uppercase;letter-spacing:.07em}.ss-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ss-store-item{min-width:0;border:1px solid #d9e0e8;border-radius:17px;background:#fff;padding:13px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:start}.ss-store-item.is-equipped{border-color:#79a8de;box-shadow:inset 0 0 0 1px #79a8de}.ss-store-item strong{font-size:.86rem;color:#10243e}.ss-store-item p{font-size:.7rem;line-height:1.35;color:#687386;margin:3px 0 8px}.ss-store-preview{width:48px;height:48px;border-radius:13px;background:#eaf3ff;position:relative;overflow:hidden}.ss-preview-hull:before{content:"";position:absolute;width:29px;height:17px;left:10px;top:15px;border-radius:70% 45% 55% 70%;background:#7ba9d8;box-shadow:7px -5px 0 -3px #cde8ff}.ss-preview-solar-wing:before{background:#e8bd4f;box-shadow:7px -5px 0 -3px #fff0ac}.ss-preview-nebula-runner:before{background:#8e63ba;box-shadow:7px -5px 0 -3px #e6d2fb}.ss-preview-trail:before{content:"";position:absolute;left:8px;right:8px;top:20px;height:8px;border-radius:999px;background:linear-gradient(90deg,#8dd0ff,#2a78c2)}.ss-preview-meteor-wake:before{background:linear-gradient(90deg,#ffd182,#ee7b32)}.ss-preview-aurora-wake:before{background:linear-gradient(90deg,#7d65df,#62d8bc)}.ss-preview-companion:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#f0c653;left:15px;top:15px;box-shadow:0 0 0 4px #f8e6a5}.ss-preview-beacon-drone:before{border-radius:4px;background:#73c9c1;box-shadow:0 0 0 4px #c8f1ec}.ss-preview-none:before{content:"—";position:absolute;inset:0;width:auto;height:auto;border-radius:0;background:transparent;box-shadow:none;display:grid;place-items:center;color:#8b96a5;font-weight:900}.ss-store-action{grid-column:1/-1;min-height:44px;border:1px solid #b9cbe1;border-radius:11px;background:#f8fbff;color:#154a97;font-size:.74rem;font-weight:900;cursor:pointer}.ss-store-action:disabled{cursor:default;background:#eef2f6;color:#7d8794;border-color:#d7dde5}.ss-hangar-note{margin:0 26px 16px;padding-top:12px;border-top:1px solid #dce3eb;color:#687386;font-size:.75rem;line-height:1.45}.ss-hangar-actions{position:sticky;bottom:0;padding:10px 26px 22px;background:linear-gradient(transparent,#f8fafc 24%);text-align:right}.ss-hangar-actions .primary-button{min-width:120px}
.ss-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:1000;max-width:min(90vw,420px);padding:11px 15px;border-radius:999px;background:#10243e;color:#fff;font-size:.79rem;font-weight:900;box-shadow:0 10px 35px rgba(10,24,42,.28);pointer-events:none}.ss-toast.bad{background:#8d3440}.ss-toast[hidden]{display:none}.ss-thrust .progress-track span{filter:brightness(1.15);box-shadow:0 0 13px rgba(69,145,232,.5)}
@keyframes ss-pulse{0%,100%{transform:scaleX(.8);opacity:.78}50%{transform:scaleX(1.08);opacity:1}}
@media(max-width:700px){.ss-dock{grid-template-columns:112px 1fr;padding:16px;gap:14px}.ss-dock-visual{min-height:108px}.ss-dock-visual .ss-ship{transform:scale(.78)}.ss-dock-title{display:block}.ss-dock-title span{display:inline-block;margin-top:6px}.ss-dock-meta{display:block}.ss-dock-meta span{display:block}.ss-dock-meta span+span{margin-top:3px}.ss-store-grid{grid-template-columns:1fr 1fr}.ss-hangar-head,.ss-store-group{padding-left:16px;padding-right:16px}.ss-hangar-balance,.ss-hangar-hero,.ss-hangar-note{margin-left:16px;margin-right:16px}.ss-result{grid-template-columns:88px 1fr}.ss-result-ship .ss-ship{transform:scale(.65)}}
@media(max-width:430px){.ss-dock{grid-template-columns:1fr}.ss-dock-visual{min-height:96px}.ss-dock-visual .ss-ship{transform:scale(.72)}.ss-store-grid{grid-template-columns:1fr}.ss-hangar-hero{min-height:130px}.ss-hangar-hero .ss-ship{transform:scale(.82)}.ss-result{grid-template-columns:1fr}.ss-result-ship{height:76px}.ss-result-ship .ss-ship{transform:scale(.6)}}
@media(prefers-reduced-motion:reduce){.ss-engine-trail{animation:none}.ss-level-track span{transition:none}.ss-thrust .progress-track span{box-shadow:none}}
@media(forced-colors:active){.ss-dock,.ss-result,.ss-store-item,.ss-hangar-balance{border:1px solid CanvasText}.ss-level-track span,.ss-engine-trail,.ss-store-preview{forced-color-adjust:none}.ss-secondary,.ss-store-action,.ss-close{border:1px solid ButtonText}}