*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;background:#101010;color:#f5f5f5;font:18px/1.6 Arial,sans-serif}body{overflow:hidden}button,a{font:inherit}button,.tv-actions a,.button{display:inline-block;min-height:48px;padding:12px 24px;border:1px solid #898989;border-radius:6px;background:#292929;color:#f5f5f5;text-decoration:none;cursor:pointer;text-align:center;white-space:normal}button:focus,a:focus,.button:focus{outline:3px solid #ff9147;outline-offset:3px}.primary{background:#ff9147;color:#101010;border-color:#ff9147;font-weight:600}.tv-bootstrap{position:absolute;left:50%;top:50%;width:88%;max-width:960px;max-height:92%;overflow:auto;padding:32px 40px;background:#202020;border:1px solid #494949;border-radius:8px;transform:translate(-50%,-50%);z-index:20}.tv-logo{display:block;width:256px;height:auto;max-width:75%;margin-bottom:24px}.tv-bootstrap h1{font-size:32px;margin:0 0 16px}.tv-bootstrap dl{margin:24px 0}.tv-bootstrap dt{color:#b8b8b8;font-size:14px;margin-top:16px}.tv-bootstrap dd{margin:4px 0 0;overflow-wrap:break-word;word-wrap:break-word}.tv-help{color:#b8b8b8;font-size:14px}.tv-actions{margin-top:24px}.tv-actions>*{margin:0 12px 16px 0}.tv-diagnostics-toggle{position:absolute;right:24px;bottom:24px;z-index:21;background:#202020;font-size:14px;padding:8px 16px}.player-screen{position:relative;width:100%;height:100%;background:#000}.player-screen>video,.youtube-screen{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.youtube-screen>iframe{width:100%;height:100%;border:0}.player-idle{position:absolute;left:50%;top:50%;width:88%;max-width:680px;padding:24px;text-align:center;transform:translate(-50%,-50%)}.player-idle img{max-width:80%;width:320px;height:auto}.player-idle h1{font-size:64px;letter-spacing:16px;margin:20px 0}.player-idle h2{font-size:26px}.player-idle p{color:#b8b8b8;margin:16px 0 24px}.pair-code{display:block;font-size:64px;letter-spacing:8px;margin:24px 0;color:#ff9147}.player-start{position:absolute;left:50%;top:50%;width:360px;max-width:80%;transform:translate(-50%,-50%);z-index:5}.player-error,.player-audio-warning{position:absolute;left:24px;right:24px;bottom:88px;background:#202020;border:1px solid #494949;padding:16px;text-align:center;font-size:14px;z-index:4}.player-error .button{margin-left:16px;font-size:14px}.player-audio-warning{bottom:auto;top:24px}.player-status{position:absolute;top:24px;right:24px;background:#202020;padding:12px 20px;border-radius:6px}.tv-bootstrap [hidden],.tv-diagnostics-toggle[hidden]{display:none}@media(max-width:600px){.tv-bootstrap{width:94%;padding:20px}.tv-bootstrap h1{font-size:26px}.tv-actions>*{display:block;width:100%;margin-right:0}.pair-code{font-size:40px;letter-spacing:4px}.player-error .button{display:block;width:100%;margin:16px 0 0}.tv-diagnostics-toggle{right:12px;bottom:12px}.player-idle{padding:12px}.player-idle h1{font-size:40px}.player-idle h2{font-size:22px}}.player-fullscreen{position:absolute;left:24px;bottom:24px;z-index:6;font-size:14px;padding:8px 16px}.tv-bootstrap dt{float:left;clear:left;width:180px;margin:0;padding:8px 0}.tv-bootstrap dd{margin:0 0 0 200px;padding:8px 0;min-height:38px}.tv-bootstrap dl{margin:16px 0}.tv-bootstrap .tv-logo{margin-bottom:16px}.tv-bootstrap .tv-help{margin-top:16px}.tv-bootstrap .tv-actions{margin-top:20px}@media(max-width:600px){.tv-bootstrap dt{float:none;width:auto;padding:8px 0 0}.tv-bootstrap dd{margin:0;padding:4px 0 8px}}.tv-bootstrap{top:4%;bottom:4%;left:0;right:0;margin:0 auto;height:auto;max-height:none;overflow:hidden;transform:none}.tv-bootstrap-body{position:absolute;top:24px;left:32px;right:32px;bottom:96px;overflow:auto}.tv-bootstrap-body:focus{outline:2px solid #ff9147;outline-offset:4px}.tv-bootstrap .tv-actions{position:absolute;left:32px;right:32px;bottom:16px;margin:0}.tv-actions>*{padding:10px 16px;margin-bottom:12px}.player-idle,.player-start{-webkit-transform:translate(-50%,-50%)}@media(max-width:1000px){.tv-bootstrap-body{bottom:164px}}@media(max-width:600px){.tv-bootstrap-body{top:20px;left:20px;right:20px;bottom:288px}.tv-bootstrap .tv-actions{left:20px;right:20px;bottom:12px}}body[data-tv-diagnostics=open] .player-fullscreen{display:none}.player-corner{position:absolute;top:4%;right:4%;width:164px;height:32px;z-index:3;pointer-events:none}.youtube-mode .player-corner{top:4%;right:4%}.youtube-mode .youtube-screen{top:12%;height:88%}.youtube-mode .player-fullscreen{top:4%;bottom:auto;left:4%}.youtube-mode .player-start{top:4%;transform:translate(-50%);-webkit-transform:translateX(-50%)}.youtube-mode .player-status{top:4%;left:45%;right:auto}body[data-tv-source=YOUTUBE] .tv-diagnostics-toggle{top:4%;bottom:auto;left:calc(4% + 184px);right:auto}.youtube-mode.has-message .youtube-screen{top:calc(4% + 208px);height:calc(96% - 208px)}.youtube-mode .player-audio-warning{top:calc(4% + 64px);bottom:auto;max-height:56px;overflow:auto}.youtube-mode .player-error{top:calc(4% + 128px);bottom:auto;max-height:64px;overflow:auto}body[data-tv-diagnostics=open][data-tv-source=YOUTUBE] .youtube-screen{display:none}@media(max-width:1100px){.youtube-mode .youtube-screen{top:136px;height:calc(100% - 136px)}.youtube-mode .player-fullscreen{top:76px}body[data-tv-source=YOUTUBE] .tv-diagnostics-toggle{top:76px;left:auto;right:24px}.youtube-mode.has-message .youtube-screen{top:288px;height:calc(100% - 288px)}.youtube-mode .player-audio-warning{top:136px}.youtube-mode .player-error{top:200px}.player-corner{right:5%}}@media(max-width:600px){.youtube-mode .youtube-screen{top:232px;height:calc(100% - 232px)}.youtube-mode .player-corner{top:16px;right:24px}.youtube-mode .player-start{top:72px}.youtube-mode .player-fullscreen,body[data-tv-source=YOUTUBE] .tv-diagnostics-toggle{top:152px;bottom:auto;width:calc(50% - 24px);padding:8px;font-size:12px;min-height:48px}.youtube-mode .player-fullscreen{left:16px}body[data-tv-source=YOUTUBE] .tv-diagnostics-toggle{right:16px}.youtube-mode .player-status{top:72px;left:35%}.youtube-mode.has-message .youtube-screen{top:352px;height:calc(100% - 352px)}.youtube-mode .player-audio-warning{top:216px}.youtube-mode .player-error{top:280px}}