/* September 2026: scoped account refresh and metallic gift-card eruption. */
.account-eyebrow{display:block;margin-bottom:10px;font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.dsh{gap:24px;padding-bottom:32px}
.dsh-top{align-items:flex-start;gap:24px}
.dsh-hello p{margin-top:10px;line-height:1.6}
.dsh-invite{max-width:470px;border-color:var(--border);background:var(--surface);box-shadow:none}
.dsh-invite-t i{font-size:.875rem;line-height:1.5}
.dsh-invite-btn{background:#7764e8;box-shadow:none}
.dsh-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;border:0;background:transparent;overflow:visible;align-items:stretch}
.dsh-wallet{border:1px solid #354267;border-radius:20px;padding:30px;background:radial-gradient(ellipse at 100% 0%,#34366a,transparent 70%),linear-gradient(145deg,#1d2943,#121b2f);overflow:visible;isolation:isolate}
.dsh-wallet::before{display:none}
.dsh-wallet .bal{font-size:clamp(2rem,3.5vw,3.25rem);margin-top:14px;overflow-wrap:anywhere}
.dsh-wallet .lbl,.dsh-wallet .note{font-size:.875rem;line-height:1.6}
.dsh-wallet .acts{margin-top:28px;gap:10px}
.dsh-eye{width:40px;height:40px;flex-shrink:0}
.dsh-btn{min-height:44px;font-size:.875rem;box-shadow:none!important}
.dsh-kpis{gap:14px;background:transparent;grid-template-columns:repeat(2,minmax(0,1fr))}
.dsh-kpi{border:1px solid var(--border);border-radius:16px;padding:22px;gap:7px;min-width:0;min-height:145px}
.dsh-kpi .k{font-size:.875rem;padding-right:36px;line-height:1.4}
.dsh-kpi b{font-size:clamp(1.35rem,2vw,1.85rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dsh-kpi i{font-size:.875rem;line-height:1.5}
.dsh-kpi .ic{width:32px;height:32px;top:18px;right:16px;border:0;border-radius:9px;background:color-mix(in srgb,var(--c) 10%,transparent)}
.dsh-kpi .ic .dn-svg{width:18px;height:18px}
.dsh-kpi .bar{max-width:none;height:4px;margin-top:4px}
.dsh-kpi i a{display:inline-block}
.dsh-card{border-radius:18px;box-shadow:none}
.dsh-head{gap:14px;flex-wrap:wrap}
.dsh-head p,.dsh-quick a i{font-size:.875rem;line-height:1.5}
.dsh-quick{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.dsh-quick a{padding:18px 14px;background:var(--surface);border-color:var(--border);border-radius:12px;min-width:0}
.dsh-quick a b{font-size:.875rem;line-height:1.5}
.dsh-quick a:hover{border-color:var(--c);background:var(--surface2)}
.dsh-quick .qi{width:38px;height:38px;border-radius:10px;flex-shrink:0}
.dsh-cols{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.dsh-order{padding-top:16px;padding-bottom:16px}
.dsh-empty{min-height:230px}
.dsh-earn>span,.dsh-order i{font-size:.875rem}
.dn-level-t b{white-space:normal;overflow:visible;text-overflow:clip;font-size:.875rem;line-height:1.5}
.dn-me-t b{overflow-wrap:anywhere}
.dn-me-t small{font-size:.8125rem;line-height:1.5}
.dashnav .dn-links a{min-height:46px;font-size:.875rem}
.dashnav .dn-links a.on{background:rgba(124,156,255,.1);border-color:rgba(124,156,255,.28)}
.acct{gap:24px;min-width:0;padding-bottom:32px}
.acct-hero{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:none;padding:28px}
.acct-hero-glow{display:none}
.acct-hero-grid{gap:28px}
.acct-avatar{background:linear-gradient(145deg,#485984,#263551);box-shadow:inset 0 1px 0 #ffffff40;border:1px solid #7c9cff55}
.acct-name{font-size:clamp(1.5rem,3vw,2.25rem);overflow-wrap:anywhere;text-shadow:none}
.acct-hello{font-size:.75rem;letter-spacing:.14em;color:var(--muted)}
.acct-chip{font-size:.8125rem;line-height:1.6;box-shadow:none}
.acct-hero-metrics{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:20px}
.acct-metric .v.shine{background:none;color:var(--ink);-webkit-text-fill-color:currentColor;animation:none}
.acct-statgrid{gap:14px}
.acct-stat,.acct-glass{border-radius:16px;background:var(--surface);box-shadow:none;border:1px solid var(--border)}
.acct-stat{padding:20px;min-width:0}
.acct-stat b{font-size:1.5rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.acct-stat>span:not(.ic){font-size:.875rem}
.acct-stat .ic{box-shadow:none;border-radius:10px}
.acct-stat .ic svg{width:22px;height:22px}
.acct-cols{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.acct-col{min-width:0}
.acct-ph{padding:20px;gap:12px;min-height:88px}
.acct-ph-t i{font-size:.875rem;line-height:1.5;white-space:normal;overflow:visible}
.acct-ph-ic{box-shadow:none;border-radius:10px}
.acct-ph .acct-pill{font-size:.75rem;max-width:100px;text-align:center;white-space:normal}
.acct-input{min-height:46px;border-radius:10px;font-size:1rem}
.acct-label,.acct-sub,.acct-checklist li{font-size:.875rem;line-height:1.6}
.acct-btn{min-height:44px;font-size:.875rem;box-shadow:none}
.dsh :focus-visible,.acct :focus-visible,.dashnav :focus-visible,.eruption-toggle:focus-visible{outline:3px solid #7c9cff;outline-offset:4px}
/* Scene coordinates use the existing responsive --u stage unit. */
.eruption .ub-stage{animation:none;isolation:isolate}
.eruption .ub-box{animation:eruption-box 6s ease-in-out infinite;z-index:4}
.eruption .ub-lid{animation:none;transform:translateY(calc(-80 * var(--u))) rotateX(-55deg)}
.eruption .ub-rays i{animation:eruption-light 3s ease-in-out infinite;opacity:.6}
.eruption .ub-flare{animation:eruption-light 3s ease-in-out infinite;opacity:.3}
.eruption .ub-glowpool{animation:eruption-light 3s ease-in-out infinite;opacity:.7}
.eruption .ub-card{animation:eruption-card 7s linear infinite;animation-delay:var(--delay);will-change:transform,opacity;bottom:calc(150 * var(--u));border:2px solid #b8c1d1;box-shadow:2px 3px 0 #576173,4px 5px 0 #202938,0 20px 25px #02061466;z-index:5}
.eruption .ub-card-face::after{background:linear-gradient(115deg,#ffffff35,transparent 30%,#ffffff25 47%,transparent 52%,#00000025)}
.eruption .ub-card-gloss{animation:eruption-sheen 7s ease-in-out infinite;animation-delay:var(--delay)}
.eruption .ub-card-scratch{opacity:.2;background:repeating-linear-gradient(100deg,#ffffff1a 0 1px,transparent 1px 4px)}
.eruption .ub-card.c1{--x:-168;--y:-190;--tilt:-20deg;--delay:-.4s}
.eruption .ub-card.c2{--x:-90;--y:-250;--tilt:12deg;--delay:-2.4s}
.eruption .ub-card.c3{--x:36;--y:-270;--tilt:-8deg;--delay:-4.4s}
.eruption .ub-card.c4{--x:155;--y:-245;--tilt:20deg;--delay:-1.4s}
.eruption .ub-card.c5{--x:195;--y:-142;--tilt:28deg;--delay:-3.4s}
.eruption .ub-card.c6{--x:-192;--y:-130;--tilt:-26deg;--delay:-5.4s}
.eruption .ub-card.c7{--x:110;--y:-200;--tilt:8deg;--delay:-6.4s}
.eruption .ub-coins{z-index:6;pointer-events:none}
.eruption .ub-coin{bottom:calc(155 * var(--u));width:calc(47 * var(--u));height:calc(47 * var(--u));animation:eruption-coin 4.8s linear infinite;animation-delay:calc(var(--flight) * -.4s);will-change:transform,opacity}
.eruption .ub-coin b{border:2px solid #e4d4aa;box-shadow:3px 2px 0 #867043,5px 3px 0 #3f3627,0 10px 18px #0006,inset 0 2px 4px #fff9,inset 0 -3px 5px #0008}
.eruption .ub-coin.mt-silver b{border-color:#dce3ef;box-shadow:3px 2px 0 #8790a4,5px 3px 0 #394254,0 10px 18px #0006,inset 0 2px 4px #fffc,inset 0 -3px 5px #0008}
.eruption .ub-coin img{width:66%;height:66%;object-fit:contain;border-radius:50%;filter:saturate(.8) contrast(1.12);mix-blend-mode:multiply}
.eruption .ub-coin b::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,transparent 20%,#fff8 38%,transparent 53%,#ffffff30 72%,transparent);pointer-events:none}
.eruption .ub-coin:nth-child(4n+1){--x:-248;--y:-270;--spin:390deg}
.eruption .ub-coin:nth-child(4n+2){--x:238;--y:-295;--spin:-390deg}
.eruption .ub-coin:nth-child(4n+3){--x:-145;--y:-310;--spin:340deg}
.eruption .ub-coin:nth-child(4n){--x:160;--y:-225;--spin:-340deg}
.eruption-toggle{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);z-index:10;border:1px solid var(--border);border-radius:30px;background:var(--surface);color:var(--muted);padding:9px 15px;font:inherit;font-size:.8125rem;min-height:40px;cursor:pointer}
.eruption-toggle[hidden]{display:none}
.eruption.user-paused *{animation-play-state:paused!important}
@keyframes eruption-card{
 0%{opacity:0;transform:translate(0,0) rotateX(55deg) scale(.3);animation-timing-function:cubic-bezier(.15,.65,.3,1)}
 9%{opacity:1}
 42%{opacity:1;transform:translate(calc(var(--x) * .7 * var(--u)),calc(var(--y) * var(--u))) rotateZ(var(--tilt)) rotateY(-12deg) scale(1);animation-timing-function:ease-in-out}
 58%{opacity:1;transform:translate(calc(var(--x) * .88 * var(--u)),calc((var(--y) + 12) * var(--u))) rotateZ(var(--tilt)) rotateY(12deg);animation-timing-function:cubic-bezier(.55,0,.9,.4)}
 87%{opacity:0;transform:translate(calc(var(--x) * var(--u)),calc(50 * var(--u))) rotateZ(calc(var(--tilt) * 2)) rotateY(55deg) scale(.7)}
 100%{opacity:0;transform:translate(0,0) scale(.3)}
}
@keyframes eruption-coin{
 0%{opacity:0;transform:translate(0,0) rotateY(0deg) scale(.4);animation-timing-function:cubic-bezier(.15,.65,.3,1)}
 8%{opacity:1}
 44%{opacity:1;transform:translate(calc(var(--x) * .65 * var(--u)),calc(var(--y) * var(--u))) rotateY(165deg) rotateZ(90deg) scale(1);animation-timing-function:cubic-bezier(.55,0,.9,.4)}
 80%{opacity:1}
 93%,100%{opacity:0;transform:translate(calc(var(--x) * var(--u)),calc(70 * var(--u))) rotateY(var(--spin)) rotateZ(220deg) scale(.7)}
}
@keyframes eruption-box{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes eruption-light{0%,100%{opacity:.3}50%{opacity:.7}}
@keyframes eruption-sheen{0%,25%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
.eruption.still *{animation:none!important}
.eruption.still .ub-card{opacity:1;transform:translate(calc(var(--x) * var(--u)),calc(var(--y) * .8 * var(--u))) rotate(var(--tilt)) scale(.85)}
.eruption.still .ub-coin{opacity:0}
.eruption.still .ub-coin:nth-child(-n+4){opacity:1;transform:translate(calc(var(--x) * var(--u)),calc(var(--y) * .7 * var(--u)))}
@media(max-width:1150px){.dsh-hero{grid-template-columns:1fr}.dsh-wallet .acts{margin-top:22px}.dsh-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.dsh-kpi{padding:18px 14px}.dsh-kpi .ic{display:none}.dsh-kpi .k{padding-right:0}.acct-cols{grid-template-columns:1fr}}
@media(max-width:820px){.dsh-cols{grid-template-columns:1fr}.dsh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dsh-wallet{padding:24px}.dsh-invite{max-width:none;width:100%}.acct-hero-grid{grid-template-columns:1fr}.acct-hero{padding:22px}.acct-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.eruption-toggle{bottom:0}}
@media(max-width:480px){.dsh-quick{grid-template-columns:1fr 1fr}.dsh-quick a{flex-direction:column;align-items:flex-start}.dsh-invite-btn{padding:9px;font-size:.75rem}.dsh-invite-ic{display:none}.dsh-wallet .bal{font-size:2.25rem}.acct-ph{flex-wrap:wrap;padding:16px}.acct-ph-t{flex-basis:55%}.acct-ph .acct-pill{margin-left:54px;max-width:none}.acct-name{font-size:1.5rem}.dsh-menu{left:auto;right:0;min-width:min(220px,75vw)}}
@media(prefers-reduced-motion:reduce){.eruption *{animation:none!important;transition:none!important}.eruption .ub-card{opacity:1;transform:translate(calc(var(--x) * var(--u)),calc(var(--y) * .8 * var(--u))) rotate(var(--tilt)) scale(.85)}.eruption .ub-coin{opacity:0}.eruption .ub-coin:nth-child(-n+4){opacity:1;transform:translate(calc(var(--x) * var(--u)),calc(var(--y) * .7 * var(--u)))}}
/* Profile text follows the selected theme, including the light appearance. */
.acct-id{min-width:0;max-width:100%}.acct-id-text{min-width:0}
.acct-name{color:var(--ink)}
.acct-metric .k,.acct-metric .s,.acct-chip.muted{color:var(--muted)}
.acct-chip{color:var(--ink);border-color:var(--border);background:var(--surface2)}
.acct-hero-acts{flex-wrap:wrap}
html[data-theme="light"] .acct-chip.verified,html[data-theme="light"] .acct-chip.ok{color:#087449}
html[data-theme="light"] .acct-chip.pending,html[data-theme="light"] .acct-chip.off{color:#895208}
html[data-theme="light"] .acct-chip.unverified{color:#a83240}
@media(max-width:380px){.acct-avatar{width:54px;height:54px;font-size:1.5rem}.acct-id{gap:12px}.acct-hero-metrics{padding:14px;width:100%}.dsh-wallet{padding:20px}.dsh-btn{padding:10px 12px}}