:root{color:#eef7ff;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#08131d}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(39,83,118,.4),transparent 45%),linear-gradient(180deg,#0a1b29,#06131d)}body{color:#eef7ff}.game-root{position:relative;width:100%;height:100%}.game-canvas{display:block;width:100%;height:100%}.game-root.is-menu-screen .game-canvas,.game-root.is-menu-screen .hud-shell{display:none}.main-menu-screen{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;padding:30px 38px 28px;background:radial-gradient(ellipse at 50% 20%,rgba(139,235,255,.42),transparent 24%),radial-gradient(ellipse at 25% 46%,rgba(60,185,224,.3),transparent 28%),radial-gradient(ellipse at 78% 58%,rgba(20,124,177,.34),transparent 32%),linear-gradient(180deg,#0d8cc5,#0873ac 38%,#06466f 70%,#041a2d);color:#fff9e6}.main-menu-screen[hidden]{display:none}.main-menu-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,24,.28),transparent 24%,transparent 76%,rgba(2,13,24,.28)),linear-gradient(180deg,#031d3200,#030f1c9e);pointer-events:none}.main-menu-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 38% 42%,rgba(255,255,255,.18),transparent 24%),radial-gradient(ellipse at 58% 32%,rgba(169,236,255,.12),transparent 30%),url(/assets/water-normal.jpg);background-size:900px 420px,760px 360px,520px 520px;mix-blend-mode:soft-light;opacity:.2;animation:menuWaterDrift 22s linear infinite;pointer-events:none}.main-menu-ocean-texture,.main-menu-sun-glow,.main-menu-wave{position:absolute;pointer-events:none}.main-menu-ocean-texture{inset:14% -10% -14%;background:radial-gradient(ellipse at 18% 36%,rgba(255,255,255,.16),transparent 28%),radial-gradient(ellipse at 43% 52%,rgba(137,232,255,.16),transparent 30%),radial-gradient(ellipse at 70% 42%,rgba(255,255,255,.12),transparent 26%),linear-gradient(110deg,transparent 0%,rgba(255,255,255,.1) 44%,transparent 68%);filter:blur(8px);opacity:.54;transform:translate(0);animation:menuTextureSlide 18s ease-in-out infinite}.main-menu-sun-glow{left:50%;top:27%;width:min(620px,68vw);height:min(320px,34vw);transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(255,246,179,.52),rgba(90,209,255,.22) 36%,transparent 72%);filter:blur(10px);opacity:.8}.main-menu-wave{left:-12%;width:124%;height:150px;border-radius:50%;background:radial-gradient(ellipse at 32% 50%,rgba(255,255,255,.18),transparent 42%),radial-gradient(ellipse at 68% 48%,rgba(166,237,255,.14),transparent 44%);filter:blur(8px);opacity:.38}.main-menu-wave.wave-a{top:28%;animation:menuWaveA 9s ease-in-out infinite}.main-menu-wave.wave-b{top:49%;opacity:.24;animation:menuWaveB 12s ease-in-out infinite}.main-menu-wave.wave-c{top:68%;opacity:.18;animation:menuWaveC 15s ease-in-out infinite}.main-menu-top,.main-menu-center,.main-menu-settings{position:relative;z-index:2}.main-menu-top{display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,620px) minmax(220px,1fr);gap:18px;align-items:flex-start}.main-menu-left-stack{display:grid;gap:10px;justify-self:start}.main-menu-brand{position:relative;isolation:isolate;justify-self:center;width:min(620px,38vw);min-width:320px;margin-top:-12px;pointer-events:none}.main-menu-brand:before{content:"";position:absolute;inset:2% 5% 10%;z-index:-1;background:radial-gradient(ellipse at 50% 28%,rgba(255,224,142,.22),rgba(143,85,23,.1) 38%,transparent 70%);filter:blur(18px);opacity:.72}.main-menu-title-image{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 20px rgba(0,0,0,.36)) drop-shadow(0 0 18px rgba(255,216,118,.24)) sepia(.04) saturate(1.04) contrast(1.04);-webkit-user-select:none;user-select:none}.captain-plate{display:flex;align-items:center;gap:12px;min-width:280px;padding:10px 14px 10px 10px;border:1px solid rgba(247,205,120,.72);border-radius:8px;background:linear-gradient(180deg,#083956d1,#05182ab8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 32px #00000047}.main-menu-last-run{position:relative;overflow:hidden;width:min(360px,36vw);padding:11px 13px;border:1px solid rgba(123,225,255,.35);border-radius:8px;background:linear-gradient(180deg,#042d46bd,#0315249e);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 28px #0000002e}.main-menu-last-run:after{content:"";pointer-events:none;position:absolute;inset:-45% -35%;background:linear-gradient(105deg,transparent 35%,rgba(255,217,118,.32),transparent 62%);opacity:0;transform:translate(-55%)}.main-menu-last-run.is-counting{border-color:#ffda80b8;box-shadow:0 14px 28px #0000002e,0 0 26px #f5ca6f38}.main-menu-last-run.is-counting:after{animation:menuPrestigeSweep 1.05s ease-out forwards}.main-menu-last-run[hidden]{display:none}.main-menu-last-run-label{color:#f3d98c;font-size:.66rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.main-menu-last-run-result{margin-top:3px;color:#f9fcff;font-family:Georgia,Times New Roman,serif;font-size:1.02rem;font-weight:900}.main-menu-last-run-stats{margin-top:4px;display:flex;flex-wrap:wrap;gap:3px 8px;color:#e5f4ffc2;font-size:.76rem;font-weight:700;line-height:1.35}.main-menu-last-run-stats span:not(:first-child):before{content:"|";margin-right:8px;color:#7be1ff6b}.main-menu-last-run-prestige{color:#f5d070;text-shadow:0 0 12px rgba(245,202,111,.22)}.main-menu-last-run-prestige-value{font-variant-numeric:tabular-nums}.captain-portrait{display:grid;place-items:center;width:58px;height:58px;border:2px solid rgba(250,211,120,.85);border-radius:50%;background:radial-gradient(circle at 45% 32%,#e7b56e,#6e2e21 48%,#142436 50%),#142436;color:#fff2c7;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:800}.captain-name{font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-weight:800}.captain-rank{margin-top:4px;color:#f2dca5db;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.main-menu-actions{display:flex;gap:10px;align-items:center;justify-self:end}.main-menu-status{min-height:46px;display:grid;place-items:center;padding:0 16px;border:1px solid rgba(138,232,255,.38);border-radius:8px;background:#021f3375;color:#e6faffe6;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.main-menu-dev-badge{min-height:46px;display:grid;place-items:center;padding:0 14px;border:1px solid rgba(123,245,221,.58);border-radius:8px;background:#042a328a;color:#7bf5dd;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff1a}.main-menu-dev-badge[hidden]{display:none}.main-menu-prestige-badge{position:relative;overflow:hidden;min-height:46px;display:grid;place-items:center;padding:0 14px;border:1px solid rgba(245,202,111,.58);border-radius:8px;background:#40260c75;color:#f5d070;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff1a}.main-menu-prestige-badge:after{content:"";pointer-events:none;position:absolute;inset:-50% -40%;background:linear-gradient(105deg,transparent 35%,rgba(255,223,136,.42),transparent 62%);opacity:0;transform:translate(-60%)}.main-menu-prestige-badge.is-shimmering{border-color:#ffda80db;box-shadow:inset 0 1px #ffffff1f,0 0 24px #f5ca6f47}.main-menu-prestige-badge.is-shimmering:after{animation:menuPrestigeSweep 1.1s ease-out forwards}.main-menu-center{display:grid;align-content:center;min-height:0;padding-top:12px}.main-menu-showcase{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(360px,1.35fr) minmax(120px,.65fr);gap:26px;align-items:center;width:min(1120px,100%);margin:0 auto}.main-menu-preview-panel{position:relative;min-height:min(420px,48vh);display:grid;place-items:center}.main-menu-preview-frame{position:relative;z-index:2;width:min(620px,52vw);height:min(410px,44vh)}.main-menu-preview-frame.is-loading .menu-ship-canvas,.main-menu-preview-frame.is-model-failed .menu-ship-canvas,.fleet-preview-frame.is-loading .menu-ship-canvas,.fleet-preview-frame.is-model-failed .menu-ship-canvas,.main-menu-side-model-frame.is-loading .menu-ship-canvas,.main-menu-side-model-frame.is-model-failed .menu-ship-canvas{opacity:0}.main-menu-preview-frame.is-model-loaded .menu-ship-canvas,.fleet-preview-frame.is-model-loaded .menu-ship-canvas,.main-menu-side-model-frame.is-model-loaded .menu-ship-canvas{opacity:1}.main-menu-preview-silhouette.main-menu-ship-silhouette{position:absolute;left:50%;top:45%;z-index:3;width:min(460px,42vw);height:min(330px,34vh);transform:translate(-50%,-50%);opacity:.54;pointer-events:none}.main-menu-model-placeholder{position:absolute;left:50%;top:46%;z-index:3;transform:translate(-50%,-50%);padding:10px 14px;border:1px solid rgba(123,225,255,.32);border-radius:8px;background:#03182894;color:#e1f4ffad;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.main-menu-model-placeholder[hidden]{display:none}.menu-ship-canvas{position:relative;z-index:2;display:block;width:100%;height:100%;opacity:1;transition:opacity .24s ease}.menu-ship-canvas.is-draggable{cursor:grab;touch-action:none}.menu-ship-canvas.is-draggable:active{cursor:grabbing}.main-menu-preview-wake{position:absolute;left:50%;bottom:9%;z-index:1;width:min(430px,36vw);height:72px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.32),rgba(116,222,255,.13) 45%,transparent 74%);filter:blur(12px);opacity:.58;pointer-events:none}.main-menu-locked-ship{position:relative;min-height:230px;display:grid;place-items:center;align-content:center;gap:6px;color:#daeeff9e;text-align:center}.main-menu-locked-ship.is-unlocked{color:#eef4f8c2}.main-menu-locked-ship.is-dev-unlocked{color:#d2fff5c2}.main-menu-locked-ship.is-dev-unlocked .main-menu-ship-silhouette{opacity:.82;filter:drop-shadow(0 22px 22px rgba(0,0,0,.3)) drop-shadow(0 0 12px rgba(123,245,221,.12)) blur(.1px)}.main-menu-side-model-frame{width:min(250px,19vw);height:156px;opacity:.78;filter:drop-shadow(0 22px 20px rgba(0,0,0,.3)) drop-shadow(0 0 12px rgba(123,245,221,.12))}.main-menu-side-model-frame[hidden]{display:none}.main-menu-locked-ship.has-model .ship-lock{margin-top:-24px}.main-menu-side-model-placeholder{display:grid;place-items:center;width:min(230px,18vw);min-height:96px;padding:10px 14px;border:1px dashed rgba(123,225,255,.26);border-radius:8px;background:#03182833;color:#e1f4ff8f;font-size:.66rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.main-menu-side-model-placeholder[hidden]{display:none}.main-menu-ship-silhouette{width:min(230px,18vw);height:122px;opacity:.66;filter:drop-shadow(0 22px 20px rgba(0,0,0,.28)) blur(.2px)}.main-menu-ship-silhouette[hidden]{display:none}.main-menu-ship-silhouette.is-sloop{width:min(218px,17vw);height:118px;opacity:.58}.main-menu-ship-silhouette.is-brig{width:min(250px,19vw);height:168px;opacity:.62}.main-menu-ship-silhouette.is-raider{width:min(218px,17vw);height:min(218px,17vw);opacity:.72}.fleet-detail-silhouette.main-menu-ship-silhouette.is-raider{width:min(320px,28vw);height:min(320px,38vh);opacity:.78}.main-menu-ship-silhouette.is-frigate{width:min(232px,18vw);height:min(232px,18vw);opacity:.72}.fleet-detail-silhouette.main-menu-ship-silhouette.is-frigate{width:min(340px,30vw);height:min(340px,40vh);opacity:.78}.main-menu-ship-silhouette.is-galleon{width:min(258px,20vw);height:min(258px,20vw);opacity:.74}.fleet-detail-silhouette.main-menu-ship-silhouette.is-galleon{width:min(376px,34vw);height:min(376px,44vh);opacity:.8}.main-menu-ship-silhouette img,.main-menu-ship-silhouette svg{display:block;width:100%;height:100%;object-fit:contain;overflow:visible;-webkit-user-select:none;user-select:none}.ship-silhouette-core,.ship-silhouette-mast,.ship-silhouette-sail{fill:#021425d6}.ship-silhouette-sail{fill:#031b30bd}.ship-silhouette-mast{fill:#010f1de6}.ship-silhouette-mist{fill:#00081247}.ship-silhouette-line{fill:none;stroke:#69a7c73d;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ship-lock{position:relative;z-index:2;display:grid;place-items:center;width:auto;min-width:74px;min-height:34px;margin-top:-30px;padding:0 10px;border:1px solid rgba(223,233,241,.46);border-radius:8px;background:#0518269e;color:#ebf3f9b8;font-size:.68rem;font-weight:900;letter-spacing:.08em}.ship-lock[hidden]{display:none}.ship-lock.is-dev{border-color:#7bf5dd94;background:#052e32ad;color:#b5ffeee0}.ship-side-name,.main-menu-ship-subtitle{color:#eef4f8d1;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5)}.main-menu-ship-selector{margin-top:-20px;display:grid;grid-template-columns:58px auto 58px;gap:14px;align-items:center;justify-content:center}.main-menu-ship-arrow{position:relative;width:58px;height:58px;border:1px solid rgba(255,218,128,.5);border-radius:8px;background:linear-gradient(180deg,#10537485,#05192b94);box-shadow:0 12px 24px #00000038,inset 0 1px #ffffff1a;cursor:default;opacity:.68}.main-menu-ship-arrow:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border-top:4px solid rgba(255,221,126,.9);border-right:4px solid rgba(255,221,126,.9);filter:drop-shadow(0 2px 2px rgba(43,21,8,.58))}.main-menu-ship-arrow:not(:disabled){cursor:pointer;opacity:.96;transition:border-color .15s ease,box-shadow .15s ease,filter .15s ease,opacity .15s ease,transform .15s ease}.main-menu-ship-arrow:hover:not(:disabled){border-color:#ffeba2fa;box-shadow:0 14px 26px #00000042,0 0 16px #ffd5702e,inset 0 1px #ffffff29;filter:brightness(1.12) saturate(1.08);transform:translateY(-2px)}.main-menu-ship-arrow.is-pressing:not(:disabled){filter:brightness(.98) saturate(1.02);transform:translateY(1px) scale(.98)}.main-menu-ship-arrow.is-left:before{transform:translate(-35%,-50%) rotate(-135deg)}.main-menu-ship-arrow.is-right:before{transform:translate(-65%,-50%) rotate(45deg)}.main-menu-ship-arrow:disabled{cursor:default;color:inherit;filter:saturate(.72);opacity:.42}.main-menu-ship-title{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;line-height:1;text-align:center;text-shadow:0 3px 0 rgba(77,37,19,.8),0 12px 22px rgba(0,0,0,.42)}.main-menu-ship-subtitle{margin-top:12px;color:#ffd66f;font-size:clamp(1.08rem,2.2vw,1.36rem);text-align:center}.main-menu-ship-stats{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:10px;width:min(560px,92vw);margin:14px auto 0}.ship-stat-item{display:grid;gap:3px;min-height:56px;padding:8px 10px;border:1px solid rgba(123,225,255,.28);border-radius:8px;background:#031e3275;color:#eef8ffe6;text-align:center;box-shadow:inset 0 1px #ffffff14}.ship-stat-item span{color:#f1da9de0;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ship-stat-item strong{font-size:.92rem}.main-menu-bottom{display:grid;grid-template-columns:minmax(150px,220px) minmax(260px,420px);gap:18px;align-items:center;justify-content:center;width:min(680px,100%);margin:26px auto 0}.main-menu-play-button,.main-menu-small-button,.main-menu-nav-item,.overlay-button{position:relative;overflow:hidden;border:1px solid rgba(255,218,128,.78);border-radius:8px;color:#fff7d6;cursor:pointer;font-family:Georgia,Times New Roman,serif;font-weight:900;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 0 rgba(63,32,10,.72);transition:border-color .15s ease,box-shadow .15s ease,filter .15s ease,transform .15s ease}.main-menu-play-button:before,.main-menu-small-button:before,.main-menu-nav-item:before,.overlay-button:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.24) 38%,transparent 56%);opacity:0;transform:translate(-120%);transition:opacity .16s ease,transform .36s ease;pointer-events:none}.main-menu-play-button{min-height:82px;padding:16px 32px;background:linear-gradient(180deg,#49b7fff2,#0554c3f5),#0969d8;box-shadow:0 18px 38px #00000061,inset 0 3px #ffffff47,inset 0 -5px #02297694;font-size:2.1rem}.main-menu-play-button:hover:not(:disabled),.main-menu-small-button:hover,.main-menu-nav-item:hover:not(:disabled),.overlay-button:hover{border-color:#ffeba2fa;filter:brightness(1.1) saturate(1.08);transform:translateY(-2px)}.main-menu-play-button:hover:not(:disabled),.overlay-button:hover{box-shadow:0 20px 42px #0006,0 0 24px #58c1ff47,inset 0 3px #ffffff57,inset 0 -5px #02297694}.main-menu-small-button:hover,.main-menu-nav-item:hover:not(:disabled){box-shadow:0 12px 24px #0000003d,0 0 16px #ffd57029,inset 0 1px #ffffff29}.main-menu-play-button:hover:not(:disabled):before,.main-menu-small-button:hover:before,.main-menu-nav-item:hover:not(:disabled):before,.overlay-button:hover:before{opacity:1;transform:translate(120%)}.main-menu-play-button:active:not(:disabled),.main-menu-small-button:active,.main-menu-nav-item:active:not(:disabled),.overlay-button:active,.main-menu-play-button.is-pressing:not(:disabled),.main-menu-small-button.is-pressing,.main-menu-nav-item.is-pressing:not(:disabled),.overlay-button.is-pressing{filter:brightness(.98) saturate(1.02);transform:translateY(1px) scale(.99)}.main-menu-play-button:focus-visible,.main-menu-small-button:focus-visible,.main-menu-nav-item:focus-visible,.overlay-button:focus-visible{outline:2px solid rgba(255,239,172,.92);outline-offset:3px}.main-menu-play-button:disabled,.main-menu-nav-item:disabled{cursor:default;filter:saturate(.72);opacity:.72}.main-menu-small-button,.main-menu-nav-item{min-height:54px;padding:12px 14px;background:linear-gradient(180deg,#145b7ab3,#051b2eb8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.78rem}.main-menu-nav-item:disabled{border-color:#ffda8052;color:#f0e2bc9e}.main-menu-play-button:disabled:before,.main-menu-nav-item:disabled:before{display:none}.main-menu-settings{position:absolute;right:42px;top:104px;width:300px;padding:16px;border:1px solid rgba(245,202,111,.58);border-radius:8px;background:linear-gradient(180deg,#09304af0,#04121feb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 34px #00000057;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .14s ease,transform .14s ease}.main-menu-settings.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.main-menu-settings-title{margin-bottom:12px;color:#f4d48b;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.main-menu-volume{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;color:#f2f8fceb;font-weight:800}.main-menu-volume input{grid-column:1 / -1;width:100%;accent-color:#2faaff}.fleet-panel{position:absolute;left:50%;top:53%;z-index:5;width:min(980px,calc(100vw - 42px));max-height:min(690px,calc(100vh - 96px));display:grid;grid-template-rows:auto auto 1fr;gap:14px;padding:18px;border:1px solid rgba(245,202,111,.62);border-radius:8px;background:linear-gradient(180deg,#083048f5,#04121ff2);box-shadow:0 24px 48px #0006;transform:translate(-50%,-50%)}.fleet-panel:not([hidden]){animation:fleetPanelIn .24s cubic-bezier(.16,1,.3,1) both}.fleet-panel[hidden]{display:none}.fleet-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.fleet-title{color:#f5d070;font-family:Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:900}.fleet-balance{color:#e8f5ffc7;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.fleet-dev-prestige{display:grid;grid-template-columns:minmax(220px,1fr) repeat(5,auto);gap:8px;align-items:end;padding:10px;border:1px solid rgba(123,245,221,.3);border-radius:8px;background:#042a325c}.fleet-dev-prestige label{display:grid;gap:5px;color:#b5ffeee0;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.fleet-dev-prestige input{min-height:38px;width:100%;border:1px solid rgba(123,245,221,.38);border-radius:8px;background:#031828b8;color:#f7fffb;font:inherit;font-weight:900;padding:0 10px}.fleet-content{min-height:0;display:grid;grid-template-columns:minmax(210px,.82fr) minmax(360px,1.4fr);gap:16px}.fleet-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.fleet-ship-row{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:0 12px;border:1px solid rgba(123,225,255,.26);border-radius:8px;background:#021f3380;color:#eef8ffe0;cursor:pointer;font:inherit;font-weight:900}.fleet-ship-row.is-selected{border-color:#f5ca6fc2;background:#412d1180}.fleet-ship-row.is-just-unlocked{border-color:#ffda80f2;animation:fleetRowUnlock 1.25s ease-out both}.fleet-ship-row.is-locked{color:#e0ecf494}.fleet-ship-row strong{color:#f5d070;font-size:.74rem}.fleet-detail{min-width:0;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(240px,1fr);gap:16px;align-items:center}.fleet-preview{position:relative;overflow:hidden;min-height:250px}.fleet-preview:before,.fleet-preview:after{content:"";pointer-events:none;position:absolute;left:50%;top:50%;z-index:1;width:min(250px,70%);aspect-ratio:1;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.56)}.fleet-preview:before{border:1px solid rgba(255,218,128,.68);box-shadow:0 0 24px #f5ca6f6b,inset 0 0 34px #f5ca6f29}.fleet-preview:after{background:radial-gradient(circle,rgba(255,241,166,.3),rgba(245,202,111,.14) 32%,transparent 66%);filter:blur(1px)}.fleet-preview.is-unlock-reveal:before{animation:fleetUnlockPulse .9s ease-out forwards}.fleet-preview.is-unlock-reveal:after{animation:fleetUnlockGlow 1.05s ease-out forwards}.fleet-preview-frame{position:relative;z-index:2;width:100%;height:260px}.fleet-preview.is-unlock-reveal .fleet-preview-frame{animation:fleetShipReveal .9s cubic-bezier(.16,1,.3,1) both}.fleet-preview.is-unlock-reveal .fleet-detail-silhouette{animation:fleetSilhouetteReveal .9s cubic-bezier(.16,1,.3,1) both}.fleet-preview.is-locked .fleet-detail-silhouette{animation:lockedShipGlow 2.8s ease-in-out infinite;filter:drop-shadow(0 22px 22px rgba(0,0,0,.32)) drop-shadow(0 0 18px rgba(123,225,255,.13))}.fleet-preview-frame[hidden]{display:none}.fleet-detail-silhouette{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%)}.fleet-unlock-lock{pointer-events:none;position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;min-width:132px;min-height:56px;padding:0 18px;border:1px solid rgba(255,218,128,.84);border-radius:8px;background:#101b1fc7;color:#fff1b8;font-size:.9rem;font-weight:900;letter-spacing:.1em;opacity:0;text-transform:uppercase;transform:translate(-50%,-50%) scale(.92)}.fleet-preview.is-unlock-reveal .fleet-unlock-lock{animation:fleetLockFade .76s ease-out forwards}.fleet-model-placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 14px;border:1px dashed rgba(123,225,255,.34);border-radius:8px;color:#e1f4ff9e;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.fleet-detail-body{display:grid;gap:14px}.fleet-detail.is-unlock-reveal .fleet-detail-body{animation:fleetDetailReveal .8s ease-out both}.fleet-detail-title h3{margin:0;color:#fff7d6;font-family:Georgia,Times New Roman,serif;font-size:2rem}.fleet-detail-title p{margin:6px 0;color:#e8f5ffc7}.fleet-detail-title strong{color:#f5d070;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.fleet-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}.fleet-stat-grid .ship-stat-item{animation:fleetStatPop .32s cubic-bezier(.16,1,.3,1) both}.fleet-stat-grid .ship-stat-item:nth-child(2){animation-delay:35ms}.fleet-stat-grid .ship-stat-item:nth-child(3){animation-delay:70ms}.fleet-stat-grid .ship-stat-item:nth-child(4){animation-delay:105ms}.fleet-action-button,.fleet-close-button,.fleet-dev-button{min-height:46px;padding:10px 16px;border:1px solid rgba(255,218,128,.72);border-radius:8px;background:linear-gradient(180deg,#145b7ad1,#051b2edb);color:#fff7d6;cursor:pointer;font-family:Georgia,Times New Roman,serif;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.fleet-action-button:disabled{cursor:default;opacity:.58}.fleet-dev-button{min-height:38px;font-size:.72rem}@keyframes menuPrestigeSweep{0%{opacity:0;transform:translate(-58%)}20%{opacity:1}to{opacity:0;transform:translate(62%)}}@keyframes fleetPanelIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fleetStatPop{0%{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lockedShipGlow{0%,to{opacity:.72;filter:drop-shadow(0 22px 22px rgba(0,0,0,.32)) drop-shadow(0 0 12px rgba(123,225,255,.08))}50%{opacity:.86;filter:drop-shadow(0 24px 22px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(123,225,255,.2))}}@keyframes cargoFullPulse{0%,to{box-shadow:0 16px 30px #00000052,0 0 18px #f5ca6f29}50%{box-shadow:0 18px 34px #00000057,0 0 30px #f5ca6f4d}}@keyframes fleetUnlockPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.48)}28%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(1.42)}}@keyframes fleetUnlockGlow{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}34%{opacity:.86}to{opacity:0;transform:translate(-50%,-50%) scale(1.12)}}@keyframes fleetLockFade{0%{opacity:0;transform:translate(-50%,-50%) scale(1.05)}18%,46%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;filter:blur(5px);transform:translate(-50%,-56%) scale(.86)}}@keyframes fleetShipReveal{0%{opacity:.2;filter:saturate(.45) brightness(.72);transform:translateY(8px) scale(.94)}to{opacity:1;filter:saturate(1) brightness(1);transform:translateY(0) scale(1)}}@keyframes fleetSilhouetteReveal{0%{opacity:.2;filter:saturate(.45) brightness(.72);transform:translate(-50%,-50%) translateY(8px) scale(.94)}to{opacity:1;filter:saturate(1) brightness(1);transform:translate(-50%,-50%) translateY(0) scale(1)}}@keyframes fleetDetailReveal{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fleetRowUnlock{0%{box-shadow:0 0 #f5ca6f00;transform:translate(0)}22%{box-shadow:0 0 24px #f5ca6f61;transform:translate(4px)}to{box-shadow:0 0 #f5ca6f00;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.main-menu-last-run.is-counting:after,.main-menu-prestige-badge.is-shimmering:after,.fleet-panel:not([hidden]),.fleet-stat-grid .ship-stat-item,.fleet-preview.is-locked .fleet-detail-silhouette,.cargo-full-toast.visible,.fleet-preview.is-unlock-reveal:before,.fleet-preview.is-unlock-reveal:after,.fleet-preview.is-unlock-reveal .fleet-preview-frame,.fleet-preview.is-unlock-reveal .fleet-detail-silhouette,.fleet-preview.is-unlock-reveal .fleet-unlock-lock,.fleet-detail.is-unlock-reveal .fleet-detail-body,.fleet-ship-row.is-just-unlocked{animation:none}}@keyframes menuWaterDrift{0%{background-position:0 0,0 0,0 0}to{background-position:90px 36px,-70px 54px,520px 280px}}@keyframes menuTextureSlide{0%{transform:translate(-2%) scale(1)}50%{transform:translate(3%) scale(1.04)}to{transform:translate(-2%) scale(1)}}@keyframes menuWaveA{0%,to{transform:translate(-3%) rotate(-2deg)}50%{transform:translate(4%) rotate(1deg)}}@keyframes menuWaveB{0%,to{transform:translate(5%) rotate(2deg)}50%{transform:translate(-4%) rotate(-1deg)}}@keyframes menuWaveC{0%,to{transform:translate(-2%) rotate(1deg)}50%{transform:translate(6%) rotate(-2deg)}}.hud-shell{pointer-events:none;position:absolute;inset:0;padding:18px}.hud-panel,.hud-banner,.overlay-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#0b1825db,#050c14c7);border:1px solid rgba(217,194,123,.3);box-shadow:0 12px 28px #00000047,inset 0 1px #ffffff0f}.hud-panel{position:absolute;min-width:260px;padding:14px 16px;border-radius:18px}.hud-top-left{top:18px;left:18px;width:280px}.hud-top-right{top:18px;right:18px;width:300px;max-height:52vh;overflow:hidden}.hud-bottom-left{left:18px;bottom:18px;width:320px}.hud-bottom-center{left:50%;bottom:18px;transform:translate(-50%);width:min(560px,calc(100vw - 48px));text-align:center}.hud-banner{position:absolute;left:50%;top:18px;transform:translate(-50%);min-width:min(720px,calc(100vw - 420px));padding:14px 18px;border-radius:999px;text-align:center;font-weight:700;letter-spacing:.03em}.hud-banner.is-alert{border-color:#e87b7b80;background:linear-gradient(180deg,#321018e0,#10090fc2)}.hud-banner.is-tutorial{border-color:#7bf5dd94;background:linear-gradient(180deg,#082c34e6,#06141ecc)}.pickup-toast{position:absolute;left:50%;bottom:152px;width:min(320px,calc(100vw - 48px));transform:translate(-50%,12px);padding:10px 12px;border:1px solid rgba(143,255,213,.45);border-radius:14px;background:linear-gradient(180deg,#09232be6,#031018d6);box-shadow:0 14px 28px #00000047;opacity:0;transition:opacity .12s ease,transform .12s ease}.pickup-toast.visible{opacity:1;transform:translate(-50%)}.pickup-toast.is-contested{border-color:#ff7c65b3;background:linear-gradient(180deg,#371619eb,#140910db)}.pickup-toast-text{margin-bottom:7px;color:#eef7ff;font-size:.88rem;font-weight:700;letter-spacing:.03em;text-align:center}.pickup-toast-fill{height:7px;width:0;border-radius:999px;background:linear-gradient(90deg,#7bf5dd,#f0d89b)}.pickup-toast.is-contested .pickup-toast-fill{background:linear-gradient(90deg,#ff7c65,#f0d89b)}.cargo-full-toast{position:absolute;left:50%;bottom:226px;display:grid;gap:3px;min-width:min(300px,calc(100vw - 64px));padding:12px 16px;border:1px solid rgba(255,218,128,.72);border-radius:14px;background:linear-gradient(180deg,#4a2d0ceb,#160e08db);box-shadow:0 16px 30px #00000052,0 0 22px #f5ca6f2e;color:#fff7d6eb;opacity:0;text-align:center;transform:translate(-50%,12px) scale(.98);transition:opacity .15s ease,transform .15s ease}.cargo-full-toast.visible{opacity:1;transform:translate(-50%) scale(1);animation:cargoFullPulse 1.2s ease-in-out infinite}.cargo-full-toast strong{color:#fff1a6;font-family:Georgia,Times New Roman,serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.cargo-full-toast span{color:#eef8ffc7;font-size:.8rem;font-weight:800;letter-spacing:.04em}.vibeverse-portal-prompt{position:absolute;left:50%;top:50%;z-index:18;display:grid;gap:8px;width:min(380px,calc(100vw - 48px));padding:18px 20px 16px;border:1px solid rgba(123,245,221,.68);border-radius:16px;background:linear-gradient(180deg,#082a32f0,#04101ae6),radial-gradient(circle at top,rgba(123,245,221,.2),transparent 54%);box-shadow:0 22px 54px #0000006b,0 0 34px #5befd72e;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,-46%) scale(.96);transition:opacity .15s ease,transform .15s ease}.vibeverse-portal-prompt.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.vibeverse-portal-prompt-eyebrow{color:#7bf5dd;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.vibeverse-portal-prompt-title{color:#fff1a6;font-family:Georgia,Times New Roman,serif;font-size:1.38rem;font-weight:900}.vibeverse-portal-prompt-body{color:#eef8ffd6;font-size:.9rem;font-weight:800;line-height:1.45}.vibeverse-portal-prompt-key{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:3px auto 0;color:#eafcff;font-size:.88rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.vibeverse-portal-prompt-key span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,241,166,.78);border-radius:8px;background:#fff1a61f;color:#fff1a6;box-shadow:inset 0 -3px #00000038}.hud-overlay{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .18s ease}.hud-overlay.visible{opacity:1;pointer-events:auto}.overlay-card{width:min(560px,calc(100vw - 36px));padding:28px 32px;border-radius:28px;text-align:center}.overlay-card h2{margin:10px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,4vw,2.5rem)}.overlay-card p{margin:8px 0;color:#e9f0f8db}.overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.overlay-button{min-width:150px;min-height:44px;padding:10px 16px;background:linear-gradient(180deg,#1f5266eb,#071928e6);box-shadow:0 10px 22px #00000042,inset 0 1px #ffffff1f;font-size:.78rem}.overlay-button.is-primary{background:linear-gradient(180deg,#44acfff5,#0756bcf0)}.overlay-label,.hud-title,.hud-subtitle{color:#f0d89b;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hud-title{margin-bottom:10px;font-size:.83rem}.hud-subtitle{margin-top:14px;margin-bottom:6px;font-size:.72rem}.hud-kv,.leader-row{display:flex;justify-content:space-between;gap:16px;padding:4px 0;font-size:.94rem}.hud-kv span,.leader-row span{color:#e0ecf6c7}.leader-row.is-player{color:#7bf5dd}.hud-bar{width:100%;height:12px;margin-bottom:10px;border-radius:999px;overflow:hidden;background:#ffffff14}.hud-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38ad6e,#a5ee84)}.hud-controls,.hud-note{margin-top:8px;color:#e3eef7bd;font-size:.87rem;line-height:1.45}@media(max-width:960px){.main-menu-screen{padding:22px 20px}.main-menu-top{grid-template-columns:minmax(210px,1fr) minmax(260px,420px) auto}.main-menu-brand{width:min(420px,40vw);min-width:250px;margin-top:-6px}.captain-plate{min-width:220px}.main-menu-last-run{width:min(320px,42vw)}.main-menu-showcase{grid-template-columns:minmax(90px,.55fr) minmax(300px,1.4fr) minmax(90px,.55fr);gap:14px}.main-menu-preview-frame{width:min(520px,58vw);height:min(350px,42vh)}.main-menu-locked-ship{min-height:180px}.main-menu-ship-selector{grid-template-columns:48px auto 48px;gap:10px}.main-menu-ship-arrow{width:48px;height:48px}.main-menu-bottom{grid-template-columns:minmax(140px,200px) minmax(240px,360px);width:min(600px,100%)}.main-menu-settings{right:20px;top:92px}.fleet-dev-prestige{grid-template-columns:minmax(180px,1fr) repeat(3,auto)}.hud-top-right{width:260px}.hud-banner{min-width:min(420px,calc(100vw - 40px));top:16px}.hud-top-left,.hud-top-right,.hud-bottom-left{min-width:auto}}@media(max-width:760px){.main-menu-screen{padding:16px}.main-menu-top{grid-template-columns:1fr auto;align-items:stretch}.main-menu-brand{grid-column:1 / -1;grid-row:1;width:min(360px,74vw);min-width:0;margin:-8px auto 0}.main-menu-left-stack{grid-column:1;grid-row:2}.main-menu-actions{grid-column:2;grid-row:2;align-self:start}.captain-plate{min-width:0;flex:1}.main-menu-last-run{width:min(300px,calc(100vw - 96px));padding:9px 10px}.main-menu-last-run-stats{font-size:.7rem}.captain-portrait{width:46px;height:46px;font-size:1.4rem}.main-menu-small-button{min-height:48px;padding:10px}.main-menu-status{display:none}.main-menu-showcase{grid-template-columns:1fr;gap:0}.main-menu-locked-ship{display:none}.main-menu-preview-panel{min-height:270px}.main-menu-preview-frame{width:min(420px,94vw);height:260px}.main-menu-preview-wake{width:min(330px,76vw);bottom:12%}.main-menu-ship-selector{margin-top:-6px;grid-template-columns:40px auto 40px;gap:8px}.main-menu-ship-arrow{width:40px;height:40px}.main-menu-ship-arrow:before{width:12px;height:12px;border-width:3px}.main-menu-bottom{grid-template-columns:1fr;gap:10px}.main-menu-nav-item{min-height:54px}.main-menu-play-button{min-height:70px;font-size:1.7rem}.main-menu-settings{left:16px;right:16px;top:86px;width:auto}.fleet-dev-prestige{grid-template-columns:repeat(3,minmax(0,1fr))}.fleet-dev-prestige label{grid-column:1 / -1}.hud-shell{padding:12px}.hud-top-left,.hud-top-right,.hud-bottom-left,.hud-bottom-center,.pickup-toast,.cargo-full-toast,.vibeverse-portal-prompt{position:static;width:100%;transform:none;margin-bottom:10px}.hud-banner{top:auto;left:auto;transform:none;position:static;min-width:100%;margin-bottom:10px}.pickup-toast.visible,.cargo-full-toast.visible,.vibeverse-portal-prompt.visible{transform:none}.pickup-toast:not(.visible),.cargo-full-toast:not(.visible),.vibeverse-portal-prompt:not(.visible){display:none}.hud-shell{display:flex;flex-direction:column;justify-content:space-between}.hud-top-right{max-height:25vh}}