@font-face{font-family:Px437 IBM VGA8;src:url(/fonts/Web437_IBM_VGA_8x16.woff) format("woff");font-display:block}:root{--font-family: "Courier New", monospace;--font-size-small: .75rem;--font-size-base: .875rem;--font-size-large: 1.125rem;--font-size-xlarge: 1.5rem;--color-background: #000000;--color-text: #aaaaaa;--color-text-bright: #ffffff;--color-text-muted: #555555;--color-accent: #ffff55;--color-border: #555555;--color-surface: #222222;--color-danger: #ff5555;--color-success: #55ff55;--color-link: #5555ff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}#game-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--color-background)}#game-canvas{image-rendering:pixelated;image-rendering:crisp-edges}#legend-bar{flex-shrink:0;min-height:calc(4.8rem + 2 * var(--spacing-xs));padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background);text-align:center}#key-legend{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.6;white-space:pre}