:root{
    --er-page-background-image:none;
    --er-page-glass:
        radial-gradient(circle at 12% 0,rgba(214,166,70,.045),transparent 34%),
        linear-gradient(145deg,rgba(13,17,23,.70),rgba(5,8,11,.62));
    --er-page-glass-strong:
        radial-gradient(circle at 12% 0,rgba(214,166,70,.05),transparent 34%),
        linear-gradient(145deg,rgba(10,14,19,.80),rgba(5,8,11,.74));
}

html{
    background:#05070a;
}

body{
    background-image:
        linear-gradient(180deg,rgba(4,6,9,.28),rgba(4,6,9,.58)),
        var(--er-page-background-image) !important;
    background-position:center top !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-attachment:fixed !important;
}

/*
 * Vetro globale AdventureEngine.
 * I contenitori principali restano leggibili, ma lasciano percepire il mondo
 * sottostante invece di coprirlo con pannelli quasi completamente opachi.
 */
.er-card,
.er-auth-intro,
.er-auth-card,
.er-account-card,
.er-pricing-card,
.er-billing-hero,
.er-game-card,
.er-rail-card,
.er-chat-panel,
.er-launchbar,
.er-admin-bar,
.er-engine-option,
.er-participant-editor,
.er-account-fact,
.er-provider-row,
.er-cost-strip span,
.er-home-shell-header,
.er-home-hero,
.er-home-world,
.er-home-capability,
.er-library__imagination,
.er-library__head,
.er-library__tabs,
.er-empty,
.er-character-library__hero,
.er-character-editor__hero,
.er-character-library__empty,
.er-character-card,
.er-character-editor__section,
.er-character-editor__footer,
.er-audio-popover,
.er-drawer{
    background:var(--er-page-glass) !important;
    -webkit-backdrop-filter:blur(8px) saturate(108%);
    backdrop-filter:blur(8px) saturate(108%);
}

.er-game-header,
.er-chat-panel>header,
.er-composer,
.er-drawer,
.er-audio-popover,
.er-launchbar{
    background:var(--er-page-glass-strong) !important;
    -webkit-backdrop-filter:blur(12px) saturate(110%);
    backdrop-filter:blur(12px) saturate(110%);
}

.er-home-room,
.er-home-telemetry,
.er-home-proof span,
.er-game-card__fact,
.er-character-stat-grid>span{
    background:rgba(5,8,11,.46) !important;
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
}

@media(max-width:900px){
    body{
        background-attachment:scroll !important;
    }
}

@media(prefers-reduced-transparency:reduce){
    .er-card,
    .er-auth-intro,
    .er-auth-card,
    .er-account-card,
    .er-pricing-card,
    .er-billing-hero,
    .er-game-card,
    .er-rail-card,
    .er-chat-panel,
    .er-launchbar,
    .er-admin-bar,
    .er-engine-option,
    .er-participant-editor,
    .er-account-fact,
    .er-provider-row,
    .er-cost-strip span,
    .er-home-shell-header,
    .er-home-hero,
    .er-home-world,
    .er-home-capability,
    .er-library__imagination,
    .er-library__head,
    .er-library__tabs,
    .er-empty,
    .er-character-library__hero,
    .er-character-editor__hero,
    .er-character-library__empty,
    .er-character-card,
    .er-character-editor__section,
    .er-character-editor__footer,
    .er-audio-popover,
    .er-drawer,
    .er-game-header,
    .er-chat-panel>header,
    .er-composer{
        -webkit-backdrop-filter:none;
        backdrop-filter:none;
    }
}