@charset "utf-8";

:root {
    color-scheme: dark;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    background: #440404;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }

body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #440404;
}

.flash-shell {
    width: 100vw;
    height: 100vh;
    display: grid;
    place-items: center;
}

.flash-stage {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #440404;
}

.flash-stage object,
.flash-stage embed,
.flash-stage ruffle-player,
.flash-stage ruffle-embed {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    min-height: 0;
    background: transparent;
}

.fallback {
    margin: 0;
    padding: 2rem;
    color: #222;
    text-align: center;
}

@media (max-width: 600px) {
    body { overflow: auto; }
    .flash-shell { height: auto; min-height: 100vh; }
    .flash-stage { height: auto; aspect-ratio: 40 / 27; }
}