/* NetworkHud is the compact status; the health monitor only owns its warning card. */
.network-hud[data-playback-status]::after{content:attr(data-playback-status);white-space:nowrap}
.network-hud[data-playback-status]>:not(.network-hud-dot){display:none!important}
.network-hud[data-playback-level=error]{background:#4d151deb!important;border-color:#ff687b!important;color:#fff!important}
.network-hud[data-playback-level=error] .network-hud-dot{background:#ff526b!important}
.network-hud[data-playback-level=unknown] .network-hud-dot{background:#94a3b8!important}
.ph-layer{position:absolute;inset:0;pointer-events:none;z-index:26000;font:13px/1.5 system-ui,-apple-system,sans-serif;color:#173040}
.ph-status{position:absolute;top:max(10px,var(--hud-safe-top,0px));right:24px;max-width:calc(100% - 48px);padding:4px 9px;border-radius:7px;background:#10202edb;color:#edf5fc;font-size:11px;line-height:16px;text-align:right;pointer-events:none}
.ph-status[data-level=frozen],.ph-status[data-level=stutter],.ph-status[data-level=static],.ph-status[data-level=network]{color:#ffe5ab;background:#382b19ec}
.ph-card{position:absolute;right:max(12px,var(--hud-safe-right,0px));top:max(52px,var(--hud-safe-top,0px));box-sizing:border-box;width:min(268px,calc(100% - 24px));padding:10px 12px;border:1px solid #dce8e8;border-radius:12px;background:#fffffff0;box-shadow:0 5px 16px #07172d30;pointer-events:auto;touch-action:manipulation}
.ph-kicker{font-size:10px;color:#927224;margin-bottom:2px}.ph-title{font-size:14px;line-height:1.3}.ph-copy{margin:4px 0;color:#485d6b;font-size:11px;line-height:1.4}.ph-detail{display:block;font-size:10px;color:#71838d}.ph-actions{display:flex;gap:6px;margin-top:7px}.ph-actions button{border:0;border-radius:7px;padding:5px 6px;min-height:28px;font:600 11px system-ui;flex:1;cursor:pointer}.ph-dismiss{background:#eef2f5;color:#526775}.ph-primary{background:#087e83;color:#fff}.ph-primary:disabled{opacity:.6}.ph-card[hidden],.ph-status[hidden]{display:none!important}
@media(max-height:360px){.ph-card{top:36px;padding:7px 10px}.ph-copy{margin:3px 0}.ph-actions{margin-top:5px}.ph-kicker{display:none}}
@media(prefers-reduced-motion:no-preference){.ph-card{animation:ph-appear .18s ease-out}@keyframes ph-appear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}