.cw-home{margin:0;background:#02080d;color:#f6f8fa;font-family:Arial,Helvetica,sans-serif}
.cw-home *{box-sizing:border-box}.cw-home a{text-decoration:none;color:inherit}
.cw-nav{height:50px;padding:0 4.3%;display:flex;align-items:center;gap:34px;background:#020c14;border-bottom:1px solid #263b48;position:relative;z-index:50}
.cw-logo{display:flex;align-items:center;font-size:25px;font-weight:1000;letter-spacing:-2px;white-space:nowrap}.cw-logo b,.cw-footer b span{color:#ed1029}.cw-crown{font-size:27px;margin-right:7px;color:#fff}
.cw-nav nav{height:100%;display:flex;align-items:stretch;gap:30px;flex:1}.cw-nav nav a{display:flex;align-items:center;font-size:11px;font-weight:700;white-space:nowrap}.cw-nav nav .active{border-bottom:3px solid #ed1029}
.cw-actions{display:flex;gap:10px;white-space:nowrap}.cw-login,.cw-play,.cw-trailer{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 21px;border:1px solid #5d7180;border-radius:3px;font-weight:900}
.cw-play{background:linear-gradient(#ff263e,#d9041d);border-color:#ff2d43}.cw-hero{height:328px;position:relative;overflow:hidden;background:#02080d}
.cw-art{position:absolute;inset:0;background:url('/assets/img/citywar-hero-clean.jpg') center 52%/cover no-repeat;filter:saturate(1.08) contrast(1.05)}
.cw-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,6,10,.94) 0%,rgba(1,6,10,.77) 23%,rgba(1,6,10,.24) 43%,rgba(1,6,10,.02) 66%),linear-gradient(0deg,rgba(1,6,10,.42),transparent 45%)}
.cw-copy{position:absolute;z-index:3;left:7.5%;top:35px;width:545px;max-width:39vw;text-shadow:0 2px 8px #000}.cw-kicker{font-size:11px;color:#ff2037;letter-spacing:2px;font-weight:900;margin-bottom:7px}
.cw-copy h1{font-size:57px;line-height:.86;letter-spacing:-5px;margin:0 0 9px}.cw-copy h1 b{color:#ed1029}.cw-copy h2{font-size:17px;letter-spacing:1.5px;margin:0 0 8px}.cw-copy p{font-size:12px;line-height:1.45;margin:0 0 11px}
.cw-buttons{display:flex;gap:10px}.cw-buttons .large{height:43px}.cw-trailer{height:43px;background:#07131bcf}.cw-checks{display:flex;gap:18px;margin-top:9px;font-size:9px}.cw-checks span::first-letter{color:#ed1029}
.cw-stats{width:89%;height:68px;margin:-12px auto 9px;position:relative;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);background:#06141d;border:1px solid #36515f;border-radius:4px;box-shadow:0 8px 28px #0008}
.cw-stats>div{display:flex;align-items:center;gap:15px;padding:9px 25px;border-right:1px solid #29414e}.cw-stats i{font-style:normal;font-size:27px}.cw-stats .dot{width:17px;height:17px;background:#17e37c;border-radius:50%;box-shadow:0 0 16px #17e37c}.cw-stats .gold{color:#ffb326;font-size:34px}
.cw-stats p{margin:0}.cw-stats strong,.cw-stats small{display:block}.cw-stats strong{font-size:14px}.cw-stats small{font-size:9px;color:#b2c1c9;margin-top:3px}
.cw-main{width:89%;margin:auto}.cw-features{display:grid;grid-template-columns:repeat(7,1fr);height:132px;background:#06131b;border:1px solid #29414f}
.cw-features div{text-align:center;padding:17px 5px;border-right:1px solid #263e4b;font-size:28px}.cw-features b,.cw-features small{display:block}.cw-features b{font-size:11px;margin:5px}.cw-features small{font-size:9px;line-height:1.25}
.cw-grid{display:grid;grid-template-columns:.9fr 1.85fr .75fr;gap:8px;margin-top:8px}.cw-grid article{height:225px;background:#06131b;border:1px solid #29414f;border-radius:4px;padding:12px;overflow:hidden}.cw-grid h3{font-size:12px;margin:0 0 7px}
.cw-feed em{float:right;background:#ed1029;padding:4px 7px;border-radius:3px;font-size:8px;font-style:normal}.cw-feed p{font-size:8px;margin:0;padding:7px 2px;border-bottom:1px solid #1b3340}.cw-feed time{float:right;color:#9eb0ba}
.cw-impression{text-align:center}.cw-impression>small{font-size:8px;color:#aebcc4}.cw-shots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.cw-shots figure{height:143px;margin:0;position:relative;border:1px solid #3b5361;background:#0b1c27;overflow:hidden}.cw-shots figure:before{content:"";position:absolute;inset:0;background:url('/assets/img/citywar-hero-clean.jpg') center/420% no-repeat}.cw-shots .s1:before{background-position:28% 45%}.cw-shots .s2:before{background-position:95% 67%}.cw-shots .s3:before{background-position:67% 48%}.cw-shots .s4:before{background-position:48% 36%;filter:hue-rotate(270deg) saturate(1.7)}
.cw-shots span{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:7px;background:linear-gradient(transparent,#02080dec);font-size:8px;font-weight:900}.cw-dots{font-size:8px;color:#55798d;margin-top:4px}.cw-dots::first-letter{color:#ed1029}
.cw-ranking ol{padding-left:20px;margin:5px 0}.cw-ranking li{font-size:8px;padding:7px 2px;border-bottom:1px solid #1b3340}.cw-ranking li span{float:right}.cw-ranking>a{display:block;text-align:center;border:1px solid #3c5867;padding:8px;margin-top:6px;font-size:8px}
.cw-cta{height:100px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:55px;background:linear-gradient(90deg,#080d11,#16222a,#12070a);border-top:1px solid #304651;text-align:center}.cw-cta h2{font-size:23px;margin:0}.cw-cta p{font-size:9px;letter-spacing:1.5px;margin:3px}.cw-cta .large{height:42px}
.cw-footer{height:72px;padding:0 4%;display:flex;align-items:center;gap:40px;border-top:1px solid #263a46;background:#020a10;color:#aab8c0;font-size:8px}.cw-footer>div:first-child{display:flex;flex-direction:column}.cw-footer b{font-size:20px;color:#fff}.cw-footer nav{margin-left:auto}
@media(max-width:1100px){.cw-nav{gap:18px}.cw-nav nav{gap:16px}.cw-copy{left:4%;max-width:48vw}.cw-art{background-position:60% center}}
@media(max-width:950px){.cw-nav nav{display:none}.cw-actions{margin-left:auto}.cw-hero{height:420px}.cw-art{background-position:64% center}.cw-overlay{background:rgba(1,6,10,.58)}.cw-copy{left:22px;top:32px;width:calc(100% - 44px);max-width:none}.cw-copy h1{font-size:50px}.cw-stats{grid-template-columns:1fr 1fr;height:auto;margin:0 auto 9px}.cw-features{grid-template-columns:1fr 1fr;height:auto}.cw-grid{grid-template-columns:1fr}.cw-grid article{height:auto;min-height:210px}.cw-cta{height:auto;padding:22px;flex-direction:column;gap:8px}.cw-footer{height:auto;padding:18px;flex-direction:column;align-items:flex-start}.cw-footer nav{margin-left:0}}