: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);min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}#game-container{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:var(--color-background)}#game-canvas{image-rendering:pixelated;image-rendering:crisp-edges}#key-legend{position:absolute;color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.8;white-space:pre;pointer-events:none}@media(orientation:landscape){#game-container{position:relative}#key-legend{left:var(--spacing-md);top:50%;transform:translateY(-50%);text-align:left}}@media(orientation:portrait){#game-container{position:relative}#key-legend{bottom:var(--spacing-md);left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}}