@font-face{font-family:Montserrat;src:url('/fonts/Montserrat.ttf') format('truetype');font-display:swap;font-weight:100 900}
/* One crystal palette drives the HUD, while text and currency keep their contrast. */
:root{--theme-0:#6530a6;--theme-1:#bb70ee;--theme-2:#eccaff;--theme-hue:0deg;--hud-surface:color-mix(in srgb,var(--theme-0) 27%,#12131d);--hud-edge:color-mix(in srgb,var(--theme-1) 60%,#777589);--hud-muted:color-mix(in srgb,var(--theme-2) 74%,#a5a5b2)}
.app-shell{border-color:var(--hud-edge)}
.balance,.home-adsgram,.card,.task-row,.metric,.catalog-card,.shop-summary,.shop-item,.shop-collect-card,.shop-empty{background:linear-gradient(125deg,color-mix(in srgb,var(--hud-surface) 94%,transparent),color-mix(in srgb,var(--hud-surface) 88%,transparent));border-color:var(--hud-edge);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-2) 15%,transparent),0 0 14px color-mix(in srgb,var(--theme-1) 8%,transparent)}
.balance-label,.level-label,.level-next,.level-label small,.adsgram-copy small,.adsgram-reward small,.adsgram-chevron,.small-arrow,.icon-button,.growth-detail,.is-home .growth-detail,.is-home .growth-line span,.settings-level>span,.settings-level p,.level-stepper span,.level-stepper small,.shop-heading p,.shop-item-copy>span,.shop-summary span,.collection-level,.shop-collect-card p{color:var(--hud-muted)}
.is-home .crystal-view:before{background:radial-gradient(ellipse at 50% 73%,color-mix(in srgb,var(--theme-1) 23%,transparent),transparent 70%)}
.level-track,.is-home .progress-track{background:color-mix(in srgb,var(--theme-0) 40%,#14131e);border-color:var(--hud-edge);box-shadow:0 0 8px color-mix(in srgb,var(--theme-1) 14%,transparent)}
.progress-fill{background:linear-gradient(90deg,var(--theme-0),var(--theme-1) 60%,var(--theme-2));box-shadow:0 0 9px color-mix(in srgb,var(--theme-1) 40%,transparent),inset 0 1px 0 color-mix(in srgb,var(--theme-2) 70%,white)}
.primary{position:relative;isolation:isolate;background:none;box-shadow:0 0 16px color-mix(in srgb,var(--theme-1) 26%,transparent);text-shadow:0 1px 4px #0009}
.primary:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:url('/assets/crystal-button.webp') center/100% 100% no-repeat;filter:hue-rotate(var(--theme-hue))}
.brand-mark,.brand-dot{filter:hue-rotate(var(--theme-hue));color:var(--theme-2)}
.avatar{background:linear-gradient(140deg,color-mix(in srgb,var(--theme-1) 55%,#30303b),var(--hud-surface));border-color:var(--hud-edge);box-shadow:inset 0 1px 8px color-mix(in srgb,var(--theme-2) 18%,transparent)}
.bottom-nav{background:linear-gradient(180deg,color-mix(in srgb,var(--hud-surface) 94%,transparent),color-mix(in srgb,var(--hud-surface) 82%,transparent)),var(--crystal-background,url('/assets/moonlit-forest.webp')) center bottom/100% auto;border-color:var(--hud-edge)}
.nav-link{color:var(--hud-muted)}.nav-link.active{color:white}.nav-link .asset-icon{filter:hue-rotate(var(--theme-hue)) drop-shadow(0 2px 5px #15061d)}.nav-link.active .asset-icon{filter:hue-rotate(var(--theme-hue)) drop-shadow(0 0 7px var(--theme-1))}.nav-link.active:before,.is-home .nav-link.active:before{background:var(--theme-2);box-shadow:0 0 8px var(--theme-1)}
dialog{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-0) 33%,#1f1b29),var(--hud-surface));border-color:var(--hud-edge)}
.secondary,.level-stepper>button,.shop-sell,.task-row button{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-0) 67%,#35303d),color-mix(in srgb,var(--theme-0) 45%,#26212f));border-color:var(--hud-edge);color:white}.level-stepper>button{background:color-mix(in srgb,var(--theme-0) 45%,#39333f)}
.level-choice{background:var(--hud-surface);border-color:var(--hud-edge)}.level-choice.selected{border-color:var(--theme-2);background:color-mix(in srgb,var(--theme-0) 45%,#25212f)}
.toast{background:var(--hud-surface);border-color:var(--hud-edge);color:white}.task-art,.invite,.ref-hero,.wallet-total{background:var(--hud-surface);border-color:var(--hud-edge)}

.growth-status{font-family:Montserrat,Onest,sans-serif;font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased}
.is-home .growth-line{font-family:Montserrat,Onest,sans-serif;font-size:13px;line-height:18px;letter-spacing:-.15px}
.is-home .growth-line span{font-weight:650;color:var(--theme-2)}
.is-home .growth-line strong{font-family:Montserrat,Onest,sans-serif;font-size:16px;font-weight:750;letter-spacing:-.5px;line-height:18px}
.growth-detail,.is-home .growth-detail{font-family:Montserrat,Onest,sans-serif;font-size:11px;line-height:16px;font-weight:550;letter-spacing:0;text-shadow:0 1px 4px #0009}
#growth-count{font-weight:650;letter-spacing:-.15px}