/* Landing uses the same night palette and crafted materials as deployment. */
.skip-to-content{position:fixed;top:-70px;left:20px;z-index:100;padding:14px 24px;background:#eeeae1;color:#202426}
.skip-to-content:focus{top:12px}
.sanya-site.menu-active>.skip-to-content{background:#10251f;color:#f0eee5}
.sanya-site #menu{background:var(--site-dark);color:var(--site-paper);color-scheme:dark}
.sanya-site #menu :is(h1,h2,h3,p){word-break:keep-all;overflow-wrap:break-word}
.sanya-site #menu :is(h1,h2,h3,h2 em){font-family:var(--site-title-font)!important;font-weight:500}
.sanya-site #menu .eyebrow{color:var(--site-jade);font-size:10px;letter-spacing:2.5px;font-weight:400;line-height:1.8}
.sanya-site #menu :is(button,a,summary):focus-visible,.sanya-site.menu-active .topbar :is(a,button):focus-visible{outline:2px solid var(--site-amber);outline-offset:5px}
.sanya-site #menu :is(button,a){transition:filter .25s,color .25s,background-color .25s}
.sanya-site #menu ::selection{background:#a7e3d538;color:#fff}

/* The brush wordmark also appears at the top of squad and character selection. */
.brand .landing-wordmark{display:none}
.sanya-site.menu-active .topbar{position:relative;height:84px;inset:auto;margin:0;padding:0 4%;max-width:none;background:var(--site-dark);border-bottom:1px solid var(--site-line);gap:24px;color:var(--site-paper)}
.sanya-site.menu-active .brand .landing-wordmark{display:block;width:88px;height:48px;object-fit:contain}
.sanya-site.menu-active .brand :is(.seal,strong){display:none}
.sanya-site.menu-active .brand-sub{color:var(--site-muted);font-size:8px;letter-spacing:1.5px;line-height:1.9}
.sanya-site.menu-active .landing-nav{margin-left:auto;gap:28px;font-size:12px;letter-spacing:.5px}
.sanya-site.menu-active .landing-nav a{color:#cbd6c9;padding:30px 0}
.sanya-site.menu-active .landing-nav a:hover{color:var(--site-jade)}
.sanya-site.menu-active .landing-nav .nav-play{min-height:48px;padding:13px 24px;border:0;border-radius:0;background:var(--site-jade-button) center/100% 100% no-repeat;color:#e8fff6;font-family:var(--site-title-font)!important;font-weight:500;font-size:15px;letter-spacing:1px;text-shadow:0 2px 4px #000}
.sanya-site.menu-active .landing-nav .nav-play:hover{filter:brightness(1.3)}
.sanya-site.menu-active .landing-nav #settings-button{min-height:44px;padding:9px 12px;flex-shrink:0;font-size:12px;border:0;border-radius:0;background:var(--site-ink-button) center/100% 100% no-repeat;color:#cbd6c9}
.sanya-site.menu-active .header-actions button{min-height:44px;border:0;border-radius:0;background:var(--site-ink-button) center/100% 100% no-repeat;color:#cbd6c9}

/* Keep the key art, with the softer lettering and jade light of the game menus. */
.sanya-site .landing-hero{height:calc(100svh - 84px);min-height:710px;max-height:none;background:var(--site-dark)}
.sanya-site .landing-keyart{object-position:72% 50%;filter:saturate(.8);opacity:1}
.sanya-site .landing-atmosphere{background:linear-gradient(90deg,#030d0cec 0%,#06150fb0 28%,#05110d28 58%,transparent 80%),linear-gradient(0deg,#050e0d,transparent 28%),linear-gradient(180deg,#050e0d55,transparent 20%)}
.sanya-site .hero-content{padding:65px 7% 120px;max-width:none}
.sanya-site #menu .hero-content>.eyebrow{color:var(--site-jade);font-size:10px;letter-spacing:3px;margin-bottom:25px;display:flex;align-items:center;gap:12px}
.sanya-site .live-spark{background:var(--site-jade);box-shadow:0 0 16px #a7e3d56b;width:5px;height:5px;border-radius:0;transform:rotate(45deg)}
.sanya-site .hero-content h1{font-size:clamp(60px,5.9vw,94px);line-height:1.28;letter-spacing:-3px;color:var(--site-paper);margin:0 0 27px;text-shadow:0 4px 28px #0009}
.sanya-site .hero-content h1>span{font-size:13px;font-weight:400;line-height:1.8;letter-spacing:5px;margin:25px 0 0;color:#d8dfcc}
.sanya-site .hero-tagline{font-family:var(--site-title-font)!important;font-size:21px;font-weight:400;color:var(--site-paper);margin:0 0 12px;letter-spacing:.5px}
.sanya-site .hero-description{font-size:14px;line-height:1.95;color:#c0cdc1;margin-bottom:27px}
.sanya-site #menu .landing-primary,.sanya-site .hero-actions .landing-secondary{
 min-height:64px;padding:17px 27px;border:0;border-radius:0;background:var(--site-jade-button) center/100% 100% no-repeat;
 color:#e8fff6;font-family:var(--site-title-font)!important;font-size:19px;font-weight:500;letter-spacing:1px;text-decoration:none;text-shadow:0 2px 4px #000;
}
.sanya-site #menu .landing-primary:hover,.sanya-site .hero-actions .landing-secondary:hover{filter:brightness(1.3);transform:none}
.sanya-site .hero-actions{gap:14px}
.sanya-site .hero-actions button{min-width:212px;gap:30px}
.sanya-site .hero-actions .landing-secondary{background-image:var(--site-ember-button);color:#ffecdc}
.sanya-site .hero-platform{font-size:10px;color:#b6c7bd}
.sanya-site .hero-bottom{left:4%;right:4%;bottom:24px;padding-top:20px;color:#a6baaf;border-color:var(--site-line);font-size:9px}
.sanya-site .hero-bottom>a,.sanya-site .hero-bottom b{color:#dae9dc}
.hero-mission{position:absolute;right:5%;bottom:118px;color:#e6eadb;border-left:1px solid #a7e3d566;padding:0 0 0 22px;text-shadow:0 2px 10px #000}
.hero-mission>span{font-size:9px;letter-spacing:3px;color:var(--site-jade)}
.hero-mission strong{display:block;font-family:Georgia,serif!important;font-size:60px;font-weight:400;line-height:1.2;letter-spacing:-2px;margin:12px 0}
.hero-mission p{font-family:var(--site-title-font)!important;font-size:14px;line-height:1.9;margin-bottom:15px}
.hero-mission i{font-size:8px;letter-spacing:1px;color:#afc0b5}

.dispatch-strip{display:flex;align-items:center;gap:28px;padding:23px 7%;background:linear-gradient(90deg,#11291f,#0a1915 65%);border-block:1px solid var(--site-line);color:var(--site-paper)}
.dispatch-label{font-size:10px;letter-spacing:2px;color:var(--site-jade);white-space:nowrap;padding-right:28px;border-right:1px solid var(--site-line)}
.dispatch-strip p{margin:0;font-family:var(--site-title-font)!important;font-size:15px;font-weight:400;flex:1;line-height:1.8}
.dispatch-strip a{font-size:12px;color:var(--site-jade);white-space:nowrap;text-decoration:none}
.dispatch-strip a span{margin-left:23px}
.sanya-site .landing-facts{max-width:1300px;margin:0 auto;padding:40px 65px;border-color:var(--site-line);gap:22px}
.sanya-site .landing-facts>div{justify-content:flex-start;border-color:var(--site-line);gap:18px}
.sanya-site .landing-facts strong,.sanya-site .landing-facts>div:last-child strong{font-family:Georgia,serif!important;font-size:38px;color:#d8e7d4;font-weight:400;letter-spacing:0}
.sanya-site .landing-facts span{font-size:11px;color:var(--site-muted);word-break:keep-all}
.landing-quicklinks{display:flex;justify-content:center;align-items:center;gap:36px;padding:14px 25px;border-bottom:1px solid var(--site-line);font-size:11px}
.landing-quicklinks a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:7px 0;text-decoration:none;color:var(--site-muted)}
.landing-quicklinks a:last-child{color:var(--site-jade)}
.landing-quicklinks a:hover{text-decoration:underline;text-underline-offset:5px;color:var(--site-paper)}
.sanya-site :is(.story-section,.landing-section){padding:95px 65px}
.sanya-site :is(.story-heading h2,.section-intro h2,.faq-section h2){font-size:clamp(30px,3vw,43px);line-height:1.5;letter-spacing:-1px;color:var(--site-paper)}
.sanya-site :is(.story-heading h2 em,.section-intro h2 em,.faq-section h2 em){color:#a8c6b2;font-style:normal}
.sanya-site :is(.story-heading>p,.section-intro>p){color:var(--site-muted);font-size:13px}

/* Worn frames reuse the actual menu textures, including their uneven edges. */
.sanya-site :is(.feature,.survivor-profile,.evolution-card,.field-notes){position:relative;border:0;border-radius:0;background:linear-gradient(125deg,#0d211bd9,#071310 75%)}
.sanya-site :is(.feature,.survivor-profile,.evolution-card,.field-notes)::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border:7px solid transparent;border-image:var(--site-jade-button) 20 58 / 7px / 0 stretch;opacity:.62}
.sanya-site .feature-grid{gap:26px}
.sanya-site .feature{padding:25px 25px 22px}
.sanya-site .feature-number{color:#a3bead;font-size:10px;letter-spacing:2px}
.sanya-site .feature-art{height:190px;background:radial-gradient(ellipse,#72ac8430,transparent 70%)}
.sanya-site .feature h3{color:var(--site-paper);font-size:22px}
.sanya-site .feature>p{color:var(--site-muted);font-size:12px}
.sanya-site .survivors-section{max-width:none;background:radial-gradient(ellipse at 50% 15%,#1b352448,transparent 65%),#071310;padding-inline:max(65px,calc((100% - 1170px)/2));color:var(--site-paper);border-block:1px solid var(--site-line)}
.sanya-site .survivor-roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sanya-site .survivor-roster:focus-visible{outline:2px solid var(--site-amber);outline-offset:5px}
.sanya-site .survivor-profile{display:flex;flex-direction:column;transition:filter .25s}
.sanya-site .survivor-profile:hover::after{opacity:1}
.sanya-site .profile-portrait{height:clamp(220px,20vw,310px);background:radial-gradient(ellipse at 50% 30%,#304b35,#0a1b16 75%)}
.sanya-site .profile-portrait:after{background:linear-gradient(0deg,#091813,transparent 60%)}
.sanya-site .profile-no{color:#cfdfcf}
.sanya-site .profile-label{color:var(--site-amber);border-color:#eac38a80}
.sanya-site .profile-copy{flex:1;padding:15px 17px 12px;display:flex;flex-direction:column}
.sanya-site #menu .profile-copy>.eyebrow{color:var(--site-jade);font-size:9px;letter-spacing:.7px}
.sanya-site .profile-copy h3{font-size:clamp(21px,1.75vw,28px);margin:12px 0}
.sanya-site .profile-copy>p:not(.eyebrow),.sanya-site .profile-ability{color:var(--site-muted)}
.sanya-site .profile-ability b{color:#dce8d4}
.sanya-site .profile-ability kbd{color:var(--site-jade);border-radius:0;background:#020b0877;border-color:var(--site-line)}
.sanya-site .profile-play{min-height:54px;margin-top:auto;padding:13px 12px;border:0;background:var(--site-ink-button) center/100% 100% no-repeat;color:#d4e9d8;font-family:var(--site-title-font)!important;font-size:14px;font-weight:400;gap:8px}
.sanya-site .profile-play:hover{background-image:var(--site-jade-button);color:#e8fff6;filter:brightness(1.15)}
.sanya-site .profile-copy>p.profile-final{min-height:0;font-size:11px;color:var(--site-amber);margin:0 0 18px;line-height:1.8}
.profile-final>span{display:block;font-size:9px;letter-spacing:.5px;color:#a6baac;margin-bottom:3px}
.roster-more{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;color:var(--site-muted);font-size:12px}
.roster-more p{margin:0}
.roster-more a{display:inline-flex;align-items:center;gap:14px;color:var(--site-jade);text-decoration:none}

.sanya-site .arsenal-section{background:radial-gradient(ellipse at 40% 50%,#17372b55,transparent 75%),var(--site-dark);border-color:var(--site-line)}
.sanya-site .evolution-card{padding-top:20px;color:var(--site-paper)}
.sanya-site .storm-build::after{border-image-source:var(--site-ink-button)}
.sanya-site .guardian-build::after{border-image-source:var(--site-ember-button)}
.sanya-site .recipe-art b{color:#b6c7b5}
.sanya-site .recipe-tag{color:#a4d5d3}
.sanya-site .storm-build .recipe-tag{color:#ccb9df}
.sanya-site .guardian-build .recipe-tag{color:var(--site-amber)}
.sanya-site .evolution-card>p{color:var(--site-muted)}
.sanya-site .recipe-line{background:#020b0855;border-color:var(--site-line);color:#c3d3c2}
.sanya-site .recipe-line span{color:var(--site-jade)}
.sanya-site .section-tail{gap:22px}
.sanya-site .section-tail p{max-width:680px;line-height:1.9;color:var(--site-muted)}
.sanya-site .text-cta{color:var(--site-jade);font-weight:500;min-height:44px}
.arsenal-more{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--site-line);margin-top:26px;padding-top:26px}
.arsenal-more strong{font-size:16px;font-weight:500}
.arsenal-more p{font-size:12px;color:var(--site-muted);margin:8px 0 0;line-height:1.8}
.arsenal-more a,.field-highlights a{display:inline-flex;align-items:center;gap:14px;color:var(--site-jade);text-decoration:none;font-size:12px;flex:none;min-height:44px}
.sanya-site .timeline-time{color:var(--site-jade);font-weight:400;font-variant-numeric:tabular-nums}
.sanya-site .timeline-dot{background:var(--site-line)}
.sanya-site .timeline-dot:before{background:var(--site-jade);box-shadow:0 0 15px #a7e3d536}
.sanya-site .night-timeline h3{color:var(--site-paper)}
.sanya-site .night-timeline p{color:var(--site-muted)}
.sanya-site .field-notes h3{color:var(--site-paper)}
.sanya-site .field-notes>div>span{color:var(--site-amber)}
.sanya-site .field-notes>div>p:not(.eyebrow){color:var(--site-muted)}
.sanya-site .control-guide kbd{color:#d4e9d3;background:#020b0877;border:1px solid var(--site-line);border-radius:0}
.sanya-site .control-guide dd,.sanya-site .control-guide>small{color:var(--site-muted)}
.field-highlights{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding-top:25px;font-size:11px}
.field-highlights p{margin:0;color:var(--site-muted)}
.field-highlights b{color:var(--site-amber);display:block;margin-bottom:7px;font-size:11px;font-weight:400}
.field-highlights a{margin-left:auto}
.sanya-site .boss-section{min-height:620px;background:var(--site-dark)}
.sanya-site .boss-section>img{object-position:74% center;filter:saturate(.85)}
.sanya-site .boss-veil{background:linear-gradient(90deg,#050e0df2 0%,#050e0db8 32%,#050e0d25 62%,transparent 82%),linear-gradient(0deg,#050e0d,transparent 25%)}
.sanya-site .boss-content h2{font-size:clamp(35px,4.4vw,62px);letter-spacing:-1px;color:var(--site-paper)}
.sanya-site #menu .boss-content>.eyebrow{color:var(--site-amber)}
.sanya-site .boss-patterns span{border-radius:0;border-color:#eac38a40;color:#e6d6bb;background:#0b1811b3}

.sanya-site .guide-invitation{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:1300px;margin:auto}
.guide-invitation h2{font-size:clamp(28px,3vw,40px);line-height:1.5;letter-spacing:-1px;margin:20px 0}
.guide-invitation h2 em{font-style:normal;color:#a8c6b2}
.guide-invitation p:not(.eyebrow){font-size:12px;color:var(--site-muted);line-height:1.9}
.guide-entry{display:inline-flex;align-items:center;gap:30px;min-height:54px;padding:15px 24px;border:0;background:var(--site-ink-button) center/100% 100% no-repeat;color:#d4e9d8;text-decoration:none;font-family:var(--site-title-font)!important;font-size:16px;margin-top:10px}
.guide-entry:hover{filter:brightness(1.3)}
.guide-invitation nav{align-self:center}
.guide-invitation nav>a{display:flex;align-items:center;gap:20px;padding:24px 0;border-top:1px solid var(--site-line);text-decoration:none}
.guide-invitation nav>a:last-child{border-bottom:1px solid var(--site-line)}
.guide-invitation nav>a>span{font-size:10px;color:var(--site-amber)}
.guide-invitation nav>a>div{flex:1}
.guide-invitation nav strong{display:block;font-family:var(--site-title-font)!important;font-size:20px;font-weight:400;margin-bottom:8px}
.guide-invitation nav small{font-size:11px;color:var(--site-muted)}
.guide-invitation nav .ui-icon{color:var(--site-jade)}
.sanya-site .faq-section{border-top:1px solid var(--site-line)}
.sanya-site .faq-section>div>p:not(.eyebrow),.sanya-site .faq-list details>p{color:var(--site-muted)}
.sanya-site .faq-list,.sanya-site .faq-list details{border-color:var(--site-line)}
.sanya-site .faq-list summary{color:var(--site-paper);font-weight:400}
.sanya-site .faq-list summary>span,.faq-list a{color:var(--site-jade);text-underline-offset:3px}
.sanya-site .final-call{background:linear-gradient(0deg,#050e0df0,#05110dc9 45%,#050e0df0),url('/assets/web/art-deployment-crafted-village-night.afbe0948377f2e16.webp') center 55%/cover;color:var(--site-paper);border-block:1px solid var(--site-line);padding:90px 25px}
.sanya-site .final-call h2{font-size:60px;letter-spacing:-2px;line-height:1.4}
.sanya-site #menu .final-call>.eyebrow{color:var(--site-jade)}
.sanya-site .final-call>p:not(.eyebrow),.sanya-site .final-call>small{color:var(--site-muted)}
.sanya-site .final-seal{color:#a7e3d507}
.sanya-site .ranking-section{position:relative;overflow:hidden;margin:0;max-width:none;padding:65px max(65px,calc((100% - 1170px)/2));background:#07120f;color:var(--site-paper)}
.sanya-site .ranking-section h2{font-size:36px}
.sanya-site .ranking-section>p:not(.eyebrow){font-size:12px;color:var(--site-muted)}
.sanya-site #menu .ranking-section>a{display:inline-flex;align-items:center;gap:28px;padding:15px 24px;margin-top:12px;min-height:54px;font-size:16px;background-image:var(--site-ink-button)}
.archive-watermark{position:absolute;right:7%;top:50px;font-family:Georgia,serif!important;font-size:clamp(80px,12vw,170px);line-height:1;letter-spacing:-8px;color:#a7e3d507;pointer-events:none}
.sanya-site.menu-active #menu-footer{background:var(--site-dark);padding:28px 4%;margin:0;color:#a6b9ac;border-top:1px solid var(--site-line)}
.sanya-site.menu-active #menu-footer b,.sanya-site.menu-active #menu-footer nav a{color:#c8d8c8}

@media(max-width:1100px){
 .sanya-site.menu-active .landing-nav{gap:18px}
 .sanya-site.menu-active .landing-nav a:nth-child(3),.sanya-site.menu-active .landing-nav a:nth-child(4){display:none}
 .sanya-site :is(.story-section,.landing-section){padding:75px 5%}
 .sanya-site .survivors-section{padding-inline:5%}
 .sanya-site .landing-facts{padding:35px 5%}
 .sanya-site .landing-facts strong,.sanya-site .landing-facts>div:last-child strong{font-size:32px}
 .sanya-site .survivor-roster{grid-template-columns:repeat(5,minmax(220px,1fr));overflow-x:auto;padding-bottom:14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#608473 #071310}
 .sanya-site .survivor-profile{scroll-snap-align:start}
 .sanya-site .profile-portrait{height:250px}
 .sanya-site .feature{padding:22px 18px}
 .hero-mission{right:5%;bottom:110px}
 .hero-mission strong{font-size:45px}
 .dispatch-strip{padding-inline:5%;gap:18px}
 .dispatch-strip p{font-size:13px}
 .sanya-site .hero-content h1{font-size:70px}
 .sanya-site .hero-content{padding-left:5%}
 .sanya-site .guide-invitation{gap:35px}
 .arsenal-more{align-items:flex-start}
 .field-highlights a{margin-left:0}
}
@media(max-width:760px){
 .sanya-site.menu-active .topbar{height:68px;padding:0 20px;gap:12px}
 .sanya-site.menu-active .brand .landing-wordmark{width:72px;height:40px}
 .sanya-site.menu-active .brand-sub,.sanya-site.menu-active .header-actions{display:none}
 .sanya-site.menu-active .landing-nav{display:flex;gap:16px}
 .sanya-site.menu-active .landing-nav a{display:none}
 .sanya-site.menu-active .landing-nav a[href="/ranking"]{display:block;font-size:11px;padding:12px 0}
 .sanya-site.menu-active .landing-nav .nav-play{font-size:13px;padding:12px 17px;min-height:44px}
 .sanya-site .landing-hero{height:calc(100svh - 68px);min-height:740px;max-height:none}
 .sanya-site .landing-keyart{top:0;object-position:center bottom}
 .sanya-site .landing-atmosphere{background:linear-gradient(180deg,#050e0df5 0%,#05120dc9 29%,#05120d28 62%,#050e0d 100%),linear-gradient(90deg,#050e0d80,transparent 85%)}
 .sanya-site .hero-content{margin:0;align-self:flex-start;padding:48px 25px 120px}
 .sanya-site .hero-content h1{font-size:clamp(45px,9.7vw,68px);letter-spacing:-2px;line-height:1.35;margin-bottom:24px}
 .sanya-site .hero-content h1>span{font-size:11px;letter-spacing:3px;margin-top:21px}
 .sanya-site #menu .hero-content>.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:24px}
 .sanya-site .hero-tagline{font-size:18px}
 .sanya-site .hero-description{font-size:12px;line-height:1.9}
 .sanya-site .hero-actions{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;width:100%;max-width:390px}
 .sanya-site #menu .hero-actions button{min-width:0;padding:15px 14px;font-size:14px;gap:8px;min-height:58px;letter-spacing:0}
 .sanya-site .hero-platform{font-size:9px}
 .hero-mission{display:none}
 .sanya-site .hero-bottom{left:25px;right:25px;font-size:8px}
 .dispatch-strip{padding:18px 25px;gap:10px;flex-wrap:wrap}
 .dispatch-label{border:0;font-size:8px;padding:0}
 .dispatch-strip p{flex-basis:100%;font-size:13px;order:2;line-height:1.8}
 .dispatch-strip a{margin-left:auto;font-size:10px}
 .dispatch-strip a span{margin-left:8px}
 .sanya-site .landing-facts{padding:30px 25px;gap:25px 15px;margin:0}
 .sanya-site .landing-facts>div{gap:12px}
 .sanya-site .landing-facts strong,.sanya-site .landing-facts>div:last-child strong{font-size:29px}
 .sanya-site .landing-facts span{font-size:10px}
 .landing-quicklinks{justify-content:flex-start;gap:25px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding:8px 25px;font-size:10px}
 .landing-quicklinks a{flex:none}
 .sanya-site :is(.story-section,.landing-section){padding:65px 25px}
 .sanya-site :is(.story-heading h2,.section-intro h2,.faq-section h2){font-size:29px;letter-spacing:-1px}
 .sanya-site :is(.story-heading>p,.section-intro>p){font-size:12px}
 .sanya-site .feature{padding:24px}
 .sanya-site .feature-art{height:145px}
 .sanya-site .feature h3{font-size:22px}
 .sanya-site .feature>p{font-size:12px}
 .sanya-site .survivor-roster{grid-template-columns:repeat(5,minmax(min(300px,calc(100vw - 50px)),1fr))}
 .sanya-site .profile-portrait{height:260px;min-height:0}
 .sanya-site .profile-portrait>img{position:static;width:100%;height:122%;object-position:center 20%}
 .sanya-site .profile-copy{padding:22px 20px 14px}
 .sanya-site .profile-copy h3{font-size:25px}
 .sanya-site .profile-copy>p:not(.eyebrow){font-size:11px}
 .sanya-site #menu .profile-copy>.eyebrow{font-size:8px}
 .sanya-site .profile-play{padding:12px;font-size:14px;gap:8px}
 .sanya-site .profile-copy>p.profile-final{font-size:10px}
 .roster-more,.arsenal-more{align-items:flex-start;flex-direction:column;gap:16px}
 .roster-more{font-size:11px;line-height:1.8}
 .arsenal-more strong{font-size:15px}
 .arsenal-more p{font-size:11px}
 .field-highlights{gap:22px}
 .field-highlights a{font-size:11px;flex-basis:100%;margin-top:3px}
 .sanya-site .timeline-time{font-size:17px;letter-spacing:-.5px;overflow-wrap:normal}
 .sanya-site .boss-section{min-height:700px;align-items:flex-end}
 .sanya-site .boss-section>img{height:400px;object-position:77% center}
 .sanya-site .boss-veil{background:linear-gradient(180deg,transparent 130px,#050e0d35 235px,#050e0d 385px)}
 .sanya-site .boss-content{padding:300px 25px 55px}
 .sanya-site .boss-content h2{font-size:clamp(30px,8vw,37px)}
 .sanya-site .guide-invitation{grid-template-columns:1fr;gap:32px}
 .guide-invitation h2{font-size:29px}
 .guide-invitation nav>a{padding:20px 0;gap:15px}
 .guide-invitation nav strong{font-size:19px}
 .guide-invitation nav small{font-size:11px}
 .guide-invitation .eyebrow{font-size:9px}
 .sanya-site .final-call h2{font-size:41px;letter-spacing:-1px}
 .sanya-site .ranking-section{padding:55px 25px}
 .sanya-site .ranking-section h2{font-size:29px}
 .sanya-site.menu-active #menu-footer{padding:25px}
 .archive-watermark{top:80px;font-size:100px}
 .sanya-site .section-tail{align-items:flex-start}
}
@media(max-width:370px){
 .sanya-site.menu-active .landing-nav a[href="/ranking"]{display:none}
 .sanya-site.menu-active .topbar{padding-inline:14px}
 .sanya-site.menu-active .landing-nav{gap:12px}
 .sanya-site .hero-content{padding-inline:20px}
 .sanya-site #menu .hero-actions button{padding-inline:12px;font-size:13px;gap:6px}
 .sanya-site .landing-facts strong,.sanya-site .landing-facts>div:last-child strong{font-size:26px}
 .landing-quicklinks{gap:20px}
 .sanya-site .profile-copy h3{font-size:23px}
 .sanya-site .profile-play{font-size:13px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.sanya-site #menu *{scroll-behavior:auto;transition:none!important;animation:none!important}}

/* Deployment, field manual and pause dialogs share the public brand. */
.sanya-site #combat-menu{--ink:#202426;--muted:#6b746c;--acid:#c8412c;--line:#20242630;color-scheme:light;background:#eeeae1;color:#202426;border:1px solid #ffffff40;border-top:3px solid #ee573e;border-radius:0;box-shadow:0 30px 120px #0009}
.sanya-site #combat-menu::backdrop{background:#0d141be0;backdrop-filter:blur(8px)}
.sanya-site #combat-menu :is(button,input,select){border-radius:0}
.sanya-site #combat-menu :is(button,a,input,select,summary):focus-visible{outline:3px solid #ee573e;outline-offset:3px}
.sanya-site #combat-menu :is(h2,h3,p){word-break:keep-all;overflow-wrap:break-word}.sanya-site #combat-menu .primary{background:#ee573e;color:#fff;border:1px solid #ee573e;border-radius:0;min-height:50px;font-weight:750}.sanya-site #combat-menu .primary:hover{background:#c8412b;border-color:#c8412b}

.sanya-site #combat-menu{padding:26px}.sanya-site #combat-menu h2{font-size:26px;font-weight:850;color:#263224}.sanya-site #combat-menu .eyebrow{color:#a9432b}.sanya-site #combat-menu>p{color:#6a775e}.sanya-site #combat-menu>button:not(.primary){background:#e1e3d6;border:1px solid #20242625;color:#57694a}.sanya-site #combat-menu #combat-exit{color:#a3432d;background:#eedbc9}.sanya-site #combat-menu #combat-menu-close{color:#788369;background:transparent}
@media(min-width:761px) and (max-height:850px){}
@media(max-width:370px){}
@media(prefers-reduced-motion:reduce){.sanya-site #combat-menu *{transition:none!important;animation:none!important}}

/* Squad assembly: portrait stage{width:min(1180px,calc(100vw - 48px));max-height:calc(100dvh - 48px);border-color:#87957b70;background:#111c18}
@media(max-width:900px){}
@media(max-width:700px){
}
@media(min-width:701px) and (max-height:740px){}
@media(max-width:700px){}
@media(max-width:700px){
}
@media(prefers-reduced-motion:reduce){}
@media(max-width:700px){}
/* Lobby: one shared stage{flex:1;min-height:0;display:flex;width:100%}
@media(max-width:700px){
}
@media(max-height:600px){
}

/* Shared modal palette; the landing page and combat HUD keep their own styles. */
.sanya-site :is(#combat-menu,#game-settings){
 --modal-bg:#101919;--modal-panel:#1b2922;--modal-line:#71837860;--modal-text:#edf0df;--modal-muted:#a9b8a5;--modal-accent:#d4e59b;
 --ink:var(--modal-text);--muted:var(--modal-muted);--acid:var(--modal-accent);--line:var(--modal-line);
 color-scheme:dark;background:var(--modal-bg);color:var(--modal-text);border:1px solid var(--modal-line);border-top:1px solid var(--modal-line);border-radius:8px;box-shadow:0 24px 90px #0009;scrollbar-color:#718378 #101919;scrollbar-width:thin
}
.sanya-site :is(#combat-menu,#game-settings)::backdrop{background:#06100de0;backdrop-filter:blur(8px)}
.sanya-site :is(#combat-menu,#game-settings) :is(button,input,select,fieldset){border-radius:4px}
.sanya-site :is(#combat-menu,#game-settings) :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--modal-accent);outline-offset:3px}
.sanya-site :is(#combat-menu,#game-settings) :is(h2,h3){color:var(--modal-text)}
.sanya-site :is(#combat-menu,#game-settings) :is(.eyebrow,legend){color:var(--modal-accent)}
.sanya-site :is(#combat-menu,#game-settings) :is(input[type=range],input[type=checkbox]){accent-color:var(--modal-accent)}
.sanya-site :is(#combat-menu,#game-settings) button:disabled{cursor:not-allowed;opacity:.55}
.sanya-site :is(#combat-menu,#game-settings) :is(.close-button,.modal-close,#combat-menu-close){display:grid;place-items:center;min-width:40px;width:40px;min-height:40px;height:40px;padding:0;border:1px solid var(--modal-line);border-radius:4px;background:#26352a;color:var(--modal-text);font-size:25px;line-height:1}
.sanya-site :is(#combat-menu,#game-settings) :is(.close-button,.modal-close,#combat-menu-close):hover{background:#354736;color:var(--modal-accent);border-color:var(--modal-accent)}.sanya-site #combat-menu .primary{background:var(--modal-accent);border-color:var(--modal-accent);color:#1a261b;border-radius:4px}.sanya-site #combat-menu .primary:hover{background:#e1efb3;border-color:#e1efb3;color:#1a261b}




.sanya-site #combat-menu h2{color:var(--modal-text)}
.sanya-site #combat-menu .eyebrow{color:var(--modal-accent)}
.sanya-site #combat-menu>p{color:var(--modal-muted)}
.sanya-site #combat-menu>button:not(.primary),.sanya-site #game-settings button:not(.close-button){background:var(--modal-panel);border:1px solid var(--modal-line);color:var(--modal-text);border-radius:4px}
.sanya-site #combat-menu>button:not(.primary):hover,.sanya-site #game-settings button:not(.close-button):hover{background:#2b3d2d;border-color:var(--modal-accent)}
.sanya-site #combat-menu #combat-exit{background:#30251f;color:#efb19a;border-color:#d9927740}
.sanya-site #game-settings :is(legend,output){color:var(--modal-accent)}
.sanya-site #game-settings fieldset{background:var(--modal-panel);border-color:var(--modal-line)}
.sanya-site #game-settings :is(.muted,#settings-note){color:var(--modal-muted)}
@media(prefers-reduced-motion:reduce){.sanya-site #game-settings *{transition:none!important;animation:none!important}}
@media(max-width:1100px){
}
@media(max-width:760px){
}

/* Full-height landing art and fluid section widths on larger displays. */
.sanya-site .landing-hero{max-height:none}
.sanya-site .hero-content{max-width:none}
@media(min-width:761px){
 .sanya-site{--site-gutter:clamp(32px,5vw,96px)}
 .sanya-site :is(.story-section,.landing-section,.landing-facts,.boss-content){width:100%;max-width:none;padding-inline:var(--site-gutter)}
 .sanya-site :is(.survivors-section,.ranking-section){padding-inline:var(--site-gutter)}
}