.player-page { background:#030406; }.player-heading { display:flex; justify-content:space-between; gap:20px; align-items:end; margin:30px 0 18px; }.player-heading h1 { margin:6px 0 0; font-size:clamp(1.7rem,4vw,3rem); }.live-dot { display:inline-block; width:9px;height:9px;margin-right:8px;border-radius:50%;background:#ff4f4f;box-shadow:0 0 14px #ff4f4f; }.video-shell { width:100%; aspect-ratio:16/9; background:#000; border:1px solid #222838; box-shadow:0 24px 80px rgba(0,0,0,.55); }.video-shell video { display:block; width:100%;height:100%;object-fit:contain; }.play-note { color:#8e96a8;background:#0c0f16;padding:14px 18px;margin:0; }.player-tools { padding:24px;background:#0c0f16;border-radius:18px; }.player-tools .play-nav { margin-top:22px; } @media(max-width:600px){.player-heading{align-items:start;flex-direction:column}.video-shell{margin-left:-12px;width:calc(100% + 24px)}.player-tools{padding:16px}}