html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1d2b3a;width:100%;height:100%;margin:0;padding:0;font-family:Courier New,Courier,monospace;overflow:hidden}#stage{background:#1d2b3a;position:fixed;inset:0;overflow:hidden}#console{transform-origin:0 0;box-sizing:border-box;color:#2f3540;background:#c4c7cc;border-radius:14px 14px 36px;width:320px;height:240px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 3px #9fa3aa,inset 0 -6px #adb1b8}.brand{text-align:center;letter-spacing:3px;color:#2f3540;margin:0;font-size:11px;font-weight:700;position:absolute;top:4px;left:0;right:0}.bezel{box-sizing:border-box;background:#3e4452;border-radius:8px;width:260px;height:180px;padding:10px;position:absolute;top:20px;left:30px}#screen{width:240px;height:160px;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;background:#b7c3a5;display:block}.controls{justify-content:space-between;align-items:center;height:28px;display:flex;position:absolute;top:206px;left:30px;right:30px}.btn{letter-spacing:1px;color:#f2eedd;cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;width:70px;height:24px;font-family:inherit;font-size:10px;font-weight:700}.btn:active{transform:translateY(2px)}#start-button{background:#2f5f8c;box-shadow:0 3px #1d3b57}#start-button:active{box-shadow:0 1px #1d3b57}#start-button:focus-visible{outline-offset:2px;outline:2px solid #2f3540}.hint{letter-spacing:1px;color:#4a4f58;font-size:9px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}