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:#3b3a33;background:#c9c3b0;border-radius:14px 14px 36px;width:320px;height:240px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 3px #a7a08a,inset 0 -6px #b0a992}.brand{text-align:center;letter-spacing:3px;color:#6c2b2b;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;background:#8c2f39;border:0;border-radius:12px;width:70px;height:24px;font-family:inherit;font-size:10px;font-weight:700;box-shadow:0 3px #5b1d24}.btn:active{transform:translateY(2px);box-shadow:0 1px #5b1d24}#start-button{background:#2f5f8c;box-shadow:0 3px #1d3b57}#start-button:active{box-shadow:0 1px #1d3b57}.hint{letter-spacing:1px;color:#6b6858;font-size:9px}