/* Account hub, rewards, badges, avatar and avatar store (Nov 2026). Navy base + bright gold, big touch targets, no white surfaces. */
:root{--ax-navy:#021F54;--ax-navy2:#0B2A5B;--ax-deep:#061637;--ax-gold:#FFC72C;--ax-gold2:#FFD54F;--ax-ink:#EAF2FF;--ax-mut:#B9C8E4;--ax-line:rgba(255,199,44,.28);--ax-r:18px}
.sr-only-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rw-card,.hub-hero,.hub-badges{background:linear-gradient(160deg,var(--ax-navy2),var(--ax-deep));color:var(--ax-ink);border:1px solid var(--ax-line);border-radius:var(--ax-r);box-shadow:0 10px 30px rgba(2,10,30,.35)}
.rw-card h3,.hub-badges h2{color:var(--ax-gold);margin:0 0 .3rem;font-size:1.25rem}
.hub-badges h2{margin-top:0;font-size:1.5rem}
.rw-card h4{color:var(--ax-gold2);margin:1.2rem 0 .5rem;font-size:1rem;letter-spacing:.02em}
.rw-sub{color:var(--ax-mut);margin:.1rem 0 1rem;font-size:.9rem}
.rw-note{color:var(--ax-mut);font-size:.8rem;margin:.8rem 0 0}
.rw-ok{color:#7fe3a0;font-weight:700}
.rw-card .btn,.hub-badges .btn{min-height:52px}
.rw-bar{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.rw-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#E0A800,var(--ax-gold2));transition:width .8s cubic-bezier(.2,.8,.2,1)}
/* player card */
.hub-hero{display:flex;gap:1.4rem;align-items:center;padding:1.4rem 1.6rem;margin:0 0 1.4rem;position:relative;overflow:hidden}
.hub-hero::before{content:"";position:absolute;inset:-40% -10% auto auto;width:340px;height:340px;background:radial-gradient(circle,rgba(255,199,44,.18),transparent 65%);pointer-events:none}
.hh-av{flex:0 0 auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.45))}
.hh-tx{flex:1;min-width:0}
.hh-name{font-family:"Playfair Display",Georgia,serif;font-size:1.9rem;font-weight:700;margin:0 0 .4rem;line-height:1.15;overflow-wrap:anywhere}
.hh-vip{display:inline-block;margin-left:.6rem;vertical-align:middle;font:700 .7rem/1 Montserrat,Arial,sans-serif;letter-spacing:.12em;padding:.35rem .55rem;border-radius:6px;background:var(--ax-gold);color:var(--ax-navy)}
.hh-lv{display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem;align-items:center;max-width:520px}
.hh-lvb{display:inline-block;font:800 .85rem/1 Montserrat,Arial,sans-serif;color:var(--ax-navy);background:linear-gradient(135deg,var(--ax-gold2),var(--ax-gold));padding:.45rem .7rem;border-radius:99px}
.hh-xpt{grid-column:2;color:var(--ax-mut);font-size:.78rem}
.hh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:1rem;max-width:620px}
.hh-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,199,44,.18);border-radius:14px;padding:.55rem .6rem;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hh-stat strong{color:var(--ax-gold);font:800 1.05rem/1.2 Montserrat,Arial,sans-serif;white-space:nowrap}
.hh-stat span:last-child{color:var(--ax-mut);font-size:.72rem}
.hh-si{font-size:1rem}
.hh-go{margin-top:1rem}
.nc-gold{color:var(--ax-gold)}.nc-white{color:#F4F7FF}.nc-sky{color:#9AD0F5}.nc-mint{color:#7fe3c0}.nc-coral{color:#FF8A73}.nc-violet{color:#C99CFF}
.nc-neon{color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.6)}.nc-diamond{color:#d8f3ff;text-shadow:0 0 12px rgba(191,233,255,.8)}
/* badge showcase */
.hub-badges{padding:1.5rem;margin:0 0 1.4rem}
.hb-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.hb-head h2::after{display:none}
.hb-count{margin:0;color:var(--ax-gold2);font-weight:700}
.hb-pinned{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;margin:0 0 1.2rem}
.hb-pin{border:2px dashed rgba(255,199,44,.3);border-radius:16px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.5rem;text-align:center}
.hb-pin.on{border:2px solid var(--ax-gold);background:radial-gradient(circle at 50% 30%,rgba(255,199,44,.18),transparent 70%)}
.hb-empty{color:var(--ax-mut);font-size:.72rem}
.hb-pn{font-size:.72rem;font-weight:700;color:var(--ax-ink);line-height:1.2}
.hb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}
.hb-b{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding:.9rem .6rem .8rem;border-radius:16px;border:1px solid rgba(255,199,44,.22);background:rgba(255,255,255,.04);color:var(--ax-ink);cursor:pointer;font:inherit;min-height:150px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.hb-b:hover{transform:translateY(-2px);border-color:var(--ax-gold)}
.hb-b.got{background:linear-gradient(170deg,rgba(255,199,44,.14),rgba(255,255,255,.03))}
.hb-b.locked .hb-med{filter:grayscale(1) brightness(.75);opacity:.55}
.hb-b.locked .hb-n{color:var(--ax-mut)}
.hb-b.pinned{border:2px solid var(--ax-gold);box-shadow:0 0 0 3px rgba(255,199,44,.18)}
.hb-b .rw-bar{width:85%;height:7px;margin-top:.2rem}
.hb-med{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:1.55rem;background:radial-gradient(circle at 35% 30%,#FFE58A,#F5B800 55%,#9a6b00);box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 3px rgba(255,199,44,.25),0 6px 14px rgba(0,0,0,.35)}
.hb-n{font-size:.85rem;line-height:1.2;color:var(--ax-gold2)}
.hb-d{font-size:.7rem;color:var(--ax-mut);line-height:1.25}
.hb-p{font-size:.7rem;color:var(--ax-mut)}
.hb-c{color:#7fe3a0;font-weight:700}
.hb-star{position:absolute;top:.4rem;right:.55rem;color:var(--ax-gold);font-size:1rem}
/* tabs */
.hub-tabs{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;margin:0 0 1.2rem;padding:.35rem;background:var(--ax-deep);border:1px solid var(--ax-line);border-radius:99px;position:sticky;top:calc(var(--hdr-h,0px) + 6px);z-index:5}
.hub-tabs::-webkit-scrollbar{display:none}
.hub-tabs [role=tab]{flex:1 0 auto;position:relative;min-height:50px;padding:0 1.1rem;border:0;border-radius:99px;background:transparent;color:var(--ax-ink);font:700 .95rem Montserrat,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.hub-tabs [role=tab][aria-selected=true]{background:linear-gradient(135deg,var(--ax-gold2),var(--ax-gold));color:var(--ax-navy)}
.hub-dot,.nt-hdr-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff5c7a;box-shadow:0 0 0 2px var(--ax-navy);margin-left:.35rem;vertical-align:top;animation:rwPulse 1.8s ease-in-out infinite}
.hub-dot[hidden]{display:none}
.hub-panel{animation:rwFade .25s ease}
.hub-panel .rw-card,.hub-panel .card{margin-bottom:1.2rem}
.hub-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.hub-cols>div>.rw-card{height:calc(100% - 1.2rem)}
/* streak */
.rw-card{padding:1.4rem 1.5rem;position:relative;overflow:hidden}
.rw-days{list-style:none;padding:0;margin:0 0 .4rem;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem}
.rw-days li{border-radius:12px;padding:.5rem .2rem;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.1rem}
.rw-days li.got{background:linear-gradient(170deg,rgba(255,199,44,.35),rgba(255,199,44,.12));border-color:var(--ax-gold)}
.rw-days li.next{border:2px solid var(--ax-gold);animation:rwPulseBox 1.6s ease-in-out infinite}
.rw-days li.big .rw-dc{color:var(--ax-gold)}
.rw-dn{font-size:.62rem;color:var(--ax-mut);text-transform:uppercase;letter-spacing:.06em}
.rw-dc{font:800 .8rem Montserrat,Arial,sans-serif;color:var(--ax-ink)}
.rw-claim,.rw-spin{width:100%;margin-top:1rem}
/* wheel */
.rw-wstage{position:relative;width:min(100%,280px);margin:.2rem auto 0;aspect-ratio:1}
.rw-wsvg{width:100%;height:100%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.rw-wrot{transition:transform 4.2s cubic-bezier(.12,.75,.12,1);transform-origin:0 0;will-change:transform}
.seg-a{fill:#0B2A5B;stroke:var(--ax-gold);stroke-width:1.5}.seg-b{fill:#163f86;stroke:var(--ax-gold);stroke-width:1.5}
.seg-t{fill:var(--ax-gold2);font:800 15px Montserrat,Arial,sans-serif;text-anchor:middle;dominant-baseline:middle}
.rw-hub{fill:var(--ax-gold);stroke:var(--ax-navy);stroke-width:4}
.rw-pin{position:absolute;top:-6px;left:50%;width:0;height:0;margin-left:-13px;border-left:13px solid transparent;border-right:13px solid transparent;border-top:24px solid var(--ax-gold);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.rw-wout{min-height:1.6em;text-align:center;font:800 1.1rem Montserrat,Arial,sans-serif;color:var(--ax-gold);margin:.6rem 0 0}
/* weekly challenges */
.rw-chl{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.rw-chl li{background:rgba(255,255,255,.05);border:1px solid rgba(255,199,44,.18);border-radius:14px;padding:.8rem 1rem}
.rw-chl li.done{border-color:#7fe3a0}
.rw-chtop{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.45rem;font-weight:700}
.rw-chc{color:var(--ax-gold);white-space:nowrap}
.rw-chfoot{display:flex;justify-content:space-between;align-items:center;margin-top:.45rem;color:var(--ax-mut);font-size:.82rem;gap:.6rem}
.rw-chfoot .btn{min-height:44px;padding:.3rem 1.2rem}
.wk-games{margin:0 0 1.6rem}
.wk-games .rw-chl{grid-template-columns:repeat(3,minmax(0,1fr))}
.rw-perks{margin:.4rem 0 0;padding-left:1.2rem;color:var(--ax-ink)}
.rw-perks li{margin:.3rem 0}
.rw-perks li::marker{color:var(--ax-gold)}
/* profile */
.hp-colors{display:flex;flex-wrap:wrap;gap:.5rem}
.hp-c{min-height:48px;padding:0 1rem;border-radius:99px;border:2px solid rgba(255,199,44,.3);background:rgba(255,255,255,.05);font:700 .9rem Montserrat,Arial,sans-serif;cursor:pointer}
.hp-c.on{border-color:var(--ax-gold);background:rgba(255,199,44,.15)}
.hp-c:disabled{opacity:.45;cursor:not-allowed}
.hp-best{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem}
.hp-best li{display:flex;justify-content:space-between;gap:.6rem;padding:.6rem .9rem;border-radius:12px;background:rgba(255,255,255,.05)}
.hp-best strong{color:var(--ax-gold)}
.hp-none{color:var(--ax-mut)}
.hp-bday{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end}
.hp-bday label{width:100%;color:var(--ax-mut);font-size:.85rem}
.hp-bday input{min-height:52px;border-radius:12px;border:2px solid var(--ax-line);background:var(--ax-deep);color:var(--ax-ink);padding:0 .8rem;font:inherit;color-scheme:dark}
.hp-pub{display:flex;gap:.6rem;align-items:center;cursor:pointer;color:var(--ax-ink)}
.hp-pub input{width:26px;height:26px;accent-color:var(--ax-gold)}
.hp-link{display:inline-block;margin-top:.6rem;color:var(--ax-gold)}
/* achievements list */
.ha-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.ha-list li{display:grid;grid-template-columns:auto 1fr minmax(120px,190px);gap:.9rem;align-items:center;padding:.6rem .8rem;border-radius:14px;background:rgba(255,255,255,.04)}
.ha-list li:not(.got) .hb-med{filter:grayscale(1) brightness(.75);opacity:.55}
.ha-list .hb-med{width:44px;height:44px;font-size:1.25rem}
.ha-t{display:flex;flex-direction:column;min-width:0}.ha-t strong{color:var(--ax-gold2)}.ha-t span{color:var(--ax-mut);font-size:.82rem}
.ha-r{display:flex;flex-direction:column;gap:.2rem;align-items:stretch;text-align:right}
.ha-c{color:var(--ax-gold);font-size:.8rem;font-weight:700}
/* avatar editor */
.av-ed{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:1.6rem;align-items:start}
.av-pv{position:sticky;top:calc(var(--hdr-h,0px) + 80px);display:flex;flex-direction:column;align-items:center;gap:1rem}
.av-pvi{padding:12px;border-radius:50%;background:radial-gradient(circle,rgba(255,199,44,.22),transparent 70%)}
.av-act{width:100%;flex-direction:column}.av-act .btn{width:100%}
.av-slots{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.av-st{min-height:46px;padding:0 1rem;border-radius:99px;border:1px solid var(--ax-line);background:rgba(255,255,255,.05);color:var(--ax-ink);font:700 .85rem Montserrat,Arial,sans-serif;cursor:pointer}
.av-st.on{background:var(--ax-gold);color:var(--ax-navy);border-color:var(--ax-gold)}
.av-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.6rem}
.av-it{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .3rem;border-radius:14px;border:2px solid transparent;background:rgba(255,255,255,.05);color:var(--ax-ink);cursor:pointer;font:inherit;min-height:132px;transition:border-color .15s,transform .15s}
.av-it:hover{transform:translateY(-2px)}
.av-it.on{border-color:var(--ax-gold);background:rgba(255,199,44,.12)}
.av-it.lock svg{opacity:.75}
.av-in{font-size:.72rem;line-height:1.2;text-align:center}
.av-pr{font:700 .72rem Montserrat,Arial,sans-serif;color:var(--ax-gold)}
.av-none{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:2px dashed var(--ax-line);color:var(--ax-mut);font-size:.8rem}
.av-store{margin-top:1.2rem}
/* avatar shapes motion */
.av-spin{transform-origin:60px 60px;animation:avSpin 14s linear infinite}
.av-tw{animation:avTw 2.4s ease-in-out infinite}
.av-tw:nth-child(2n){animation-delay:.8s}.av-tw:nth-child(3n){animation-delay:1.5s}
/* invite */
.iv-box{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:.4rem 0 1rem}
.iv-code{font:800 1.6rem/1 Montserrat,Arial,sans-serif;letter-spacing:.12em;color:var(--ax-navy);background:linear-gradient(135deg,var(--ax-gold2),var(--ax-gold));padding:.7rem 1.1rem;border-radius:14px}
.iv-link{flex:1;min-width:0;min-height:52px;border-radius:12px;border:2px solid var(--ax-line);background:var(--ax-deep);color:var(--ax-ink);padding:0 .9rem;font:inherit;font-size:.9rem}
.iv-list{columns:2;color:var(--ax-ink)}
/* store */
.av-shop{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid;margin:1rem 0 2rem}
.av-shop .card{background:linear-gradient(160deg,var(--ax-navy2),var(--ax-deep));color:var(--ax-ink);border:1px solid var(--ax-line);border-radius:var(--ax-r);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}
.av-shop h3{color:var(--ax-gold);margin:.3rem 0 0;font-size:1.1rem}
.av-shop .btns{justify-content:center;margin-top:auto}
.av-prow{display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem}
.av-pl{color:var(--ax-mut);font-size:.8rem;margin:0}
.av-save{color:#7fe3a0;font-size:.8rem;font-weight:700;margin:0 0 .4rem}
.av-pack .btn{width:100%;margin-top:auto}
.av-f{margin-top:.6rem}
/* header chip */
.nt-hdr-me{position:relative;display:inline-flex;align-items:center;gap:.45rem;min-height:48px;padding:.2rem .8rem .2rem .25rem;border-radius:99px;background:rgba(255,199,44,.12);border:1px solid rgba(255,199,44,.45);color:#FFE58A;text-decoration:none;font:800 .85rem Montserrat,Arial,sans-serif}
.nt-hdr-me:hover{background:rgba(255,199,44,.22)}
.nt-hdr-av{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0B2A5B;color:#FFC72C;overflow:hidden}
.nt-hdr-av svg{display:block}
.nt-hdr-dot{position:absolute;top:2px;left:32px;margin:0}
/* toasts + modals */
.rw-stack{position:fixed;right:1rem;bottom:1rem;z-index:1000;display:flex;flex-direction:column;gap:.6rem;max-width:min(380px,calc(100vw - 2rem));pointer-events:none}
.rw-toast{display:flex;gap:.8rem;align-items:center;padding:.85rem 1.1rem;border-radius:16px;background:linear-gradient(150deg,#0B2A5B,#061637);border:1px solid var(--ax-gold);color:var(--ax-ink);box-shadow:0 14px 34px rgba(0,0,0,.45);transform:translateX(120%);opacity:0;transition:transform .45s cubic-bezier(.2,.9,.25,1.15),opacity .3s}
.rw-toast.in{transform:none;opacity:1}.rw-toast.out{transform:translateY(12px);opacity:0}
.rw-ic{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;font-size:1.4rem;background:radial-gradient(circle at 35% 30%,#FFE58A,#F5B800 55%,#9a6b00)}
.rw-tx{display:flex;flex-direction:column;min-width:0}.rw-tx strong{color:var(--ax-gold2);font-size:.95rem}.rw-tx span{color:var(--ax-mut);font-size:.82rem}
.rw-modal{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;padding:1rem;background:rgba(2,8,24,.72);opacity:0;transition:opacity .25s}
.rw-modal.in{opacity:1}
.rw-box{position:relative;width:min(440px,100%);max-height:calc(100vh - 2rem);overflow:auto;text-align:center;padding:2rem 1.6rem 1.6rem;border-radius:22px;background:linear-gradient(165deg,#0B2A5B,#041235);border:2px solid var(--ax-gold);color:var(--ax-ink);box-shadow:0 30px 80px rgba(0,0,0,.6);transform:translateY(24px) scale(.94);transition:transform .38s cubic-bezier(.2,.9,.25,1.2)}
.rw-modal.in .rw-box{transform:none}
.rw-box h2{color:var(--ax-gold);margin:.6rem 0 .4rem;font-size:1.7rem}.rw-box h2::after{margin:.5rem auto 0}
.rw-box .btns{display:flex;flex-direction:column;gap:.6rem;margin-top:1.2rem}.rw-box .btns .btn{width:100%}
.rw-box .rw-perks{text-align:left;display:inline-block}
.rw-big{font:800 1.4rem Montserrat,Arial,sans-serif;color:var(--ax-gold2);margin:.2rem 0}
.rw-lvlbadge{display:grid;place-items:center;width:110px;height:110px;margin:0 auto;border-radius:50%;font:900 3rem/1 Montserrat,Arial,sans-serif;color:var(--ax-navy);background:radial-gradient(circle at 35% 30%,#FFF1B8,#FFC72C 55%,#a87400);box-shadow:0 0 0 6px rgba(255,199,44,.25),0 0 40px rgba(255,199,44,.55);animation:rwPop .7s cubic-bezier(.2,.9,.25,1.3)}
.rw-guesticon{font-size:3rem}
.rw-burst{position:absolute;left:50%;top:80px;width:0;height:0;pointer-events:none}
.rw-burst i{position:absolute;width:8px;height:8px;border-radius:2px;background:var(--ax-gold);transform:rotate(var(--a)) translateY(0);animation:rwBurst 1s ease-out forwards}
.rw-burst i:nth-child(3n){background:#9AD0F5}.rw-burst i:nth-child(4n){background:#fff1b8}
.rw-rain{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.rw-rain i{position:absolute;top:-24px;left:var(--x);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF1B8,#FFC72C 55%,#a87400);animation:rwRain 1.4s ease-in var(--t) forwards}
@keyframes rwRain{to{transform:translateY(420px) rotate(320deg);opacity:0}}
@keyframes rwBurst{to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d)));opacity:0}}
@keyframes rwPop{0%{transform:scale(.3)}100%{transform:scale(1)}}
@keyframes rwFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rwPulse{50%{transform:scale(1.25)}}
@keyframes rwPulseBox{50%{box-shadow:0 0 0 5px rgba(255,199,44,.25)}}
@keyframes avSpin{to{transform:rotate(360deg)}}
@keyframes avTw{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.rw-wrot{transition-duration:.01s}.av-spin,.av-tw,.hub-dot,.nt-hdr-dot,.rw-days li.next{animation:none}.rw-toast,.rw-box{transition:none}}
@media (max-width:820px){.hub-cols,.av-ed{grid-template-columns:1fr}.av-pv{position:static}.wk-games .rw-chl{grid-template-columns:1fr}.hb-pinned{grid-template-columns:repeat(3,minmax(0,1fr))}.ha-list li{grid-template-columns:auto 1fr}.ha-r{grid-column:1/-1;text-align:left}}
@media (max-width:560px){.hub-hero{flex-direction:column;text-align:center;padding:1.2rem}.hh-lv{margin:0 auto}.hh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-b{min-height:140px}
  .rw-days{gap:.25rem}.rw-dc{font-size:.68rem}.rw-dn{font-size:.55rem}.hub-tabs{border-radius:16px}.hub-tabs [role=tab]{padding:0 .8rem;font-size:.85rem}.nt-hdr-lv{display:none}.nt-hdr-me{padding:.2rem}.iv-list{columns:1}.av-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rw-card{padding:1.1rem}}
.hb-more{display:block;margin:1rem auto 0;min-height:52px}
.hub-hero>.hh-tx>.btn{margin-top:1rem}
.rw-wout.win{animation:rwPop .5s cubic-bezier(.2,.9,.25,1.3)}
.rw-lvl .btn{margin-top:1.2rem}
.av-prow{position:relative}.av-cnt{position:absolute;right:-6px;bottom:6px;font:800 .72rem Montserrat,Arial,sans-serif;background:var(--ax-gold);color:var(--ax-navy);padding:.3rem .55rem;border-radius:99px}
@media (max-width:560px){.hh-lv{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem .6rem}.hh-lv .rw-bar{flex:1 1 140px}.hh-xpt{width:100%;text-align:center}
  .av-f{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;padding-bottom:.4rem;scrollbar-width:none}.av-f::-webkit-scrollbar{display:none}.av-f .btn{flex:0 0 auto;min-height:48px;font-size:.85rem;padding:0 1rem}}
.rw-week>.btn{margin-top:1rem}
@media (max-width:560px){.rw-box{padding:1.3rem 1.1rem 1.1rem}.rw-box h2{font-size:1.35rem}.rw-guesticon{font-size:2.2rem}.rw-box p{margin:.4rem 0}.rw-box .rw-perks{font-size:.88rem}.rw-box .rw-perks li{margin:.15rem 0}.rw-box .btn.big{font-size:1rem;min-height:52px}.rw-box .btns{margin-top:.8rem}.rw-lvlbadge{width:90px;height:90px;font-size:2.4rem}}
.rw-days{align-items:stretch}.rw-days li{justify-content:center;align-self:stretch;min-width:0}.rw-dn,.rw-dc{white-space:nowrap}
@media (max-width:560px){.rw-dn{font-size:.5rem;letter-spacing:0}.rw-days li{padding:.45rem 0}}
.rw-claim:disabled,.rw-spin:disabled{opacity:.6;filter:saturate(.35);cursor:default;box-shadow:none}
/* ---------- 3D avatar v3 (js/avatar3d.js, js/avatar3d-ui.js) ---------- */
.nt-av3{display:inline-block;line-height:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#1d3b66,#061433)}
.nt-av3 img{display:block;width:100%;height:100%;object-fit:cover}
.nt-hdr-av .nt-av3,.hh-av .nt-av3{width:100%;height:100%}.hh-av .nt-av3{box-shadow:0 0 0 3px var(--ax-gold,#FFC72C),0 10px 26px rgba(0,0,0,.45)}
.pub-prof .hh-av .nt-av3{border-radius:22px}
.a3-stage{position:relative;display:flex;flex-direction:column;gap:.6rem}
.a3-view{position:relative;width:100%;aspect-ratio:3/4;max-height:72vh;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#1d3b66,#030a1e);box-shadow:inset 0 0 0 1px rgba(255,199,44,.35),0 18px 40px rgba(0,0,0,.45);touch-action:none}
.a3-view canvas,.a3-fb{display:block;width:100%;height:100%;object-fit:cover;cursor:grab}.a3-view canvas:active{cursor:grabbing}
.a3-load{position:absolute;inset:0;display:grid;place-items:center;color:#FFD54F;font:700 1rem Montserrat,Arial,sans-serif;animation:a3pulse 1.4s ease-in-out infinite}
@keyframes a3pulse{50%{opacity:.45}}
.a3-ctl{display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap}
.a3-cb{min-width:52px;min-height:52px;border-radius:16px;border:1px solid rgba(255,199,44,.45);background:linear-gradient(180deg,#14305e,#0a1d42);color:#FFD54F;font:800 1.35rem/1 Montserrat,Arial,sans-serif;cursor:pointer}
.a3-cb:hover,.a3-cb:focus-visible{border-color:#FFC72C;box-shadow:0 0 0 3px rgba(255,199,44,.25)}.a3-wide{padding:0 1rem;font-size:1rem}
.a3-ed{display:grid;grid-template-columns:minmax(280px,440px) minmax(0,1fr);gap:1.6rem;align-items:start}
.a3-pv{position:sticky;top:calc(var(--hdr-h,0px) + 70px);display:flex;flex-direction:column;gap:.8rem;min-width:0}
.a3-act{flex-direction:column}.a3-act .btn{width:100%}
.a3-try{padding:.8rem;border-radius:16px;background:rgba(255,199,44,.1);border:1px dashed rgba(255,199,44,.55)}.a3-try .btns{flex-direction:column}.a3-try .btn{width:100%;white-space:normal}
.a3-tryt{margin:0 0 .5rem;color:#FFE08A;font-weight:700}
.a3-side{min-width:0}
.a3-groups,.a3-filter{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
.a3-g{display:inline-flex;align-items:center;gap:.45rem;min-height:50px;padding:0 1rem;border-radius:99px;border:1px solid rgba(255,199,44,.35);background:rgba(255,255,255,.05);color:#F3EAD3;font:700 .95rem Montserrat,Arial,sans-serif;cursor:pointer}
.a3-g.on{background:linear-gradient(135deg,#FFE58A,#FFC72C);color:#0B1F3A;border-color:#FFC72C}.a3-gi{font-size:1.15rem}
.a3-sh{margin:1rem 0 .5rem;color:#FFD54F;font-size:1.05rem}
.a3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.6rem}
.a3-grid.big{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem}
.a3-grid.sw{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}
.a3-it,.a3-card,.a3-pk{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .4rem .6rem;border-radius:18px;border:2px solid rgba(255,255,255,.1);background:linear-gradient(170deg,#12294f,#071533);color:#F3EAD3;cursor:pointer;min-width:0;transition:transform .15s,box-shadow .2s,border-color .2s;font:inherit}
.a3-it:hover,.a3-card:hover,.a3-pk:hover,.a3-card:focus-within,.a3-pk:focus-within{transform:translateY(-2px)}
.a3-it.on{border-color:#FFC72C;box-shadow:0 0 0 3px rgba(255,199,44,.3)}
.a3-it.lock .a3-pic{opacity:.88}
.a3-pic{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:#0b1f48}
.a3-sw{display:block;width:44px;height:44px;border-radius:50%;background:var(--sw);box-shadow:inset 0 -6px 10px rgba(0,0,0,.25),0 0 0 2px rgba(255,255,255,.18)}
.a3-in{font-size:.78rem;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.a3-none{display:grid;place-items:center;width:100%;aspect-ratio:4/5;border-radius:12px;border:2px dashed rgba(255,255,255,.25);color:#b8c4d8;font-weight:700}
.a3-grid.sw .a3-none{aspect-ratio:1;width:44px;border-radius:50%;font-size:.6rem}
.a3-price{font:800 .78rem Montserrat,Arial,sans-serif;color:#FFD54F}.a3-price.own{color:#7fe3a0}.a3-price.lvl{color:#bfe9ff}
.a3-rar{position:absolute;top:.45rem;left:.45rem;padding:.12rem .5rem;border-radius:99px;font:800 .62rem Montserrat,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;background:rgba(3,10,30,.82);color:#cfd8e3;pointer-events:none}
.a3-rR{border-color:rgba(90,170,255,.55)}.a3-rR .a3-rar{color:#8fc8ff}
.a3-rE{border-color:rgba(190,120,255,.6);box-shadow:0 0 16px rgba(170,100,255,.18)}.a3-rE .a3-rar{color:#d7b0ff}
.a3-rL{border-color:rgba(255,199,44,.75);box-shadow:0 0 22px rgba(255,199,44,.26)}.a3-rL .a3-rar{color:#0B1F3A;background:linear-gradient(135deg,#FFE58A,#FFC72C)}
.a3-it.on.a3-rL,.a3-it.on.a3-rE,.a3-it.on.a3-rR{border-color:#FFC72C}
.a3-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.a3-pk{align-items:stretch;padding:.6rem .7rem .9rem;cursor:default}.a3-pk h3,.a3-pk h4{margin:.4rem 0 0;color:#FFD54F;font-size:1.1rem}
.a3-pkp{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:14px;background:#0b1f48}
.a3-pl{margin:0;color:#b8c4d8;font-size:.82rem}.a3-save{margin:.2rem 0;color:#7fe3a0;font-weight:700;font-size:.82rem}
.a3-pk .btns,.a3-card .btns{margin-top:auto;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;width:100%}.a3-pk .btn,.a3-card .btn{flex:1 1 auto;min-height:48px}
.a3-card{cursor:default}.a3-card h3{margin:.2rem 0 0;font-size:.95rem;color:#F3EAD3;text-align:center}
.a3-shop{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:1.4rem;align-items:start;margin:1rem 0 2rem}
.a3-shopv{position:sticky;top:calc(var(--hdr-h,0px) + 70px);min-width:0}.a3-shopr{min-width:0}
.a3-tryl{margin:.3rem 0 0;text-align:center;color:#FFE08A;font-weight:700}
.a3-store{margin-top:1.2rem;width:100%}
.a3-mpic{width:140px;margin:0 auto}
@media (max-width:820px){.a3-ed,.a3-shop{grid-template-columns:1fr}.a3-pv,.a3-shopv{position:static}.a3-view{max-height:60vh;max-width:460px;margin:0 auto}
  .a3-groups,.a3-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none;margin-left:-.2rem;margin-right:-.2rem}.a3-groups::-webkit-scrollbar,.a3-filter::-webkit-scrollbar{display:none}.a3-g{flex:0 0 auto}
  .a3-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.a3-grid.big{grid-template-columns:repeat(2,minmax(0,1fr))}.a3-packs{grid-template-columns:1fr}}
@media (max-width:380px){.a3-grid.big{grid-template-columns:1fr 1fr;gap:.5rem}.a3-cb{min-width:48px;min-height:48px}}
@media (prefers-reduced-motion:reduce){.a3-load{animation:none}.a3-it,.a3-card,.a3-pk{transition:none}}

/* live favorite-emote view (one per page) + gentle loop for cached podium portraits */
.nt-av3.nt-live{position:relative}.nt-av3.nt-live canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.lb-place-2 .nt-av3,.lb-place-3 .nt-av3{animation:ntbob 3.2s ease-in-out infinite}.lb-place-3 .nt-av3{animation-delay:-1.4s}
@keyframes ntbob{50%{transform:translateY(-4px) rotate(-1.5deg)}}
@media (prefers-reduced-motion:reduce){.lb-place-2 .nt-av3,.lb-place-3 .nt-av3{animation:none}}

.a3-money{display:block}.a3-mhead{padding:1rem 1.1rem;margin-bottom:.9rem;border-radius:18px;background:linear-gradient(135deg,rgba(255,199,44,.22),rgba(255,199,44,.05));border:1px solid rgba(255,199,44,.55)}
.a3-mhead h3{margin:0 0 .3rem;color:#FFD54F;font-size:1.35rem}.a3-money>.a3-grid{margin-bottom:1.2rem}
.a3-price.gem{color:#bfe9ff}.a3-it.a3-mm{background:linear-gradient(170deg,#2a2208,#0b1533)}

/* Predeclared swatches: strict-CSP friendly, no style attributes. */
.a3-swatch-a3-skin-porcelain{--sw:#f7dcc8}
.a3-swatch-a3-skin-fair{--sw:#f1c8a8}
.a3-swatch-a3-skin-light{--sw:#e8b48f}
.a3-swatch-a3-skin-peach{--sw:#e3a77e}
.a3-swatch-a3-skin-warm{--sw:#d9996b}
.a3-swatch-a3-skin-golden{--sw:#c98a58}
.a3-swatch-a3-skin-tan{--sw:#b8794a}
.a3-swatch-a3-skin-bronze{--sw:#a4683f}
.a3-swatch-a3-skin-caramel{--sw:#8f5a36}
.a3-swatch-a3-skin-brown{--sw:#7a4a2c}
.a3-swatch-a3-skin-mocha{--sw:#653c24}
.a3-swatch-a3-skin-deep{--sw:#4f2e1c}
.a3-swatch-a3-skin-ebony{--sw:#3c2216}
.a3-swatch-a3-skin-rich{--sw:#2e1a11}
.a3-swatch-a3-hairc-black{--sw:#141010}
.a3-swatch-a3-hairc-espresso{--sw:#2b1b12}
.a3-swatch-a3-hairc-brown{--sw:#4a2c18}
.a3-swatch-a3-hairc-chestnut{--sw:#6b3a1e}
.a3-swatch-a3-hairc-auburn{--sw:#8a3a1c}
.a3-swatch-a3-hairc-blonde{--sw:#d8b061}
.a3-swatch-a3-hairc-platinum{--sw:#e8e0cc}
.a3-swatch-a3-hairc-silver{--sw:#a8a8b0}
.a3-swatch-a3-hairc-gold{--sw:#e8b53a}
.a3-swatch-a3-hairc-neon{--sw:#ff3fb4}

/* Account progress widths are stylesheet classes, never inline CSS. */
.a3-progress-0{width:0%}
.a3-progress-1{width:1%}
.a3-progress-2{width:2%}
.a3-progress-3{width:3%}
.a3-progress-4{width:4%}
.a3-progress-5{width:5%}
.a3-progress-6{width:6%}
.a3-progress-7{width:7%}
.a3-progress-8{width:8%}
.a3-progress-9{width:9%}
.a3-progress-10{width:10%}
.a3-progress-11{width:11%}
.a3-progress-12{width:12%}
.a3-progress-13{width:13%}
.a3-progress-14{width:14%}
.a3-progress-15{width:15%}
.a3-progress-16{width:16%}
.a3-progress-17{width:17%}
.a3-progress-18{width:18%}
.a3-progress-19{width:19%}
.a3-progress-20{width:20%}
.a3-progress-21{width:21%}
.a3-progress-22{width:22%}
.a3-progress-23{width:23%}
.a3-progress-24{width:24%}
.a3-progress-25{width:25%}
.a3-progress-26{width:26%}
.a3-progress-27{width:27%}
.a3-progress-28{width:28%}
.a3-progress-29{width:29%}
.a3-progress-30{width:30%}
.a3-progress-31{width:31%}
.a3-progress-32{width:32%}
.a3-progress-33{width:33%}
.a3-progress-34{width:34%}
.a3-progress-35{width:35%}
.a3-progress-36{width:36%}
.a3-progress-37{width:37%}
.a3-progress-38{width:38%}
.a3-progress-39{width:39%}
.a3-progress-40{width:40%}
.a3-progress-41{width:41%}
.a3-progress-42{width:42%}
.a3-progress-43{width:43%}
.a3-progress-44{width:44%}
.a3-progress-45{width:45%}
.a3-progress-46{width:46%}
.a3-progress-47{width:47%}
.a3-progress-48{width:48%}
.a3-progress-49{width:49%}
.a3-progress-50{width:50%}
.a3-progress-51{width:51%}
.a3-progress-52{width:52%}
.a3-progress-53{width:53%}
.a3-progress-54{width:54%}
.a3-progress-55{width:55%}
.a3-progress-56{width:56%}
.a3-progress-57{width:57%}
.a3-progress-58{width:58%}
.a3-progress-59{width:59%}
.a3-progress-60{width:60%}
.a3-progress-61{width:61%}
.a3-progress-62{width:62%}
.a3-progress-63{width:63%}
.a3-progress-64{width:64%}
.a3-progress-65{width:65%}
.a3-progress-66{width:66%}
.a3-progress-67{width:67%}
.a3-progress-68{width:68%}
.a3-progress-69{width:69%}
.a3-progress-70{width:70%}
.a3-progress-71{width:71%}
.a3-progress-72{width:72%}
.a3-progress-73{width:73%}
.a3-progress-74{width:74%}
.a3-progress-75{width:75%}
.a3-progress-76{width:76%}
.a3-progress-77{width:77%}
.a3-progress-78{width:78%}
.a3-progress-79{width:79%}
.a3-progress-80{width:80%}
.a3-progress-81{width:81%}
.a3-progress-82{width:82%}
.a3-progress-83{width:83%}
.a3-progress-84{width:84%}
.a3-progress-85{width:85%}
.a3-progress-86{width:86%}
.a3-progress-87{width:87%}
.a3-progress-88{width:88%}
.a3-progress-89{width:89%}
.a3-progress-90{width:90%}
.a3-progress-91{width:91%}
.a3-progress-92{width:92%}
.a3-progress-93{width:93%}
.a3-progress-94{width:94%}
.a3-progress-95{width:95%}
.a3-progress-96{width:96%}
.a3-progress-97{width:97%}
.a3-progress-98{width:98%}
.a3-progress-99{width:99%}
.a3-progress-100{width:100%}