/* A visual story below the lobby; room to scroll, very little copy. */
@font-face{font-family:ScarTicker;src:url('assets/condensed.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
.gold-ribbon .scar-ticker,.legend-stats .scar-ticker{font-family:ScarTicker,'Arial Narrow',sans-serif;font-weight:800}
/* Barlow Condensed ExtraBold: normalize the dollar's .853em ink height to S's .716em. */
.gold-ribbon .scar-ticker>.ticker-dollar,.legend-stats .scar-ticker>.ticker-dollar{display:inline-block;font:inherit;font-size:.8394em;color:inherit;letter-spacing:inherit;transform:translateY(-.0625em)}
.header nav{margin-left:0}.header nav a:hover{color:#fff}.header nav .active:hover{color:#111b3d}

.gold-ribbon{position:relative;z-index:6;overflow:hidden;background:var(--gold);color:#111b3d;border-block:4px solid #111b3d;transform:skewY(-1.1deg);margin:-4px 0;box-shadow:0 7px 0 #050e2580}
.gold-ribbon>div{display:flex;align-items:center;justify-content:space-around;gap:40px;width:max-content;min-width:200%;padding:19px 30px}.gold-ribbon span{font:24px/1 Battle,Impact,sans-serif;letter-spacing:1px;white-space:nowrap}.gold-ribbon b{font-size:25px}
.chapter-line{position:absolute;top:38px;left:6%;right:6%;z-index:3;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:2px;color:#adbfdf;font-weight:600}.chapter-line>span:first-child{color:#fff}.section-kicker{display:block;color:#ffdf69;font-size:10px;font-weight:600;letter-spacing:2px}
.memory-scene{position:relative;min-height:660px;height:83svh;max-height:920px;isolation:isolate;overflow:clip;background:#261d22}
.memory-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 43%;z-index:-3}
.memory-scene:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071027b3,transparent 68%),linear-gradient(0deg,#071027e8,transparent 64%),linear-gradient(180deg,#07102769,transparent 28%)}
.scene-grain{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 64% 45%,#ffd75b14,transparent 42%);pointer-events:none}
.memory-caption{position:absolute;left:8%;bottom:105px}.memory-caption h2,.legend-copy h2,.squad-section h2{font:clamp(65px,8vw,120px)/1.02 Battle,Impact,sans-serif;font-weight:400;letter-spacing:-2px;margin:20px 0 24px;transform:skew(-5deg)}
.memory-caption h2 em,.legend-copy h2 em,.squad-section h2 em{font-style:normal;color:var(--gold)}
.memory-caption p,.legend-copy>p,.squad-section>p{margin:0;color:#c8d3e6;font-size:17px;letter-spacing:.2px}
.pickup-marker{position:absolute;right:17%;top:32%;display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffdf68;transform:rotate(-5deg);text-shadow:0 1px 10px #a25d0d}
.pickup-marker>span{font-size:22px;letter-spacing:6px}.pickup-marker>b{font-size:9px;letter-spacing:2px}.pickup-marker>i{height:56px;width:1px;background:linear-gradient(#ffdd70,transparent)}
.scene-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#93a9cb;font-size:8px;letter-spacing:2px}.scene-bottom a{display:grid;place-items:center;border:1px solid #d6e1fb59;border-radius:50%;height:42px;width:42px;color:#fff;font-size:22px;letter-spacing:0}.scene-bottom a:hover{border-color:var(--gold);color:var(--gold)}
.legend-section{position:relative;isolation:isolate;min-height:730px;padding:145px 8% 115px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;background:#101c3c;overflow:clip}
.legend-section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 77% 50%,#9b731f1c,transparent 48%),linear-gradient(#9eafd807 1px,transparent 1px),linear-gradient(90deg,#9eafd807 1px,transparent 1px);background-size:auto,70px 70px,70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}
.legend-copy h2{font-size:clamp(78px,8.7vw,132px);margin-bottom:28px}.legend-stats{display:flex;gap:30px;margin-top:48px;border-top:1px solid #5b719c40;padding-top:23px}.legend-stats>div{display:grid;gap:10px}.legend-stats span{font-size:8px;letter-spacing:1.7px;color:#8ba0c3}.legend-stats strong{font:19px Battle,Impact,sans-serif;font-weight:400;color:#e6eefa}.legend-stats>div:last-child strong{color:var(--gold)}
.inventory-display{height:460px;position:relative;perspective:1000px;isolation:isolate;max-width:520px;width:100%;justify-self:center}
.inventory-orbit{position:absolute;width:470px;height:470px;max-width:110%;border:1px dashed #f9d36525;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);z-index:-1}.inventory-orbit:after{content:'';position:absolute;inset:36px;border:1px solid #f9d3650c;border-radius:50%}
.rarity-card{position:absolute;width:62%;height:330px;left:19%;top:55px;border:1px solid #ffffff35;box-shadow:0 24px 35px #04091650;overflow:hidden;transition:transform .45s ease}
.rarity-blue{background:linear-gradient(155deg,#275986,#16294c);transform:translateX(-62px) rotate(-15deg) translateY(18px);color:#8cc9fa}.rarity-purple{background:linear-gradient(155deg,#7253a1,#302953);transform:translateX(64px) rotate(14deg) translateY(12px);color:#caafff}.rarity-blue>span,.rarity-purple>span{position:absolute;top:14px;left:17px;font:16px Battle,Impact,sans-serif}.rarity-blue>b,.rarity-purple>b{position:absolute;bottom:20px;left:18px;font-size:18px;letter-spacing:3px}
.card-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:36px 36px;pointer-events:none}
.rarity-gold{background:radial-gradient(ellipse at 54% 40%,#ffe778 0%,#dcb248 43%,#96722b 100%);border:2px solid #ffed94;transform:rotate(-3deg) translateZ(20px);color:#2c251b;box-shadow:0 25px 50px #01061570,0 0 70px #fbe7861a;z-index:2}
.card-top{position:absolute;top:16px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:center;font:18px Battle,Impact,sans-serif;letter-spacing:.5px}.card-top>b{font:10px Barlow,Arial,sans-serif;border:1px solid #49371b60;padding:4px 6px}.rarity-gold>img{position:absolute;inset:38px 6% 48px;width:88%;height:calc(100% - 86px);object-fit:contain;filter:drop-shadow(6px 15px 12px #4e35086b);transform:rotate(6deg)}
.card-bottom{position:absolute;left:20px;bottom:19px;display:grid;gap:9px}.card-bottom>span{font-size:13px;letter-spacing:4px}.card-bottom>strong{font:22px Battle,Impact,sans-serif;font-weight:400}.inventory-note{position:absolute;bottom:5px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:13px;font-size:9px;letter-spacing:2px;color:#99adcf}.inventory-note i{font-style:normal;color:var(--gold);font-size:16px}
@media(hover:hover){.inventory-display:hover .rarity-gold{transform:rotate(1deg) translateY(-8px) translateZ(40px)}.inventory-display:hover .rarity-blue{transform:translateX(-80px) rotate(-19deg) translateY(18px)}.inventory-display:hover .rarity-purple{transform:translateX(82px) rotate(18deg) translateY(12px)}}
.squad-section{position:relative;isolation:isolate;overflow:clip;text-align:center;padding:115px 8% 35px;background:radial-gradient(ellipse at 50% 45%,#2758ae,#163975 55%,#102750 100%);border-top:1px solid #637aab36}
.squad-rings{position:absolute;z-index:-1;top:62%;left:50%;width:790px;height:790px;transform:translate(-50%,-50%);border:1px solid #a9c4ff15;border-radius:50%;pointer-events:none}.squad-rings:before,.squad-rings:after{content:'';position:absolute;inset:65px;border:1px solid #a9c4ff12;border-radius:50%}.squad-rings:after{inset:135px}
.party-slots{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:38px}.party-slots>span{display:grid;place-items:center;width:62px;height:62px;border:1px dashed #b2c7f755;transform:rotate(-6deg);color:#97b6ee70;font-size:28px}.party-slots>span:last-child{transform:rotate(6deg)}.party-slots img{border:2px solid #ffff75;box-shadow:0 0 35px #ffe78630;transform:rotate(-4deg);height:80px;width:80px}
.squad-section .section-kicker{color:#b9d2ff}.squad-section h2{font-size:clamp(78px,9vw,136px);margin:20px 0}.squad-section>p{font-size:16px}.squad-section .social-slots{display:flex;align-items:center;justify-content:center;gap:18px;margin:40px auto 95px}.social-slots svg{width:19px;height:19px}
.squad-section .launch-bar{text-align:left;padding:24px 0 0;border-top:1px solid #a8c4ef26;border-bottom:0}.squad-section .contract-chip{max-width:65%}.footer{padding:30px 6%;background:#0b1733}.footer-brand>span{font-size:17px;color:#dce6ff}.footer p{color:#8398bb}.back-top{font-size:9px;color:#b9c9e6;letter-spacing:1.4px}.back-top:hover{color:var(--gold)}
@media(min-width:1800px){.legend-section{padding-inline:12%}.memory-caption{left:12%}}
@media(max-width:1000px) and (min-width:761px){.header nav a{font-size:17px;padding-inline:17px}.legend-section{padding-inline:6%;gap:3%}.legend-stats{gap:18px}.legend-stats strong{font-size:17px}.inventory-display{height:415px}.rarity-card{height:300px}.memory-scene{min-height:580px}}
@media(max-width:760px){.header nav{gap:0}.header nav a{font-size:12px;padding:10px 9px}.brand{gap:7px}.header .brand>span{font-size:15px}.header .brand img{width:30px;height:30px}.hero-actions{display:block}.hero-actions .button{width:100%}.gold-ribbon>div{min-width:400%;padding:15px 24px;gap:26px}.gold-ribbon span{font-size:19px}.gold-ribbon b{font-size:20px}.chapter-line{top:26px;font-size:7px;letter-spacing:1.4px;left:6%;right:6%}.chapter-line>span:last-child{font-size:6px;max-width:48%;text-align:right}.memory-scene{height:700px;min-height:0;max-height:none}.memory-backdrop{object-position:50% 50%}.memory-scene:before{background:linear-gradient(0deg,#071027f5,transparent 80%),linear-gradient(180deg,#07102770,transparent 35%)}.memory-caption{left:8%;bottom:108px;right:8%}.section-kicker{font-size:8px;letter-spacing:1.6px}.memory-caption h2{font-size:clamp(59px,14vw,86px);letter-spacing:-1px}.memory-caption p,.legend-copy>p{font-size:14px}.pickup-marker{right:20%;top:19%;transform:rotate(-5deg) scale(.8);transform-origin:top right}.scene-bottom{font-size:6px;letter-spacing:1.1px}.scene-bottom a{height:37px;width:37px}.legend-section{grid-template-columns:1fr;padding:108px 8% 64px;gap:40px;min-height:0}.legend-copy h2{font-size:clamp(72px,18vw,110px);margin:18px 0 23px}.legend-stats{margin-top:31px;gap:0;justify-content:space-between;max-width:410px}.legend-stats strong{font-size:17px}.legend-stats span{font-size:7px}.inventory-display{height:405px;max-width:385px}.rarity-card{height:288px;top:42px;width:61%;left:19.5%}.inventory-orbit{width:370px;height:370px}.rarity-blue{transform:translateX(-40px) rotate(-15deg) translateY(18px)}.rarity-purple{transform:translateX(40px) rotate(14deg) translateY(12px)}.card-top{left:15px;right:15px;font-size:14px}.card-bottom{left:16px}.card-bottom>strong{font-size:18px}.card-bottom>span{font-size:11px}.inventory-note{font-size:8px}.squad-section{padding:101px 8% 30px}.party-slots{gap:15px;margin-bottom:33px}.party-slots>span{height:49px;width:49px}.party-slots img{height:68px;width:68px}.squad-section h2{font-size:clamp(78px,19vw,110px);letter-spacing:-1px}.squad-section>p{font-size:14px}.squad-section .social-slots{flex-direction:column;gap:12px;max-width:320px;margin:34px auto 70px}.social-slots>*{width:100%}.squad-section .launch-bar{gap:18px 25px;padding-top:22px}.squad-section .contract-chip{width:100%;max-width:100%;flex:auto;min-width:0}.squad-section .launch-bar #motion-toggle{width:auto;margin-left:auto}.footer{padding:27px 8%}.footer p{font-size:9px;text-align:left}.footer-brand img{width:30px;height:30px}.footer-brand>span{font-size:15px}.back-top{font-size:7px;letter-spacing:1px}.inventory-display:hover .rarity-blue{transform:translateX(-40px) rotate(-15deg) translateY(18px)}.inventory-display:hover .rarity-purple{transform:translateX(40px) rotate(14deg) translateY(12px)}}
@media(max-width:360px){.header{padding-inline:4%}.header nav a{padding-inline:7px;font-size:11px}.inventory-display{height:370px}.rarity-card{height:265px}.card-top{font-size:12px}.legend-stats strong{font-size:15px}.memory-scene{height:640px}}
@media(prefers-reduced-motion:reduce){.rarity-card{transition:none}.inventory-display:hover .rarity-gold{transform:rotate(-3deg) translateZ(20px)}}

/* Brighter daylight palette; smaller focal elements leave room around the art. */
:root{background:#1c3765}
.hero-topline{color:#d3e4ff;justify-content:flex-end}.hero-topline>span:last-child{opacity:.85}
.loadout-label{color:#ccdef9}.loadout-label strong{color:#fff}
.loadout-slot{background:#224d895c;border-color:#bfdaff5c;color:#b6d6ff}
.memory-backdrop{filter:brightness(1.09) saturate(1.04)}
.memory-scene:before{background:linear-gradient(90deg,#18365566,transparent 68%),linear-gradient(0deg,#102947b8,transparent 58%),linear-gradient(180deg,#17365a30,transparent 28%)}
.memory-caption h2{text-shadow:0 3px 25px #09234224}
.memory-caption p,.legend-copy>p,.squad-section>p{color:#e2ecfa}
.chapter-line,.scene-bottom,.inventory-note{color:#c2d7f5}
.legend-section{background:radial-gradient(ellipse at 76% 43%,#3e6495 0%,#2b4a78 42%,#213b65 100%)}
.legend-section:before{opacity:.8;background:radial-gradient(ellipse at 77% 50%,#f9d47d1a,transparent 48%),linear-gradient(#bdd5ff12 1px,transparent 1px),linear-gradient(90deg,#bdd5ff12 1px,transparent 1px);background-size:auto,70px 70px,70px 70px}
.legend-stats{border-color:#b6d0f338}.legend-stats span{color:#c5d7f1}.legend-stats strong{color:#fff}
.rarity-gold{background:radial-gradient(ellipse at 54% 40%,#fff2a3 0%,#efc85b 47%,#bd913d 100%);box-shadow:0 25px 50px #0e254849,0 0 70px #fbe7862b}
.rarity-gold>img{filter:brightness(1.13) saturate(1.07) drop-shadow(6px 15px 12px #6f4b1252)}
.rarity-blue{background:linear-gradient(155deg,#427aa9,#25456f)}.rarity-purple{background:linear-gradient(155deg,#9070bd,#534779)}
.inventory-orbit{border-color:#fae9b04d}
.squad-section{background:radial-gradient(ellipse at 50% 38%,#447fcc 0%,#3164b0 45%,#264e8d 100%);border-top-color:#abc7ed42}
.squad-section .section-kicker{color:#e0edff}.party-slots>span{color:#d9e8ffb3;border-color:#d2e4ff73}
.squad-rings,.squad-rings:before,.squad-rings:after{border-color:#c6dcff29}
.contract-chip,.chart-link,#motion-toggle{color:#d0e0f8}.chart-link small{color:#b9d1f2}
.footer{background:#1b3260}.footer p{color:#b4c9e8}.back-top{color:#d6e6ff}
@media(min-width:761px){
  :root{--desktop-gutter:max(7vw,calc((100vw - 1280px)/2))}
  .header{height:76px;padding-inline:var(--desktop-gutter)}
  .header .brand>span{font-size:18px}.header .brand img{width:38px;height:38px}
  .header nav a{font-size:16px;padding:11px 21px}.network{font-size:10px}
  .hero{height:min(calc(100svh - 76px),860px)}
  .hero-topline,.lobby-bottom{left:var(--desktop-gutter);right:var(--desktop-gutter)}
  .hero-topline{top:26px;font-size:9px}
  .hero-copy{left:var(--desktop-gutter);top:24%}
  .hero h1{font-size:clamp(62px,min(6.5vw,12svh),104px);line-height:1.03;letter-spacing:-1.5px;margin:23px 0 20px}
  .hero h1>span{font-size:1.28em}.rarity{font-size:9px;gap:11px;letter-spacing:2.2px}.rarity>span{font-size:13px}
  .weapon-stage{left:46%;right:var(--desktop-gutter);top:13%;bottom:20%;max-width:620px;max-height:520px}
  .lobby-bottom{bottom:34px;gap:40px}
  .loadout-selected{width:54px;height:54px}.loadout-slot{width:48px;height:48px}
  .hero-actions .button{min-width:188px;min-height:57px;padding:16px 25px;font-size:22px}

  .gold-ribbon>div{padding-block:16px}.gold-ribbon span{font-size:20px}
  .chapter-line,.scene-bottom{left:var(--desktop-gutter);right:var(--desktop-gutter)}
  .memory-scene{height:72svh;min-height:540px;max-height:740px}
  .memory-caption{left:var(--desktop-gutter);bottom:95px}
  .memory-caption h2{font-size:clamp(62px,6.3vw,94px);margin-block:20px}
  .pickup-marker{right:22%;transform:rotate(-5deg) scale(.9)}
  .legend-section{padding:130px var(--desktop-gutter) 110px;min-height:690px;gap:10%}
  .legend-copy h2{font-size:clamp(68px,6.6vw,100px)}
  .legend-stats{margin-top:42px;gap:34px}.legend-stats strong{font-size:17px}
  .inventory-display{max-width:445px;height:410px}.rarity-card{height:300px;top:40px}
  .inventory-orbit{width:420px;height:420px}
  .rarity-blue{transform:translateX(-54px) rotate(-15deg) translateY(18px)}
  .rarity-purple{transform:translateX(55px) rotate(14deg) translateY(12px)}
  .squad-section{padding:110px var(--desktop-gutter) 34px}
  .squad-section h2{font-size:clamp(72px,6.7vw,102px);margin:27px 0}
  .party-slots{margin-bottom:40px}.party-slots img{width:70px;height:70px}.party-slots>span{width:55px;height:55px}
  .squad-section .social-slots{margin:38px auto 90px}.squad-section .launch-bar{max-width:1120px;margin-inline:auto}
  .footer{padding:34px var(--desktop-gutter)}
}
@media(min-width:761px) and (max-width:1100px){
  :root{--desktop-gutter:6vw}
  .header nav a{font-size:14px;padding-inline:15px}
  .hero-copy{top:25%}.weapon-stage{left:46%;top:17%;bottom:24%}
  .hero h1{font-size:clamp(58px,min(7vw,12svh),82px)}
  .lobby-bottom{gap:20px}.hero-actions .button{min-width:170px;font-size:20px}.loadout-label{display:none}
  .inventory-display{max-width:370px;height:380px}.rarity-card{height:265px}.card-top{font-size:14px}.card-bottom>strong{font-size:18px}
  .legend-stats{gap:22px}.legend-stats strong{font-size:15px}.legend-stats span{font-size:7px}
}
@media(min-width:761px) and (max-height:640px){
  .header{height:64px}.hero{height:calc(100svh - 64px)}
  .hero-topline{top:18px}.hero-copy{top:22%}.hero h1{font-size:clamp(52px,11.5svh,74px);margin-top:17px}
  .weapon-stage{top:13%;bottom:23%}.lobby-bottom{bottom:22px}.loadout-selected,.loadout-slot{width:43px;height:43px}
  .hero-actions .button{min-height:49px;font-size:20px;padding-block:13px}
}
@media(max-width:760px){
  .memory-scene:before{background:linear-gradient(0deg,#122d51de,transparent 76%),linear-gradient(180deg,#17365a42,transparent 35%)}
}