
/* Masjid Display v4.2.25 — Android Player Performance Analyzer */
.player-diagnostics-overlay{position:fixed;top:18px;right:18px;z-index:99999;width:min(420px,calc(100vw - 36px));padding:14px;border:1px solid rgba(118,255,205,.32);border-radius:16px;background:rgba(0,12,9,.92);box-shadow:0 18px 50px rgba(0,0,0,.45);color:#eafff7;font:500 14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;backdrop-filter:blur(8px);pointer-events:none}
.player-diagnostics-overlay.hidden{display:none}
.player-diagnostics-overlay header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.player-diagnostics-overlay header strong{font-size:15px;letter-spacing:.04em}.player-diagnostics-overlay header span{padding:4px 8px;border-radius:999px;background:#193e32;color:#bfffe8;font-size:11px}
.player-diagnostics-overlay[data-health="warning"] header span{background:#51400f;color:#ffe69a}.player-diagnostics-overlay[data-health="critical"] header span{background:#5a1818;color:#ffc0c0}
.player-diagnostics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.player-diagnostics-grid div{min-width:0;padding:8px;border-radius:10px;background:rgba(255,255,255,.055)}
.player-diagnostics-grid small,.player-diagnostics-grid b{display:block}.player-diagnostics-grid small{color:#94b9ad;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.player-diagnostics-grid b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.player-diagnostics-slide{margin-top:9px;padding:8px 10px;border-radius:10px;background:rgba(50,161,121,.12);color:#c9f8e7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-diagnostics-reason{display:block;margin-top:7px;color:#9fc2b7;font-size:11px}
.player-diagnostics-recording{display:none;margin-top:8px;padding:7px 9px;border-radius:9px;background:#5a1818;color:#ffd0d0;font-weight:700}.player-diagnostics-overlay[data-recording="1"] .player-diagnostics-recording{display:block}
@media(max-width:900px){.player-diagnostics-overlay{top:10px;right:10px;width:min(360px,calc(100vw - 20px));font-size:12px}.player-diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
