/* NovaNet public player stylesheet — consolidated from audited legacy layers. */
/* Stage 3C2. Source order preserved: m5.css -> m5-broadcast-update.css -> m5-rc4.css. */

/* from m5.css */
:root{color-scheme:dark;--bg:#080b12;--panel:#121827;--line:#263149;--text:#f5f7ff;--muted:#9ba7bd;--brand:#8b5cf6}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#1c1740,var(--bg) 45%);color:var(--text)}
.public-player{min-height:100vh;display:grid;place-items:center;padding:22px}
.watch-shell{width:min(1100px,100%)}
.watch-shell header{display:flex;gap:18px;align-items:center;margin-bottom:14px}
.watch-shell header small{display:block;color:var(--muted)}
.public-brand{font-weight:900;font-size:22px}
.public-brand span{font-size:11px;background:#ef4444;border-radius:999px;padding:5px 8px;margin-left:5px}
.video-frame{position:relative;background:#000;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #0008;aspect-ratio:16/9}
.video-frame video{width:100%;height:100%;display:block}
.player-state{position:absolute;inset:0;display:grid;place-items:center;background:#0008}
.now-playing{display:flex;align-items:center;gap:16px;background:#111827dd;border:1px solid var(--line);padding:18px;margin-top:14px;border-radius:18px}
.now-playing h1{margin:2px 0}
.now-playing p{margin:2px 0}
.now-playing small{color:#a78bfa;font-weight:800}
.now-playing button{margin-left:auto;background:#252d42;color:white;border:1px solid #3c4761;border-radius:10px;padding:10px 14px}
.now-playing button+button{margin-left:0}
.artwork{width:58px;height:58px;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#ec4899);display:grid;place-items:center}
@media(max-width:650px){
.now-playing{align-items:flex-start;flex-wrap:wrap}
.now-playing button{margin-left:0}
.video-frame{border-radius:12px}
}

/* from m5-broadcast-update.css */
.public-player .player-retry{appearance:none;border:0;border-radius:8px;padding:9px 13px;background:#2d7be8;color:white;font-weight:700;cursor:pointer}
.public-player .player-state-actions{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px}

/* from m5-rc4.css */
.public-brand span{color:#ff3f68}
.broadcast-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.45rem;padding:.7rem;background:linear-gradient(transparent,#050a12e8);opacity:0;transition:.2s}
.video-frame:hover .broadcast-controls{opacity:1}
.broadcast-controls:focus-within{opacity:1}
.broadcast-controls button{border:0;background:#0a1424d9;color:#fff;border-radius:8px;padding:.5rem .65rem}
.broadcast-controls span{border:0;background:#0a1424d9;color:#fff;border-radius:8px;padding:.5rem .65rem}
.broadcast-controls input{width:110px}
.broadcast-controls .live-button{color:#ff5978;font-weight:900}
.control-spacer{flex:1}
@media(max-width:640px){
.broadcast-controls{opacity:1}
.broadcast-controls input{width:70px}
.broadcast-controls #quality{display:none}
.broadcast-controls #cast{display:none}
}
.public-player .player-state[hidden]{display: none !important;}