/* Reviewed Tower Defence typography. Original artwork and play destination retained. */
body #main-content>.tower-promo{position:relative!important;container-type:inline-size!important;height:40vw!important;min-height:0!important;margin:0!important;padding:0!important;isolation:isolate!important;overflow:hidden!important;background:#080f20!important;border:0!important;border-radius:0!important}
body .tower-promo .tower-feature-art{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:-2!important;background:url('/pico-tower-defence.jpg') 50% -14.44cqw/128% auto no-repeat!important;transform:none!important;filter:none!important;opacity:1!important}
body .tower-promo .tower-feature-shade{position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,rgba(3,7,15,.88) 0%,rgba(4,9,18,.64) 38%,rgba(4,9,18,.18) 64%,transparent 82%)!important}
body .tower-promo .tower-promo-brand{position:absolute!important;left:2.5%!important;width:40.625%!important;top:13%!important;text-align:center!important}
body .tower-promo h2{max-width:none!important;margin:0!important;font:italic 1000 8.5cqw/.95 'Arial Black',Impact,Arial,sans-serif!important;letter-spacing:-.25cqw!important;transform:skewX(-3deg)!important;text-shadow:none!important;color:#ffd47a!important}
body .tower-promo h2 span{display:block!important;background:linear-gradient(#fff3c8 2%,#ffd47a 36%,#f5a342 68%,#dd622e)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;filter:drop-shadow(1px 2px #ab502e) drop-shadow(2px 3px #58231f) drop-shadow(3px 5px #080a13)!important}
body .tower-promo .tower-promo-name{font-size:3.9cqw!important;margin-top:1.2cqw!important;white-space:nowrap!important}
body .tower-promo .tower-promo-tag{max-width:none!important;font:700 1.2cqw/1.6 Arial,sans-serif!important;letter-spacing:0!important;color:#fff4df!important;margin:2.1cqw 0 1.8cqw!important;text-shadow:0 2px 5px #000!important}
body .tower-promo .tower-feature-status{display:inline-flex!important;position:static!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:1.4cqw 2.5cqw!important;border:2px solid #ffd45e!important;border-radius:999px!important;color:#fff1b5!important;font:900 1.45cqw/1 Arial,sans-serif!important;letter-spacing:.16em!important;text-decoration:none!important;background:linear-gradient(135deg,rgba(5,10,23,.96),rgba(18,27,49,.94))!important;box-shadow:0 5px #0006,0 10px 28px #000b,inset 0 0 16px #ffcd511f!important;text-shadow:0 2px 3px #000!important;animation:tower-coming-soon-pulse 1.8s ease-in-out infinite!important;min-height:0!important;min-width:0!important}
body .tower-promo .tower-feature-status:focus-visible{outline:3px solid #fff1b5!important;outline-offset:5px!important}
body .tower-promo .tower-promo-features{position:absolute!important;left:69%!important;right:2.6%!important;top:6.5%!important;display:grid!important;gap:1.55cqw!important;text-align:left!important}
body .tower-promo .tower-promo-features p{max-width:none!important;margin:0!important;font:900 1.65cqw/1.13 Arial,sans-serif!important;letter-spacing:-.03cqw!important;color:#fff1ce!important;text-shadow:0 2px 2px #080f20,0 0 7px #071427,0 3px 18px #050b1e!important}
body .tower-promo .tower-promo-features span{display:block!important;font-size:.85cqw!important;letter-spacing:.15cqw!important;color:#ffcf79!important;margin-bottom:.35cqw!important;font-weight:800!important}
@media(max-width:760px){
body #main-content>.tower-promo{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}
body .tower-promo .tower-promo-brand{position:relative!important;left:auto!important;top:auto!important;width:100%!important;padding:28px 18px 22px!important;box-sizing:border-box!important;text-align:left!important;order:0!important;background:#080f20!important}
body .tower-promo h2{font-size:64px!important;letter-spacing:-1.5px!important;transform:none!important}
body .tower-promo .tower-promo-name{font-size:clamp(25px,7.7vw,46px)!important;margin-top:8px!important}
body .tower-promo .tower-promo-tag{font-size:13px!important;margin:20px 0 17px!important}
body .tower-promo .tower-feature-status{font-size:14px!important;padding:14px 24px!important;min-height:48px!important;box-sizing:border-box!important}
body .tower-promo .tower-feature-art{position:relative!important;inset:auto!important;width:100%!important;height:40vw!important;order:1!important;z-index:0!important;flex:none!important}
body .tower-promo .tower-feature-shade{display:none!important}
body .tower-promo .tower-promo-features{position:relative!important;left:auto!important;right:auto!important;top:auto!important;order:2!important;padding:24px 20px 28px!important;gap:23px!important;background:#080f20!important}
body .tower-promo .tower-promo-features p{font-size:21px!important;letter-spacing:0!important;text-shadow:0 2px 4px #000!important}
body .tower-promo .tower-promo-features span{font-size:10px!important;letter-spacing:1.7px!important;margin-bottom:5px!important}
}
@media(max-width:760px){body .tower-promo .tower-feature-art{min-height:0!important;aspect-ratio:auto!important}}

/* Use Breaker's bounded copy column instead of scaling the title with the viewport. */
@media(min-width:761px){
  body .tower-promo .tower-promo-brand{
    left:var(--game-banner-gutter)!important;
    width:min(520px,calc((100% - var(--game-banner-gutter) - var(--game-banner-gutter) - 10px)/2.08))!important;
    container-type:inline-size;
  }
  body .tower-promo h2{font-size:clamp(42px,17cqw,90px)!important;line-height:.9!important;letter-spacing:-4px!important}
  body .tower-promo .tower-promo-name{font-size:9.5cqw!important;margin-top:7px!important;letter-spacing:-.25cqw!important}
  body .tower-promo .tower-promo-tag{font-size:clamp(14px,1.2vw,18px)!important;margin:28px 0 24px!important}
  body .tower-promo .tower-feature-status{font-size:clamp(16px,1.45vw,24px)!important;padding:18px 32px!important}
}
@media(min-width:761px) and (max-width:1000px){body .tower-promo h2{letter-spacing:-3px!important}}
@media(max-width:760px){
  body .tower-promo .tower-promo-brand{text-align:center!important}
  body .tower-promo h2{font-size:clamp(62px,12vw,86px)!important}
  body .tower-promo .tower-feature-status{animation:none!important}
}
@media(max-width:350px){body .tower-promo h2{font-size:56px!important}}
@media(prefers-reduced-motion:reduce){body .tower-promo .tower-feature-status{animation:none!important}}

/* Keep both game copy groups at the left edge, clear of the central artwork. */
@media(min-width:761px){
  body .tower-promo .tower-promo-brand{left:32px!important;text-align:left!important}
  body .breaker-feature .breaker-feature-copy{
    left:calc(32px - max(28px,calc((100vw - 1216px)/2)));
    align-items:flex-start;
    text-align:left;
  }
  body .breaker-feature .breaker-lede{margin-left:0!important;margin-right:0!important}
}
@media(max-width:760px){
  body .tower-promo .tower-promo-brand{padding-left:22px!important;padding-right:22px!important;text-align:left!important}
  body .breaker-feature .breaker-feature-copy{text-align:left}
  body .breaker-feature .breaker-lede{margin-left:0!important;margin-right:0!important}
}
@media(max-width:350px){body .tower-promo .tower-promo-brand{padding-left:16px!important;padding-right:16px!important}}

/* Shared game promotion type system: same sizes, colours, depth and rhythm. */
body .tower-promo #tower-feature-title, body .breaker-feature #breaker-feature-title{
  margin:0 0 23px!important;
  font:italic 1000 clamp(42px,17cqw,90px)/.9 'Arial Black',Impact,Arial,sans-serif!important;
  letter-spacing:-4px!important;
  color:#fff4dc!important;
  transform:skewX(-3deg)!important;
  text-shadow:1px 1px #cfb99f,2px 3px #a08769,4px 7px #483021,6px 10px #100704,0 16px 26px #0009!important;
}
body .tower-promo #tower-feature-title > .tower-promo-pico{
  color:inherit!important;background:none!important;-webkit-text-fill-color:currentColor!important;
  font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;filter:none!important;text-shadow:inherit!important;
}
body .tower-promo #tower-feature-title > .tower-promo-name, body .breaker-feature #breaker-feature-title > span{
  display:block!important;margin-top:7px!important;font-size:9.5cqw!important;line-height:.9!important;letter-spacing:-.25cqw!important;
  color:#ffbb59!important;background:linear-gradient(#ffe4a5 2%,#ffc168 36%,#f49b42 68%,#dd622e)!important;
  background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(1px 2px #ab502e) drop-shadow(2px 3px #58231f)!important;text-shadow:none!important;
}
body .tower-promo .tower-promo-tag, body .breaker-feature .breaker-lede{
  margin:0 0 24px!important;max-width:420px!important;font:700 22px/1.35 Arial,sans-serif!important;
  letter-spacing:-.4px!important;color:#fff3e1!important;text-shadow:none!important;
}
body .tower-promo .tower-promo-tag span, body .breaker-feature .breaker-lede span{display:block!important;color:#ddc4ae!important;font-weight:400!important}
body .tower-promo .tower-feature-status, body .breaker-feature .breaker-cta{
  padding:18px 32px!important;min-width:0!important;min-height:0!important;
  border:2px solid #ffd45e!important;border-radius:999px!important;color:#fff1b5!important;
  font:900 clamp(16px,1.45vw,24px)/1 Arial,sans-serif!important;letter-spacing:.16em!important;
  background:linear-gradient(135deg,rgba(5,10,23,.96),rgba(18,27,49,.94))!important;
  box-shadow:0 5px 0 rgba(0,0,0,.36),0 10px 28px rgba(0,0,0,.72),inset 0 0 16px rgba(255,205,81,.12)!important;
  text-shadow:0 2px 3px rgba(0,0,0,.95)!important;animation:breaker-play-pulse 1.8s ease-in-out infinite!important;
}
@media(min-width:761px) and (max-width:1000px){body .tower-promo #tower-feature-title, body .breaker-feature #breaker-feature-title{letter-spacing:-3px!important}}
@media(max-width:760px){
  body .tower-promo #tower-feature-title, body .breaker-feature #breaker-feature-title{font-size:clamp(62px,12vw,86px)!important;letter-spacing:-3px!important;margin-bottom:20px!important}
  body .tower-promo #tower-feature-title > .tower-promo-name, body .breaker-feature #breaker-feature-title > span{font-size:clamp(25px,7.7vw,46px)!important;letter-spacing:-1.3px!important;margin-top:6px!important}
  body .tower-promo .tower-promo-tag, body .breaker-feature .breaker-lede{font-size:19px!important;line-height:1.4!important;margin:0 0 22px!important}
  body .tower-promo .tower-feature-status, body .breaker-feature .breaker-cta{
    min-height:48px!important;min-width:156px!important;padding:12px 20px!important;font-size:14px!important;line-height:1.4!important;letter-spacing:.14em!important;
    box-shadow:0 4px 0 rgba(0,0,0,.36),0 8px 18px rgba(0,0,0,.45)!important;text-shadow:none!important;backdrop-filter:none!important;animation:none!important;
  }
}
@media(max-width:350px){
  body .tower-promo #tower-feature-title, body .breaker-feature #breaker-feature-title{font-size:56px!important}
  body .tower-promo .tower-promo-tag, body .breaker-feature .breaker-lede{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){body .tower-promo .tower-feature-status, body .breaker-feature .breaker-cta{animation:none!important}}