*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#6C5EB5}
body{display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-text-size-adjust:100%}
#wrap{position:relative;display:flex;flex-direction:column;align-items:center}
#stage{position:relative}
#screen,#probe{font-family:"C64 Pro Mono","Lucida Console","DejaVu Sans Mono",Menlo,Consolas,"Courier New",monospace;font-kerning:none;font-variant-ligatures:none}
#screen{position:relative;overflow:hidden;width:320px;height:200px;background:#352879;color:#6C5EB5;user-select:none;-webkit-user-select:none;text-shadow:0 0 2px currentColor}
#rows{position:absolute;left:0;top:0;transform-origin:0 0}
.row{white-space:pre;overflow:hidden}
#screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.10) 3px)}
#probe{position:absolute;left:0;top:0;visibility:hidden;white-space:pre;pointer-events:none}
#kb{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;outline:none;z-index:2;cursor:default}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#touch{display:none;gap:10px;margin-top:10px}
#touch button{font:inherit;font-family:"Lucida Console","Courier New",monospace;font-size:13px;color:#352879;background:#9A8FD6;border:0;border-radius:4px;padding:8px 14px}
@media (pointer:coarse){
  body{align-items:flex-start;padding-top:4vh}
  #touch{display:flex}
}
.nojs{margin:0;padding:24px;min-height:100vh;background:#352879;color:#6C5EB5;font-family:"Courier New",monospace;font-size:18px}