* {
  padding: 0;
  margin: 0;
}

body {
  background: black;
}

#canvas {
  background: black;
  border: solid 5px white;
  position: absolute;
  top: calc(50% - 245px);
  left: calc(50% - 185px);
  outline: none;
}


/* Keep the keyboard canvas inside the entertainment room shell. */
#canvas{position:relative;top:auto;left:auto;display:block;margin:24px auto;max-width:calc(100% - 20px);height:auto;box-sizing:border-box}body{min-height:100svh}

*{box-sizing:border-box}body{background:#fff8ed;color:#24454c;padding:14px;font-family:system-ui,sans-serif}.retro-shell{max-width:620px;margin:0 auto}.retro-shell h1{margin:.5em 0}.retro-shell p{line-height:1.5}#canvas{border:3px solid #276d84;border-radius:14px;width:min(360px,100%);max-width:100%;margin:16px auto;touch-action:none}.game-actions,.touch-controls{display:flex;justify-content:center;gap:8px}.touch-controls{max-width:390px;margin:auto}.touch-controls button{flex:1;touch-action:none;user-select:none}button{padding:12px;min-height:48px;border:2px solid #287078;border-radius:12px;background:#dff8ec;color:#24454c;font:700 16px system-ui;cursor:pointer}button:focus-visible,#canvas:focus-visible{outline:3px solid #b53966;outline-offset:3px}button:disabled{opacity:.5}#game-status{font-weight:700;min-height:1.5em}