/* Wargame uses the same banner component as the homepage's first slide. */
body.wargame-main-page .wargame-home-banner{margin:0 0 44px;overflow:hidden;border:1px solid #d5dbe1;border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(20,31,43,.09),0 2px 6px rgba(20,31,43,.04)}
body.wargame-main-page .wargame-home-banner>.home-feature-slide{width:100%;margin:0}
body.wargame-main-page .home-feature-slide{position:relative;isolation:isolate;flex:0 0 100%;min-width:0;height:360px;box-sizing:border-box;overflow:hidden;display:grid;color:#333;text-decoration:none}
body.wargame-main-page .home-feature-slide:focus-visible{outline:3px solid #bd8d2a;outline-offset:-4px}
body.wargame-main-page .home-feature-wargame{grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:18px;padding:34px 44px;background:linear-gradient(135deg,transparent 0 67%,rgba(40,48,56,.045) 67.1% 69.4%,transparent 69.5%),linear-gradient(135deg,transparent 0 75%,rgba(40,48,56,.065) 75.1% 78.5%,transparent 78.6%),radial-gradient(ellipse at 83% 48%,rgba(211,216,220,.62),transparent 34%),linear-gradient(112deg,#fff 0%,#fff 59%,#f0f2f3 100%)}
body.wargame-main-page .home-feature-wargame::before{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 42px,rgba(38,47,55,.055) 42px 55px,transparent 55px 83px);mask-image:linear-gradient(90deg,transparent 40%,#000 100%)}
body.wargame-main-page .home-feature-copy{position:relative;z-index:2;min-width:0}
body.wargame-main-page .home-feature-brand{margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid #dfe2e5;color:#59626a;font-size:11px;font-weight:800;line-height:1.35;letter-spacing:.06em}
body.wargame-main-page .home-feature-copy h1{margin:0 0 11px;color:#1d2328;font-size:40px;line-height:1.12;letter-spacing:-.04em}
body.wargame-main-page .home-feature-copy>p{max-width:650px;margin:0;color:#5e676f;font-size:14px;line-height:1.8}
body.wargame-main-page .home-feature-action{display:inline-flex;align-items:center;gap:20px;margin-top:22px;padding:12px 18px;border:1px solid #29333d;border-radius:3px;background:#29333d;color:#fff;font-size:13px;font-weight:700;line-height:1.3}
body.wargame-main-page .home-feature-slide:hover .home-feature-action{background:#111;border-color:#111}
body.wargame-main-page .home-feature-metrics{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:22px}
body.wargame-main-page .home-feature-metrics>div{display:flex;align-items:baseline;gap:7px;padding-right:22px;border-right:1px solid #d5dbe0}
body.wargame-main-page .home-feature-metrics>div:last-child{padding-right:0;border-right:0}
body.wargame-main-page .home-feature-metrics strong{color:#26323c;font-size:18px;line-height:1;letter-spacing:-.04em}
body.wargame-main-page .home-feature-metrics span{color:#6d7780;font-size:10px;font-weight:700;line-height:1.5}
body.wargame-main-page .home-feature-shield-art{position:relative;z-index:1;align-self:stretch;display:flex;align-items:center;justify-content:center;pointer-events:none}
body.wargame-main-page .home-feature-shield-glow{position:absolute;top:50%;left:calc(50% - 8px);width:290px;height:290px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,254,246,.92) 0%,rgba(231,190,90,.36) 48%,rgba(220,171,55,.12) 65%,transparent 78%);filter:blur(5px)}
body.wargame-main-page .home-feature-shield-art img{position:absolute;top:50%;left:calc(50% - 26px);width:370px;height:350px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 15px 15px rgba(22,29,36,.2))}
@media(max-width:1050px){
body.wargame-main-page .home-feature-wargame{grid-template-columns:minmax(0,1fr) 240px;padding:28px}
body.wargame-main-page .home-feature-copy h1{font-size:34px}
body.wargame-main-page .home-feature-shield-art img{left:50%;width:290px;height:280px}
body.wargame-main-page .home-feature-metrics{gap:12px}
body.wargame-main-page .home-feature-metrics>div{padding-right:12px}
}
@media(max-width:760px){
body.wargame-main-page .home-feature-slide{height:540px}
body.wargame-main-page .home-feature-wargame{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 175px;gap:10px;padding:26px 22px}
body.wargame-main-page .home-feature-copy h1{font-size:28px;line-height:1.15}
body.wargame-main-page .home-feature-copy>p{font-size:13px}
body.wargame-main-page .home-feature-action{margin-top:18px;padding:11px 16px;font-size:12px}
body.wargame-main-page .home-feature-metrics{gap:10px;margin-top:20px}
body.wargame-main-page .home-feature-metrics>div{gap:5px;padding-right:10px}
body.wargame-main-page .home-feature-metrics strong{font-size:17px}
body.wargame-main-page .home-feature-metrics span{font-size:9px}
body.wargame-main-page .home-feature-shield-art img{left:50%;width:215px;height:205px}
body.wargame-main-page .home-feature-shield-glow{left:50%;width:210px;height:210px}
}
body.wargame-main-page .home-feature-slide{height:354px}
body.wargame-main-page .home-feature-copy :is(h1,h2){margin:0 0 11px;padding:0;border:0;color:#1d2328;font-size:43px;line-height:1.12;letter-spacing:-.04em}
body.wargame-main-page .home-feature-copy h2::after{display:none;content:none}
body.wargame-main-page .home-feature-copy>p{min-height:50.4px}
body.wargame-main-page .home-feature-action{justify-content:space-between;min-width:190px;min-height:44.4px;line-height:1.4}
body.wargame-main-page .home-feature-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:370px}
body.wargame-main-page .home-feature-metrics>div{padding:0 14px}
body.wargame-main-page .home-feature-metrics>div:first-child{padding-left:0}
body.wargame-main-page .home-feature-metrics>div:last-child{padding-right:0}
@media(max-width:1050px){
body.wargame-main-page .home-feature-copy :is(h1,h2){font-size:34px}
}
@media(max-width:760px){
body.wargame-main-page .home-feature-slide{height:540px}
body.wargame-main-page .home-feature-copy :is(h1,h2){font-size:28px;line-height:1.15}
body.wargame-main-page .home-feature-copy>p{min-height:70.2px}
body.wargame-main-page .home-feature-action{min-width:180px;min-height:40px}
body.wargame-main-page .home-feature-metrics>div{padding:0 10px}
body.wargame-main-page .home-feature-metrics>div:first-child{padding-left:0}
body.wargame-main-page .home-feature-metrics>div:last-child{padding-right:0}
}
/* The third slide inherits the CTF slide layout and uses Rose Sonic artwork. */
body.home-page .home-feature-rose .home-feature-rose-art{background:#100b10}
body.home-page .home-feature-rose .home-feature-rose-art img{object-position:73% 50%}
body.home-page .home-feature-rose .home-feature-brand{color:#a73766;border-color:#ead5df}
html[data-theme="dark"] body.home-page .home-feature-rose .home-feature-brand{color:#eea1c1!important;border-color:#61415a!important}
html[data-theme="dark"] body.wargame-main-page .wargame-home-banner{background:#1b2633;border-color:#435163}

/* Match only the search shield and halo to the homepage's first banner.
   Its existing grid, copy, statistics and filters keep their own layout. */
body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-art{position:static}
body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-rays{display:none}
body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-shield{
  top:50%;right:40px;bottom:auto;left:auto;display:block;width:370px;height:350px;transform:translateY(-50%);
}
body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-shield img{display:block;width:370px;height:350px;max-width:none;object-fit:contain;filter:drop-shadow(0 15px 15px rgba(22,29,36,.2))}
body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-shield::before{
  top:50%;left:calc(50% + 18px);width:290px;height:290px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,254,246,.92) 0%,rgba(231,190,90,.36) 48%,rgba(220,171,55,.12) 65%,transparent 78%);filter:blur(5px);
}
@media(max-width:1050px){
  body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-shield{right:3px;width:290px;height:280px}
  body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-shield img{width:290px;height:280px}
  body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-shield::before{left:calc(50% - 8px)}
}
@media(max-width:760px){
  body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-shield{top:auto;right:auto;bottom:11px;left:50%;width:215px;height:205px;transform:translateX(-50%)}
  body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-shield img{width:215px;height:205px}
  body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-shield::before{left:50%;width:210px;height:210px}
}

/* Keep the search divider clear of the shield. */
@media(min-width:761px){
  body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-brand{width:calc(100% - 64px)}
}
@media(min-width:1051px){
  body.wargame-search-page .challenge-main>.wargame-banner .wargame-banner-brand{width:calc(100% - 120px)}
}