#hh-battlefield{position:relative}#hh-battlefield svg{display:block;width:100%;overflow:visible}#hh-battlefield svg text{fill:var(--foreground);font-size:12px}#hh-battlefield .axis-title{font-weight:500;fill:var(--foreground)}#hh-battlefield .domain,#hh-battlefield .tick line{stroke:var(--border)}#hh-battlefield .bf-grid{stroke:var(--border);stroke-width:1}#bf-detail{margin:12px 0}#bf-detail:empty{display:none}#bf-teams button img{width:24px;height:24px;border-radius:50%;object-fit:cover}#bf-teams button{display:inline-flex;align-items:center;gap:6px}#hh-battlefield .bf-label{paint-order:stroke;stroke:var(--background);stroke-width:4px;stroke-linejoin:round}

#hh-battlefield{--background:var(--bg);--foreground:var(--text);--viz-series-1:var(--gold);--muted:#373830;max-width:900px;margin:28px auto 48px}
#hh-battlefield h1{font-size:32px;margin:0 0 18px;line-height:1.1}
#hh-battlefield .viz-controls{display:flex;align-items:center;gap:18px;margin-bottom:12px}
#hh-battlefield .form-label{flex:1;display:block}#hh-battlefield .form-range{width:100%;accent-color:var(--gold);min-height:44px}
#hh-battlefield .btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:10px 14px;min-height:44px}
#hh-battlefield .btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
#hh-battlefield .viz-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#hh-battlefield .text-small{font-size:12px;line-height:1.6}#hh-battlefield .tabular-nums{font-variant-numeric:tabular-nums}
#hh-battlefield .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#hh-battlefield .axis-title{font-weight:700}#hh-battlefield #bf-play{min-width:78px}
.topbar nav{flex-wrap:wrap;gap:16px}
@media(max-width:600px){.power-page main{padding:0 12px}#hh-battlefield h1{font-size:28px}#hh-battlefield .viz-row .btn{padding:8px;font-size:12px}}

.power-page main{padding-left:0;padding-right:0;max-width:1200px}