:root{
  --bg:#f7f8ff;--surface:rgba(255,255,255,.88);--card:#fff;--text:#1c2033;--muted:#858da3;
  --primary:#6c68f2;--primary2:#9c66ed;--cyan:#62c9f5;--line:#e8eaf4;
  --shadow:0 14px 38px rgba(53,58,100,.10);--shadow-soft:0 8px 24px rgba(53,58,100,.075);
  --radius:26px;--ease:cubic-bezier(.2,.7,.2,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;font-family:"Quicksand",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea,select{font:inherit}button{cursor:pointer}.page{width:min(100%,500px);margin:0 auto;padding:38px 14px 34px;position:relative;z-index:1}

/* background: lightweight on mobile */
.bg-glow{position:fixed;border-radius:50%;filter:blur(75px);opacity:.13;pointer-events:none;z-index:0;will-change:transform}
.glow-a{width:340px;height:340px;left:-210px;top:120px;background:#a98aff;animation:glowMove 14s ease-in-out infinite alternate}
.glow-b{width:330px;height:330px;right:-220px;top:560px;background:#69d7ff;animation:glowMove 17s ease-in-out -5s infinite alternate-reverse}
@keyframes glowMove{to{transform:translate3d(18px,-14px,0) scale(1.04)}}
#fxCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.42}

/* loader around logo */
.page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;justify-items:center;gap:18px;background:rgba(247,248,255,.96);backdrop-filter:blur(8px);transition:opacity .28s ease,visibility .28s ease}
body:not(.is-loading) .page-loader{opacity:0;visibility:hidden;pointer-events:none}
.loader-logo-wrap{position:relative;width:94px;height:94px;display:grid;place-items:center}
.loader-logo{width:68px;height:68px;border-radius:50%;object-fit:cover;background:#fff;padding:7px;box-shadow:0 10px 30px rgba(70,74,135,.15);position:relative;z-index:2}
.loader-ring{position:absolute;border-radius:50%;inset:0;pointer-events:none}
.loader-ring.ring-a{padding:2px;background:conic-gradient(from 0deg,transparent 0 15%,#6d73ff 24%,#ba6cf2 42%,#ff84af 58%,transparent 68% 82%,#62c9f5 91%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 1.25s linear infinite;filter:drop-shadow(0 0 5px rgba(110,105,240,.24))}
.loader-ring.ring-b{inset:8px;border:1px solid rgba(108,104,242,.18);animation:pulse 1.15s ease-in-out infinite}
.loader-text{font-size:12px;font-weight:700;letter-spacing:.6px;color:#8c93a8}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.94);opacity:.45}}

/* profile */
.profile{text-align:center;padding:30px 0 26px}
.avatar-wrap{position:relative;isolation:isolate;width:112px;height:112px;margin:0 auto 19px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#6975ff,#b268f3 45%,#ff87b1 70%,#65cff5);box-shadow:0 12px 32px rgba(95,90,220,.17),0 0 0 5px rgba(255,255,255,.92);animation:avatarFloat 4.8s ease-in-out infinite}
.avatar-wrap img{position:relative;z-index:5;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:3px solid rgba(255,255,255,.96)}
.avatar-wrap:after{content:"";position:absolute;inset:4px;z-index:6;border-radius:50%;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5) 49%,transparent 63%);background-size:230% 100%;animation:avatarShine 4.7s ease-in-out infinite;mix-blend-mode:screen}
.avatar-ring{position:absolute;border-radius:50%;pointer-events:none}.ring-one{inset:-7px;padding:2px;background:conic-gradient(from 20deg,transparent 0 17%,#6d73ff 25%,#ba6cf2 39%,#ff86b0 50%,transparent 60% 78%,#62cdf8 88%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 8s linear infinite;filter:drop-shadow(0 0 4px rgba(108,104,242,.25))}.ring-two{inset:-12px;border:1px solid rgba(112,110,230,.14);animation:pulse 3.8s ease-in-out infinite}
.avatar-glitch{position:absolute;z-index:-1;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(114,105,239,.16),rgba(94,205,246,.06) 45%,transparent 68%);filter:blur(8px)}
.avatar-orbit{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;top:50%;left:50%;margin:-2.5px;background:#fff;box-shadow:0 0 8px #7ba7ff,0 0 14px rgba(145,103,255,.5);transform-origin:2.5px 2.5px}.orbit-one{animation:orbitA 6s linear infinite}.orbit-two{width:4px;height:4px;margin:-2px;opacity:.62;background:#72d9ff;animation:orbitB 8.5s linear infinite}
@keyframes avatarFloat{50%{transform:translateY(-4px)}}@keyframes avatarShine{0%,58%{background-position:160% 0;opacity:0}68%{opacity:.7}82%,100%{background-position:-55% 0;opacity:0}}@keyframes orbitA{to{transform:rotate(360deg) translateX(59px)}}@keyframes orbitB{to{transform:rotate(-360deg) translateX(65px)}}
.hello{margin:0 0 7px;color:var(--muted);font-size:15px;font-weight:600}.profile h1{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;font-size:29px;line-height:1.12;letter-spacing:-.65px}.tagline{margin:7px 0 0;color:var(--muted);font-size:17px;font-weight:600}.tagline strong{color:#756cf2}.verified{position:relative;display:inline-grid;place-items:center;width:25px;height:25px;flex:0 0 25px}.verified-ring{position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(#71e2ff,#477eff,#7568ff,#71e2ff);animation:spin 3.5s linear infinite;filter:drop-shadow(0 0 4px rgba(70,130,255,.35))}.verified-ring:after{content:"";position:absolute;inset:2px;border-radius:50%;background:#fff}.verified-core{position:relative;z-index:2;width:21px;height:21px;display:grid;place-items:center;background:linear-gradient(145deg,#35c8ef,#398cff 52%,#5b64ed);clip-path:polygon(50% 0,61% 8%,74% 5%,81% 17%,94% 22%,92% 36%,100% 50%,92% 63%,95% 77%,81% 82%,74% 95%,61% 92%,50% 100%,39% 92%,26% 95%,19% 82%,5% 77%,8% 63%,0 50%,8% 36%,5% 22%,19% 17%,26% 5%,39% 8%)}.verified-core svg{width:13px;height:13px}.verified-core path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}.social-link{display:grid;place-items:center;width:52px;height:52px;padding:7px;border:1px solid rgba(224,226,238,.86);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:var(--shadow-soft);transition:transform .2s var(--ease),box-shadow .2s ease}.social-link:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(53,58,100,.11)}.social-link:active{transform:scale(.95)}.social-link img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}

/* real stats */
.stats-card{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 24px;padding:15px 3px;border:1px solid rgba(225,227,239,.9);border-radius:23px;background:var(--surface);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);overflow:hidden}.stats-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(112,104,242,.035),transparent 45%,rgba(97,205,246,.04));pointer-events:none}.stat-item{position:relative;text-align:center;min-width:0}.stat-item+.stat-item{border-left:1px solid var(--line)}.stat-icon{display:block;height:20px;color:#7b76ef;font-size:16px;font-weight:700;line-height:20px}.stat-item strong{display:block;margin-top:2px;color:#645fea;font-size:22px;line-height:1;font-weight:700;letter-spacing:-.4px}.stat-item small{display:block;margin-top:7px;color:#8d94a8;font-size:7.7px;line-height:1.2;font-weight:700;letter-spacing:.5px}

/* product cards */
.products{display:grid;gap:18px}.product-card{position:relative;overflow:hidden;border:1px solid rgba(226,228,239,.92);border-radius:25px;background:#fff;box-shadow:var(--shadow);transform:translateZ(0);transition:transform .24s var(--ease),box-shadow .24s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(47,52,92,.12)}.cover-area{position:relative;background:#eef0f7;overflow:visible}.cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f1f2f7}.platform{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(31,34,46,.58);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;box-shadow:0 5px 15px rgba(0,0,0,.08)}.platform-symbol{font-size:9px;color:#9de0ff}.game-logo{position:absolute;left:15px;bottom:-34px;width:76px;height:76px;border:4px solid #fff;border-radius:20px;object-fit:cover;background:#fff;box-shadow:0 10px 24px rgba(38,43,72,.17)}.product-body{padding:14px 14px 15px}.product-heading{display:flex;min-height:52px;padding-left:86px;flex-direction:column;justify-content:center}.product-heading h2{margin:0;color:var(--text);font-size:18px;line-height:1.1;font-weight:700;letter-spacing:-.25px}.product-heading p{margin:4px 0 0;color:var(--muted);font-size:12.5px;line-height:1.2;font-weight:600}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.main-action{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:46px;overflow:hidden;border:0;border-radius:15px;padding:8px 9px;font-size:13.5px;font-weight:700;transition:transform .16s var(--ease),filter .16s ease,box-shadow .16s ease}.main-action:active{transform:scale(.965)}.main-action.download{color:#fff;background:linear-gradient(112deg,#5c72f5,#945fea);box-shadow:0 8px 18px rgba(86,84,222,.18)}.main-action.getkey{color:#6470d8;background:#eff1ff;border:1px solid #dde2ff}.main-action.preview{color:#2589b0;background:#e9f8ff}.main-action.guide{color:#a96f18;background:#fff1d8}.action-icon,.action-icon svg{width:18px;height:18px;display:block}.action-icon svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.main-action.tapfx:after{content:"";position:absolute;left:var(--tap-x);top:var(--tap-y);width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.32);transform:translate(-50%,-50%) scale(0);animation:ripple .36s ease-out}@keyframes ripple{to{transform:translate(-50%,-50%) scale(11);opacity:0}}
footer{text-align:center;padding:28px 0 5px;color:#9aa0b1;font-size:12px;font-weight:600}

/* music */
.music-toggle{position:fixed;right:max(15px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:70;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:linear-gradient(135deg,#6174f5,#a15fe9);color:#fff;box-shadow:0 12px 28px rgba(87,78,214,.24);transition:transform .2s var(--ease),opacity .2s ease}.music-toggle:active{transform:scale(.92)}.music-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.music-toggle.playing{animation:musicPulse 1.7s ease-in-out infinite}.music-toggle.muted{opacity:.58}.music-toggle.no-source{display:none}@keyframes musicPulse{50%{box-shadow:0 12px 31px rgba(87,78,214,.32),0 0 0 7px rgba(108,104,242,.06)}}

/* modal */
dialog{width:min(calc(100% - 28px),470px);max-height:min(82vh,720px);overflow:auto;border:0;border-radius:25px;padding:22px;background:#fff;color:var(--text);box-shadow:0 26px 70px rgba(29,31,52,.24)}dialog::backdrop{background:rgba(19,21,33,.42);backdrop-filter:blur(5px)}.modal-close{position:sticky;float:right;top:0;z-index:4;width:36px;height:36px;border:0;border-radius:50%;background:#f1f2f7;color:#6f7485;font-size:24px;line-height:1}dialog h3{margin:3px 45px 17px 0;font-size:20px}.choice-list{display:grid;gap:9px}.choice-item,.choice-back{width:100%;border:1px solid #eceef5;border-radius:15px;background:#f8f9fd;color:var(--text);padding:12px 14px;text-align:left}.choice-back{margin-bottom:10px;color:#6d6ee6;font-weight:700}.choice-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.choice-item-main{display:grid;gap:3px}.choice-item-main small{color:var(--muted)}.choice-arrow{font-size:24px;color:#9aa0b3}.notice-list{display:grid;gap:10px}.notice-card{padding:13px;border:1px solid #eceef5;border-radius:15px;background:#fafbff}.notice-card p{margin:6px 0;color:var(--muted)}.notice-card a{color:var(--primary);font-weight:700;text-decoration:none}.preview-stage{position:relative;overflow:hidden;border-radius:18px;background:#eef0f6}.preview-stage img{display:block;width:100%;max-height:62vh;object-fit:contain}.preview-nav{position:absolute;inset:50% 10px auto;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.preview-nav button{pointer-events:auto;width:38px;height:38px;border:0;border-radius:50%;background:rgba(28,30,42,.6);color:#fff;font-size:25px}.preview-count{text-align:center;margin:9px 0;color:var(--muted);font-size:12px}.preview-thumbs{display:flex;gap:7px;overflow:auto;padding:2px}.preview-thumb{flex:0 0 58px;width:58px;height:58px;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:#eee}.preview-thumb.active{border-color:var(--primary)}.preview-thumb img{width:100%;height:100%;object-fit:cover}#modalMedia iframe,#modalMedia video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#000}

/* effect toggles + performance */
.no-avatar-glow .avatar-glitch,.no-avatar-glow .avatar-wrap:after{display:none}.no-avatar-orbit .avatar-orbit{display:none}.no-verified-shine .verified-ring{animation:none}.no-bg-motion .bg-glow{animation:none}.no-stars #fxCanvas{display:none!important}.no-button-glow .main-action.download{box-shadow:none}.no-social-float .social-link:hover{transform:none}.no-gradient-border .product-card{border-color:transparent}.no-card-lift .product-card:hover{transform:none}.no-soft-buttons .main-action{border-radius:10px}

@media(max-width:430px){.page{padding:27px 12px 28px}.profile{padding-top:24px}.avatar-wrap{width:102px;height:102px;margin-bottom:17px}.ring-one{inset:-6px}.ring-two{inset:-10px}.orbit-one{animation-name:orbitASmall}.orbit-two{animation-name:orbitBSmall}@keyframes orbitASmall{to{transform:rotate(360deg) translateX(54px)}}@keyframes orbitBSmall{to{transform:rotate(-360deg) translateX(59px)}}.profile h1{font-size:27px}.tagline{font-size:16px}.stats-card{border-radius:20px;padding:13px 2px}.stat-item strong{font-size:20px}.product-card{border-radius:22px}.game-logo{width:72px;height:72px;bottom:-32px}.product-heading{padding-left:82px;min-height:48px}.product-heading h2{font-size:17px}.main-action{min-height:44px;font-size:13px}.music-toggle{width:46px;height:46px}}
@media(max-width:350px){.button-grid{grid-template-columns:1fr}.stats-card{padding-left:0;padding-right:0}.stat-item strong{font-size:18px}.stat-item small{font-size:6.8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}#fxCanvas{display:none!important}}

/* === V31: top profile refined to match the clean VThang-style reference === */
:root{--text:#171824;--muted:#8e94a8;--primary:#6c68f2}
.page{padding-top:26px}
.profile{padding:38px 0 24px}
.avatar-wrap{
  width:126px;height:126px;margin-bottom:22px;padding:5px;background:#fff;
  box-shadow:0 14px 35px rgba(49,55,96,.12),0 0 0 1px rgba(224,227,240,.75);
  animation:avatarFloat 5s ease-in-out infinite;
}
.avatar-wrap img{border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}
.avatar-wrap:after{display:none}
.avatar-glitch{inset:-26px;background:radial-gradient(circle,rgba(111,105,241,.13),rgba(89,198,246,.05) 47%,transparent 70%);filter:blur(12px)}
.avatar-ring.ring-one{
  inset:-11px;padding:0;border:0;background:none;-webkit-mask:none;mask:none;
  border-top:2px solid rgba(103,111,245,.76);border-right:2px solid transparent;border-bottom:2px solid rgba(91,201,245,.50);border-left:2px solid transparent;
  animation:spin 9s linear infinite;filter:drop-shadow(0 0 6px rgba(105,111,244,.18));
}
.avatar-ring.ring-two{
  inset:-18px;border:1px dashed rgba(133,129,236,.16);animation:spinReverse 18s linear infinite;
}
.avatar-orbit{width:6px;height:6px;margin:-3px;background:#766ff3;box-shadow:0 0 0 4px rgba(118,111,243,.08),0 0 12px rgba(118,111,243,.38)}
.orbit-one{animation:orbitAV31 7.5s linear infinite}.orbit-two{width:5px;height:5px;margin:-2.5px;background:#ef93ba;opacity:.72;animation:orbitBV31 10s linear infinite}
.avatar-wrap:before{content:"✦";position:absolute;z-index:9;right:-27px;top:10px;color:#7c73f5;font-size:12px;opacity:.55;filter:drop-shadow(0 0 5px rgba(124,115,245,.32));animation:sparkleV31 2.8s ease-in-out infinite}
@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes orbitAV31{to{transform:rotate(360deg) translateX(72px)}}
@keyframes orbitBV31{to{transform:rotate(-360deg) translateX(79px)}}
@keyframes sparkleV31{0%,100%{transform:scale(.65) rotate(0);opacity:.18}50%{transform:scale(1.2) rotate(45deg);opacity:.72}}
.hello{margin-bottom:7px;color:#9096aa;font-size:17px;font-weight:600;letter-spacing:.15px}
.profile h1{gap:8px;color:#171824;font-size:31px;font-weight:700;letter-spacing:-1px;text-shadow:0 .3px 0 currentColor}
.tagline{margin-top:8px;color:#9298ab;font-size:18px;font-weight:600}.tagline strong{color:#6962ee;font-weight:700}
.verified{width:27px;height:27px;flex-basis:27px;filter:drop-shadow(0 4px 8px rgba(44,164,239,.20));animation:verifyBob 3.6s ease-in-out infinite}
.verified svg{display:block;width:27px;height:27px;overflow:visible}.verify-badge{fill:#2ea6ed}.verify-check{fill:none;stroke:#fff;stroke-width:2.65;stroke-linecap:round;stroke-linejoin:round}
@keyframes verifyBob{50%{transform:translateY(-1px)}}
.verified-ring,.verified-core{display:none!important}
.socials{gap:18px;margin-top:24px}.social-link{width:58px;height:58px;padding:9px;border-radius:17px;border:1px solid rgba(232,234,242,.9);background:#fff;box-shadow:0 10px 23px rgba(46,50,83,.10)}
.social-link img{border-radius:11px}

/* cleaner real stats + meaningful icons */
.stats-card{margin-top:2px;padding:14px 3px 15px;border-radius:23px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(50,55,90,.075)}
.stat-icon{width:27px;height:27px;margin:0 auto 3px;display:grid;place-items:center;border-radius:9px;background:#f1f2ff;color:#6d68ef;box-shadow:inset 0 0 0 1px rgba(106,101,238,.06)}
.stat-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.stat-icon circle{fill:none}
.stat-item strong{margin-top:2px;color:#5f5ae8;font-size:22px}.stat-item small{margin-top:7px;color:#949aab;font-size:7.6px}


/* platform badge: real icon instead of a dot */
.platform{gap:6px;padding:7px 11px;background:rgba(43,44,54,.73);font-size:11.5px;line-height:1;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.platform-symbol{width:16px;height:16px;display:grid;place-items:center;color:#fff}.platform-symbol svg{width:16px;height:16px;display:block;fill:currentColor;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.platform-symbol.platform-android svg,.platform-symbol.platform-globe svg,.platform-symbol.platform-shield svg{fill:none}
.platform:has(.platform-apple){background:linear-gradient(135deg,rgba(143,102,83,.90),rgba(190,129,103,.84))}
.platform:has(.platform-android){background:linear-gradient(135deg,rgba(48,126,88,.90),rgba(73,168,112,.84))}
.platform:has(.platform-windows){background:linear-gradient(135deg,rgba(38,105,170,.90),rgba(56,146,218,.84))}

@media(max-width:430px){
  .page{padding-top:18px}.profile{padding-top:33px;padding-bottom:22px}.avatar-wrap{width:116px;height:116px}.profile h1{font-size:29px}.hello{font-size:16px}.tagline{font-size:17px}
  @keyframes orbitAV31{to{transform:rotate(360deg) translateX(66px)}}@keyframes orbitBV31{to{transform:rotate(-360deg) translateX(73px)}}
}

/* === V32: top area aligned much closer to VThang reference === */
.top-tools{height:48px;margin:-8px -4px 0;display:flex;align-items:center;justify-content:space-between}
.top-tool{width:36px;height:36px;border:0;background:transparent;display:grid;place-items:center;padding:0;filter:drop-shadow(0 4px 8px rgba(76,84,165,.12))}
.top-tool svg{width:21px;height:21px;fill:#646cf0;stroke:#646cf0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sun-tool svg{fill:none;stroke:#f4b41f;filter:drop-shadow(0 0 5px rgba(244,180,31,.22))}
.profile{padding:40px 0 28px}
.avatar-wrap{width:134px;height:134px;margin-bottom:24px;padding:0;background:transparent;box-shadow:none;overflow:visible;animation:avatarFloat 5.2s ease-in-out infinite}
.avatar-wrap img{width:100%;height:100%;border-radius:50%;border:0;box-shadow:0 11px 28px rgba(55,60,90,.12);background:transparent;object-fit:cover}
.avatar-ring,.avatar-orbit{display:none!important}
.avatar-glitch{inset:-28px;background:radial-gradient(circle,rgba(119,112,244,.10),rgba(87,191,247,.035) 45%,transparent 72%);filter:blur(10px)}
.avatar-wrap:before{content:"";position:absolute;z-index:7;inset:-10px;border-radius:50%;background:linear-gradient(118deg,transparent 35%,rgba(255,242,108,.0) 43%,rgba(255,239,108,.92) 49%,rgba(255,255,255,.72) 52%,rgba(93,215,255,.25) 57%,transparent 65%);transform:translateX(-105%) rotate(-8deg);mix-blend-mode:screen;filter:blur(.3px);animation:avatarSweep 5.4s ease-in-out infinite;pointer-events:none}
.avatar-wrap:after{content:"✦";display:block!important;position:absolute;z-index:8;right:-26px;bottom:7px;font-size:12px;color:#686cf0;opacity:.6;filter:drop-shadow(0 0 5px rgba(104,108,240,.4));animation:sparkleV32 2.7s ease-in-out infinite;pointer-events:none}
@keyframes avatarSweep{0%,55%{transform:translateX(-115%) rotate(-8deg);opacity:0}61%{opacity:1}74%{transform:translateX(115%) rotate(-8deg);opacity:.8}80%,100%{transform:translateX(115%) rotate(-8deg);opacity:0}}
@keyframes sparkleV32{0%,100%{transform:scale(.55) rotate(0);opacity:.18}50%{transform:scale(1.25) rotate(45deg);opacity:.78}}
.hello{margin:0 0 6px;font-size:16px;font-weight:600;color:#8d94aa;letter-spacing:.15px}
.profile h1{gap:7px;font-size:29px;font-weight:700;letter-spacing:-.75px;color:#171824;text-shadow:none}
.tagline{margin-top:8px;font-size:17px;font-weight:600;color:#8c93a8}.tagline strong{font-weight:700;color:#6d67ef}
.verified{width:23px;height:23px;flex-basis:23px;filter:none;animation:none}.verified svg{width:23px;height:23px}.verify-badge{fill:#20a7ed}.verify-check{stroke-width:2.5}
.socials{gap:16px;margin-top:25px}.social-link{width:58px;height:58px;padding:8px;border-radius:17px;background:#fff;border:1px solid rgba(230,232,241,.92);box-shadow:0 10px 24px rgba(46,50,83,.11)}.social-link img{border-radius:12px}
.products{margin-top:18px}
.stats-card{margin-top:28px;margin-bottom:10px}
body.soft-night{background:#f4f5fb}body.soft-night .bg-glow{opacity:.08}
@media(max-width:430px){.page{padding-top:14px}.top-tools{height:44px}.profile{padding-top:34px;padding-bottom:26px}.avatar-wrap{width:128px;height:128px}.profile h1{font-size:28px}.socials{margin-top:23px}.products{margin-top:16px}}

/* === V33: measured against the supplied VThang mobile recording === */
:root{--v33-side:17px}
.page{width:min(100%,500px);padding:0 var(--v33-side) 34px}
.top-tools{height:60px;margin:0 calc(var(--v33-side) * -1);padding:0 24px;border-bottom:1px solid rgba(226,228,239,.72);background:rgba(255,255,255,.56);backdrop-filter:blur(8px)}
.top-tool{width:38px;height:38px}.top-tool svg{width:20px;height:20px}.sun-tool svg{width:22px;height:22px}
.profile{padding:47px 0 25px}
.avatar-wrap{width:140px;height:140px;margin:0 auto 19px;padding:0;background:transparent;box-shadow:none;overflow:visible;animation:avatarFloatV33 5.6s ease-in-out infinite}
.avatar-wrap img{position:relative;z-index:4;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 8px 24px rgba(47,52,88,.10);background:transparent}
.avatar-glitch{display:none!important}
.avatar-ring,.avatar-orbit{display:none!important}
.avatar-wrap:before{content:"";position:absolute;z-index:6;inset:-5px;border-radius:50%;padding:7px;background:conic-gradient(from 0deg,transparent 0 69%,rgba(255,229,42,.05) 73%,rgba(255,223,40,.95) 78%,rgba(255,255,255,.92) 82%,rgba(89,220,255,.72) 86%,transparent 92% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 6px rgba(255,222,57,.34));animation:avatarArcV33 3.7s linear infinite;pointer-events:none;mix-blend-mode:screen}
.avatar-wrap:after{content:"";display:block!important;position:absolute;z-index:5;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 38%,rgba(255,242,95,0) 43%,rgba(255,238,88,.44) 49%,rgba(255,255,255,.42) 52%,rgba(93,218,255,.16) 56%,transparent 62%);background-size:235% 100%;background-position:170% 0;animation:avatarSheenV33 3.7s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
@keyframes avatarArcV33{to{transform:rotate(360deg)}}
@keyframes avatarSheenV33{0%,43%{background-position:170% 0;opacity:0}50%{opacity:.75}68%{background-position:-70% 0;opacity:.55}76%,100%{background-position:-70% 0;opacity:0}}
@keyframes avatarFloatV33{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.hello{margin:0 0 5px;color:#9298aa;font-size:15px;font-weight:600;letter-spacing:.1px;line-height:1.25}
.profile h1{gap:6px;margin:0;color:#171824;font-size:28px;line-height:1.08;font-weight:700;letter-spacing:-.75px;text-shadow:none}
.verified{width:19px;height:19px;flex:0 0 19px;filter:none;animation:none}.verified svg{width:19px;height:19px}.verify-badge{fill:#28a8ea}.verify-check{stroke-width:2.55}
.tagline{margin:9px 0 0;color:#9298aa;font-size:16px;line-height:1.25;font-weight:600}.tagline strong{color:#6b67ef;font-weight:700}
.socials{display:flex;justify-content:center;gap:18px;margin-top:26px;min-height:54px}
.social-link{display:grid;place-items:center;width:54px;height:54px;padding:8px;border:1px solid rgba(233,234,242,.88);border-radius:16px;background:#fff;box-shadow:0 10px 22px rgba(49,53,88,.095);transition:transform .18s ease,box-shadow .18s ease}.social-link img{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}.social-placeholder{cursor:default}.social-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(49,53,88,.11)}
.stats-card{margin:25px 0 26px;padding:14px 4px 15px;border-radius:23px;border:1px solid rgba(229,231,240,.9);background:rgba(255,255,255,.95);box-shadow:0 10px 27px rgba(48,53,90,.075);backdrop-filter:blur(8px)}
.stat-icon{width:26px;height:26px;margin:0 auto 3px;border-radius:9px;background:#f4f4ff;color:#6966eb;box-shadow:none}.stat-icon svg{width:15px;height:15px;stroke-width:1.8}.stat-item strong{margin-top:2px;font-size:21px;line-height:1;color:#625ee9}.stat-item small{margin-top:7px;font-size:7.3px;letter-spacing:.48px;color:#969cad}
.products{margin-top:0;gap:18px}.product-card{border-radius:25px}.platform{right:11px;top:11px;padding:7px 11px;font-size:11px}.game-logo{left:15px}
#fxCanvas{opacity:.75}
@media(max-width:430px){
  .page{padding:0 17px 28px}.top-tools{height:60px;margin:0 -17px;padding:0 24px}.profile{padding:47px 0 25px}.avatar-wrap{width:140px;height:140px;margin-bottom:19px}.profile h1{font-size:28px}.hello{font-size:15px}.tagline{font-size:16px}.socials{margin-top:26px}.stats-card{margin-top:25px;margin-bottom:26px}.products{margin-top:0}
}
@media(max-width:370px){.profile h1{font-size:27px}.avatar-wrap{width:136px;height:136px}.socials{gap:16px}.stats-card{padding-left:1px;padding-right:1px}}
\n\n/* === V34: match supplied screenshots more closely === */\n.avatar-wrap:before,.avatar-wrap:after{display:none!important}\n.avatar-lightning{position:absolute;z-index:8;inset:-13px;width:calc(100% + 26px);height:calc(100% + 26px);overflow:visible;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,224,49,.8)) drop-shadow(0 0 8px rgba(255,214,39,.38));animation:avatarLightningFloat 4.6s ease-in-out infinite}\n.avatar-lightning path{fill:none;stroke-linecap:round;stroke-linejoin:round}\n.lightning-yellow{stroke:#ffe72f;stroke-width:4.2;stroke-dasharray:92 220;animation:lightningRun 3.15s linear infinite}\n.lightning-cyan{stroke:#74e8ff;stroke-width:2.6;stroke-dasharray:34 120;opacity:.72;animation:lightningRunReverse 4.1s linear infinite}\n.lightning-flash{stroke:#fffbd1;stroke-width:2.1;stroke-dasharray:14 80;opacity:.95;animation:lightningFlash 2.5s ease-in-out infinite}\n@keyframes lightningRun{to{stroke-dashoffset:-312}}\n@keyframes lightningRunReverse{to{stroke-dashoffset:154}}\n@keyframes lightningFlash{0%,54%,100%{opacity:.08;stroke-dashoffset:0}58%{opacity:1}72%{opacity:.72;stroke-dashoffset:-65}80%{opacity:.05}}\n@keyframes avatarLightningFloat{0%,100%{transform:rotate(-3deg) scale(.995)}50%{transform:rotate(2deg) scale(1.015)}}\n\n.hello,.profile h1,.tagline{will-change:transform,opacity;animation-duration:5.8s;animation-timing-function:cubic-bezier(.2,.75,.2,1);animation-iteration-count:infinite}\n.hello{animation-name:textRunLeft}\n.profile h1{animation-name:textRunRight;animation-delay:.13s}\n.tagline{animation-name:textRunLeft;animation-delay:.26s}\n@keyframes textRunLeft{0%{opacity:0;transform:translateX(-16px)}6%,68%{opacity:1;transform:translateX(0)}78%{opacity:1;transform:translateX(0)}88%,100%{opacity:0;transform:translateX(12px)}}\n@keyframes textRunRight{0%{opacity:0;transform:translateX(16px)}6%,68%{opacity:1;transform:translateX(0)}78%{opacity:1;transform:translateX(0)}88%,100%{opacity:0;transform:translateX(-12px)}}\n#profileName{background:linear-gradient(90deg,#171824 0%,#171824 38%,#4d55d9 49%,#171824 60%,#171824 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShine 4.8s linear infinite}\n@keyframes titleShine{0%,35%{background-position:120% 0}78%,100%{background-position:-120% 0}}\n\n.stats-card{min-height:0;margin:20px 0 20px;padding:7px 3px 8px;border-radius:20px}\n.stat-item{display:grid;grid-template-columns:22px auto;grid-template-rows:19px 13px;align-items:center;justify-content:center;column-gap:5px}\n.stat-icon{grid-column:1;grid-row:1;width:21px;height:21px;margin:0;border-radius:7px}\n.stat-icon svg{width:13px;height:13px}\n.stat-item strong{grid-column:2;grid-row:1;margin:0;font-size:17px;line-height:1}\n.stat-item small{grid-column:1 / -1;grid-row:2;margin:2px 0 0;font-size:6.2px;line-height:1;white-space:nowrap;letter-spacing:.35px}\n\n\n@media(max-width:430px){\n  .profile{padding-top:45px;padding-bottom:22px}\n  .avatar-wrap{width:137px;height:137px;margin-bottom:19px}\n  .hello{font-size:15px;margin-bottom:6px}\n  .profile h1{font-size:28px;gap:6px}\n  .tagline{font-size:16px;margin-top:9px}\n  .socials{margin-top:25px;gap:19px}\n  .social-link{width:58px;height:58px;border-radius:17px;padding:8px}\n  .stats-card{margin-top:21px;margin-bottom:20px}\n  .products{margin-top:0}\n}\n@media(prefers-reduced-motion:reduce){.avatar-lightning path,.avatar-lightning,.hello,.profile h1,.tagline,#profileName{animation:none!important}.hello,.profile h1,.tagline{opacity:1!important;transform:none!important}}\n
/* v44 stats fix */
.stats-card{position:relative!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-items:center!important;height:96px!important;min-height:96px!important;padding:18px 8px 12px!important;border-radius:24px!important;margin:22px 0 20px!important;}
.stat-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:100%!important;gap:4px!important;}
.stat-icon{width:24px!important;height:24px!important;margin:0!important;display:grid!important;place-items:center!important;background:transparent!important;border-radius:0!important;}
.stat-icon svg{width:18px!important;height:18px!important;}
.stat-item strong{font-size:23px!important;line-height:1!important;margin:0!important;}
.stat-item small{font-size:8px!important;line-height:1.2!important;margin:0!important;}

.avatar-wrap{width:125px!important;height:125px!important;}
,body.soft-night .tagline,body.soft-night .hello{color:#c7ccdf!important}
body.soft-night .stat-item strong{color:#9ea2ff!important}
body.soft-night .stat-item small{color:#aeb4c8!important}
body.soft-night .main-action{color:#fff!important}

/* V48 visible motion fixes */
.avatar-wrap{width:122px!important;height:122px!important;border-radius:50%!important;overflow:visible!important;animation:avatarFloatFix 4s ease-in-out infinite!important}
.avatar-wrap img{border-radius:50%!important;object-fit:cover!important}
.avatar-wrap:before{content:""!important;display:block!important;position:absolute;inset:-5px;border-radius:50%;border:2px solid transparent;background:linear-gradient(120deg,#7d7cff,#fff,#6ee7ff,#7d7cff) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;animation:spinFix 5s linear infinite!important;}
.avatar-wrap:after{display:block!important;content:""!important;position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,transparent 60%,rgba(120,120,255,.18));animation:pulseFix 2.8s ease-in-out infinite!important}
.stats-card{padding:18px 6px!important;border-radius:22px!important;min-height:105px!important}
.stat-icon{height:22px!important;font-size:18px!important}
.stat-item strong{font-size:24px!important;margin-top:5px!important}
.stat-item small{font-size:9px!important;margin-top:8px!important}
[data-theme="dark"] .stats-card{background:#171923!important;border-color:#303342!important}
[data-theme="dark"] .social-link{background:#202331!important}
@keyframes avatarFloatFix{50%{transform:translateY(-5px)}}
@keyframes spinFix{to{transform:rotate(360deg)}}
@keyframes pulseFix{50%{opacity:.45;transform:scale(1.04)}}

/* final avatar + spacing fix */
.loader-logo{aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;}
.avatar-wrap,#avatar{aspect-ratio:1/1!important;border-radius:50%!important;overflow:hidden!important;}
.avatar-wrap img{object-fit:cover!important;width:100%!important;height:100%!important;}
.stats-card{margin-bottom:10px!important;}
.products{margin-top:0!important;}