.online-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 0;min-height:34px}
.online-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;color:var(--muted);background:#d9ff8305;font-size:11px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.online-badge svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.online-badge[data-state=live]{color:var(--lime);border-color:#d9ff8330}.online-badge[data-state=unavailable]{color:var(--muted);background:transparent}
.online-update{font-size:10px;color:var(--muted);text-decoration:none;min-height:36px;display:inline-flex;align-items:center;text-align:right}.online-update:hover{color:var(--lime)}.online-update:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.is-playing .online-strip{display:none}
@media(max-width:540px){.online-strip{padding-top:6px;gap:8px}.online-badge{font-size:10px;padding:6px 9px}.online-update{font-size:9px}}