/* User-supplied reference, framed in CSS. Gameplay previews remain separately labelled. */
.baant .nw-hero .nw-art-label{top:auto;height:auto;left:auto}.baant .nw-header nav{display:flex!important}.baant .nw-mobile-dock .nw-dock-play{background:linear-gradient(#ff2448,#d9002d);box-shadow:0 0 20px #ff173d55}.baant .nw-account .nw-wallet .nw-wallet-xp{display:none}
.baant .nw-siege-layout .nw-hero{width:100%;min-width:0;align-self:start}.baant .nw-hero .nw-hero-shade{background:linear-gradient(0deg,#06090d 0 43%,#06090d00 60%)}
.baant{--bg:#050608;--panel:#111316;--line:#34383e;--fire:#ff1637;--muted:#b9bec5;background:#050608;color:#fff}
.baant [hidden]{display:none!important}.baant .nw-header{padding:6px 18px;min-height:64px;background:#090b0e;gap:18px}.baant .nw-header nav{gap:22px}.baant .nw-header nav a{font-size:13px;min-height:44px}.baant .nw-reference-logo{display:block;width:104px;height:44px;background:url(brand-reference.jpg) -34px -7px/1444px 1536px no-repeat}.baant .nw-brand{min-width:104px}.baant .nw-header .nw-login{background:linear-gradient(#fc1536,#bd0023);border-color:#ff5571;color:#fff}
.baant .nw-siege-layout,.baant .nw-shell,.baant .nw-quick-rail{max-width:none;width:100%;margin:0;padding:8px;gap:8px}.baant .nw-siege-layout{grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);align-items:stretch}.baant .nw-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.baant .nw-shell>.nw-section,.baant .nw-home-gallery,.baant .nw-release{grid-column:1/-1}.baant .nw-shell>.nw-live-panel{grid-column:auto}.baant[data-page]:not([data-page=home]) .nw-shell{display:block;min-height:65vh;padding:18px clamp(12px,2vw,30px)}
.baant .nw-hero{position:relative;aspect-ratio:805/440;min-height:0;max-height:none;padding:0;border-radius:3px;background-image:url(brand-reference.jpg);background-size:149.441% auto;background-position:left 5.357%;background-repeat:no-repeat;border-color:#343a42;display:block}.baant .nw-hero-shade{background:linear-gradient(0deg,#06090d 0%,#06090df5 17%,#06090d00 48%)}.baant .nw-hero-copy{position:absolute;bottom:74px;right:5%;width:49%;max-width:none;margin:0}.baant .nw-hero-copy .nw-season,.baant .nw-hero-kicker,.baant .nw-hero-copy .nw-hero-description,.baant .nw-hero-copy .nw-english-title{display:none}.baant .nw-hero-copy h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.baant .nw-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.baant .nw-cta .nw-btn{font-size:13px;min-width:0;min-height:46px;padding:8px}.baant .nw-hero .nw-art-label{bottom:48px;right:12px;font-size:9px;background:#050709de;color:#dfe1e4}.baant .nw-hero-bottom{height:42px;font-size:10px;background:#060a0fe8;padding:6px 14px;border-color:#3d424b;letter-spacing:.2px}
.baant .nw-account,.baant .nw-night-card,.baant .nw-panel,.baant .nw-live-panel,.baant .nw-map-card,.baant .nw-store-card,.baant .nw-character-layout,.baant .nw-battle-window{background:#101317;border-color:#343a43;box-shadow:0 6px 20px #0004;border-radius:4px}.baant .nw-account{border-top:2px solid #ff153b;gap:8px;padding:12px}.baant .nw-account h2{font-size:17px}.baant .nw-profile-avatar{position:relative;width:52px;height:58px;padding:0;border:1px solid #edc464;border-radius:50%;background:#121921;overflow:visible}.baant #nw-profile-photo{width:52px;height:58px;object-fit:cover;object-position:center 24%;border-radius:50%}.baant #nw-rank-icon{position:absolute;width:23px;height:27px;right:-8px;bottom:-5px}.baant .nw-rank-summary{display:grid;grid-template-columns:1fr auto;gap:4px}.baant .nw-rank-summary progress{grid-column:1/-1;width:100%;height:7px;accent-color:#00e29c}.baant .nw-rank-summary .nw-link{font-size:10px;min-height:25px}.baant .nw-wallet{gap:6px}.baant .nw-wallet span{background:#090c10;border-color:#333b45;padding:6px}.baant .nw-wallet b{font-size:18px}.baant .nw-profile-menu{gap:4px}.baant .nw-profile-menu button{min-height:44px;background:#1a2027;border-color:#333c46;font-size:12px;color:#f1f4f7}.baant .nw-profile-menu .nw-icon{color:#e0e5ec}.baant .nw-night-card{padding:12px;background:linear-gradient(90deg,#0a0c0ff2,#0a0c0f88),url(maps/graveyard.jpg) center/cover}.baant .nw-night-card h2{font-size:20px;margin:6px 0;color:#ff294a}.baant .nw-night-card p,.baant .nw-night-card small{margin:4px 0}.baant .nw-night-card .nw-btn{min-height:44px;padding:8px 14px}
.baant .nw-btn,.baant .nw-cta .nw-btn:not(.primary){background:linear-gradient(#242a31,#11161b);border-color:#59616b;color:#fff}.baant .nw-btn.primary{background:linear-gradient(#ff173d,#c90028);border:1px solid #ff5775;box-shadow:0 4px 15px #ff002d35,inset 0 1px #ff9baa55}.baant .nw-btn.primary:hover{background:#ff2746}.baant .nw-eyebrow{color:#f8bb4b;letter-spacing:1.5px}.baant .nw-section{margin-top:14px}.baant .nw-section-head{margin-bottom:12px}.baant .nw-section-head h2{font-size:26px}.baant .nw-quick-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.baant .nw-quick-rail>a,.baant .nw-quick-rail>button{background:#10151b;border-color:#303943;padding:12px;min-height:70px}.baant .nw-rail-icon{color:#ff2444}.baant .nw-home-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 4px}.baant .nw-home-gallery a{display:grid;grid-template-columns:100px 1fr;align-items:center;min-width:0;background:#11151b;border:1px solid #333b46;border-radius:4px;overflow:hidden;color:#fff;text-decoration:none}.baant .nw-home-gallery img{width:100px;height:105px;object-fit:contain;background:#090c11}.baant .nw-home-gallery span{font-size:13px;padding:12px}.baant .nw-home-gallery b{display:block;color:#ff3c57;margin-top:8px;font-size:14px}.baant .nw-battle-window{grid-template-columns:1fr;margin-top:14px}.baant .nw-battle-window>div{padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.baant .nw-battle-window h2{font-size:18px;flex:1}.baant .nw-battle-window p{display:none}.baant .nw-battle-window .nw-eyebrow{font-size:9px;flex-basis:100%}.baant .nw-live-panel{padding:18px}.baant .nw-live-counts>span{background:#191e25;border-color:#3b444f;color:#c9d2dc}.baant .nw-live-counts b{color:#00efa6}.baant .nw-live-panel>small{display:block;font-size:10px;color:#99a5b3}.baant .nw-home-updates{gap:8px}.baant .nw-home-updates .nw-panel{padding:18px}.baant .nw-release{padding:12px;margin-top:10px;font-size:12px}.baant details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#e6e9ee}.baant .nw-footer{padding:18px;background:#090b0e;border-color:#363e48;gap:15px}.baant .nw-mobile-dock{background:#0a0d12f2;border-color:#424b57}.baant .nw-mobile-dock button,.baant .nw-mobile-dock a{color:#edf2f8}
.baant .nw-store-card{display:flex;flex-direction:column}.baant .nw-store-card .nw-skin-art{aspect-ratio:1/1;border-color:#333e4b;background:#0b1017}.baant .nw-store-content{padding:12px;flex:1}.baant .nw-store-content .nw-eyebrow{font-size:9px}.baant .nw-store-content h3{font-size:18px}.baant .nw-store-content p{font-size:12px;line-height:1.5}.baant .nw-store-content .nw-muted{display:none}.baant .nw-store-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.baant #nw-store-filters button{background:#1b232c;border-color:#455364}.baant #nw-store-filters button[aria-pressed=true]{background:#e70730;border-color:#ff6d84}.baant .nw-map-card[aria-pressed=true],.baant .nw-hero-choice[aria-pressed=true]{background:#2b1019;border-color:#ff3158;box-shadow:inset 3px 0 #ff2749}.baant .nw-model-card,.baant .nw-fitting-stage{background:radial-gradient(ellipse at 50% 70%,#32313b,#10131a 70%);border-color:#424651}.baant #nw-model,.baant #nw-fitting{background:transparent}.baant .nw-hero-choice,.baant .nw-outfit-choice{background:#171c24;border-color:#394453}.baant input,.baant select,.baant textarea{background:#0a0e14;border-color:#495465;color:#fff}.baant .nw-payment{background:#10151c;border-color:#4e5868}.baant .nw-dialog{background:#101318;border-color:#4b515c;border-top:2px solid #ff173d;border-radius:6px;scrollbar-color:#5b6370 #0a0d12}.baant .nw-dialog-head{position:sticky;top:-1px;z-index:2;background:#101318;padding:4px 0 10px;margin:0 0 10px}.baant .nw-dialog-head .nw-eyebrow{font-size:9px}.baant .nw-dialog-head h2{font-size:22px}.baant .nw-settings-tip,.baant .nw-loadout{background:#171c24;border-color:#3b4655}
.baant .nw-wardrobe{width:min(960px,calc(100vw - 16px));padding:12px;max-height:94dvh;overflow:auto}.baant .nw-fitting-layout{grid-template-columns:1.15fr 1fr;gap:12px}.baant .nw-fitting-stage>select{width:calc(100% - 16px);margin:8px;min-height:44px}.baant .nw-fitting-stage canvas{height:380px}.baant .nw-fitting-camera{padding:0 10px;background:#141a22}.baant .nw-fitting-camera summary{font-size:12px}.baant .nw-fitting-tools{background:#141a22;padding:6px;gap:6px}.baant .nw-fitting-tools label{font-size:11px}.baant .nw-fitting-tools input{min-height:32px}.baant .nw-fitting-options{min-width:0;max-height:none;overflow:visible}.baant .nw-outfit-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:8px}.baant .nw-outfit-heading span{font-size:10px;color:#aebac8}.baant .nw-outfit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:285px;overflow-y:auto;padding:2px}.baant .nw-outfit-choice{display:flex;flex-direction:column;gap:4px;padding:5px;min-width:0;min-height:0;flex:none;text-align:center;border-radius:5px}.baant .nw-outfit-choice img{width:100%;height:85px;object-fit:contain;background:#101823;border-radius:3px}.baant .nw-outfit-choice b{font-size:10px;line-height:1.4}.baant .nw-outfit-choice small{display:block;font-size:10px;color:#ffd56c}.baant .nw-outfit-choice[aria-pressed=true]{border-color:#ff3153;background:#3a101b;box-shadow:0 0 0 1px #ff3153}.baant .nw-fitting-summary{position:static;margin-top:10px;padding:10px;background:#0a0e14;border:1px solid #39414f;border-radius:5px}.baant .nw-fitting-summary h3{font-size:18px;margin:0;color:#ffdf83}.baant .nw-fitting-summary p{font-size:11px;line-height:1.5;margin:6px 0;color:#c5cfdb}.baant .nw-fitting-summary .nw-btn{min-height:44px;padding:8px;font-size:13px}.baant .nw-fitting-summary summary{font-size:10px;min-height:30px;color:#9dadc0}.baant .nw-launch-heroes{max-height:290px;overflow:auto}.baant .nw-launch-hero{min-height:54px;background:#171d26;border-color:#3e4b5c}.baant .nw-launch-hero[aria-pressed=true]{background:#471323;border-color:#ff3155}.baant .nw-launch-actions{background:#101318}.baant .nw-launch-card{background:#0b1016;border-color:#3b4450}
@media(max-width:1000px){.baant .nw-hero{min-height:420px;background-size:auto 1220px;background-position:45% 4.5%}.baant .nw-hero-copy{right:4%;width:70%}.baant .nw-header nav{gap:18px}.baant .nw-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.baant .nw-header{padding:6px 10px;gap:8px}.baant .nw-header nav{order:4;justify-content:flex-start;gap:20px;margin:0;padding:0}.baant .nw-header nav a{font-size:12px}.baant .nw-siege-layout{display:grid;grid-template-columns:1fr}.baant .nw-hero{min-height:390px;aspect-ratio:auto;background-size:auto 1220px;background-position:48% 4.5%}.baant .nw-hero-copy{width:calc(100% - 24px);right:12px;bottom:76px}.baant .nw-hero-shade{background:linear-gradient(0deg,#06090d 0,#06090df0 25%,#06090d00 62%)}.baant .nw-cta .nw-btn{font-size:14px;min-height:48px}.baant .nw-hero-bottom{height:42px;gap:8px;padding:4px;font-size:9px;letter-spacing:0}.baant .nw-hero-bottom span:last-child{font-size:9px;margin:0}.baant .nw-art-label{font-size:8px}.baant .nw-portal-sidebar{display:block}.baant .nw-account{grid-template-columns:52px minmax(0,1fr)}.baant .nw-rank-summary{display:none}.baant .nw-account .nw-eyebrow{display:none}.baant .nw-wallet{display:grid;grid-template-columns:1fr 1fr auto}.baant .nw-wallet b{font-size:17px}.baant .nw-profile-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.baant .nw-profile-menu button{font-size:10px;min-height:44px;gap:5px;padding:5px}.baant .nw-quick-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.baant .nw-quick-rail>a,.baant .nw-quick-rail>button{min-height:58px;padding:8px}.baant .nw-quick-rail small{display:none}.baant .nw-shell{grid-template-columns:1fr}.baant .nw-home-gallery{gap:5px}.baant .nw-home-gallery a{display:flex;flex-direction:column}.baant .nw-home-gallery img{width:100%;height:90px}.baant .nw-home-gallery span{padding:7px;font-size:10px;text-align:center}.baant .nw-home-gallery b{font-size:11px;margin-top:3px}.baant .nw-live-panel{padding:12px}.baant .nw-section-head h2{font-size:24px}.baant .nw-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.baant .nw-store-content{padding:9px}.baant .nw-store-content h3{font-size:15px}.baant .nw-store-content p{font-size:11px}.baant .nw-store-content .nw-eyebrow{display:none}.baant .nw-store-actions{gap:5px}.baant .nw-store-card .nw-btn{flex:1;padding:6px;font-size:11px;min-height:44px}.baant .nw-character-layout{gap:10px}.baant .nw-roster{max-height:190px;grid-template-columns:repeat(4,minmax(0,1fr))}.baant .nw-hero-choice{display:flex;flex-direction:column;padding:5px;gap:3px}.baant .nw-hero-choice img{width:48px;height:58px}.baant .nw-hero-choice b{font-size:10px}.baant .nw-hero-choice small{display:none}.baant #nw-model{height:300px}.baant .nw-character-info h3{font-size:27px}.baant .nw-character-info .nw-btn{margin-top:8px;min-height:44px}.baant .nw-character-info .nw-muted{display:none}.baant .nw-dialog{padding:12px}.baant .nw-dialog-head{background:#101318}.baant .nw-wardrobe .nw-dialog-head{background:#101318}.baant .nw-fitting-layout{grid-template-columns:1fr;gap:8px}.baant .nw-fitting-stage canvas{height:250px}.baant .nw-fitting-stage>select{margin:5px 8px}.baant .nw-fitting-camera summary{min-height:30px;font-size:11px}.baant .nw-outfit-heading{margin-bottom:4px}.baant .nw-outfit-list{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;gap:6px;scroll-snap-type:x proximity;padding:3px 2px 7px}.baant .nw-outfit-choice{width:82px;scroll-snap-align:start}.baant .nw-outfit-choice img{height:64px}.baant .nw-outfit-choice b{font-size:9px}.baant .nw-outfit-choice small{font-size:9px}.baant .nw-fitting-summary{margin-top:5px;padding:8px}.baant .nw-fitting-summary h3{font-size:16px}.baant .nw-fitting-summary p{font-size:10px;margin:4px 0}.baant .nw-fitting-summary details{margin-top:3px}.baant .nw-fitting-summary summary{min-height:25px}.baant .nw-launch-heroes{max-height:205px}.baant .nw-launch-card img{max-height:150px;object-fit:contain}.baant .nw-settings p{font-size:11px;margin-bottom:10px}.baant .nw-settings-tip{display:none}}
@media(max-height:600px) and (orientation:landscape){.baant .nw-fitting-layout{grid-template-columns:1fr 1fr}.baant .nw-fitting-stage canvas{height:210px}.baant .nw-fitting-options{max-height:73dvh;overflow:auto}.baant .nw-outfit-list{max-height:180px}.baant .nw-wardrobe{max-height:96dvh}.baant .nw-dialog-head{padding:0 0 4px}}
@media(min-width:1001px){.baant .nw-hero .nw-hero-shade{background:linear-gradient(0deg,#06090d 0 21%,#06090d00 45%)}.baant .nw-hero-copy{top:59%;bottom:auto;right:4%;width:50%;padding:10px;background:#080b0ff5;border-radius:5px}.baant .nw-hero .nw-art-label{bottom:49px}}
/* Independent key art and live HTML: one aspect ratio, no raster UI or distorted lettering. */
.baant .nw-header nav{scrollbar-width:thin;scrollbar-color:#576271 #10151b}.baant .nw-header nav::-webkit-scrollbar{height:4px}.baant .nw-header nav::-webkit-scrollbar-thumb{background:#576271;border-radius:3px}.baant .nw-header nav::-webkit-scrollbar-track{background:#10151b}
.baant .nw-siege-layout .nw-hero{background:#070b10 url(nightwatch-hero-ui7.png) left center/cover no-repeat;min-height:510px;aspect-ratio:auto;height:100%;align-self:stretch}.baant .nw-hero .nw-hero-shade{background:linear-gradient(90deg,transparent 30%,#05080c44 53%,#05080c99),linear-gradient(0deg,#05080ce8,transparent 40%)}.baant .nw-hero-copy{position:absolute;top:50%;bottom:auto;right:4%;width:49%;padding:0;margin:0;transform:translateY(-50%);background:none}.baant .nw-hero-copy h1{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font:700 clamp(46px,5.4vw,83px)/1.2 Kanit,Tahoma,sans-serif;letter-spacing:-2px;color:#f9f8f5;text-shadow:0 2px #959bad,0 4px #191b22,0 8px 18px #000;margin:8px 0 0}.baant .nw-hero-copy h1:before{content:'✦';display:block;color:#ff173c;font-size:32px;text-shadow:0 0 18px #ff002f80;line-height:1}.baant .nw-hero-copy .nw-english-title{display:block;font:bold clamp(12px,1.4vw,20px)/1.7 Arial,sans-serif;letter-spacing:4px}.baant .nw-hero-copy .nw-hero-description{display:block;font-size:14px!important;color:#e8eaf0;text-shadow:0 2px 5px #000;margin:18px 0!important;line-height:1.7}.baant .nw-hero .nw-cta{grid-template-columns:1fr 1fr}.baant .nw-hero .nw-play-main{font-size:14px}.baant .nw-brand-icon{width:21px;height:21px;display:inline-block;flex:none;vertical-align:middle;filter:drop-shadow(0 2px 4px #0005)}.baant .nw-header nav a{display:flex;gap:6px;align-items:center}.baant .nw-header nav{gap:18px}.baant .nw-rail-icon .nw-brand-icon{width:28px;height:28px}.baant .nw-mobile-dock .nw-brand-icon{width:24px;height:24px}.baant .nw-mobile-dock .nw-dock-play .nw-brand-icon{width:30px;height:30px}
@media(max-width:1000px) and (min-width:761px){.baant .nw-siege-layout .nw-hero{min-height:550px;background-position:35% center}.baant .nw-hero-copy{width:88%;right:6%;top:auto;bottom:85px;transform:none;background:#070b1180;padding:14px}.baant .nw-hero-copy h1{font-size:55px}.baant .nw-header nav{gap:12px}}
@media(max-width:760px){.baant .nw-siege-layout .nw-hero{min-height:520px;height:auto;background-size:auto 315px;background-position:25% top}.baant .nw-hero .nw-hero-shade{background:linear-gradient(0deg,#070b10 0 35%,transparent 67%)}.baant .nw-hero-copy{top:auto;bottom:78px;right:12px;width:calc(100% - 24px);transform:none;padding:0}.baant .nw-hero-copy h1{font-size:49px;line-height:1.25;margin:0}.baant .nw-hero-copy h1:before{font-size:23px}.baant .nw-hero-copy .nw-english-title{font-size:13px;letter-spacing:3px}.baant .nw-hero-copy .nw-hero-description{font-size:12px!important;margin:9px 0 12px!important}.baant .nw-hero-copy .nw-hero-description br{display:none}.baant .nw-header nav{gap:15px}.baant .nw-header nav .nw-brand-icon{width:17px;height:17px}.baant .nw-header nav a{font-size:12px;gap:5px}.baant .nw-hero .nw-art-label{font-size:8px;bottom:48px}.baant .nw-hero .nw-cta .nw-btn{min-height:46px}}