@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/vt323/v18/pxiKyp0ihIEF2isQFJXGdg.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/vt323/v18/pxiKyp0ihIEF2isRFJXGdg.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/vt323/v18/pxiKyp0ihIEF2isfFJU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif;background:#000;color:#fff;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}body{margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#fc0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:gold}button{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.channel-item,.remote-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.vintage-texture-bg{background-color:#222;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px}.retro-inset-panel{background:#151515;border-radius:12px;box-shadow:inset 2px 2px 6px #0009,inset -1px -1px 2px #ffffff0d;border:1px solid #333}.retro-button{background:linear-gradient(145deg,#333,#222);border:none;border-radius:6px;color:#ccc;cursor:pointer;transition:all .1s;position:relative;box-shadow:0 3px #111,0 4px 4px #0006,inset 1px 1px #ffffff1a}.retro-button:active{transform:translateY(3px);box-shadow:0 0 #111,inset 2px 2px 4px #0009;background:linear-gradient(145deg,#222,#1a1a1a)}.retro-button.active{background:linear-gradient(145deg,#d4af37,#aa8c2c);color:#222;box-shadow:0 0 15px #d4af3766,0 3px #66521a,inset 1px 1px #fff6}.retro-button.active:active{transform:translateY(3px);box-shadow:inset 2px 2px 4px #0006}.retro-round-button{border-radius:50%;background:linear-gradient(145deg,#a00,#800);border:3px solid #333;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px #400,0 4px 6px #00000080,inset 2px 2px 4px #fff3;transition:all .1s;padding:0}.retro-round-button:hover{background:linear-gradient(145deg,#c00,#a00)}.retro-round-button:active{transform:translateY(2px);box-shadow:0 0 #400,inset 2px 2px 4px #0009}.green-dot{width:4px;height:4px;border-radius:50%;background:#0f0;box-shadow:0 0 6px #0f0;margin-bottom:2px;animation:pulse 2s ease-in-out infinite}
