:root{color:#fff;background:#000;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#000}.screen,.teletext-shell{width:100vw;height:100svh;display:grid;place-items:center;background:#000;overflow:hidden}.teletext-page{width:100%;height:100%;display:grid;place-items:center;background:#000;overflow:hidden;touch-action:pan-y}.teletext-frame{position:relative;width:min(100vw,130svh);max-height:100svh;aspect-ratio:520 / 400}.teletext-image{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.teletext-links{position:absolute;top:0;right:0;bottom:0;left:0}.teletext-link{position:absolute;display:block;color:transparent;text-decoration:none;cursor:pointer}.teletext-link:focus-visible{outline:2px solid #fff;outline-offset:2px}.page-nav{position:fixed;top:50%;z-index:2;display:none;width:clamp(28px,4vw,44px);height:clamp(48px,12svh,84px);translate:0 -50%;opacity:.1;outline:0;transition:opacity .12s linear}.page-nav:before{position:absolute;top:50%;width:clamp(12px,1.8vw,20px);height:clamp(12px,1.8vw,20px);border-color:#ff0;border-style:solid;content:""}.page-nav:hover,.page-nav:focus-visible{opacity:.55}.page-nav-prev{left:0}.page-nav-prev:before{left:50%;border-width:0 0 3px 3px;rotate:45deg;translate:-25% -50%}.page-nav-next{right:0}.page-nav-next:before{right:50%;border-width:3px 3px 0 0;rotate:45deg;translate:25% -50%}@media(min-aspect-ratio:3 / 2){.page-nav{display:block}}.system-message{width:40ch;max-width:calc(100% - 24px);padding:.5em;color:#ff0;background:#00f;font-family:Courier New,Courier,monospace;font-size:clamp(16px,4vw,28px);line-height:1;text-align:center;white-space:normal}.system-message.error{color:#fff;background:red}