.match{cursor:pointer}
.nav-link{display:block;text-align:center;text-decoration:none}
.bottom .nav{min-width:48px;font-size:9px}
.player-modal{position:fixed;z-index:50;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#000c;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.25s}
.player-modal.open{opacity:1;visibility:visible}
.player-sheet{width:min(100%,720px);overflow:hidden;border:1px solid #333;border-radius:22px;background:#121212;box-shadow:0 25px 70px #000;transform:translateY(30px);transition:.25s}
.player-modal.open .player-sheet{transform:none}
.player-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px}
.player-head small{font:800 10px system-ui;letter-spacing:1.7px;color:var(--blue)}
.player-head h3{font-size:16px;margin:3px 0 0}
.player-head button{width:38px;height:38px;border:0;border-radius:50%;background:#292929;font-size:27px;line-height:1;cursor:pointer}
.video-wrap{position:relative;aspect-ratio:16/9;background:#000}
.video-wrap video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.video-loading{position:absolute;inset:0;display:grid;place-items:center;background:#000;color:#aaa;font-size:13px;pointer-events:none}
.video-loading.hide{display:none}
.stream-status{min-height:42px;margin:0;padding:12px 17px;color:#8e8e8e;font-size:12px}
@media(min-width:740px){.player-modal{align-items:center}}
@media(max-width:390px){.player-modal{padding:8px}.player-sheet{border-radius:18px}}