html,body,#app-shell,#player-surface{margin:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:Arial,sans-serif}#app-shell{position:relative}#player-surface{position:absolute;inset:0;background:#000}#html5-fallback-video{position:absolute;inset:0;object-fit:fill;background:#000;display:none}#overlay-root{position:absolute;inset:0;pointer-events:none}.debug-overlay{position:absolute;top:16px;left:16px;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden;padding:16px;border-radius:16px;background:#0f1420b8;border:1px solid rgba(255,255,255,.16);color:#f4f7fb;backdrop-filter:blur(12px);box-shadow:0 12px 32px #00000059}.debug-overlay__header{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:14px}.debug-overlay__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-bottom:16px}.debug-overlay__grid div{display:flex;justify-content:space-between;gap:16px;font-size:13px}.debug-overlay__grid span{color:#e2e9f7b8}.debug-overlay__logs h3{margin:0 0 8px;font-size:14px}.debug-overlay__logs ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.debug-overlay__logs li{padding:8px 10px;border-radius:10px;background:#ffffff0f;font-size:12px}.debug-overlay__logs li span{display:inline-block;margin-right:8px;color:#e2e9f7b8}.debug-overlay__logs li p{margin:4px 0 0}