/* ============================================
 * Kiro のだいぼうけん！ - 画面レイアウト・スケーリング用CSS
 * ファミコン解像度 256×240 のアスペクト比を維持し、
 * 黒い余白で画面を中央配置する
 * ============================================ */

/* リセットとベース設定 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 背景を黒にして余白部分を黒で表示 */
html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    /* カーソルを非表示にしてゲーム感を演出 */
    cursor: crosshair;
}

/* ゲーム画面コンテナ - 中央配置 */
#game-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ゲームCanvas - ピクセルパーフェクト描画 */
#game-canvas {
    /* ピクセルアートのぼやけ防止（ニアレストネイバー補間） */
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    /* 初期サイズ（JavaScriptでスケーリング計算後に上書き） */
    width: 256px;
    height: 240px;
    /* 黒い背景 */
    background-color: #000;
    display: block;
}