@font-face{font-family:Bedstead;src:url(/fonts/bedstead.otf) format("opentype");font-display:block}:root{--tt-black: #000000;--tt-red: #ff0000;--tt-green: #00ff00;--tt-yellow: #ffff00;--tt-blue: #0000ff;--tt-magenta: #ff00ff;--tt-cyan: #00ffff;--tt-white: #ffffff;--cell-w: 16px;--cell-h: 27px;--frame-pad-y: 14px;--frame-pad-x: 16px;--frame-radius: 14px;--frame-ring: 3px;--viewport-margin: 16}*{box-sizing:border-box}html{overflow:hidden}body{margin:0;min-height:100vh;min-height:100dvh;background:#101010;display:flex;align-items:center;justify-content:center;font-family:Bedstead,monospace;overscroll-behavior:none;-webkit-text-size-adjust:100%;overflow:hidden}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100vh;height:100dvh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}.tt-stage{display:flex;flex-direction:column;align-items:center;transform-origin:center center}.tt-frame{position:relative;background:var(--tt-black);padding:var(--frame-pad-y) var(--frame-pad-x);border-radius:var(--frame-radius);box-shadow:0 0 0 var(--frame-ring) #2a2a2a,0 18px 50px #000000b3;overflow:hidden}.tt-screen{width:calc(40 * var(--cell-w));font-size:calc(var(--cell-h) * .82);line-height:1;letter-spacing:0;user-select:none}.tt-cell.tt-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tt-cell.tt-pressed,.tt-cell.tt-hover{background:var(--tt-cyan);color:var(--tt-black)}.tt-row{display:flex;height:var(--cell-h)}.tt-row--double{height:calc(var(--cell-h) * 2)}.tt-cell{display:block;width:var(--cell-w);height:var(--cell-h);flex:0 0 var(--cell-w);text-align:center;overflow:hidden;white-space:pre}.tt-row--double .tt-cell{height:var(--cell-h);transform:scaleY(2);transform-origin:50% 0}.tt-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#00000047 0px 1px,#0000 1px 3px);mix-blend-mode:multiply}.tt-fg-black{color:var(--tt-black)}.tt-fg-red{color:var(--tt-red)}.tt-fg-green{color:var(--tt-green)}.tt-fg-yellow{color:var(--tt-yellow)}.tt-fg-blue{color:var(--tt-blue)}.tt-fg-magenta{color:var(--tt-magenta)}.tt-fg-cyan{color:var(--tt-cyan)}.tt-fg-white{color:var(--tt-white)}.tt-bg-black{background:var(--tt-black)}.tt-bg-red{background:var(--tt-red)}.tt-bg-green{background:var(--tt-green)}.tt-bg-yellow{background:var(--tt-yellow)}.tt-bg-blue{background:var(--tt-blue)}.tt-bg-magenta{background:var(--tt-magenta)}.tt-bg-cyan{background:var(--tt-cyan)}.tt-bg-white{background:var(--tt-white)}@media(max-aspect-ratio:3 / 4){:root{--cell-h: 32px;--frame-pad-y: 6px;--frame-pad-x: 4px;--frame-radius: 0px;--frame-ring: 0px;--viewport-margin: 4}.tt-frame{box-shadow:none}}@media(max-height:560px)and (min-aspect-ratio:1 / 1){:root{--frame-pad-y: 2px;--frame-pad-x: 4px;--frame-radius: 0px;--frame-ring: 0px;--viewport-margin: 4}.tt-frame{box-shadow:none}}@media(pointer:coarse){.tt-frame:after{background:repeating-linear-gradient(to bottom,#00000038 0px 1px,#0000 1px 3px)}}