/* Realm Account Gate r017: server-verified Turnstile checkpoint. */

[data-roe-component='ledger'][data-roe-revision='r017'] .roe-hud-turnstile {
    display: grid;
    justify-items: center;
    gap: var(--roe-space-2);
    min-width: 0;
}

[data-roe-component='ledger'][data-roe-revision='r017'] .roe-hud-turnstile-widget {
    width: min(100%, 300px);
    min-height: 65px;
}

[data-roe-component='ledger'][data-roe-revision='r017'] .roe-hud-turnstile-widget > iframe {
    display: block;
    max-width: 100%;
    margin-inline: auto;
}

[data-roe-component='ledger'][data-roe-revision='r017'] .roe-hud-turnstile-status {
    min-height: 1.4em;
    margin: 0;
    color: var(--roe-hud-text-muted);
    font: 600 var(--roe-font-size-caption)/1.4 var(--roe-ui);
    text-align: center;
    text-wrap: pretty;
}

[data-roe-component='ledger'][data-roe-revision='r017'] .roe-hud-turnstile[data-turnstile-state='ready'] .roe-hud-turnstile-status {
    color: var(--roe-hud-success);
}

[data-roe-component='ledger'][data-roe-revision='r017'] .roe-hud-turnstile:is([data-turnstile-state='expired'], [data-turnstile-state='error']) .roe-hud-turnstile-status {
    color: var(--roe-hud-error);
}

@media (max-width: 360px) {
    [data-roe-component='ledger'][data-roe-revision='r017'] .roe-hud-turnstile-widget {
        width: min(100%, 290px);
    }
}