html,body{width:100%;height:100%;margin:0;background:#000;color:#fff;font-family:Arial,sans-serif}
body{overflow:hidden}
.screen-shell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}
.crt{position:relative;flex:none;width:min(100vw,calc(100vh * 854 / 480));height:min(100vh,calc(100vw * 480 / 854));background:#000}
#ttCanvas{width:100%;height:100%;display:block;background:#000;image-rendering:pixelated}
.scanlines,.vignette{position:absolute;inset:0;pointer-events:none}
.scanlines{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(255,255,255,.07) 3px,transparent 4px);opacity:.28}
.vignette{background:radial-gradient(ellipse at center,transparent 64%,rgba(0,0,0,.22) 100%)}
.legacy-title,#teletext-help,#teletext-controls,#teletext-text,.legacy-help,.view-link,.legacy-skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.legacy-skip:focus,.view-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;margin:0;padding:12px;clip:auto;background:#fff;color:#000;z-index:10}
a{color:#8ff}button{padding:10px;margin:4px;font:inherit}
.accessible-view{overflow:auto}
.accessible-view .screen-shell{display:block;width:auto;height:auto;max-width:1100px;margin:auto;padding:16px}
.accessible-view .legacy-title,.accessible-view #teletext-help,.accessible-view #teletext-controls,.accessible-view #teletext-text,.accessible-view .legacy-help{position:static;width:auto;height:auto;margin:16px 0;overflow:visible;clip:auto;white-space:normal}
.accessible-view .crt{width:100%;height:auto;aspect-ratio:854 / 480}
.accessible-view .legacy-help a{display:inline-block;margin:12px}
.accessible-view th{text-align:left;padding-right:24px}
@media(prefers-reduced-motion:reduce){.scanlines,.vignette{display:none}}