#onboardingDialog{background:var(--theme-surface,#101411)}
#onboardingDialog .onboarding-head{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(230px,34vh,310px);align-items:end;grid-template-columns:minmax(0,1fr) auto;padding:20px 22px 22px;border-bottom:0;color:#fff;background-color:#111}
#onboardingDialog .onboarding-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
#onboardingDialog .onboarding-head:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(0deg,rgba(7,11,8,.94),rgba(7,11,8,.04) 72%)}
#onboardingDialog .onboarding-head>*:not(.onboarding-art){position:relative;z-index:1}
#onboardingDialog .trainer-avatar{display:none}
#onboardingDialog .onboarding-head .kicker{color:#d4ff64;text-shadow:0 1px 12px #000}
#onboardingDialog .onboarding-head h2{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.72)}
#onboardingDialog .onboarding-head .dialog-close{grid-column:2;grid-row:1;align-self:start;color:#fff;background:rgba(14,18,15,.36);backdrop-filter:blur(12px)}
#onboardingDialog .onboarding-body{background:color-mix(in srgb,var(--theme-bg,#0a0d0b) 88%,transparent);backdrop-filter:blur(18px) saturate(140%)}
#onboardingDialog .onboarding-section{background:color-mix(in srgb,var(--theme-surface,#101411) 68%,transparent);backdrop-filter:blur(18px) saturate(145%)}
#onboardingDialog .onboarding-numbers input,#onboardingDialog .onboarding-choice>span{background:color-mix(in srgb,var(--theme-section,#111612) 64%,transparent);backdrop-filter:blur(16px) saturate(145%)}
#onboardingDialog .language-preference-section label{display:grid;gap:9px;color:var(--theme-text,#f2f5ed);font-size:13px;font-weight:750}
#onboardingDialog .language-preference-section select{width:100%;min-height:44px;padding:0 12px;border:1px solid color-mix(in srgb,var(--theme-text,#f2f5ed) 25%,transparent);border-radius:12px;background:color-mix(in srgb,var(--theme-section,#111612) 72%,transparent);color:var(--theme-text,#f2f5ed);font:inherit}
#onboardingDialog #localeFeedback{display:block;margin-top:8px;color:var(--theme-muted,#aab4ad);font-size:12px}
#onboardingDialog .onboarding-actions{background:color-mix(in srgb,var(--theme-bg,#0a0d0b) 92%,transparent);backdrop-filter:blur(18px)}
:root[data-theme="light"] #onboardingDialog .onboarding-head:before{background:linear-gradient(0deg,rgba(20,17,14,.88),rgba(20,17,14,.02) 72%)}
@media(max-width:600px){#onboardingDialog .onboarding-head{min-height:clamp(220px,30vh,280px);padding:18px 16px 20px;background-position:center top}}