/* Echo page host and loading state, exclusively scoped. The game itself is styled by EchoGame.css. */
.jn-host {
    --jn-ink: #173e3b;
    --jn-paper: #fff1d6;
    --jn-accent: #f3c96a;
    --jn-muted: #657b72;
    --jn-line: #d4ded5;
    --jn-panel: rgb(19 49 46 / 0.9);
    --jn-hud: rgb(20 51 47 / 0.86);
    color: var(--jn-ink);
    font-family: 'Space Grotesk', system-ui, sans-serif;
    line-height: 1.5;
    isolation: isolate;
    position: relative;
    min-height: 100dvh;
    background: #f0f2eb;
}
.jn-host .jn-loading {
    position: absolute;
    inset: 0 0 auto;
    z-index: 5;
    display: grid;
    align-content: start;
    gap: 18px;
    width: min(680px, 100%);
    min-height: 100dvh;
    margin: 0 auto;
    padding: 12vh 28px;
}
.jn-host .jn-loading h1 {
    font:
        400 clamp(32px, 6vw, 58px) Georgia,
        serif;
    line-height: 1.1;
}
.jn-host .jn-loading a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--jn-ink);
    text-decoration: underline;
}