:root{--lobby-blue:#365f9d}
html{scrollbar-color:var(--gold) var(--lobby-blue)}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--lobby-blue)}
::-webkit-scrollbar-thumb{background:var(--gold);border:3px solid var(--lobby-blue);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}
@media(forced-colors:active){html{scrollbar-color:auto}}
@font-face{font-family:Barlow;src:url('assets/barlow.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/barlow-semibold.woff2') format('woff2');font-weight:600 700;font-display:swap}
:root{--header-height:72px;--gold:#ffff43;--white:#f8faff;--navy:#071b47;--line:#ffffff26;color:var(--white);background:#06183d;font-family:Barlow,Arial,sans-serif;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border-radius:0}a{color:inherit;text-decoration:none}svg{display:block}::selection{background:var(--gold);color:#062760}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid white;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:var(--gold);color:var(--navy);padding:16px}.skip-link:focus{top:12px}
.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#092d7c;position:relative;z-index:10;border-bottom:1px solid #639de040}.brand{display:flex;align-items:center;gap:11px}.brand img{object-fit:cover;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.brand>span{font:21px/.98 Battle,Impact,sans-serif;letter-spacing:.2px}.header nav{display:flex;align-items:center;gap:9px;margin-left:-8%}.header nav a,.header nav button{font:19px Battle,Impact,sans-serif;letter-spacing:.5px;padding:12px 24px;border:0;background:none;position:relative;color:#b1d1fa}.header nav .active{color:#092d7c;isolation:isolate}.header nav .active:before{content:'';position:absolute;inset:0;background:white;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);z-index:-1}.header nav button:hover{color:white}.header nav button span{font:10px Barlow,Arial,sans-serif;vertical-align:super;color:var(--gold);margin-left:4px}.network{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;font-weight:700}.network svg{width:21px;color:#96ebff}
.hero{--stage-safe-top:56px;--stage-safe-bottom:110px;height:calc(100svh - var(--header-height));min-height:0;max-height:none;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 69% 30%,#30bcf5 0%,#1173d8 25%,#0d49bb 50%,#07318c 76%,#062569 100%)}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#031c6738,transparent 60%),radial-gradient(ellipse at 73% 58%,#ffe8972e,transparent 43%)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.25' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.lobby-rays{position:absolute;inset:-40%;z-index:-1;background:repeating-conic-gradient(from 5deg at 62% 44%,#9befff00 0deg 19deg,#9befff0a 20deg 29deg,#9befff00 30deg 44deg);transform:rotate(-10deg);animation:ray-breathe 12s ease-in-out infinite}.lobby-floor{position:absolute;height:42%;bottom:-9%;left:-30%;right:-30%;z-index:-1;transform:perspective(400px) rotateX(63deg);background-image:linear-gradient(#79c1ff25 1px,transparent 1px),linear-gradient(90deg,#79c1ff25 1px,transparent 1px);background-size:95px 95px;mask-image:linear-gradient(transparent,#0008 40%,#000);transform-origin:center bottom}
.hero-topline{position:absolute;top:20px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:2px;color:#a6ceff;z-index:4}.hero-topline>span:first-child{display:flex;align-items:center;gap:9px}.hero-topline i{width:6px;height:6px;background:#95fbda;border-radius:50%;box-shadow:0 0 12px #a5ffd5}.hero-topline>span:last-child{opacity:.7}
.hero-copy{position:absolute;top:18%;left:6%;z-index:1;pointer-events:none}.rarity{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:700;letter-spacing:2.8px;color:var(--gold)}.rarity>span{font-size:15px;letter-spacing:3px}.hero h1{font-family:Battle,Impact,sans-serif;font-size:clamp(64px,min(8.4vw,15svh),132px);font-weight:400;line-height:.97;letter-spacing:-2px;margin:18px 0 20px;transform:rotate(-4deg) skew(-4deg);transform-origin:left center;text-shadow:0 7px 0 #04378130}.hero h1>span{color:var(--gold);font-size:1.35em;line-height:1}.hero h1>b{font-size:.9em;font-weight:400;color:var(--gold)}.hero-copy>p{font-family:Battle,Impact,sans-serif;font-size:clamp(17px,1.6vw,24px);letter-spacing:2px;margin:0 0 0 8px;transform:rotate(-5deg);color:#d1e9ff}
.lobby-bottom{position:absolute;left:5%;right:5%;bottom:24px;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.loadout{display:flex;align-items:center;gap:8px}.loadout-selected,.loadout-slot{width:62px;height:62px;position:relative;transform:skew(-5deg)}.loadout-selected{background:linear-gradient(145deg,#ffdc6880,#c28a1430);border:2px solid #ffff76;box-shadow:0 0 22px #ffde2336,inset 0 0 16px #ffce4960}.loadout-selected img{width:90%;height:90%;object-fit:contain;transform:rotate(12deg);margin:3%}.loadout-selected>span{position:absolute;bottom:3px;right:5px;font-size:9px;color:#fff5ab}.loadout-slot{display:grid;place-items:center;background:#07379569;border:1px solid #88b9ff40;font-size:25px;color:#69a0e7}.loadout-label{font-size:10px;line-height:1.7;letter-spacing:1.5px;margin-left:15px;color:#9ec6ff}.loadout-label strong{color:#e4f0ff;font-weight:600}.hero-actions{display:flex;align-items:center;gap:25px}.hero-actions .button{min-width:218px;font-size:25px;min-height:64px;padding:19px 28px;filter:drop-shadow(0 8px 0 #062b8440)}.hero-actions .button:after{content:'';position:absolute;top:-3px;left:29px;width:25px;height:7px;background:var(--gold);clip-path:polygon(0 0,100% 100%,0 100%)}.hero-actions .button>span{margin-left:20px;font-size:28px}.secondary-button{background:none;border:0;font-family:Battle,Impact,sans-serif;font-size:21px;letter-spacing:.5px;padding:18px 3px;display:flex;align-items:center;gap:9px}.secondary-button small{font-family:Barlow,Arial,sans-serif;font-size:8px;padding:4px 5px;background:#03287d66;color:#a9cafa;letter-spacing:1px}.secondary-button:hover{color:var(--gold)}
.lobby-dock{padding:24px 5% 0;background:#071e4d;display:grid;grid-template-columns:1.25fr 1fr;gap:18px;position:relative}.memory-card{margin:0;height:175px;position:relative;overflow:hidden;background:#8d672a}.memory-card>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block;transition:transform .6s}.memory-card:hover>img{transform:scale(1.025)}.memory-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061634c9,transparent 85%),linear-gradient(0deg,#04143890,transparent 70%)}.memory-card figcaption{position:absolute;left:26px;bottom:23px;z-index:1;display:grid;gap:10px}.memory-card figcaption>span{font-size:9px;letter-spacing:2px;color:#ffff8b}.memory-card strong{font:28px Battle,Impact,sans-serif;letter-spacing:.5px}
.squad-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 28px;background:linear-gradient(125deg,#0d3a82,#092966);border:1px solid #78a6dd24;position:relative;overflow:hidden}.squad-card:before{content:'+';position:absolute;right:16%;top:-30px;color:#80c0ff05;font-size:280px;line-height:1;pointer-events:none}.dock-label{font-size:9px;letter-spacing:2px;color:#84baff}.squad-card h2{font:clamp(22px,2.3vw,34px) Battle,Impact,sans-serif;letter-spacing:.3px;margin:10px 0 0;white-space:nowrap}.squad-links{display:flex;gap:12px;position:relative}.squad-links>a,.squad-links>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #6193d457;background:#05245b70;min-width:66px;height:77px;transition:border-color .2s,background .2s}.squad-links>a:hover,.squad-links>button:hover{border-color:var(--gold);background:#1558a6}.squad-links span{font-size:25px}.squad-links svg{width:24px;height:24px}.squad-links small{font-size:8px;letter-spacing:1px;color:#8eb9eb}
.launch-bar{grid-column:1/-1;display:flex;align-items:center;gap:26px;border-bottom:1px solid #6a9acc26;padding:6px 0 22px}.contract-chip{display:flex;align-items:center;gap:16px;min-width:240px;max-width:min(65vw,600px);background:none;border:0;padding:8px 0;color:#a0bde4;font-size:10px;letter-spacing:1.6px;text-align:left}.contract-chip>span:first-child{color:var(--gold);border-right:1px solid #88abdc42;padding-right:16px;font-weight:700}.contract-chip>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-chip svg{width:16px;height:16px;margin-left:auto;flex-shrink:0}.contract-chip:hover{color:#fff}.chart-link{display:flex;gap:10px;align-items:center;background:transparent;border:0;font-size:10px;letter-spacing:1px;color:#b9d0ed;padding:8px 0}.chart-link small{font-size:8px;color:#7798c4}.chart-link:hover{color:var(--gold)}#motion-toggle{margin-left:auto;display:flex;align-items:center;gap:9px;background:none;border:0;font-size:9px;letter-spacing:1px;padding:8px 0;color:#8daed8}#motion-label{color:var(--gold)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;background:#071e4d;font-size:9px;letter-spacing:1px;color:#6f91bf}.footer p{font-size:10px;letter-spacing:0;margin:0}.footer>span:last-child{color:#96afd1}
 dialog{color:var(--white);background:#0a2555;border:1px solid #547aad;padding:42px;max-width:500px;width:calc(100% - 30px);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#010b25cb;backdrop-filter:blur(10px)}.eyebrow{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:2px}dialog h2{font:57px/1.1 Battle,Impact,sans-serif;letter-spacing:-1px;margin:22px 0}dialog h2 em{color:var(--gold);font-style:normal}dialog>p{font-size:15px;color:#b7cae8;line-height:1.6;margin:0 0 27px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;padding:5px 10px}.dialog-done{width:100%}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 22px;background:var(--gold);color:var(--navy);font-size:14px;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}@keyframes ray-breathe{50%{opacity:.55;transform:rotate(-5deg) scale(1.06)}}
@media(min-width:1700px){.hero-copy{left:8%}.hero-topline,.lobby-bottom{left:7%;right:7%}}
@media(max-width:1100px){.hero-copy{top:20%;left:5%}.hero h1{font-size:clamp(62px,min(9.4vw,15svh),110px)}.loadout-slot{width:52px;height:56px}.loadout-label{display:none}.hero-actions{gap:20px}.hero-actions .button{font-size:25px;min-width:222px}.squad-card{padding:20px}.squad-links{gap:8px}.squad-links>a,.squad-links>button{min-width:52px}.lobby-dock{grid-template-columns:1.1fr 1fr}}
@media(max-width:760px){:root{--header-height:64px}.header{padding:0 6%}.brand img{height:35px;width:35px}.brand>span{font-size:17px}.header nav{margin:0;gap:3px}.header nav a,.header nav button{font-size:15px;padding:10px 13px}.header nav button span{display:none}.network{display:none}.hero{--stage-safe-top:clamp(180px,27svh,226px);--stage-safe-bottom:148px}.hero-topline{top:17px;left:6%;right:6%;font-size:8px;letter-spacing:1.5px}.hero-topline>span:last-child{display:none}.hero-copy{left:8%;top:clamp(47px,7svh,65px)}.rarity{font-size:9px;gap:9px;letter-spacing:2px}.rarity>span{font-size:12px}.hero h1{font-size:clamp(38px,min(14vw,7.2svh),62px);max-width:95%;line-height:1;letter-spacing:-1px;margin:12px 0 10px}.hero-copy>p{font-size:14px;letter-spacing:1.7px;margin-left:3px}.lobby-bottom{left:6%;right:6%;bottom:18px;gap:13px;flex-direction:column;align-items:stretch}.loadout{gap:7px}.loadout-selected{height:47px;width:47px}.loadout-slot{height:43px;width:43px;font-size:20px}.loadout-label{display:block;font-size:8px;margin-left:10px}.hero-actions{gap:16px;justify-content:space-between;flex-direction:row-reverse}.hero-actions .button{min-width:0;flex:1;font-size:23px;min-height:58px;padding:17px 19px}.hero-actions .button>span{margin-left:10px}.secondary-button{font-size:17px;flex-direction:column;gap:3px;padding:8px}.secondary-button small{font-size:7px}.lobby-dock{grid-template-columns:1fr;padding:17px 6% 0;gap:13px}.memory-card{height:156px}.memory-card figcaption{left:20px;bottom:21px}.memory-card strong{font-size:25px}.squad-card{padding:23px 20px;min-height:130px}.squad-card h2{font-size:28px}.squad-links>a,.squad-links>button{min-width:51px;height:65px}.squad-links span{font-size:22px}.squad-links svg{width:21px;height:21px}.launch-bar{flex-wrap:wrap;gap:12px 25px;padding:9px 0 18px}.contract-chip{flex:1;min-width:210px;max-width:100%;font-size:9px}.chart-link{font-size:9px}.launch-bar #motion-toggle{margin-left:0;width:100%;justify-content:flex-end}.footer{padding:18px 6% 24px;flex-wrap:wrap;gap:14px;font-size:8px}.footer p{order:3;width:100%;font-size:9px}.footer>span:last-child{margin-left:auto}dialog{padding:33px 25px}dialog h2{font-size:47px}}
@media(max-width:380px){.hero h1{font-size:clamp(37px,min(14vw,7.2svh),53px)}.header nav a,.header nav button{padding:10px}.hero-actions .button{font-size:21px}.squad-card h2{font-size:24px}.squad-card{padding:20px 16px}.squad-links>a,.squad-links>button{min-width:43px}.contract-chip{min-width:185px}.launch-bar{column-gap:14px}}
@media(max-height:560px) and (min-width:761px){:root{--header-height:60px}.hero{--stage-safe-top:40px;--stage-safe-bottom:88px}.hero-topline{top:13px}.hero-copy{top:16%}.hero h1{font-size:clamp(48px,13svh,74px);margin:12px 0}.rarity{font-size:9px}.lobby-bottom{bottom:16px}.loadout-selected,.loadout-slot{height:48px;width:48px}.hero-actions .button{min-height:54px;padding:14px 24px;font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}