/* file: crates/apps/game-snake-poc-tauri/frontend/css/main.css */
/* version: 1 */

:root {
    font-family: system-ui, sans-serif;
    color-scheme: dark;
    background: #101418;
    color: #f4f7f8;
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
    margin: 0;
}

body {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom))
        max(1.5rem, env(safe-area-inset-left));
}

.bootstrap-panel {
    width: min(100%, 34rem);
    padding: 1.5rem;
    border: 1px solid currentColor;
    border-radius: 0.75rem;
}

.eyebrow {
    margin: 0 0 0.5rem;
    opacity: 0.7;
}

h1 {
    margin: 0 0 1rem;
    font-size: clamp(1.6rem, 7vw, 2.4rem);
}

#runtime-status {
    margin: 0 0 0.75rem;
}

#runtime-provenance {
    display: block;
    overflow-wrap: anywhere;
    font-family: ui-monospace, monospace;
}

body[data-runtime-state="error"] #runtime-status {
    font-weight: 700;
}