/* Live campaign on the actual home and War routes; standalone sample keeps its own frame. */
body.hb-site:is([data-page="war"],[data-page="index"]) main#campaign-preview{width:100%;max-width:none;padding:0}
.hb-site:is([data-page="war"],[data-page="index"]) .home-actions{position:absolute;z-index:10;top:65px;right:16px;width:auto;margin:0;padding:0;border:0}
.hb-site:is([data-page="war"],[data-page="index"]) .home-actions p{display:none}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-shell{position:relative;display:flex;flex-direction:column;max-width:none;padding:0}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-board{display:block;order:-1}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-hero{position:absolute;z-index:3;top:17px;left:24px;right:auto;width:230px;max-width:230px;padding:9px 14px;background:#122016d9;pointer-events:none}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-hero h1{font-size:28px}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-deck{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-disclaimer{position:static;left:auto;right:auto;width:auto;margin:8px 16px;padding:7px 10px;background:#122016d9;pointer-events:auto}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-live-banner{position:absolute;z-index:3;top:calc(100dvh - 56px - 114px);bottom:auto;left:24px;width:min(520px,calc(100% - 48px));margin:0;background:#1b2b21ed}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-audio{position:absolute;z-index:3;right:24px;top:calc(100dvh - 56px - 103px);bottom:auto;max-width:320px;padding:8px;background:#1b2b21ed}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-audio p{flex-basis:100%}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-board{display:block}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-pve-front{border:0;box-shadow:none}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-map-viewport{height:calc(100dvh - 56px);min-height:480px;border:0}
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-pve-encounter,
.hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-bottom{max-width:1100px;margin-inline:auto}
@media(max-width:999px){
  .hb-site:is([data-page="war"],[data-page="index"]) .home-actions{top:108px}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-map-viewport{height:calc(100dvh - 100px)}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-hero{top:72px;left:auto;right:16px}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-live-banner{top:calc(100dvh - 100px - 114px)}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-audio{top:calc(100dvh - 100px - 103px)}
}
@media(max-width:720px){
  /* Phone HUD lives in flow: no cards over castles, no 550px minimum. */
  .hb-site:is([data-page="war"],[data-page="index"]) .home-actions{position:static;width:100%;justify-content:flex-end;padding:4px 10px;min-height:56px}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-hero{position:static;order:-2;width:100%;max-width:none;padding:8px 12px;background:#122016}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-hero h1{font-size:22px;line-height:1.2;margin:0}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-hero .hb-campaign-eyebrow{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-live-banner{position:static;width:auto;max-width:none;margin:8px 10px 0;padding:8px 10px;gap:4px;font-size:11px}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-live-banner strong{white-space:normal;font-size:10px}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-live-banner p{flex:1 1 100%;width:100%;min-width:0}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-audio{position:static;max-width:none;margin:8px 10px 0;padding:6px;gap:6px}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-audio button{min-width:44px;padding:5px 8px}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-audio p{display:block;flex-basis:100%}
  .hb-site:is([data-page="war"],[data-page="index"]) #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-map-viewport{height:clamp(240px,calc(100dvh - 280px),520px);min-height:0}
  .hb-site[data-page="war"] #campaign-preview:is([data-local-mode="live"],[data-local-mode="demo"]) .hb-campaign-map-viewport{height:clamp(240px,calc(100dvh - 220px),520px)}
}