/* Deliberately plain: no CSS grid/variables/gap so it renders on old TV engines (Chromium 38+). */
*{box-sizing:border-box}
html,body{margin:0;background:#0e1014;color:#eceff4;font-family:Arial,Helvetica,sans-serif;font-size:20px}
a{color:inherit;text-decoration:none}
.bar{display:flex;align-items:center;padding:14px 24px;background:#161a21}
.bar a.brand{font-weight:bold;font-size:26px;margin-right:24px}
.bar form{flex:1;display:flex}
.bar input[type=text]{flex:1;font-size:20px;padding:10px 14px;border:2px solid #2a303b;background:#0e1014;color:#fff;border-radius:8px}
.btn,button{display:inline-block;font-size:20px;padding:10px 20px;margin:6px;border:3px solid transparent;border-radius:10px;background:#252b36;color:#fff;cursor:pointer}
a:focus,button:focus,input:focus{outline:none;border-color:#ffb020;box-shadow:0 0 0 3px rgba(255,176,32,.35)}
main{padding:18px 24px}
h1,h2{margin:8px 0 14px;font-weight:normal}
.grid{display:flex;flex-wrap:wrap;margin:0 -8px}
.tile{display:block;width:18%;min-width:150px;margin:8px;background:#161a21;border:3px solid transparent;border-radius:10px;overflow:hidden}
.tile img{display:block;width:100%;height:auto;min-height:160px;background:#222}
.tile span{display:block;padding:8px 10px;font-size:17px;line-height:1.3;height:3.9em;overflow:hidden}
.note{background:#2a2110;border:1px solid #6b5215;padding:14px 18px;border-radius:10px;margin:14px 0}
.err{background:#2a1212;border-color:#6b1c1c}
video{display:block;width:100%;max-height:78vh;background:#000}
.muted{color:#98a1b3;font-size:16px}
.login{max-width:420px;margin:12vh auto;text-align:center}
.login input{width:100%;font-size:28px;padding:12px;text-align:center;letter-spacing:6px;border:3px solid #2a303b;border-radius:10px;background:#0e1014;color:#fff}

/* Player page: video fills the screen */
body.watch main{padding:0}
#stage{position:relative;width:100%;height:100vh;background:#000}
#stage video{position:absolute;top:0;left:0;width:100%;height:100%;max-height:none;object-fit:contain}
#top{position:absolute;top:0;left:0;right:0;padding:8px 12px;background:rgba(0,0,0,.55);display:flex;align-items:center;z-index:5}
#top .t{margin-left:14px;font-size:17px;overflow:hidden;white-space:nowrap}
#st{position:absolute;left:5%;right:5%;top:30%;z-index:6;text-align:center}
#dbg{position:fixed;left:8px;bottom:4px;font-size:13px;z-index:9;text-shadow:0 0 3px #000}
:-webkit-full-screen #top,:fullscreen #top{display:none}