/* Lite Blue on narrow screens: play.cgi and index.html link this with
 * MEDIA="screen and (max-width: 899px)". Netscape 4 never loads it (it skips
 * a LINK whose MEDIA is a media query), and wide screens match nothing, so
 * the desktop layout is untouched. Claude Opus 5.5, 2026-10-15. */
body { margin: 6px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* the layout table: board (or text), gap, side panel -> one column */
table.frame { width: 100%; }
td.main, td.side { display: block; width: auto; }
td.gap { display: none; }
td.side { padding-top: 14px; }

/* pictures fit the screen; the 3D board's image map follows (m.js) */
img.banner { width: 100%; height: auto; }
img.board3d { width: auto; height: auto; max-width: 100%; }

/* the flat board: 8 tiles and the rank labels across the width */
td.main td img { width: 10.5vw; max-width: 48px; height: auto; }

/* side-panel links big enough to tap */
td.side a { display: inline-block; padding: 7px 0; }