@font-face{font-family:Teletactile;src:url('../fonts/Teletactile.ttf') format('truetype');font-display:block}:root{--screen-left:11.45%;--screen-top:15.1%;--screen-width:56.9%;--screen-height:67.6%}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{display:grid;place-items:center;overflow-x:hidden;background:#191713 radial-gradient(circle at 50% 30%,#3b372d 0,#171612 65%,#0d0c0a 100%);color:#ddd;padding:clamp(10px,2vh,24px)}.set{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,54px);width:min(96vw,1580px)}.controls{width:100%;align-self:center}.television{position:relative;width:100%;aspect-ratio:4/3}.television-frame{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}.teletext{position:absolute;z-index:1;left:var(--screen-left);top:var(--screen-top);width:var(--screen-width);height:var(--screen-height)}.controller-note{max-width:240px;margin:18px auto 0;color:#d2c9b3;font:16px/1.4 Georgia,serif;text-align:center}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}noscript{position:fixed;inset:auto 0 0;padding:1rem;background:#000;text-align:center}@media(max-width:900px){body{place-items:start center}.set{grid-template-columns:1fr;width:min(100%,900px)}.television{grid-row:1}.controls{grid-row:2;width:min(280px,90vw);margin:0 auto}.controller-note{margin-top:16px}}