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

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: #05070d;
}

.flash-runtime {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 20%, rgba(124,92,255,.08), transparent 38%),
        #05070d;
}

.flash-runtime__stage {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.flash-runtime__stage canvas {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    outline: none;
    touch-action: none;
}

.flash-runtime__message {
    position: absolute;
    z-index: 4;
    inset: 0;
    display: grid;
    place-content: center;
    gap: 8px;
    padding: 24px;
    text-align: center;
    pointer-events: none;
    background: rgba(5,7,13,.92);
}

.flash-runtime__message[hidden] {
    display: none;
}

.flash-runtime__message strong,
.flash-runtime__message span {
    display: block;
}

.flash-runtime__message strong {
    font-size: clamp(1.1rem, 4vw, 1.6rem);
    color: #f5f7fb;
}

.flash-runtime__message span {
    max-width: 520px;
    color: #9eabc1;
    line-height: 1.55;
}

.flash-runtime__message.is-error {
    background: rgba(20,6,10,.94);
}

.flash-runtime__message.is-error strong {
    color: #ff9aad;
}