#lf{position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:minmax(380px,1.2fr) minmax(360px,.8fr);align-items:center;gap:clamp(40px,7vw,120px);padding:100px clamp(30px,7vw,120px) 80px;background:radial-gradient(ellipse at 28% 40%,#14263760,transparent 50%),radial-gradient(ellipse at 70% 90%,#191c3433,transparent 50%),#060a11;font-family:var(--mono);color:var(--text);overflow-y:auto}#lf:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(1px 1px at 20px 80px,#819daf 50%,transparent),radial-gradient(1px 1px at 130px 25px,#b0c6d4 50%,transparent),radial-gradient(.6px .6px at 90px 160px,#dbeaf3 50%,transparent);background-size:239px 223px,397px 373px,173px 281px}.landing-brand{position:absolute;top:38px;left:clamp(30px,7vw,120px);display:flex;align-items:center;gap:28px}.wordmark{display:flex;gap:.24em;font-family:Michroma,Avenir Next,Avenir,sans-serif;font-weight:500;font-size:24px;text-decoration:none;letter-spacing:1px}.brand-caption{font-size:8px;letter-spacing:2px;color:#607d90;border-left:1px solid var(--line);padding-left:25px}.landing-footer{position:absolute;bottom:28px;left:clamp(30px,7vw,120px);right:clamp(30px,7vw,120px);display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #7297ad15;color:#506b7e;font-size:8px;letter-spacing:1.3px}.tiny-cross{color:#7cafc2;margin-right:10px}.landing-footer .tiny-cross{margin:0 0 0 20px}.hangar{min-width:0;align-self:center}.hangar-label{display:flex;align-items:center;font-size:8px;letter-spacing:1.6px;color:#7f9cad}.hangar-label>span:last-child{margin-left:auto;color:#425e72}.hull-stage{position:relative;height:clamp(240px,32vh,390px);margin:5px 0 10px}.portrait-mount{position:relative;height:100%;width:100%;animation:portrait-in .6s ease-out}.hull-portrait{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 25px #0008);animation:hangar-float 8s ease-in-out infinite}.stage-coordinate{position:absolute;bottom:8px;left:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:6px;letter-spacing:1.7px;color:#466479}.hangar-play{display:none;position:absolute;right:0;bottom:6px;z-index:1;align-items:center;gap:7px;height:36px;padding:0 14px 0 16px;border-radius:3px;background:var(--action);color:var(--action-ink);font:600 11px var(--sans);letter-spacing:1.8px;text-decoration:none;box-shadow:0 6px 22px var(--action-glow),0 1px #fff3 inset}.hangar-play svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:hangar-play-nudge 2.4s ease-in-out infinite}.hangar-play:hover,.hangar-play:focus-visible{background:var(--action-hover);outline:none}.hangar-play:focus-visible{box-shadow:0 0 0 2px var(--void),0 0 0 4px var(--action)}@keyframes hangar-play-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.stage-signature{position:absolute;right:0;top:35%;font-size:7px;letter-spacing:1px;color:#63859a;border-top:1px solid #527a9150;padding-top:8px}.hull-caption>div{display:flex;align-items:baseline;gap:13px}.hull-index{font:12px var(--mono);color:var(--cyan)}.hull-caption h2{font:500 30px var(--sans);letter-spacing:5px;color:#dfedf4;margin:0}.hull-role{font-size:7px;letter-spacing:1.5px;color:#819ba9}.hull-stats{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:9px;font:7px var(--mono);letter-spacing:1.1px;color:#7f9cad}.hull-stat{display:inline-flex;align-items:center;gap:6px}.hull-stat .meter{width:46px;height:3px;border-radius:2px;background:#5fd8ff1c;overflow:hidden}.hull-stat .meter u{display:block;height:100%;background:var(--cyan);border-radius:2px}.hull-stat em{font:10px var(--mono);font-style:normal;color:#dfedf4}.hull-caption p{font:12px/1.8 var(--sans);color:#8da2b0;max-width:350px;min-height:43px;margin:9px 0 19px}.fleet-selector{display:flex;gap:5px;border-top:1px solid var(--line);padding-top:17px}.fleet-hull{flex:1;min-width:0;background:none;border:1px solid transparent;border-radius:2px;color:#49677b;height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.fleet-hull svg{width:31px;height:25px}.fleet-hull span{font:7px var(--mono)}.fleet-hull.selected{color:var(--cyan);background:#5fd8ff07;border-color:#5fd8ff30}.fleet-hull:hover{color:#c3e5f4;border-color:#5fd8ff35}.hangar-compare{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;padding:7px 11px;border:1px solid #5fd8ff22;border-radius:2px;background:#5fd8ff07;color:#8da2b0;font:11px/1.4 var(--sans);text-decoration:none;transition:border-color .15s,background .15s}.hangar-compare span{color:var(--cyan);font:9px var(--mono);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}.hangar-compare b{font-weight:400;display:inline-block;transition:transform .15s}.hangar-compare:hover,.hangar-compare:focus-visible{border-color:#5fd8ff55;background:#5fd8ff10;color:#c3e5f4;outline:none}.hangar-compare:hover b,.hangar-compare:focus-visible b{transform:translate(3px)}.hangar-footnote{display:flex;justify-content:space-between;margin-top:20px;font-size:7px;letter-spacing:.9px;color:#456073}#lf .card{position:relative;width:100%;max-width:420px;justify-self:end;padding:32px 0 32px 34px;border-left:1px solid var(--line)}#lf .card:before{content:"";position:absolute;width:1px;height:35px;top:32px;left:-1px;background:var(--cyan)}#lf h1{font:500 31px/1.2 var(--sans);letter-spacing:-.6px;color:var(--ice);margin:0 0 9px}#lf .sub{font:12px/1.7 var(--sans);color:#8198a9;margin-bottom:26px}#lf label{display:block;font-size:8px;color:#91aab9;margin:21px 0 9px;letter-spacing:1.5px}#lf input{width:100%;box-sizing:border-box;padding:13px 12px;background:#0d1722;color:#d9eaf3;border:1px solid #283e4f;border-radius:3px;font:12px var(--mono);transition:border-color .2s}#lf input::placeholder{color:#526d80}#lf input:focus{border-color:#5fd8ff80;outline:none}#lf .modes{display:flex;gap:8px}#lf .mode{flex:1;padding:13px 10px;border:1px solid #243847;border-radius:3px;cursor:pointer;font-size:9px;letter-spacing:.5px;color:#768e9f;background:#0b131d;text-align:left;font-weight:400}#lf .mode small{display:block;font:10px var(--sans);letter-spacing:0;color:#627e90;margin-top:5px}#lf .mode.on{border-color:#5fd8ff65;color:#b7edff;background:#10202c}#lf .row{display:flex;gap:10px;margin-top:21px}#lf button{padding:13px 12px;border-radius:3px;border:1px solid transparent;cursor:pointer;font:500 10px var(--mono);letter-spacing:.7px;flex:1}#lf .ghost{background:#132330;color:#aac7d8;border-color:#2b4455}#lf .primary{background:var(--action);color:var(--action-ink);border-color:var(--action);box-shadow:0 3px 20px var(--action-glow)}#lf .primary:hover{background:var(--action-hover);box-shadow:0 3px 25px var(--action-glow)}#lf .ghost:hover{border-color:#688fa6;background:#192d3d}#lf button:disabled{opacity:.4;cursor:default}#lf .err{color:#ff97a6;font:11px/1.6 var(--sans);margin-top:15px;min-height:16px}#lf .who{font:11px/1.6 var(--sans);color:#7b96a8;margin-top:8px}#lf .who a{color:#97d9ef;cursor:pointer}#lf .panel{border:1px solid var(--line);border-radius:3px;padding:14px;margin-top:12px;background:#0c162080}#lf .panel h3{margin:0 0 10px;font-size:9px;letter-spacing:1px;color:#92afc1;font-weight:400}#lf .mem{display:flex;justify-content:space-between;font-size:11px;padding:4px 0}#lf .mem .r{color:#617e91}#lf .mini{font-size:9px;padding:7px 9px;flex:none}#lf .inline{display:flex;gap:8px;align-items:center}#lf .inline input{flex:1;min-width:0}#lf .eyebrow{color:#64869a;letter-spacing:2px;font-size:8px;margin-bottom:15px}#lf .free-chip{display:inline-block;margin-right:10px;padding:3px 7px 2px;border:1px solid #7de3c57a;border-radius:2px;color:var(--action);font:600 8px var(--mono);letter-spacing:1.6px;vertical-align:1px}#lf #tut{border:0!important;background:transparent!important;color:#8eacbd!important;padding:4px 0;text-align:left;font-size:9px;letter-spacing:0}#lf .join-note{color:#546f81;font:10px var(--sans);margin-top:12px}#lf .fleet-hull{padding:0;flex:1;height:55px;font-size:7px;background:none;color:#49677b}#lf .fleet-hull.selected{color:var(--cyan);background:#5fd8ff07;border-color:#5fd8ff30}#lf .fleet-hull:hover{color:#c3e5f4;border-color:#5fd8ff35}@keyframes hangar-float{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes portrait-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1400px){#lf{padding-left:11vw;padding-right:11vw}.landing-brand{left:11vw}.landing-footer{left:11vw;right:11vw}}@media (max-width:950px){#lf{padding:100px 30px 75px;gap:32px;grid-template-columns:minmax(270px,1fr) minmax(310px,1fr)}.landing-brand{left:30px}.landing-footer{left:30px;right:30px}#lf .landing-brand .brand-caption{font-size:9px;letter-spacing:1.6px;padding-left:14px;white-space:nowrap}.hull-role{display:none}#lf .card{padding-left:24px}.hull-stage{height:260px}.hull-caption h2{font-size:25px}}@media (max-width:700px),(max-height:520px){#lf{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:max(20px,env(safe-area-inset-top)) 22px 44px}.landing-brand{position:static;order:0;display:flex;align-items:center;gap:14px;min-height:44px;padding-right:92px}.wordmark{font-size:21px}@media (max-width:430px){.wordmark{font-size:20px}}#lf .landing-brand .brand-caption{display:block;flex-shrink:0;white-space:nowrap;font-size:8px;letter-spacing:1.6px;padding-left:12px}@media (max-width:360px){.landing-brand{flex-wrap:wrap;row-gap:2px}#lf .landing-brand .brand-caption{flex-basis:100%;border-left:0;padding-left:2px;font-size:7px;letter-spacing:1.3px}}#lf .lobby-community-nav{order:1}.hangar{display:block;order:2;align-self:stretch;width:100%;margin-top:6px}#lf .hangar .hull-stage{height:176px;margin:4px 0 6px}.stage-coordinate,.stage-signature{display:none}#lf .hangar a.hangar-play{display:inline-flex;min-height:36px}#lf .card{scroll-margin-top:14px}.hull-caption h2{font-size:24px;letter-spacing:4px}.hull-role{display:inline}.hull-caption p{max-width:none;min-height:0;margin:8px 0 14px}.fleet-selector{gap:3px;padding-top:12px}#lf .fleet-hull{height:50px;gap:4px}.fleet-hull svg{width:27px;height:22px}#lf .hangar a.hangar-compare{display:flex;width:100%;box-sizing:border-box;margin-top:12px;padding:10px 12px;flex-wrap:wrap;gap:4px 12px;font-size:12px}.hangar-footnote{display:none}#lf .card{order:3;width:100%;max-width:none;justify-self:stretch;margin:30px 0 0;padding:26px 0 0;border-left:0;border-top:1px solid var(--line)}#lf .card:before{display:none}#lf .landing-footer{order:4;position:static;flex-direction:column;align-items:flex-start;gap:10px;margin-top:36px;padding-top:18px;font-size:11px}#lf .landing-footer nav{gap:18px}.landing-footer .tiny-cross{display:none}}@media (max-height:750px) and (min-height:521px) and (min-width:701px){#lf{padding-top:90px;padding-bottom:65px}.hull-stage{height:210px}.hull-caption p{margin:8px 0 12px}.fleet-selector{padding-top:10px}.hangar-footnote{margin-top:12px}#lf .card{padding-top:15px;padding-bottom:15px}#lf .sub{margin-bottom:18px}.landing-brand{top:27px}.landing-footer{bottom:18px}}#coach .box{border-color:#5fd8ff55!important;border-radius:3px!important;background:#0b1724ef!important;box-shadow:0 12px 50px #0005!important}#coach .step{color:#7fdcff!important;font-size:9px!important}#coach .body{font-family:var(--sans)!important;color:#c5dce8!important}#coach .body b{color:#b0e9fa!important}#coach .dot.on{background:#81ddf7!important}#coach .cont{background:var(--action)!important;color:#091825!important;border-radius:3px!important}#coach .skip{position:absolute!important;right:0!important;top:-24px!important;color:#a8c9d9!important}#kb .card{border-radius:4px!important;border-color:#345062!important;background:#0b1521!important;box-shadow:0 20px 70px #0008!important;max-width:calc(100vw - 32px)}#kb h2{color:#d8f2fc!important;font-family:var(--sans)!important;font-weight:500}#kb button{border-radius:3px!important;background:#172c3b!important;color:#aacada!important;border-color:#335064!important}#kb .done{background:var(--action)!important;color:#091825!important}#kb .bind.cap{border-color:#5fd8ff!important;color:#d8f5ff!important}#lf .card{max-height:calc(100dvh - 180px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34566b transparent;padding-right:8px}@media (max-width:700px),(max-height:520px){#lf .card{max-height:none;overflow:visible;padding-right:0}}#lf .landing-footer{position:relative;inset:auto;grid-column:1 / -1;order:5;margin:0;font-size:12px;line-height:1.6;letter-spacing:.02em;color:#93adbd;gap:16px;flex-wrap:wrap}#lf .landing-footer>span{max-width:640px}#lf .landing-footer nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}#lf .landing-footer a{color:#b4dcea;text-underline-offset:4px;padding:10px 0}#lf .landing-footer a:focus-visible{outline:2px solid #6ef7dd;outline-offset:4px}#lf .text-button{border:0;background:none;color:#6ef7dd;font:inherit;padding:4px;cursor:pointer}#lf .loadout-slot{margin:14px 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}#lf .account-help{margin-top:18px;font-size:13px;color:#a3b9c5;line-height:1.6}#lf .account-help summary{cursor:pointer}#lf .account-help a{color:#6ef7dd}#lf .mode:disabled{opacity:.45;cursor:not-allowed}#lf [aria-busy=true]{opacity:.65}#lf .lobby-community-nav{position:fixed;top:28px;right:calc(clamp(30px,7vw,120px) + 64px);z-index:2;display:flex;gap:8px;padding:0;height:var(--lobby-utility-height,42px);box-sizing:border-box;border:1px solid #314653;border-radius:6px;background:#0b1720f5}#lf .lobby-community-nav button{padding:0 14px;height:100%;min-height:0;box-sizing:border-box;margin:0;background:transparent;color:#c3e5f2;font:600 13px var(--sans);border:0;border-radius:3px;cursor:pointer}#lf .lobby-community-nav button:hover{background:#213949}#lf .lobby-community-nav button:focus-visible{outline:2px solid #a4e5f6;outline-offset:1px}@media (max-width:700px),(max-height:520px){#lf .lobby-community-nav{position:static;width:100%;height:32px;margin:10px 0 14px;justify-content:center;flex-shrink:0;gap:0;background:transparent;border-color:#263d4b}body #lf .lobby-community-nav button{flex:1;min-height:0;height:100%;padding:0 10px;font:600 11px var(--sans);letter-spacing:1.2px;text-transform:uppercase;color:#a9c4d2;border-radius:0}body #lf .lobby-community-nav button+button{border-left:1px solid #263d4b}}#lf .guest-name-hint{margin:8px 0;font:12px/1.5 var(--sans);color:#a3bac7}#lf .auth-signin-heading{margin-top:22px;padding-top:18px;border-top:1px solid #304654;font:14px var(--sans);color:#aec2cf}#lf .auth-signin-heading strong{color:#d8f2fc}body:not(.touch-ui) #lf{padding-bottom:84px}.hangar-wake{transform-origin:-8px 0;animation:hangar-wake-breathe 2.8s ease-in-out infinite}.hangar-wake-core{transform-origin:-8px 0;animation:hangar-wake-core 1.7s ease-in-out infinite alternate}.hangar-wake-stream{opacity:0;animation:hangar-wake-flow 1.8s linear infinite}@keyframes hangar-wake-breathe{0%,to{transform:scaleY(.9);opacity:.8}50%{transform:scale(1.12,1.08);opacity:1}}@keyframes hangar-wake-core{0%{transform:scaleX(.85);opacity:.45}to{transform:scaleX(1.1);opacity:.8}}@keyframes hangar-wake-flow{0%{transform:translate(0);opacity:0}12%{opacity:.7}65%{opacity:.35}to{transform:translate(-23px);opacity:0}}@media (prefers-reduced-motion:reduce){.hull-portrait,.portrait-mount,.hangar-wake,.hangar-wake-core,.hangar-wake-stream,.hangar-play svg{animation:none}.hangar-wake-stream{display:none}}.hangar-bank-turn{transform-origin:0 0;animation:hangar-bank-turn 16s ease-in-out infinite}.hangar-bank-upper{transform-origin:0 0;animation:hangar-bank-upper 16s ease-in-out infinite}.hangar-bank-lower{transform-origin:0 0;animation:hangar-bank-lower 16s ease-in-out infinite}@keyframes hangar-bank-turn{0%,15%,38%,62%,85%,to{transform:rotate(0)}26%{transform:rotate(-7deg)}74%{transform:rotate(7deg)}}@keyframes hangar-bank-upper{0%,15%,38%,62%,85%,to{transform:scaleY(1)}26%{transform:scaleY(.72)}74%{transform:scaleY(1.12)}}@keyframes hangar-bank-lower{0%,15%,38%,62%,85%,to{transform:scaleY(1)}26%{transform:scaleY(1.12)}74%{transform:scaleY(.72)}}@media (prefers-reduced-motion:reduce){.hangar-bank-turn,.hangar-bank-upper,.hangar-bank-lower{animation:none}}@media (pointer:coarse){:root{--lobby-utility-height:44px}}#lf .brand-caption{font-size:14px}#lf .hangar-label,#lf .stage-coordinate,#lf .stage-signature,#lf .hull-role,#lf .fleet-hull span,#lf .hangar-footnote{font-size:10px}#lf .hangar-footnote{letter-spacing:1px}#lf .mem.squad-invitation{align-items:center;gap:12px;flex-wrap:wrap}#lf .squad-invitation>span{flex:1 1 120px;min-width:0;overflow-wrap:anywhere}#lf .squad-invitation-actions{display:flex;align-items:center;gap:8px;margin-left:auto}#lf .squad-invitation-actions button{flex:none;margin:0;min-height:36px;padding:8px 12px}#lf .brand-caption,#lf .hangar-label>span:last-child,#lf .stage-coordinate,#lf .stage-signature,#lf .hangar-footnote,#lf .fleet-hull:not(.on) span{color:#819bab}.hangar-starfield{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 72%)}.hangar-passing-star{animation:hangar-star-pass 10s linear infinite}@keyframes hangar-star-pass{0%{transform:translate(0);opacity:0}15%,80%{opacity:.65}to{transform:translate(-1300px,690px);opacity:0}}@media (prefers-reduced-motion: reduce){.hangar-starfield{display:none}.hangar-passing-star{animation:none}}