/* A small, stable live indicator; it never takes space from the duel field. */
.playing-now{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:26px;padding:4px 8px;border:1px solid #a8d6b92a;border-radius:999px;background:#a8d6b908;color:#bbd2c4;font:400 11px/1.2 'DM Sans',Arial,sans-serif;white-space:nowrap;letter-spacing:0;cursor:help;vertical-align:middle}
.playing-now b{font:600 11px/1.2 'DM Sans',Arial,sans-serif;font-variant-numeric:tabular-nums;min-width:.65em;text-align:center;color:#e4f1e8}
.playing-now-dot{width:5px;height:5px;border-radius:50%;background:#96cca9;box-shadow:0 0 6px #96cca940;flex-shrink:0}
.playing-now[data-presence-state='connecting'],.playing-now[data-presence-state='unavailable']{color:#aaa1b5;border-color:#b8aac025;background:#b8aac006}
.playing-now:not([data-presence-state='live']) .playing-now-dot{background:#8c819b;box-shadow:none}
.playing-now:not([data-presence-state='live']) b{color:#b4aabd}
.playing-now:focus-visible{outline:2px solid #e8c777;outline-offset:3px}
.site-header-actions,.run-header-actions,.source-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.presence-run-header .run-header-actions nav{margin:0}
.sim-header .playing-now{margin-right:4px}
.arena-title-line{display:flex;align-items:center;gap:12px;min-width:0}
.arena-title-line h1{flex:1;min-width:0}
.arena-title-line .playing-now{min-height:22px;padding:3px 7px;font-size:10px}
.arena-title-line .playing-now b{font-size:10px}
@media(max-width:900px){.site-header-actions,.run-header-actions,.source-header-actions{gap:10px}.sim-header .header-tools{gap:14px}.arena-title-line{gap:8px}.arena-title-line .presence-long{display:none}}
@media(max-width:650px){.playing-now{min-height:24px;padding:3px 6px;font-size:10px;gap:4px}.playing-now b{font-size:10px}.presence-long{display:none}.site-header-actions{gap:7px}.sim-header .header-tools{flex-wrap:wrap;gap:12px}.presence-run-header{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:72px;padding-top:8px;padding-bottom:8px;gap:4px 10px}.presence-run-header .run-header-actions{display:contents}.presence-run-header .playing-now{grid-column:2;grid-row:1}.presence-run-header .run-header-actions nav{grid-column:1/-1;justify-content:flex-end;gap:18px}.presence-run-header .run-header-actions nav .text-btn{padding:3px 0}.source-header-actions{gap:8px;font-size:10px}}
@media(max-width:390px){.site-header-actions{gap:5px}.site-header .site-brand span{max-width:85px;white-space:normal;line-height:1.3}.site-header .site-brand{gap:6px}.site-header-actions .playing-now{padding:3px 5px}.site-header-actions .site-balance{padding:5px 6px}.source-header-actions{flex-wrap:wrap;justify-content:flex-end}.source-header-actions>a{font-size:10px}}
@media(max-height:600px){.arena-title-line .playing-now{min-height:18px;padding:2px 5px;font-size:9px}.arena-title-line .playing-now b{font-size:9px}}