/* SokoBoy page. Loaded only on /sokoboy/, alongside /styles.css.
   Shared hero/note styling for hobby-game pages (.game-hero/.game-note)
   lives in the main styles.css - see there for /dragon-warrior/ too. */

.sokoboy-frame{
  max-width:1040px;
  margin:0 auto 80px;
  padding:24px 20px 0;
  text-align:center;
  border-radius:var(--radius2);
  transition:background-color .3s ease;
}

#canvas{
  display:block;
  margin:0 auto;
  max-width:100%;
  height:auto;
  background:#000;
  border:10px solid var(--text);
  border-radius:12px;
  box-shadow:var(--shadow);
}