@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;height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}#main-layout{flex:1;min-height:0;display:flex;flex-direction:row}#game-area{flex:1;min-width:0;display:flex;flex-direction:column}#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}.mobile-panel{display:none;background:var(--color-background)}@media(pointer:coarse){@media(orientation:portrait){#mobile-bottom{display:flex;flex-direction:row;flex-shrink:0;height:min(50vw,220px);align-items:stretch}}@media(orientation:landscape){#mobile-left,#mobile-right{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;flex-shrink:0}}}.mb-btn{background:var(--color-surface);color:var(--color-text-bright);border:2px solid var(--color-border);font-family:var(--font-family);font-size:var(--font-size-large);display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mb-btn:active{background:var(--color-border);color:var(--color-accent)}.mb-dpad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);padding:var(--spacing-sm);width:100%;max-width:220px}.mb-dpad .mb-btn{width:100%;aspect-ratio:1;min-width:0;min-height:0}.mb-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);padding:var(--spacing-sm);align-content:center;width:100%;max-width:220px}.mb-actions .mb-btn{min-height:44px;min-width:0}.mb-numbers{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);align-content:center;justify-content:center;width:100%}.mb-numbers .mb-btn{min-width:48px;min-height:48px;font-size:var(--font-size-xlarge)}.mb-numbers .mb-extra{min-width:64px}.mb-anykey{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-sm)}.mb-anykey .mb-btn{width:100%;padding:0 var(--spacing-md);min-height:52px}.mb-bottom-half{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}