:root{
    --bg:#06080b;
    --panel:#0c1016;
    --panel2:#111720;
    --line:#2b2b2a;
    --text:#f0eee9;
    --muted:#989a9e;
    --gold:#d5a74a;
    --gold-soft:#e8c66f;
    --gold-bright:#ffdc7d;
    --danger:#c75d5d;
    --ok:#70b98d;
    --shadow:0 24px 72px rgba(0,0,0,.46);
    --er-noir-panel:linear-gradient(145deg,rgba(15,18,23,.97),rgba(7,9,12,.985));
    --er-noir-panel-warm:radial-gradient(circle at 10% 0,rgba(214,166,70,.06),transparent 34%),linear-gradient(145deg,rgba(16,19,24,.98),rgba(7,9,12,.99));
    --er-noir-line:rgba(218,172,78,.2);
}

html,
body{
    background:
        radial-gradient(ellipse at 50% -18%,rgba(185,129,42,.09),transparent 31%),
        radial-gradient(ellipse at 8% 28%,rgba(55,61,71,.07),transparent 26%),
        linear-gradient(180deg,#080a0d 0%,#06080b 42%,#05070a 100%);
    color:var(--text);
}

body{
    position:relative;
    min-height:100dvh;
}

body::before{
    content:"";
    position:fixed;
    z-index:-1;
    inset:var(--er-shared-header-height,0) 0 auto;
    height:340px;
    pointer-events:none;
    background:
        linear-gradient(90deg,transparent 0%,rgba(215,167,72,.018) 50%,transparent 100%),
        repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.012) 120px,transparent 121px),
        linear-gradient(180deg,rgba(255,255,255,.013),transparent 65%);
    mask-image:linear-gradient(180deg,black,transparent);
}

::selection{
    background:rgba(214,168,72,.28);
    color:#fff8e8;
}

::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#07090c}
::-webkit-scrollbar-thumb{border:3px solid #07090c;border-radius:999px;background:#34302a}
::-webkit-scrollbar-thumb:hover{background:#655535}

.er-kicker,
.er-section-head span,
.er-rail-card>span{
    color:var(--gold-soft);
}

.er-card,
.er-auth-intro,
.er-auth-card,
.er-account-card,
.er-pricing-card,
.er-game-card,
.er-rail-card,
.er-chat-panel,
.er-billing-hero{
    border-color:rgba(255,255,255,.07);
    background:var(--er-noir-panel-warm);
    box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.015);
}

.er-card:hover,
.er-account-card:hover,
.er-pricing-card:hover,
.er-game-card:hover{
    border-color:rgba(214,168,72,.2);
}

.er-card,
.er-account-card,
.er-pricing-card,
.er-game-card{
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.er-card--scenario,
.er-pricing-card.is-current,
.er-billing-hero,
body.er-home-library-page .er-library__imagination{
    border-color:rgba(214,168,72,.27)!important;
    box-shadow:0 24px 74px rgba(0,0,0,.42),0 0 34px rgba(202,151,55,.035)!important;
}

.er-card textarea,
.er-card input,
.er-select,
.er-composer textarea,
.er-composer select,
.er-field input,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea{
    border-color:rgba(255,255,255,.095);
    background:linear-gradient(180deg,#090c10,#07090c);
    color:#f0eee9;
    box-shadow:inset 0 1px 5px rgba(0,0,0,.32);
}

.er-card textarea:focus,
.er-card input:focus,
.er-select:focus,
.er-composer textarea:focus,
.er-field input:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
select:focus,
textarea:focus{
    border-color:rgba(219,173,79,.52);
    box-shadow:0 0 0 3px rgba(210,162,64,.08),inset 0 1px 5px rgba(0,0,0,.3);
    outline:none;
}

.er-label,
.er-field>span,
.er-section-head small,
.er-model-note,
.er-muted{
    color:#aaa69e;
}

.er-btn,
.er-icon-btn,
.er-action-secondary,
.er-external button{
    border-color:rgba(255,255,255,.09);
    background:linear-gradient(180deg,#151a20,#0d1116);
    color:#e8e5df;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
    transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}

.er-btn:hover,
.er-icon-btn:hover,
.er-action-secondary:hover,
.er-external button:hover{
    border-color:rgba(214,168,72,.32);
    color:#ffe5a3;
    transform:translateY(-1px);
}

.er-btn--launch,
.er-btn--send,
.er-auth-submit,
.er-action-primary,
.er-home-cta{
    border:1px solid rgba(241,197,101,.62)!important;
    background:
        linear-gradient(180deg,rgba(255,221,133,.13),rgba(130,84,19,.08)),
        linear-gradient(135deg,#d6aa53,#9e7128)!important;
    color:#100d08!important;
    box-shadow:0 10px 28px rgba(166,116,35,.15),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.er-btn--launch:hover,
.er-btn--send:hover,
.er-auth-submit:hover,
.er-action-primary:hover,
.er-home-cta:hover{
    box-shadow:0 14px 34px rgba(184,132,43,.24),0 0 20px rgba(224,174,72,.08)!important;
}

.er-launchbar{
    border-color:rgba(214,168,72,.32);
    background:linear-gradient(180deg,rgba(12,14,17,.95),rgba(7,9,12,.95));
    box-shadow:0 22px 70px rgba(0,0,0,.52),0 0 32px rgba(201,151,56,.04);
}

.er-engine-option,
.er-participant-editor,
.er-account-fact,
.er-provider-row,
.er-cost-strip span,
.er-admin-bar{
    border-color:rgba(255,255,255,.075);
    background:linear-gradient(180deg,rgba(13,16,20,.9),rgba(8,10,13,.94));
}

.er-engine-option:has(input:checked){
    border-color:rgba(218,172,77,.52);
    background:linear-gradient(180deg,rgba(82,58,21,.24),rgba(20,17,12,.42));
    box-shadow:inset 3px 0 0 rgba(219,169,68,.5);
}

.er-game-header{
    border-bottom-color:rgba(214,168,72,.18);
    background:
        radial-gradient(circle at 5% 0,rgba(211,160,61,.06),transparent 28%),
        linear-gradient(180deg,rgba(8,10,13,.965),rgba(6,8,11,.955));
    box-shadow:0 13px 34px rgba(0,0,0,.35);
}

.er-cost-strip span{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.012);
}

.er-cost-strip strong{
    color:#e0bd6b;
}

.er-speech-toggle{
    border-color:rgba(255,255,255,.09);
    background:linear-gradient(180deg,#12161b,#0a0d11);
}

.er-chat-panel{
    background:
        radial-gradient(circle at 50% -10%,rgba(204,153,58,.035),transparent 28%),
        linear-gradient(180deg,#0e1217,#080b0f);
}

.er-chat-panel>header{
    border-bottom-color:rgba(214,168,72,.11);
    background:linear-gradient(180deg,#11151a,#0c1014);
}

.er-chat-log{
    background:
        linear-gradient(180deg,rgba(255,255,255,.008),transparent 25%),
        repeating-linear-gradient(0deg,transparent 0 57px,rgba(255,255,255,.008) 58px);
}

.er-msg{
    border-color:rgba(255,255,255,.075);
    background:linear-gradient(180deg,#151a20,#101419);
    box-shadow:0 7px 18px rgba(0,0,0,.12);
}

.er-msg--speech{
    border-color:rgba(214,168,72,.17);
    background:linear-gradient(180deg,#191a18,#121310);
}

.er-msg--private{
    border-color:rgba(214,168,72,.3);
    background:linear-gradient(180deg,#211c12,#15120d);
}

.er-composer{
    border-top-color:rgba(214,168,72,.12);
    background:linear-gradient(180deg,#0b0e12,#07090c);
}

.er-rail-card{
    border-color:rgba(255,255,255,.07);
    background:
        linear-gradient(90deg,rgba(212,163,66,.035),transparent 34%),
        linear-gradient(180deg,#0d1116,#080b0f);
}

.er-report-links a,
.er-library__tabs,
.er-home-proof span{
    border-color:rgba(255,255,255,.075)!important;
    background:rgba(6,8,11,.58)!important;
}

body.er-home-page .er-hero,
body.er-home-library-page .er-library__head{
    border-color:rgba(214,168,72,.2);
    background:
        radial-gradient(circle at 76% 38%,rgba(214,168,72,.1),transparent 27%),
        radial-gradient(circle at 14% 6%,rgba(74,68,56,.08),transparent 26%),
        linear-gradient(145deg,rgba(15,18,23,.99),rgba(6,8,11,.995) 66%,rgba(10,11,12,.995));
    box-shadow:0 30px 94px rgba(0,0,0,.52),0 0 38px rgba(201,151,56,.035);
}

.er-home-copy h1 span,
.er-pricing-price strong,
.er-billing-plan strong,
body.er-home-library-page .er-library__imagination strong{
    color:#e2c277;
}

.er-home-world,
.er-home-capability,
body.er-home-library-page .er-game-card{
    border-color:rgba(255,255,255,.07);
    background:
        radial-gradient(circle at 50% 0,rgba(212,164,67,.045),transparent 26%),
        linear-gradient(145deg,rgba(14,18,23,.96),rgba(7,9,12,.98));
}

.er-home-capability::before,
body.er-home-library-page .er-game-card::before,
body.er-home-library-page .er-library__imagination::before{
    background:linear-gradient(90deg,#d2a342,transparent)!important;
}

.er-auth-intro::after,
body.er-home-library-page .er-library__head::after{
    border-color:rgba(214,168,72,.19);
    box-shadow:0 0 100px rgba(201,151,56,.045);
}

.er-status-banner{
    background:rgba(83,151,112,.075);
}

.er-toast{
    border-color:rgba(214,168,72,.22);
    background:linear-gradient(180deg,#11151a,#090c10);
    box-shadow:0 18px 54px rgba(0,0,0,.56);
}

@media(max-width:900px){
    body::before{height:220px}
}

@media(prefers-reduced-motion:reduce){
    .er-card,
    .er-account-card,
    .er-pricing-card,
    .er-game-card,
    .er-btn,
    .er-icon-btn,
    .er-action-secondary,
    .er-external button{transition:none!important}
}
