.brand-art{width:145px;height:76px;display:flex;align-items:center}.brand-art img{width:100%;height:100%;object-fit:contain}
.hero-new-art{display:block;height:auto;min-height:0;overflow:visible}.hero-new-art .hero-art{position:relative;inset:auto;width:100%;height:auto;max-width:1440px;margin:auto}.hero-new-art .hero-art img{width:100%;height:auto;max-height:700px;object-fit:contain;object-position:center;opacity:1}.hero-new-art .art-shade{background:linear-gradient(0deg,#101713,transparent 20%);pointer-events:none}
.hero-new-art .hero-content{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;width:auto;max-width:1280px;margin:-20px auto 0;padding:0 5vw 55px}.hero-new-art .hero-heading{align-self:center}.hero-new-art .eyebrow{margin-bottom:18px}.hero-new-art h1{font-size:clamp(42px,4.5vw,70px);letter-spacing:-2px}.hero-new-art .hero-game{margin-top:10px;font-size:9px;letter-spacing:2px}.hero-new-art .hero-description{margin-top:15px;max-width:100%;font-size:14px}.hero-new-art .hero-buttons{margin-top:22px}.hero-new-art .hero-note{margin-top:14px}.hero-new-art .hero-bottom{position:static;max-width:1280px;margin:auto;padding:0 5vw 25px}
.gameplay-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.gameplay-gallery figure{margin:0;min-width:0}.gameplay-gallery figure:first-child{grid-column:1/-1}.gallery-open{display:block;position:relative;border:1px solid #ccaa6370;background:#090f0b;padding:7px}.gallery-open img{width:100%;height:auto;aspect-ratio:1280/591;object-fit:contain}.gallery-open>span{position:absolute;bottom:15px;right:15px;background:#101713e8;border:1px solid #ccaa6370;padding:8px 12px;font-size:10px;letter-spacing:.5px}.gallery-open:hover>span{background:#ccaa63;color:#101713}.gameplay-gallery figcaption{padding:17px 0 4px}.gameplay-gallery h3{font:400 24px/1.2 var(--font)}.gameplay-gallery figcaption p{font-size:12px;color:var(--muted);margin-top:8px}.gallery-note{font-size:11px;color:#b4bca9;margin-top:20px}
.screenshot-dialog{padding:50px 15px 18px;max-width:95vw;width:1320px;max-height:94svh;border:1px solid var(--gold);background:#101713;color:var(--ivory)}.screenshot-dialog::backdrop{background:#000d}.screenshot-dialog img{max-height:75svh;width:100%;object-fit:contain}.screenshot-dialog p{font-size:13px;margin-top:14px}.dialog-close{position:absolute;right:15px;top:8px;padding:10px 15px;background:transparent;border:1px solid var(--line);color:var(--ivory)}
.spotlight-section .section-shell{padding-block:90px}.spotlight-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:end}.spotlight-intro .eyebrow{margin-bottom:22px}.spotlight-intro>p{font-size:15px;color:var(--muted);padding-bottom:5px}
.hero-rule{display:grid;grid-template-columns:200px 1fr;gap:45px;margin-top:42px;padding:35px;border:1px solid #ccaa6360;background:#0c150e70}.rule-number{font:400 78px/1 var(--font);letter-spacing:-3px;color:var(--gold);border-right:1px solid var(--line);padding-right:25px}.rule-number>span{display:block;font:700 9px/1.5 Arial,sans-serif;letter-spacing:1.5px;margin-top:16px;color:#c9d1bf}.hero-rule h3{font:400 25px/1.2 var(--font);margin-bottom:14px}.hero-rule p{font-size:13px;color:#bfc7b5;margin-top:10px}.hero-rule strong{color:var(--ivory);font-weight:600}.rule-key{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:17px}.rule-key span{font-size:10px;color:#d0d8c6;display:flex;gap:7px;align-items:center}.rule-key i{width:5px;height:5px;border-radius:50%;background:#a1c781}.rule-key span:last-child i{background:var(--gold)}
.roster-instruction{font-size:9px;font-weight:bold;letter-spacing:2px;color:#b9c1ae;margin-top:45px;margin-bottom:14px}.roster-tabs{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--line);background:#101713}.roster-tabs button{border:0;border-right:1px solid var(--line);background:none;color:#b9c3ad;padding:18px 7px;min-height:62px;font-size:12px;font-weight:700;position:relative}.roster-tabs button:last-child{border-right:0}.roster-tabs button span{display:block;font:400 9px var(--font);margin-bottom:6px;color:#8d997d}.roster-tabs button[aria-selected=true]{background:#ccaa63;color:#101713}.roster-tabs button[aria-selected=true] span{color:#2e3824}.roster-tabs button:hover:not([aria-selected=true]){background:#293425;color:var(--ivory)}
.hero-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%;padding-top:45px;align-items:start}.spotlight-visual{min-width:0}.spotlight-portrait{height:365px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:28px;background:radial-gradient(ellipse at center,#37512b55,transparent 68%)}.spotlight-portrait img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 10px 18px #0007)}.spotlight-index{position:absolute;right:0;top:4px;font:400 95px/1 var(--font);color:#ccaa6325}
.allocation{padding:23px 25px;background:#101713;border:1px solid var(--line)}.allocation-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:23px}.allocation h4{font:400 19px/1.2 var(--font)}.allocation-heading>span{font-size:8px;letter-spacing:.6px;color:var(--gold);white-space:nowrap}.stat-row{display:grid;grid-template-columns:1fr auto;gap:5px 15px;margin-top:13px;font-size:11px;color:#bfc8b3}.stat-row strong{color:var(--ivory);font-size:12px}.stat-track{height:4px;background:#34412e;width:100%;grid-column:1/-1}.stat-track i{display:block;height:100%;background:var(--gold)}
.skill-preview{margin:27px 0 0;border:1px solid #ccaa6355;background:#101713}.skill-preview video{width:100%;aspect-ratio:16/9;display:block;background:#101713}.skill-preview figcaption{padding:17px 18px}.skill-preview strong{font-size:8px;letter-spacing:1.6px;color:var(--gold)}.skill-preview p{font-size:11px;color:#b5bda9;margin-top:9px}
.spotlight-guide>.eyebrow{font-size:9px;letter-spacing:2px;margin:4px 0 13px}.spotlight-guide>h3{font:400 clamp(34px,3.5vw,49px)/1.08 var(--font);letter-spacing:-1.1px}.hero-strategy{font-size:15px;color:#c4cdb8;margin-top:20px;line-height:1.7}.ability-block{border-left:2px solid #a6bc87;padding:0 0 0 19px;margin-top:28px}.ability-block.active{border-left-color:var(--gold)}.ability-kind{font-size:8px;font-weight:700;letter-spacing:1.4px;color:#b5cc96}.active .ability-kind{color:var(--gold)}.ability-block h4{font:400 26px/1.2 var(--font);margin-top:9px}.ability-block p{font-size:13px;color:#bdc7b3;margin-top:13px}.cooldown{display:inline-block;font-size:10px;background:#ccaa6315;border:1px solid var(--line);padding:6px 10px;margin-top:10px;color:#d8c394}
.field-guide{margin-top:32px;border-top:1px solid var(--line);padding-top:25px}.field-guide>.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:20px}.field-guide article{margin-top:20px}.field-guide h5{font-size:14px;font-weight:600;color:var(--ivory);margin:0 0 8px}.field-guide p{font-size:13px;color:#bac4af}.tactical-note{margin-top:26px;padding:20px;background:#ccaa630b;border:1px solid var(--line)}.tactical-note>span{color:var(--gold);font-size:8px;letter-spacing:1.4px;font-weight:700}.tactical-note p{font-size:12px;color:#c3cbb8;margin-top:10px}.spotlight-guide>.text-link{margin-top:15px}.balance-note{font-size:10px;color:#acb59e;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;max-width:900px}
@media(max-width:1000px){.hero-new-art .hero-content{gap:5%}.hero-new-art .hero-buttons .button{padding:16px 18px;font-size:11px}.hero-rule{gap:25px;grid-template-columns:160px 1fr;padding:26px}.rule-number{font-size:67px}.hero-panel{gap:5%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.allocation{padding:20px 16px}.allocation-heading{display:block}.allocation-heading>span{display:block;margin-top:7px}.spotlight-portrait{height:300px}}
@media(max-width:760px){.brand-art{width:128px;height:65px}.hero-new-art .hero-art{height:auto;min-height:0}.hero-new-art .hero-art img{width:100%;max-height:none;height:auto;object-fit:contain}.hero-new-art .art-shade{background:linear-gradient(0deg,#101713,transparent 13%)}.hero-new-art .hero-content{display:block;margin:0;padding:22px 6vw 35px;width:100%}.hero-new-art h1{font-size:47px;line-height:1.06;letter-spacing:-1.9px}.hero-new-art .eyebrow{margin-bottom:16px}.hero-new-art .hero-game{margin-top:22px;font-size:8px;letter-spacing:1.4px}.hero-new-art .hero-description{font-size:14px}.hero-new-art .hero-buttons .button{font-size:12px;padding:16px 20px}.hero-new-art .hero-bottom{padding:0 6vw 23px}.gameplay-gallery{display:block;margin-top:30px}.gameplay-gallery figure{margin-bottom:25px}.gallery-open{padding:4px}.gallery-open>span{font-size:8px;bottom:10px;right:10px;padding:6px 9px}.gameplay-gallery h3{font-size:23px}.gameplay-gallery figcaption p{font-size:12px}.spotlight-section .section-shell{padding-block:65px}.spotlight-intro{display:block}.spotlight-intro>p{margin-top:23px;font-size:14px}.hero-rule{display:block;padding:25px;margin-top:30px}.rule-number{border-right:0;border-bottom:1px solid var(--line);padding:0 0 19px;margin-bottom:24px;font-size:72px;display:flex;align-items:center;gap:25px}.rule-number>span{max-width:100px;margin-top:0;font-size:9px}.hero-rule h3{font-size:25px}.rule-key{display:block}.rule-key span{margin-top:12px;line-height:1.7}.roster-instruction{font-size:8px;letter-spacing:1.4px;margin-top:30px}.roster-tabs{grid-template-columns:repeat(4,1fr)}.roster-tabs button{font-size:11px;min-height:61px;padding:13px 3px;border-bottom:1px solid var(--line)}.roster-tabs button:nth-child(4){border-right:0}.hero-panel{display:flex;flex-direction:column;padding-top:30px;gap:32px}.spotlight-visual{width:100%;display:flex;flex-direction:column;gap:0}.spotlight-portrait{width:100%;height:300px;margin-bottom:24px}.spotlight-index{font-size:65px;right:6px}.allocation,.skill-preview{width:100%}.allocation{padding:21px}.allocation-heading{display:flex}.allocation h4{font-size:21px}.allocation-heading>span{margin-top:0}.stat-row{font-size:12px}.skill-preview{margin-top:24px}.skill-preview figcaption{padding:16px}.skill-preview strong{font-size:9px;letter-spacing:1px}.skill-preview p{font-size:12px}.spotlight-guide{width:100%}.spotlight-guide>h3{font-size:38px}.hero-strategy{font-size:14px}.ability-block p,.field-guide p{font-size:13px}.ability-block h4{font-size:27px}.ability-kind{font-size:7px;letter-spacing:1.2px}.screenshot-dialog{padding-top:48px}.balance-note{font-size:10px}.hero-rule p{font-size:13px}}
@media(max-width:400px){.hero-new-art h1{font-size:41px}.hero-new-art .hero-buttons .button{padding:15px 16px}.spotlight-portrait{height:280px}.hero-rule{padding:22px}.rule-number{font-size:62px}}

.allocation h4{margin:0}.ability-block h4{margin:9px 0 0}
.video-frame{position:relative}.video-start{position:absolute;inset:0;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;background:#07100822;border:0;color:#fff4d6;font:600 12px Arial,sans-serif;text-shadow:0 1px 5px #000}
.video-start>span:first-child{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding-left:3px;background:#ccaa63;color:#101713;border:1px solid #ffe3a4;border-radius:50%;font-size:18px;box-shadow:0 4px 18px #0005;text-shadow:none}.video-start:hover{background:#07100800}.video-start:hover>span:first-child{background:#e7c989}
@media(max-width:760px){.hero-panel{gap:0}.spotlight-guide{display:contents}.spotlight-guide>.eyebrow{order:0;margin:4px 0 12px}.spotlight-guide>h3{order:1;margin:0}.hero-strategy{order:2;margin-top:18px}.spotlight-visual{order:3;margin-top:24px}.ability-block{order:4;margin-top:30px}.ability-block.active{order:5}.field-guide{order:6;margin-top:30px}.tactical-note{order:7}.spotlight-guide>.text-link{order:8;align-self:flex-start}}