#br-hud .br-match { width:auto; padding:0; border:0; background:none; box-shadow:none; }
#br-hud .br-match > :not(.match-level) { display:none; }
#br-hud .match-level { display:inline-block; margin:0; padding:7px 11px; border:1px solid var(--ui-edge); border-left:2px solid var(--ui-cyan); background:var(--ui-panel-soft); color:var(--ui-text); }
#br-hud .match-level strong { font:800 19px/1 var(--ui-display); letter-spacing:.04em; }
#br-hud .match-objectives { position:absolute; top:clamp(126px,22vh,196px); right:12px; width:230px; padding:8px 10px; box-sizing:border-box; border:1px solid #a5fff066; border-radius:8px; background:#081d26df; color:#f1fffc; pointer-events:none; }
#br-hud .match-objectives [data-objective] { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:5px 0; font:600 14px/1.15 'Big Shoulders Stencil',sans-serif; }
#br-hud .match-objectives > header { display:none; }
#br-hud .match-objectives-toggle { position:absolute; top:64px; left:12px; z-index:5; display:grid; place-items:center; width:36px; height:36px; padding:7px; border:1px solid #a5fff066; border-radius:6px; background:#081d26df; color:#c6fff1; pointer-events:auto; cursor:pointer; touch-action:manipulation; }
#br-hud .match-objectives-toggle svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#br-hud .match-objectives-toggle[aria-expanded=true] { background:#20434b; border-color:#a5fff0; }
#br-hud .match-objectives.objectives-popup { position:fixed; inset:auto; top:106px; left:12px; right:auto; width:min(280px,calc(100vw - 24px)); max-height:calc(100dvh - 118px); margin:0; padding:10px; overflow-y:auto; pointer-events:auto; }
#br-hud .objectives-popup > header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:5px; font:600 16px/1.2 'Big Shoulders Stencil',sans-serif; }
#br-hud .objectives-popup > header button { flex:none; width:32px; height:32px; border:0; background:transparent; color:#c6fff1; font:24px/1 sans-serif; cursor:pointer; }
#br-hud .match-objectives-toggle:focus-visible, #br-hud .objectives-popup button:focus-visible { outline:2px solid #a5fff0; outline-offset:2px; }
#br-hud .match-objectives-toggle[hidden] { display:none; }
#br-hud .match-objectives b { flex:none; white-space:nowrap; color:#c6fff1; font:10px/1.2 'Share Tech Mono',monospace; }
#br-hud .match-level-choice { position:fixed; inset:0; z-index:70; display:flex; align-items:center; justify-content:center; padding:16px; box-sizing:border-box; background:#031019ba; pointer-events:auto; }
#br-hud .match-level-panel { width:min(660px,100%); padding:24px; box-sizing:border-box; border:1px solid #a5fff0; border-radius:12px; background:#081d26fa; text-align:center; color:#f1fffc; }
#br-hud .match-level-panel h2 { margin:8px 0; font:800 32px/1.1 'Big Shoulders Stencil',sans-serif; }
#br-hud .match-level-panel p,#br-hud .match-level-panel small { font:12px/1.3 'Share Tech Mono',monospace; color:#b5d6d1; }
#br-hud .br-pickup-choice.match-rewards { position:static; transform:none; width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }
#br-hud .match-rewards .br-pickup-option { min-width:0; }
#br-hud .match-rewards button:focus-visible { outline:3px solid #ffd3a8; outline-offset:2px; }
#br-hud :is(.match-level,.match-objectives,.match-level-choice)[hidden] { display:none; }
body.paused #br-hud .match-level-choice { visibility:hidden; }
@media(max-width:740px) {
 #br-hud .match-objectives { width:208px; top:126px; padding:5px 8px; }
 #br-hud .match-objectives [data-objective] { font-size:13px; gap:6px; }
 #br-hud .match-objectives b { font-size:9px; }
 #br-hud .match-level-panel { padding:16px; }
 #br-hud .br-pickup-choice.match-rewards { gap:8px; margin-top:12px; }
 #br-hud .match-rewards strong { font-size:18px; }
}
@media(max-width:439px) {
 #br-hud .br-match-rank { left:calc(50% + 40px); }
 #br-hud .match-objectives { top:192px; right:12px; width:calc(100% - 24px); }
 #br-hud .br-pickup-choice.match-rewards { grid-template-columns:1fr; }
 #br-hud .match-rewards .br-pickup-option { min-height:82px; grid-template-columns:24px 70px 1fr; }
 #br-hud .match-rewards .br-pickup-option img { grid-column:2; grid-row:1/3; height:60px; }
 #br-hud .match-rewards .br-pickup-option strong,#br-hud .match-rewards .br-pickup-option span { grid-column:3; }
}
@media(max-width:620px) and (max-height:540px) {
 #br-hud.br-opening:not(.br-touch) .br-vitals { bottom:14px; top:auto; }
}
