/*
 * Orfeo — itch.io page styles.
 *
 * Centers the game screen inside the itch.io iframe. The or-screen div
 * is 32ch × 16em; --or-cell is inherited from :root via styles.css.
 * We override --or-cell here so the screen fills a larger portion of
 * the typical itch.io embed viewport (default 640×480).
 */

:root {
    /* Allow the screen to grow bigger in the itch.io full-page context
       than it does inside the bitdrift.com overlay (which reserves space
       for the D-pad below). Max 28px keeps it crisp at 640px wide. */
    --or-cell: clamp(12px, min(calc((100dvh - 40px) / 16), calc((100dvw - 40px) / 19.5)), 28px);
}

html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    min-height: 100dvh;
    background: var(--or-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Lucida Console", "Lucida Sans Typewriter", "Courier New", Courier, monospace;
    color: var(--or-fg);
}

#game-container {
    display: flex;
    align-items: center;
    justify-content: center;
}