/* Decorative only: content and hit targets stay in their existing layers. */
html body.bdq-illustrated{isolation:isolate;background:var(--bd-bg,#0b1928)!important}
html body.bdq-illustrated::after{content:"";position:fixed;inset:-40px 0;z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,#0b192822,#0b192866 70%,#0b1928),url('/assets/arena-backdrop-20261015.webp');background-size:cover;background-position:center;opacity:.24;transform:translate3d(0,0,0)}
html body.bdq-illustrated.bdq-home-scene::after{opacity:.72;transform:translate3d(0,var(--arena-offset,0px),0)}
html body.bdq-illustrated.bdq-scene-moving::after{will-change:transform}
html body#bdq-app.bdq-home-scene #view-hall.active{background:transparent!important}
html body#bdq-app.bdq-home-scene::before{opacity:0}
/* Solid surfaces preserve contrast; the illustration shows in the gutters. */
html body#bdq-app.bdq-home-scene .hall-hero{padding:18px 20px;border:1px solid var(--bd-line);border-radius:14px;background:var(--bd-card);box-sizing:border-box}
html body#bdq-app.bdq-home-scene #view-login>.parchment{padding:20px;border-radius:14px;background:var(--bd-card)!important}
html[data-theme=light] body.bdq-illustrated{background:#edf3fa!important;--bd-raised:#e8eff8;--bd-muted:#425974;--bd-accent:#9a4100;--bd-cyan:#00627c}
html[data-theme=light] body.bdq-illustrated::after{opacity:.1}
html[data-theme=light] body.bdq-illustrated.bdq-home-scene::after{opacity:.18}
@media(max-width:760px){
 html body.bdq-illustrated::after{background-size:cover,100% auto;background-position:center,center 90px;inset:-16px 0;opacity:.2}
 html body.bdq-illustrated.bdq-home-scene::after{opacity:.55}
 html body#bdq-app.bdq-home-scene .hall-hero{padding:14px;margin-top:0}
}
@media(prefers-reduced-motion:reduce){html body.bdq-illustrated::after{transform:none!important;will-change:auto!important}}
/* OBS transparency must win over every theme and decorative layer. */
html.bdq-overlay body.bdq-illustrated{background:transparent!important}
html.bdq-overlay body.bdq-illustrated::after{display:none}

/* Three independent counters: no coloured strip floating inside a white frame. */
html body#bdq-app #view-hall .hall-hero .hall-summary{
 width:390px;max-width:50%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
html body#bdq-app #view-hall .hall-hero .hall-summary>div{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
 min-width:0;margin:0;padding:12px 8px;border:1px solid var(--bd-line);
 border-top:3px solid var(--bd-cyan);border-radius:10px;background:var(--bd-raised);
 color:var(--bd-muted);font:600 12px/1.35 'Barlow',Arial,sans-serif;text-align:center;
}
html body#bdq-app #view-hall .hall-hero .hall-summary>div:nth-child(2){border-top-color:var(--bd-fire)}
html body#bdq-app #view-hall .hall-hero .hall-summary>div:nth-child(3){border-top-color:var(--bd-accent)}
html body#bdq-app #view-hall .hall-hero .hall-summary strong{
 display:block;min-width:0;margin:0;color:var(--bd-ink);font:800 26px/1.1 'Barlow',Arial,sans-serif;
 font-variant-numeric:tabular-nums;letter-spacing:-.025em;overflow-wrap:anywhere;
}
html body#bdq-app #view-hall .hall-hero .hall-summary span{display:block;max-width:100%;text-wrap:balance}
@media(max-width:900px){html body#bdq-app #view-hall .hall-hero .hall-summary{max-width:100%;width:100%}}
@media(max-width:420px){
 html body#bdq-app #view-hall .hall-hero .hall-summary{gap:6px}
 html body#bdq-app #view-hall .hall-hero .hall-summary>div{padding:10px 4px;font-size:11px}
 html body#bdq-app #view-hall .hall-hero .hall-summary strong{font-size:23px}
}