html[data-public-profile-full="full"]{
  
  
  
  
  --public-profile-text:#fffafd;
  
  
  --public-profile-line:rgba(83,226,220,.58);
  background:#230a4c;}
html[data-public-profile-full="full"],html[data-public-profile-full="full"] body{min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;}
html[data-public-profile-full="full"] body.public-profile-body{min-height:100dvh!important;
  margin:0!important;
  color:var(--public-profile-text)!important;
  background:
    radial-gradient(circle at 12% 16%,rgba(157,55,255,.42),transparent 34%),
    radial-gradient(circle at 88% 26%,rgba(28,172,190,.34),transparent 36%),
    linear-gradient(165deg,#25094f 0%,#252567 46%,#0a5968 100%)!important;}
html[data-public-profile-full="full"] .public-profile-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;}
html[data-public-profile-full="full"] .public-profile-ambient i{position:absolute;width:230px;height:230px;border-radius:50%;filter:blur(24px);opacity:.18;
  background:linear-gradient(135deg,#b53cff,#3be4da);}
html[data-public-profile-full="full"] .public-profile-ambient i:nth-child(1){left:-80px;top:18%;}
html[data-public-profile-full="full"] .public-profile-ambient i:nth-child(2){right:-90px;top:48%;}
html[data-public-profile-full="full"] .public-profile-ambient i:nth-child(3){left:28%;bottom:-100px;}


html[data-public-profile-full="full"] .public-profile-shell{position:relative;z-index:1;
  width:min(100%,932px)!important;
  margin:0 auto!important;
  padding:26px 22px max(48px,env(safe-area-inset-bottom))!important;
  display:grid!important;gap:20px!important;
  box-sizing:border-box!important;
  touch-action:pan-y!important;}
html[data-public-profile-full="full"] .public-profile-hero,html[data-public-profile-full="full"] .public-profile-panel,html[data-public-profile-full="full"] .public-profile-tabs{border:2px solid var(--public-profile-line)!important;
  background:linear-gradient(145deg,rgba(64,24,139,.92),rgba(27,59,130,.91) 58%,rgba(10,105,116,.90))!important;
  box-shadow:0 20px 50px rgba(11,4,55,.28),inset 0 1px 0 rgba(255,255,255,.15)!important;}
html[data-public-profile-full="full"] .public-profile-hero{min-height:300px!important;
  padding:28px!important;
  border-radius:34px!important;
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:center!important;
  overflow:hidden!important;}
html[data-public-profile-full="full"] .public-avatar-wrap{display:grid!important;place-items:center!important;min-width:0!important;}
html[data-public-profile-full="full"] .public-profile-avatar{position:relative!important;
  width:226px!important;height:226px!important;
  border-radius:50%!important;
  border:6px solid rgba(255,255,255,.94)!important;
  background:#241057!important;
  box-shadow:0 18px 44px rgba(11,3,54,.36),0 0 0 5px rgba(83,226,220,.34)!important;
  overflow:visible!important;}
html[data-public-profile-full="full"] .public-profile-avatar>img{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important;}
html[data-public-profile-full="full"] .public-profile-avatar{isolation:isolate!important;}
html[data-public-profile-full="full"] .public-profile-avatar::before,
html[data-public-profile-full="full"] .public-profile-avatar::after{pointer-events:none!important;}
html[data-public-profile-full="full"] .public-profile-avatar .avatar-cosmetic{position:absolute!important;z-index:7!important;width:42%!important;height:42%!important;display:grid!important;place-items:center!important;filter:drop-shadow(0 5px 8px rgba(10,4,54,.38))!important;}
html[data-public-profile-full="full"] .public-profile-avatar .avatar-cosmetic .lp-icon{width:100%!important;height:100%!important;}
html[data-public-profile-full="full"] .public-profile-avatar .avatar-medal{left:-18%!important;top:-20%!important;}
html[data-public-profile-full="full"] .public-profile-avatar .avatar-badge{right:-18%!important;top:-18%!important;}

/* Public profile reward effects stay in this public-page stylesheet. */
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="glow"]{box-shadow:0 0 0 8px rgba(255,208,75,.42),0 0 42px 15px rgba(255,190,45,.50)!important;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="sparkles"]::after{content:"✦";position:absolute;z-index:4;right:-11%;top:-11%;color:#9d72ff;font-size:48px;text-shadow:-190px 126px 0 #ffd147,-151px -8px 0 #5ed2f5,-31px 190px 0 #ff79ae;animation:publicRewardSparkles 1.8s ease-in-out infinite alternate;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="orbit"]::before{content:"";position:absolute;z-index:1;inset:-9%;border:5px solid rgba(143,112,255,.56);border-top-color:#ffd34e;border-radius:50%;animation:publicRewardOrbit 4s linear infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="orbit"]::after{content:"";position:absolute;z-index:4;left:50%;top:-13%;width:22px;aspect-ratio:1;border:3px solid #fff;border-radius:50%;background:#ffd247;box-shadow:0 4px 14px rgba(21,5,70,.38);}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="confetti"]::after{content:"";position:absolute;z-index:4;inset:-12%;background:radial-gradient(circle at 8% 18%,#ffca45 0 5px,transparent 6px),radial-gradient(circle at 92% 24%,#5ed2f5 0 5px,transparent 6px),radial-gradient(circle at 12% 83%,#ff79ae 0 5px,transparent 6px),radial-gradient(circle at 88% 78%,#8f72ff 0 5px,transparent 6px);animation:publicRewardConfetti 2.2s ease-in-out infinite alternate;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="aurora"]::before{content:"";position:absolute;z-index:1;inset:-12%;border-radius:50%;background:conic-gradient(from 30deg,transparent,#72f0c777,#7f8cff88,#d879ff77,transparent);filter:blur(9px);animation:publicRewardAurora 5s linear infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="pulse"]{animation:publicRewardPulse 2.2s ease-in-out infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="comet"]::after{content:"✦";position:absolute;z-index:4;right:-10%;top:2%;color:#dff5ff;font-size:48px;text-shadow:-24px 18px 0 #68c6ff88,-46px 36px 0 #8d7dff55;animation:publicRewardComet 2.8s ease-in-out infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="runes"]::after{content:"A · Ä · Ö";position:absolute;z-index:4;inset:auto 1% -10%;text-align:center;color:#f0ddff;font-size:19px;font-weight:950;letter-spacing:.16em;text-shadow:0 0 12px #9b68ff;animation:publicRewardRunes 3.4s ease-in-out infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="letters"]::before{content:"";position:absolute;z-index:1;inset:-11%;border:4px dashed #70d9ff;border-radius:50%;box-shadow:0 0 0 4px rgba(138,82,238,.20),0 0 30px rgba(103,205,255,.52);animation:publicRewardLettersOrbit 5.2s linear infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="letters"]::after{content:"A  Ä  Ö";position:absolute;z-index:4;left:50%;bottom:-13%;transform:translateX(-50%);padding:4px 12px;border:2px solid rgba(255,255,255,.92);border-radius:999px;color:#fff;background:linear-gradient(90deg,#7250e9,#27b7dc,#ed5d9a);box-shadow:0 5px 14px rgba(21,5,70,.38);font-size:17px;font-weight:950;letter-spacing:.18em;animation:publicRewardLettersFloat 2.2s ease-in-out infinite alternate;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="leaves"]::before{content:"❧";position:absolute;z-index:4;left:-12%;top:7%;color:#50c878;font-size:52px;text-shadow:230px 158px 0 #e3b83f,188px -15px 0 #82d66c;animation:publicRewardLeaves 3.8s ease-in-out infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="leaves"]::after{content:"";position:absolute;z-index:1;inset:-8%;border:5px dotted rgba(92,190,105,.72);border-radius:50%;box-shadow:0 0 26px rgba(217,177,59,.40);animation:publicRewardLeavesRing 7s linear infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="prism"]::before{content:"";position:absolute;z-index:1;inset:-10%;border-radius:50%;background:conic-gradient(from 15deg,#ff5d84aa,#ffd44faa,#57e0b6aa,#50b9ffaa,#a56affaa,#ff5d84aa);filter:blur(7px);animation:publicRewardPrism 4.6s linear infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="prism"]::after{content:"";position:absolute;z-index:4;right:-10%;top:-8%;width:28%;aspect-ratio:1;background:linear-gradient(145deg,#fff 5%,#74e6ff 38%,#a06cff 67%,#ff76aa);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 4px 8px rgba(29,8,82,.46));animation:publicRewardPrismFlash 2.4s ease-in-out infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="eclipse"]::before{content:"";position:absolute;z-index:1;inset:-9%;border:6px solid #20223d;border-right-color:#f5edcf;border-top-color:#b8dcff;border-radius:50%;box-shadow:0 0 25px rgba(128,169,255,.55);animation:publicRewardEclipse 6.5s linear infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="eclipse"]::after{content:"☾";position:absolute;z-index:4;right:-9%;top:-12%;color:#fff0b3;font-size:54px;text-shadow:0 0 12px #8faeff,0 5px 12px rgba(20,20,50,.42);animation:publicRewardEclipseCrescent 3s ease-in-out infinite alternate;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="rainbow"]::before{content:"";position:absolute;z-index:1;inset:-11%;border-radius:50%;background:conic-gradient(#ff5b70,#ffb83f,#f5e85c,#56d789,#48bde8,#7a6bea,#cf65d8,#ff5b70);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));filter:drop-shadow(0 0 8px rgba(103,159,255,.55));animation:publicRewardRainbow 6s linear infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="rainbow"]::after{content:"✦";position:absolute;z-index:4;left:-7%;bottom:3%;color:#fff6a8;font-size:44px;text-shadow:0 0 10px #ff78b5;animation:publicRewardRainbowStar 2s ease-in-out infinite alternate;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="lightning"]::before,
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="lightning"]::after{content:"ϟ";position:absolute;z-index:4;top:8%;color:#fff36f;font-size:62px;line-height:1;text-shadow:0 0 8px #fff,0 0 19px #3dbaff,0 5px 8px rgba(21,5,70,.42);}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="lightning"]::before{left:-13%;animation:publicRewardLightningLeft 1.9s steps(2,end) infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="lightning"]::after{right:-13%;transform:scaleX(-1);animation:publicRewardLightningRight 2.3s steps(2,end) infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="nebula"]::before{content:"";position:absolute;z-index:1;inset:-16%;border-radius:50%;background:radial-gradient(circle at 28% 32%,#78e8ff 0 3%,transparent 18%),radial-gradient(circle at 72% 65%,#ff72c9 0 4%,transparent 22%),conic-gradient(from 40deg,transparent,#6f5bdf99,#36cde299,#e765bd88,transparent);filter:blur(8px);animation:publicRewardNebula 8s ease-in-out infinite;}
html[data-public-profile-full="full"] .public-profile-avatar[data-profile-effect="nebula"]::after{content:"·  ✦  ·";position:absolute;z-index:4;inset:-11% -8% auto;color:#e8f8ff;font-size:30px;letter-spacing:.7em;text-shadow:0 0 9px #6cdcff,0 0 14px #b36cff;animation:publicRewardNebulaStars 3.2s ease-in-out infinite alternate;}
@keyframes publicRewardSparkles{to{transform:scale(1.12) rotate(9deg);opacity:.62;}}
@keyframes publicRewardOrbit{to{transform:rotate(360deg);}}
@keyframes publicRewardConfetti{to{transform:translateY(-6px) rotate(3deg);opacity:.68;}}
@keyframes publicRewardAurora{to{transform:rotate(360deg);}}
@keyframes publicRewardPulse{50%{transform:scale(1.035);box-shadow:0 0 0 8px rgba(255,104,205,.24),0 0 40px rgba(255,104,205,.46);}}
@keyframes publicRewardComet{50%{transform:translate(-12%,12%) rotate(12deg);filter:brightness(1.3);}}
@keyframes publicRewardRunes{50%{transform:translateY(-6px);opacity:.65;}}
@keyframes publicRewardLettersOrbit{to{transform:rotate(360deg);}}
@keyframes publicRewardLettersFloat{to{transform:translate(-50%,-6px) scale(1.04);}}
@keyframes publicRewardLeaves{50%{transform:translate(7px,-5px) rotate(22deg);filter:brightness(1.15);}}
@keyframes publicRewardLeavesRing{to{transform:rotate(-360deg);}}
@keyframes publicRewardPrism{to{transform:rotate(360deg);}}
@keyframes publicRewardPrismFlash{50%{transform:translate(-4px,5px) rotate(12deg);filter:brightness(1.35) drop-shadow(0 5px 10px rgba(29,8,82,.52));}}
@keyframes publicRewardEclipse{to{transform:rotate(360deg);}}
@keyframes publicRewardEclipseCrescent{to{transform:translate(-5px,6px) rotate(-8deg);}}
@keyframes publicRewardRainbow{to{transform:rotate(360deg);}}
@keyframes publicRewardRainbowStar{to{transform:scale(1.22) rotate(18deg);}}
@keyframes publicRewardLightningLeft{50%{opacity:.25;transform:translateY(4px) scale(.9);}}
@keyframes publicRewardLightningRight{50%{opacity:.38;transform:translateY(-3px) scaleX(-1) scale(1.08);}}
@keyframes publicRewardNebula{50%{transform:rotate(12deg) scale(1.06);filter:blur(10px) hue-rotate(24deg);}}
@keyframes publicRewardNebulaStars{to{transform:translateY(5px);opacity:.58;}}
html[data-public-profile-full="full"] .public-level-bubble{position:absolute!important;right:-8px!important;bottom:10px!important;
  min-width:62px!important;height:62px!important;padding:0 12px!important;
  display:grid!important;place-items:center!important;
  border-radius:31px!important;border:3px solid #fff!important;
  color:#22104a!important;background:linear-gradient(145deg,#ffe66b,#65e8d7)!important;
  font-size:28px!important;font-weight:950!important;box-shadow:0 10px 24px rgba(17,5,61,.34)!important;}
html[data-public-profile-full="full"] .public-profile-identity{min-width:0!important;display:grid!important;align-content:center!important;gap:9px!important;}
html[data-public-profile-full="full"] .public-profile-identity .eyebrow{margin:0!important;color:#69efe7!important;font-size:23px!important;font-weight:950!important;letter-spacing:.08em!important;}
html[data-public-profile-full="full"] .public-profile-identity h1{margin:0!important;color:#fff!important;font-size:58px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.035em!important;overflow-wrap:anywhere!important;}
html[data-public-profile-full="full"] .public-profile-username{margin:0!important;color:#d9d1f5!important;font-size:26px!important;font-weight:800!important;}
html[data-public-profile-full="full"] .public-profile-title{justify-self:start!important;padding:9px 16px!important;border-radius:999px!important;
  color:#fff!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.19)!important;
  font-size:25px!important;font-weight:900!important;}
html[data-public-profile-full="full"] .public-profile-bio{margin:4px 0 0!important;max-width:520px!important;color:#eee9ff!important;font-size:24px!important;line-height:1.42!important;overflow-wrap:anywhere!important;}
html[data-public-profile-full="full"] .public-profile-account-chip{justify-self:start!important;padding:10px 18px!important;border-radius:999px!important;
  color:#1c1742!important;background:linear-gradient(135deg,#ffe56e,#66ead9)!important;font-size:24px!important;font-weight:950!important;}
html[data-public-profile-full="full"] .public-profile-tabs{padding:9px!important;border-radius:28px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
html[data-public-profile-full="full"] .public-profile-tabs button{min-height:78px!important;border:0!important;border-radius:21px!important;background:transparent!important;color:#e1dcf5!important;
  font-size:29px!important;font-weight:950!important;transition:transform .18s ease,background .18s ease!important;}
html[data-public-profile-full="full"] .public-profile-tabs button span{font-size:.78em!important;opacity:.86!important;}
html[data-public-profile-full="full"] .public-profile-tabs button.active{color:#fff!important;background:linear-gradient(135deg,#ae2df1,#6255f4 52%,#1a9ba8)!important;box-shadow:0 12px 26px rgba(17,4,66,.25)!important;}
html[data-public-profile-full="full"] .public-profile-tabs button:active{transform:scale(.98)!important;}
html[data-public-profile-full="full"] .public-profile-panel{min-width:0!important;padding:26px!important;border-radius:34px!important;display:grid!important;gap:22px!important;}
html[data-public-profile-full="full"] .public-profile-panel[hidden]{display:none!important;}
html[data-public-profile-full="full"] .public-profile-section-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;}
html[data-public-profile-full="full"] .public-profile-section-heading .eyebrow{margin:0 0 5px!important;color:#67eee6!important;font-size:21px!important;font-weight:950!important;}
html[data-public-profile-full="full"] .public-profile-section-heading h2{margin:0!important;color:#fff!important;font-size:43px!important;line-height:1!important;font-weight:950!important;}
html[data-public-profile-full="full"] .public-profile-section-heading>span{padding:10px 16px!important;border-radius:999px!important;color:#fff!important;background:rgba(12,22,72,.64)!important;border:1px solid rgba(83,226,220,.48)!important;font-size:23px!important;font-weight:950!important;}
html[data-public-profile-full="full"] .public-profile-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
html[data-public-profile-full="full"] .public-profile-stats article{min-width:0!important;min-height:135px!important;padding:20px!important;border-radius:24px!important;
  display:grid!important;align-content:center!important;gap:7px!important;
  border:1.5px solid rgba(83,226,220,.34)!important;background:linear-gradient(145deg,rgba(27,20,90,.75),rgba(16,60,112,.72))!important;}
html[data-public-profile-full="full"] .public-profile-stats span{color:#d9d3ef!important;font-size:23px!important;font-weight:850!important;}
html[data-public-profile-full="full"] .public-profile-stats strong{color:#fff!important;font-size:39px!important;line-height:1!important;font-weight:950!important;overflow-wrap:anywhere!important;}
html[data-public-profile-full="full"] .public-profile-summary{padding:20px!important;border-radius:24px!important;display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;
  border:1.5px solid rgba(167,103,255,.48)!important;background:rgba(28,21,86,.68)!important;}
html[data-public-profile-full="full"] .public-profile-summary-icon{width:68px!important;height:68px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#a536e8,#25a8b1)!important;}
html[data-public-profile-full="full"] .public-profile-summary-icon .lp-icon{width:43px!important;height:43px!important;color:#fff!important;}
html[data-public-profile-full="full"] .public-profile-summary strong{display:block!important;color:#fff!important;font-size:28px!important;font-weight:950!important;}
html[data-public-profile-full="full"] .public-profile-summary p{margin:4px 0 0!important;color:#d9d2ef!important;font-size:21px!important;line-height:1.35!important;}
html[data-public-profile-full="full"] .public-profile-summary button{min-height:62px!important;padding:0 22px!important;border:1.5px solid rgba(255,255,255,.3)!important;border-radius:19px!important;color:#fff!important;background:linear-gradient(135deg,#9e2deb,#267fae)!important;font-size:23px!important;font-weight:950!important;}
html[data-public-profile-full="full"] .public-achievement-list{display:grid!important;gap:14px!important;}
html[data-public-profile-full="full"] .public-achievement-card{position:relative!important;min-width:0!important;padding:20px 20px 20px 92px!important;border-radius:25px!important;
  border:1.5px solid rgba(83,226,220,.35)!important;background:linear-gradient(145deg,rgba(30,21,91,.82),rgba(19,65,117,.78))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;}
html[data-public-profile-full="full"] .public-achievement-check{position:absolute!important;left:20px!important;top:24px!important;width:54px!important;height:54px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  color:#123b34!important;background:linear-gradient(145deg,#93f693,#3dd7b1)!important;border:3px solid rgba(255,255,255,.9)!important;font-size:35px!important;font-weight:950!important;box-shadow:0 9px 20px rgba(7,44,38,.27)!important;}
html[data-public-profile-full="full"] .public-achievement-copy{min-width:0!important;display:grid!important;gap:7px!important;}
html[data-public-profile-full="full"] .public-achievement-meta,.public-achievement-foot{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:10px!important;}
html[data-public-profile-full="full"] .public-achievement-meta span{color:#6eeee6!important;font-size:19px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
html[data-public-profile-full="full"] .public-achievement-card h3{margin:0!important;color:#fff!important;font-size:31px!important;line-height:1.08!important;font-weight:950!important;overflow-wrap:anywhere!important;}
html[data-public-profile-full="full"] .public-achievement-card p{margin:0!important;color:#dcd6f1!important;font-size:22px!important;line-height:1.38!important;}
html[data-public-profile-full="full"] .public-achievement-foot{margin-top:5px!important;color:#c7c0e7!important;font-size:19px!important;}
html[data-public-profile-full="full"] .public-achievement-foot strong{color:#ffe675!important;font-weight:950!important;}
html[data-public-profile-full="full"] .public-achievement-card[data-rarity="rare"],html[data-public-profile-full="full"] .public-achievement-card[data-rarity="epic"],html[data-public-profile-full="full"] .public-achievement-card[data-rarity="legendary"]{border-color:rgba(255,218,93,.58)!important;}
html[data-public-profile-full="full"] .public-profile-empty{padding:30px!important;border-radius:24px!important;text-align:center!important;background:rgba(22,24,82,.68)!important;border:1.5px solid rgba(83,226,220,.33)!important;}
html[data-public-profile-full="full"] .public-profile-empty strong{display:block!important;color:#fff!important;font-size:29px!important;font-weight:950!important;}
html[data-public-profile-full="full"] .public-profile-empty p{margin:8px 0 0!important;color:#d9d2ef!important;font-size:22px!important;line-height:1.4!important;}
html[data-public-profile-full="full"] .public-profile-footer{display:grid!important;}
html[data-public-profile-full="full"] .public-profile-footer .primary-button{min-height:76px!important;text-align:center!important;text-decoration:none!important;font-size:28px!important;}
@media (prefers-reduced-motion:reduce){html[data-public-profile-full="full"] *{scroll-behavior:auto!important;animation:none!important;transition:none!important;}}
html[data-public-profile-header="shared"] .public-profile-avatar .public-level-bubble{right:-12px!important;
  bottom:-8px!important;
  z-index:12!important;
  min-width:70px!important;
  width:auto!important;
  height:70px!important;
  padding:0 14px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  isolation:isolate!important;
  border:4px solid rgba(255,255,255,.96)!important;
  border-radius:999px!important;
  color:#26124d!important;
  background:linear-gradient(145deg,#ffe66b 0%,#83efc3 72%,#58ddd6 100%)!important;
  box-shadow:0 11px 26px rgba(17,5,61,.38)!important;
  font-size:32px!important;
  line-height:1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
  text-align:center!important;
  text-shadow:none!important;
  pointer-events:none!important;}
@media (prefers-reduced-motion:reduce){html[data-public-profile-header="shared"] .public-profile-avatar .public-level-bubble{transition:none!important;}}
:root{color-scheme: light;
  
  
  --legal-ink: #242b49;
  --legal-muted: #626d89;
  --legal-line: rgba(123, 85, 255, .13);
  --legal-shadow: 0 22px 55px rgba(64, 46, 130, .14);}
*{box-sizing: border-box;}
html{min-height: 100%;
  background: #fff9f4;}
body.legal-page{min-height: 100vh;
  margin: 0;
  color: var(--legal-ink);
  background:
    radial-gradient(circle at 8% 2%, rgba(255, 207, 76, .20), transparent 26rem),
    radial-gradient(circle at 92% 6%, rgba(123, 85, 255, .14), transparent 30rem),
    linear-gradient(180deg, #fffaf6 0%, #f7f4ff 55%, #eef9ff 100%);
  font-family: ui-rounded, "SF Pro Rounded", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;}
a{color: inherit;}
.legal-main{width: min(920px, 100%);
  margin: 0 auto;
  padding: 22px 14px calc(40px + env(safe-area-inset-bottom));}
.legal-document-card{overflow: hidden;
  border: 1px solid var(--legal-line);
  border-radius: 30px;
  background: rgba(255, 255, 255, .95);
  box-shadow: var(--legal-shadow);}
.legal-title{padding: 28px 24px;
  color: #fff;
  background: linear-gradient(135deg, #8957f7 0%, #6d46e6 54%, #6bc8ec 135%);}
.eyebrow{margin: 0 0 8px;
  color: rgba(255, 255, 255, .86);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;}
.legal-title h1{margin: 0 0 12px;
  font-size: clamp(34px, 8vw, 54px);
  line-height: .98;
  letter-spacing: -.035em;}
.legal-lead{max-width: 58ch;
  margin: 0;
  color: rgba(255, 255, 255, .94);
  font-size: 18px;
  line-height: 1.5;}
.legal-sections{padding: 18px;
  display: grid;
  gap: 14px;}
.legal-sections section{padding: 20px;
  border: 1px solid var(--legal-line);
  border-radius: 22px;
  background: linear-gradient(180deg, #fff 0%, #fdfaff 100%);
  box-shadow: 0 10px 22px rgba(75, 56, 145, .07);}
.legal-sections h2{margin: 0 0 8px;
  color: var(--legal-ink);
  font-size: 23px;
  line-height: 1.12;}
.legal-sections p{margin: 0;
  color: var(--legal-muted);
  font-size: 17px;
  line-height: 1.58;}
.legal-sections a{color: #6843df;
  font-weight: 800;}
.legal-nav{padding: 0 18px 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;}
.legal-nav a{padding: 9px 13px;
  border-radius: 999px;
  color: #6440d8;
  background: #f0eaff;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;}
.legal-back{min-height: 58px;
  margin: 0 18px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(135deg, #8d58ff, #6d3ee9);
  box-shadow: 0 14px 24px rgba(103, 62, 222, .22);
  font-size: 18px;
  font-weight: 900;
  text-decoration: none;}
@media (min-width: 720px){.legal-main{padding-top: 36px;}
.legal-title{padding: 38px 40px;}
.legal-sections{padding: 24px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.legal-sections section{padding: 24px;}}
.game-unavailable-page .unavailable{width:min(92vw,760px);margin:10vh auto;padding:32px;border:1.2px solid var(--ui-border-strong,rgba(255,179,63,.42));border-radius:20px;background:var(--ui-surface-strong,rgba(24,11,5,.94));text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.48)}
.game-unavailable-page .unavailable h1{font-size:clamp(2rem,8vw,3.6rem);margin:.2em 0}
.game-unavailable-page .unavailable .name{color:var(--ui-accent,#ffb33f);font-weight:950;letter-spacing:.16em}
.game-unavailable-page .unavailable .message{font-size:1.15rem;line-height:1.55;color:var(--ui-text-soft,#ead7bd)}
.game-unavailable-page .unavailable .back{display:inline-grid;place-items:center;min-height:56px;margin-top:20px;padding:0 24px;border-radius:16px;background:var(--ui-accent,#ffb33f);color:var(--ui-accent-contrast,#241005);text-decoration:none;font-weight:900}

/* v171-r5: legal pages use the same responsive bootstrap and theme scale as the service shell. */
html[data-legal-theme="cartoon"][data-theme-system="tokens"]{
  color-scheme:dark!important;
  background:var(--theme-page)!important;
}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] body.legal-page{
  color:var(--theme-text)!important;
  background:var(--theme-page)!important;
  font-family:var(--theme-font)!important;
}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-main{
  width:min(920px,100%)!important;
  margin:0 auto!important;
  padding:24px 14px calc(42px + env(safe-area-inset-bottom))!important;
}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-document-card{
  border:2px solid var(--theme-line-accent)!important;
  background:var(--theme-panel)!important;
  box-shadow:0 24px 56px var(--theme-shadow)!important;
}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-title{
  color:var(--theme-text-strong)!important;
  background:var(--theme-header)!important;
  border-bottom:1px solid var(--theme-line-accent)!important;
}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-title .eyebrow{color:var(--theme-reward)!important;}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-title h1{color:var(--theme-text-strong)!important;}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-lead{color:var(--theme-muted)!important;line-height:1.5!important;}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-sections section{
  border:1.5px solid var(--theme-line)!important;
  background:var(--theme-panel-deep)!important;
  box-shadow:0 12px 26px var(--theme-shadow-soft)!important;
}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-sections h2{color:var(--theme-text-strong)!important;}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-sections p{color:var(--theme-muted)!important;line-height:1.62!important;}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-sections a{color:var(--theme-secondary)!important;}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-nav a{
  color:var(--theme-text-strong)!important;
  background:var(--theme-panel-deep)!important;
  border:1px solid var(--theme-line)!important;
}
html[data-legal-theme="cartoon"][data-theme-system="tokens"] .legal-back{
  color:var(--theme-text-strong)!important;
  background:var(--theme-action)!important;
  border:1.5px solid var(--theme-line-accent)!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-main{
  padding:22px 20px calc(36px + env(safe-area-inset-bottom))!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-document-card{border-radius:28px!important;}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-title{padding:34px 32px!important;}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-title .eyebrow{font-size:24px!important;}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-title h1{
  font-size:56px!important;
  line-height:1.04!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-lead{
  font-size:30px!important;
  line-height:1.45!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-sections{
  padding:20px!important;
  gap:16px!important;
  grid-template-columns:1fr!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-sections section{
  padding:24px!important;
  border-radius:22px!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-sections h2{
  font-size:38px!important;
  line-height:1.12!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-sections p{
  font-size:30px!important;
  line-height:1.55!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-nav{
  padding:0 20px 20px!important;
  gap:12px!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-nav a{
  min-height:66px!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  font-size:26px!important;
}
html[data-responsive-layout="adaptive"][data-layout-mode="mobile"][data-legal-theme="cartoon"] .legal-back{
  min-height:68px!important;
  margin:0 20px 20px!important;
  padding:14px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:28px!important;
}

/* Public pages reflow by their own content width, independently of zoom. */
html[data-public-profile-full="full"] .public-profile-shell{
  container-type:inline-size;
  container-name:public-profile;
}
@container public-profile (max-width:680px){
  html[data-public-profile-full="full"] .public-profile-hero{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    gap:20px!important;
    min-height:0!important;
    padding:22px!important;
    text-align:center!important;
  }
  html[data-public-profile-full="full"] .public-profile-avatar{width:min(210px,70cqi)!important;height:min(210px,70cqi)!important;}
  html[data-public-profile-full="full"] .public-profile-identity{justify-items:center!important;}
  html[data-public-profile-full="full"] .public-profile-identity h1{font-size:clamp(38px,12cqi,58px)!important;}
  html[data-public-profile-full="full"] :is(.public-profile-title,.public-profile-account-chip){justify-self:center!important;}
  html[data-public-profile-full="full"] .public-profile-section-heading{align-items:flex-start!important;flex-wrap:wrap!important;}
  html[data-public-profile-full="full"] .public-profile-summary{grid-template-columns:68px minmax(0,1fr)!important;}
  html[data-public-profile-full="full"] .public-profile-summary button{grid-column:1/-1!important;width:100%!important;}
}
@container public-profile (max-width:460px){
  html[data-public-profile-full="full"] .public-profile-stats{grid-template-columns:minmax(0,1fr)!important;}
  html[data-public-profile-full="full"] .public-profile-tabs{grid-template-columns:minmax(0,1fr)!important;}
  html[data-public-profile-full="full"] .public-achievement-card{padding:78px 18px 18px!important;}
  html[data-public-profile-full="full"] .public-achievement-check{left:18px!important;top:16px!important;}
}
@media (max-width:460px){
  html[data-public-profile-full="full"][data-shell="desktop"] .public-profile-shell{padding-inline:12px!important;}
}

/* Standalone share and invitation cards use the same stable device shell. */
html[data-share-layout="card"] body.share-page{
  width:100%;
  min-width:0;
  min-height:100dvh;
  padding:clamp(12px,3vw,32px)!important;
  overflow:auto;
  font-size:16px!important;
  container-type:inline-size;
  container-name:share-page;
}
html[data-share-layout="card"] .share-card{
  width:min(560px,100%)!important;
  min-width:0;
  padding:clamp(20px,5cqi,36px)!important;
  container-type:inline-size;
  container-name:share-card;
}
html[data-share-layout="card"] .share-card img{max-width:100%;height:auto;}
html[data-share-layout="card"] .share-card h1{
  margin-block:clamp(14px,5cqi,26px)!important;
  font-size:clamp(30px,9cqi,44px)!important;
  line-height:1.05!important;
  overflow-wrap:anywhere;
}
html[data-share-layout="card"] .share-card p{font-size:clamp(16px,4.8cqi,22px)!important;}
html[data-share-layout="card"] .share-card .primary-button{
  width:100%;
  min-height:54px!important;
  white-space:normal;
  text-align:center;
}
html[data-share-layout="card"][data-shell="touch"] .share-card{
  width:min(820px,100%)!important;
  padding:clamp(32px,6cqi,54px)!important;
  border-radius:34px!important;
}
html[data-share-layout="card"][data-shell="touch"] .share-card h1{font-size:clamp(48px,8cqi,68px)!important;}
html[data-share-layout="card"][data-shell="touch"] .share-card p{font-size:clamp(27px,4cqi,34px)!important;line-height:1.45!important;}
html[data-share-layout="card"][data-shell="touch"] .share-card .primary-button{min-height:82px!important;font-size:30px!important;}

/* ── hotfix58-r17: expanded profile avatar effects ───────────────── */
.profile-picture-frame[data-profile-effect="forge"],
.profile-picture-frame[data-profile-effect="frost"],
.profile-picture-frame[data-profile-effect="plasma"],
.profile-picture-frame[data-profile-effect="aurora-veil"],
.profile-picture-frame[data-profile-effect="fireflies"],
.profile-picture-frame[data-profile-effect="neon"],
.profile-picture-frame[data-profile-effect="gold"],
.profile-picture-frame[data-profile-effect="void"],
.profile-picture-frame[data-profile-effect="bubbles"],
.profile-picture-frame[data-profile-effect="radar"],
.profile-picture-frame[data-profile-effect="petals"],
.profile-picture-frame[data-profile-effect="glitch"],
.profile-picture-frame[data-profile-effect="glyphstorm"],
.profile-picture-frame[data-profile-effect="spectrum"],
.profile-picture-frame[data-profile-effect="constellation"],
.profile-picture-frame[data-profile-effect="vortex"],
.profile-picture-frame[data-profile-effect="solar"] {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.profile-picture-frame[data-profile-effect="forge"]::before {
  content:""; position:absolute; inset:-6%; z-index:1; border-radius:50%; pointer-events:none;
  background:conic-gradient(from 0deg,rgba(255,120,20,0) 0deg,rgba(255,150,45,.85) 45deg,rgba(255,215,105,.95) 90deg,rgba(255,95,20,.70) 135deg,rgba(255,120,20,0) 175deg,rgba(255,80,15,.75) 225deg,rgba(255,195,80,.92) 285deg,rgba(255,110,25,0) 335deg,rgba(255,120,20,0) 360deg);
  -webkit-mask:radial-gradient(closest-side,transparent 58%,#000 67%,#000 84%,transparent 100%);
  mask:radial-gradient(closest-side,transparent 58%,#000 67%,#000 84%,transparent 100%);
  animation:forgeGlowSpin 9s linear infinite; will-change:transform;
}
.profile-picture-frame[data-profile-effect="forge"]::after {
  content:""; position:absolute; inset:-26%; z-index:-1; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(255,140,40,.28) 0%,rgba(255,90,20,.12) 40%,transparent 60%),radial-gradient(circle at 50% 6%,rgba(255,220,120,.95) 0 1.4%,transparent 3%),radial-gradient(circle at 86% 30%,rgba(255,190,90,.85) 0 1.2%,transparent 2.6%),radial-gradient(circle at 80% 80%,rgba(255,210,110,.8) 0 1.3%,transparent 2.8%),radial-gradient(circle at 14% 70%,rgba(255,170,70,.8) 0 1%,transparent 2.4%),radial-gradient(circle at 26% 20%,rgba(255,205,100,.8) 0 1.1%,transparent 2.5%);
  animation:forgeGlowPulse 6s ease-in-out infinite; will-change:transform,opacity;
}
@keyframes forgeGlowSpin { to { transform:rotate(360deg); } }
@keyframes forgeGlowPulse { 0%,100%{opacity:.55;transform:scale(1)} 50%{opacity:.95;transform:scale(1.05)} }

.profile-picture-frame[data-profile-effect="frost"]::before {
  content:"";position:absolute;inset:-6%;z-index:1;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,rgba(190,235,255,0) 0deg,rgba(210,245,255,.9) 60deg,rgba(140,200,255,.6) 120deg,rgba(235,250,255,.95) 200deg,rgba(160,215,255,.7) 280deg,rgba(190,235,255,0) 360deg);
  -webkit-mask:radial-gradient(closest-side,transparent 60%,#000 68%,#000 84%,transparent 100%);mask:radial-gradient(closest-side,transparent 60%,#000 68%,#000 84%,transparent 100%);
  animation:frostRingSpin 14s linear infinite;will-change:transform;
}
.profile-picture-frame[data-profile-effect="frost"]::after {
  content:"";position:absolute;inset:-22%;z-index:-1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(180,225,255,.25) 0%,rgba(150,205,255,.1) 45%,transparent 62%),radial-gradient(circle at 50% 4%,rgba(255,255,255,.95) 0 1%,transparent 2.4%),radial-gradient(circle at 88% 40%,rgba(220,245,255,.85) 0 .9%,transparent 2.2%),radial-gradient(circle at 20% 82%,rgba(200,235,255,.8) 0 1%,transparent 2.3%),radial-gradient(circle at 12% 30%,rgba(230,248,255,.8) 0 .8%,transparent 2%);
  animation:frostRingShimmer 7s ease-in-out infinite;will-change:opacity,transform;
}
@keyframes frostRingSpin { to{transform:rotate(360deg)} }
@keyframes frostRingShimmer { 0%,100%{opacity:.55;transform:scale(1)} 50%{opacity:.9;transform:scale(1.04)} }

.profile-picture-frame[data-profile-effect="plasma"]::before {
  content:"";position:absolute;inset:-7%;z-index:1;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,rgba(255,60,200,0) 0deg,rgba(255,60,200,.9) 50deg,rgba(120,90,255,.85) 110deg,rgba(60,220,255,.95) 180deg,rgba(160,70,255,.8) 250deg,rgba(255,60,180,.85) 310deg,rgba(255,60,200,0) 360deg);
  -webkit-mask:radial-gradient(closest-side,transparent 57%,#000 66%,#000 85%,transparent 100%);mask:radial-gradient(closest-side,transparent 57%,#000 66%,#000 85%,transparent 100%);
  filter:blur(.5px);animation:plasmaArcSpin 11s linear infinite;will-change:transform;
}
.profile-picture-frame[data-profile-effect="plasma"]::after {content:"";position:absolute;inset:-24%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(200,60,255,.3) 0%,rgba(60,180,255,.14) 45%,transparent 63%);animation:plasmaArcPulse 6s ease-in-out infinite;will-change:opacity,transform}
@keyframes plasmaArcSpin { to{transform:rotate(-360deg)} }
@keyframes plasmaArcPulse {0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}

.profile-picture-frame[data-profile-effect="aurora-veil"]::before {content:"";position:absolute;inset:-30%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(60% 40% at 30% 35%,rgba(70,255,180,.5) 0%,transparent 60%),radial-gradient(55% 45% at 72% 55%,rgba(80,160,255,.45) 0%,transparent 62%),radial-gradient(50% 40% at 55% 75%,rgba(180,90,255,.4) 0%,transparent 60%);filter:blur(6px);-webkit-mask:radial-gradient(closest-side,transparent 46%,#000 70%,transparent 100%);mask:radial-gradient(closest-side,transparent 46%,#000 70%,transparent 100%);animation:auroraVeilDrift 16s ease-in-out infinite;will-change:transform,opacity}
.profile-picture-frame[data-profile-effect="aurora-veil"]::after {content:"";position:absolute;inset:-18%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(120,220,200,.22) 0%,transparent 60%);animation:auroraVeilGlow 9s ease-in-out infinite;will-change:opacity}
@keyframes auroraVeilDrift {0%,100%{transform:translateX(-4%) scale(1);opacity:.7}50%{transform:translateX(4%) scale(1.06);opacity:1}}
@keyframes auroraVeilGlow {0%,100%{opacity:.5}50%{opacity:.85}}

.profile-picture-frame[data-profile-effect="fireflies"]::before,.profile-picture-frame[data-profile-effect="fireflies"]::after {content:"";position:absolute;inset:-30%;z-index:-1;border-radius:50%;pointer-events:none}
.profile-picture-frame[data-profile-effect="fireflies"]::before {background:radial-gradient(circle at 15% 30%,rgba(255,240,150,.95) 0 1%,transparent 2.4%),radial-gradient(circle at 82% 22%,rgba(255,235,140,.9) 0 .9%,transparent 2.2%),radial-gradient(circle at 90% 68%,rgba(255,245,160,.95) 0 1.1%,transparent 2.5%),radial-gradient(circle at 8% 72%,rgba(255,230,130,.9) 0 .8%,transparent 2%);animation:firefliesGlowA 5.5s ease-in-out infinite;will-change:transform,opacity}
.profile-picture-frame[data-profile-effect="fireflies"]::after {background:radial-gradient(circle at 40% 10%,rgba(255,245,160,.9) 0 .9%,transparent 2.2%),radial-gradient(circle at 60% 90%,rgba(255,235,140,.95) 0 1%,transparent 2.4%),radial-gradient(circle at 25% 55%,rgba(255,240,150,.85) 0 .8%,transparent 2%),radial-gradient(circle at 78% 48%,rgba(255,230,135,.9) 0 1%,transparent 2.3%);animation:firefliesGlowB 7s ease-in-out infinite;will-change:transform,opacity}
@keyframes firefliesGlowA {0%,100%{transform:translate(0,0) scale(.96);opacity:.35}50%{transform:translate(3%,-3%) scale(1.04);opacity:1}}
@keyframes firefliesGlowB {0%,100%{transform:translate(0,0) scale(1.02);opacity:.9}50%{transform:translate(-3%,3%) scale(.96);opacity:.3}}

.profile-picture-frame[data-profile-effect="neon"]::before {content:"";position:absolute;inset:-3%;z-index:1;border-radius:50%;pointer-events:none;border:2px solid rgba(80,255,230,.9);box-shadow:0 0 6px rgba(80,255,230,.9),0 0 14px rgba(80,255,230,.6),inset 0 0 8px rgba(80,255,230,.55);animation:neonEdgePulse 3.6s ease-in-out infinite;will-change:opacity,transform}
.profile-picture-frame[data-profile-effect="neon"]::after {content:"";position:absolute;inset:-16%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(80,255,230,.28) 0%,transparent 62%);animation:neonEdgeHalo 3.6s ease-in-out infinite;will-change:opacity}
@keyframes neonEdgePulse {0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}}
@keyframes neonEdgeHalo {0%,100%{opacity:.45}50%{opacity:.85}}

.profile-picture-frame[data-profile-effect="gold"]::before {content:"";position:absolute;inset:-5%;z-index:1;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(120,80,15,.85) 0deg,rgba(255,225,140,.98) 55deg,rgba(180,120,30,.9) 120deg,rgba(255,240,180,1) 180deg,rgba(150,100,25,.9) 250deg,rgba(255,220,130,.98) 320deg,rgba(120,80,15,.85) 360deg);-webkit-mask:radial-gradient(closest-side,transparent 60%,#000 68%,#000 86%,transparent 100%);mask:radial-gradient(closest-side,transparent 60%,#000 68%,#000 86%,transparent 100%);animation:goldRimSweep 8s linear infinite;will-change:transform}
.profile-picture-frame[data-profile-effect="gold"]::after {content:"";position:absolute;inset:-15%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,215,120,.24) 0%,transparent 60%);animation:goldRimGlow 6s ease-in-out infinite;will-change:opacity}
@keyframes goldRimSweep {to{transform:rotate(360deg)}}
@keyframes goldRimGlow {0%,100%{opacity:.5}50%{opacity:.8}}

.profile-picture-frame[data-profile-effect="void"]::before {content:"";position:absolute;inset:-20%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(90,40,160,.4) 0%,rgba(50,20,110,.18) 45%,transparent 64%);animation:voidFieldBreathe 7s ease-in-out infinite;will-change:opacity,transform}
.profile-picture-frame[data-profile-effect="void"]::after {content:"";position:absolute;inset:-18%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(210,170,255,.98) 0 1.4%,transparent 3%);filter:drop-shadow(0 0 4px rgba(190,140,255,.9));animation:voidOrbitSpin 9s linear infinite;will-change:transform}
@keyframes voidFieldBreathe {0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.05)}}
@keyframes voidOrbitSpin {to{transform:rotate(360deg)}}

.profile-picture-frame[data-profile-effect="bubbles"]::before,.profile-picture-frame[data-profile-effect="bubbles"]::after {content:"";position:absolute;inset:-28%;z-index:-1;border-radius:50%;pointer-events:none}
.profile-picture-frame[data-profile-effect="bubbles"]::before {background:radial-gradient(circle at 20% 80%,rgba(200,235,255,.75) 0 2.2%,transparent 3.4%),radial-gradient(circle at 78% 88%,rgba(220,245,255,.7) 0 1.6%,transparent 2.6%),radial-gradient(circle at 50% 92%,rgba(190,230,255,.8) 0 2.6%,transparent 3.8%);animation:bubblesRiseA 8s ease-in infinite;will-change:transform,opacity}
.profile-picture-frame[data-profile-effect="bubbles"]::after {background:radial-gradient(circle at 35% 85%,rgba(210,240,255,.7) 0 1.4%,transparent 2.4%),radial-gradient(circle at 65% 90%,rgba(200,235,255,.75) 0 2%,transparent 3.2%);animation:bubblesRiseB 6.5s ease-in infinite;will-change:transform,opacity}
@keyframes bubblesRiseA {0%{transform:translateY(8%) scale(.9);opacity:0}20%{opacity:.9}100%{transform:translateY(-40%) scale(1.05);opacity:0}}
@keyframes bubblesRiseB {0%{transform:translateY(6%) scale(.92);opacity:0}25%{opacity:.85}100%{transform:translateY(-34%) scale(1.04);opacity:0}}

.profile-picture-frame[data-profile-effect="radar"]::before {content:"";position:absolute;inset:-8%;z-index:1;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(80,255,140,.85) 0deg,rgba(80,255,140,.25) 22deg,transparent 55deg,transparent 360deg);-webkit-mask:radial-gradient(closest-side,transparent 55%,#000 63%,#000 92%,transparent 100%);mask:radial-gradient(closest-side,transparent 55%,#000 63%,#000 92%,transparent 100%);animation:radarSweepSpin 4.5s linear infinite;will-change:transform}
.profile-picture-frame[data-profile-effect="radar"]::after {content:"";position:absolute;inset:-8%;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,transparent 62%,rgba(80,255,140,.4) 63%,transparent 65%,transparent 78%,rgba(80,255,140,.35) 79%,transparent 81%)}
@keyframes radarSweepSpin {to{transform:rotate(360deg)}}

.profile-picture-frame[data-profile-effect="petals"]::before,.profile-picture-frame[data-profile-effect="petals"]::after {content:"";position:absolute;inset:-30%;z-index:-1;border-radius:50%;pointer-events:none}
.profile-picture-frame[data-profile-effect="petals"]::before {background:radial-gradient(ellipse 3% 1.6% at 20% 12%,rgba(255,180,205,.95) 0 60%,transparent 100%),radial-gradient(ellipse 2.4% 1.3% at 70% 8%,rgba(255,200,220,.9) 0 60%,transparent 100%),radial-gradient(ellipse 3.2% 1.8% at 50% 5%,rgba(255,170,200,.9) 0 60%,transparent 100%),radial-gradient(ellipse 2.6% 1.4% at 85% 18%,rgba(255,195,215,.85) 0 60%,transparent 100%);animation:petalsFallA 11s linear infinite;will-change:transform,opacity}
.profile-picture-frame[data-profile-effect="petals"]::after {background:radial-gradient(ellipse 2.8% 1.5% at 35% 6%,rgba(255,185,210,.9) 0 60%,transparent 100%),radial-gradient(ellipse 2.2% 1.2% at 60% 10%,rgba(255,205,225,.85) 0 60%,transparent 100%),radial-gradient(ellipse 3% 1.7% at 12% 8%,rgba(255,175,205,.9) 0 60%,transparent 100%);animation:petalsFallB 14s linear infinite;will-change:transform,opacity}
@keyframes petalsFallA {0%{transform:translateY(-8%) rotate(0deg);opacity:0}15%,85%{opacity:.95}100%{transform:translateY(48%) rotate(40deg);opacity:0}}
@keyframes petalsFallB {0%{transform:translateY(-6%) rotate(0deg);opacity:0}20%,85%{opacity:.85}100%{transform:translateY(44%) rotate(-35deg);opacity:0}}

.profile-picture-frame[data-profile-effect="glitch"]::before,.profile-picture-frame[data-profile-effect="glitch"]::after {content:"";position:absolute;inset:-4%;z-index:1;border-radius:50%;pointer-events:none;border:2px solid transparent;-webkit-mask:radial-gradient(closest-side,transparent 60%,#000 66%,#000 100%);mask:radial-gradient(closest-side,transparent 60%,#000 66%,#000 100%)}
.profile-picture-frame[data-profile-effect="glitch"]::before {border-color:rgba(60,230,255,.85);box-shadow:0 0 6px rgba(60,230,255,.5);animation:glitchShiftCyan 3.2s steps(1) infinite;will-change:transform,opacity}
.profile-picture-frame[data-profile-effect="glitch"]::after {border-color:rgba(255,60,200,.85);box-shadow:0 0 6px rgba(255,60,200,.5);animation:glitchShiftMag 3.2s steps(1) infinite;will-change:transform,opacity}
@keyframes glitchShiftCyan {0%,62%,100%{transform:translate(0,0);opacity:.35}66%{transform:translate(-3%,1%);opacity:.9}72%{transform:translate(2%,-2%);opacity:.9}78%{transform:translate(-1%,0);opacity:.6}}
@keyframes glitchShiftMag {0%,62%,100%{transform:translate(0,0);opacity:.35}66%{transform:translate(3%,-1%);opacity:.9}72%{transform:translate(-2%,2%);opacity:.9}78%{transform:translate(1%,0);opacity:.6}}

.profile-picture-frame[data-profile-effect="glyphstorm"]::before {content:"";position:absolute;inset:-9%;z-index:1;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(150,120,255,.95) 0deg 3deg,transparent 3deg 30deg);-webkit-mask:radial-gradient(closest-side,transparent 74%,#000 80%,#000 90%,transparent 96%);mask:radial-gradient(closest-side,transparent 74%,#000 80%,#000 90%,transparent 96%);filter:drop-shadow(0 0 3px rgba(160,130,255,.8));animation:glyphstormSpinCW 18s linear infinite;will-change:transform}
.profile-picture-frame[data-profile-effect="glyphstorm"]::after {content:"";position:absolute;inset:-4%;z-index:1;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 15deg,rgba(120,200,255,.9) 0deg 2deg,transparent 2deg 24deg);-webkit-mask:radial-gradient(closest-side,transparent 66%,#000 71%,#000 80%,transparent 86%);mask:radial-gradient(closest-side,transparent 66%,#000 71%,#000 80%,transparent 86%);filter:drop-shadow(0 0 4px rgba(130,180,255,.9));animation:glyphstormSpinCCW 13s linear infinite;will-change:transform}
@keyframes glyphstormSpinCW {to{transform:rotate(360deg)}}
@keyframes glyphstormSpinCCW {to{transform:rotate(-360deg)}}

.profile-picture-frame[data-profile-effect="spectrum"]::before {content:"";position:absolute;inset:-5%;z-index:1;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,#ff004c,#ff7a00,#ffe600,#23ff5a,#00d9ff,#4a5bff,#b400ff,#ff004c);-webkit-mask:radial-gradient(closest-side,transparent 61%,#000 68%,#000 84%,transparent 100%);mask:radial-gradient(closest-side,transparent 61%,#000 68%,#000 84%,transparent 100%);filter:saturate(1.2);animation:spectrumSpin 10s linear infinite;will-change:transform}
.profile-picture-frame[data-profile-effect="spectrum"]::after {content:"";position:absolute;inset:-20%;z-index:-1;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(255,0,76,.35),rgba(255,230,0,.3),rgba(35,255,90,.35),rgba(0,217,255,.3),rgba(180,0,255,.35),rgba(255,0,76,.35));filter:blur(8px);-webkit-mask:radial-gradient(closest-side,transparent 48%,#000 72%,transparent 100%);mask:radial-gradient(closest-side,transparent 48%,#000 72%,transparent 100%);animation:spectrumSpin 10s linear infinite reverse;will-change:transform;opacity:.8}
@keyframes spectrumSpin {to{transform:rotate(360deg)}}

.profile-picture-frame[data-profile-effect="constellation"]::before,.profile-picture-frame[data-profile-effect="constellation"]::after {content:"";position:absolute;inset:-30%;z-index:-1;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 2px rgba(200,225,255,.9))}
.profile-picture-frame[data-profile-effect="constellation"]::before {background:radial-gradient(circle at 18% 22%,#eaf3ff 0 .8%,transparent 1.8%),radial-gradient(circle at 84% 30%,#dcecff 0 .6%,transparent 1.5%),radial-gradient(circle at 74% 82%,#fff 0 .9%,transparent 2%),radial-gradient(circle at 30% 88%,#d4e6ff 0 .5%,transparent 1.4%),radial-gradient(circle at 50% 8%,#eef5ff 0 .7%,transparent 1.7%);animation:constTwinkleA 6s ease-in-out infinite;will-change:opacity}
.profile-picture-frame[data-profile-effect="constellation"]::after {background:radial-gradient(circle at 10% 58%,#fff 0 .6%,transparent 1.5%),radial-gradient(circle at 92% 60%,#e0eeff 0 .7%,transparent 1.6%),radial-gradient(circle at 60% 92%,#f0f6ff 0 .5%,transparent 1.4%),radial-gradient(circle at 42% 14%,#dceaff 0 .8%,transparent 1.8%),radial-gradient(circle at 26% 44%,#fff 0 .5%,transparent 1.3%);animation:constTwinkleB 8s ease-in-out infinite;will-change:opacity}
@keyframes constTwinkleA {0%,100%{opacity:.3}50%{opacity:1}}
@keyframes constTwinkleB {0%,100%{opacity:.9}50%{opacity:.25}}

.profile-picture-frame[data-profile-effect="vortex"]::before {content:"";position:absolute;inset:-24%;z-index:-1;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(20,220,200,0) 0deg,rgba(20,220,200,.55) 70deg,rgba(30,140,255,0) 150deg,rgba(60,255,180,.5) 230deg,rgba(30,140,255,0) 300deg,rgba(20,220,200,0) 360deg);-webkit-mask:radial-gradient(closest-side,transparent 40%,#000 60%,#000 88%,transparent 100%);mask:radial-gradient(closest-side,transparent 40%,#000 60%,#000 88%,transparent 100%);filter:blur(3px);animation:vortexSwirlSpin 7s linear infinite;will-change:transform}
.profile-picture-frame[data-profile-effect="vortex"]::after {content:"";position:absolute;inset:-14%;z-index:-1;border-radius:50%;pointer-events:none;background:conic-gradient(from 180deg,rgba(120,255,230,0) 0deg,rgba(120,255,230,.5) 90deg,rgba(120,255,230,0) 180deg,rgba(80,200,255,.45) 270deg,rgba(120,255,230,0) 360deg);-webkit-mask:radial-gradient(closest-side,transparent 34%,#000 55%,#000 80%,transparent 96%);mask:radial-gradient(closest-side,transparent 34%,#000 55%,#000 80%,transparent 96%);filter:blur(2px);animation:vortexSwirlSpin 4.5s linear infinite reverse;will-change:transform}
@keyframes vortexSwirlSpin {to{transform:rotate(360deg)}}

.profile-picture-frame[data-profile-effect="solar"]::before {content:"";position:absolute;inset:-12%;z-index:1;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,180,40,.9) 0deg 4deg,rgba(255,120,20,.3) 4deg 9deg,transparent 9deg 18deg);-webkit-mask:radial-gradient(closest-side,transparent 66%,#000 74%,transparent 100%);mask:radial-gradient(closest-side,transparent 66%,#000 74%,transparent 100%);filter:blur(1px) drop-shadow(0 0 4px rgba(255,150,40,.7));animation:solarFlareSpin 22s linear infinite;will-change:transform}
.profile-picture-frame[data-profile-effect="solar"]::after {content:"";position:absolute;inset:-22%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,190,70,.4) 0%,rgba(255,120,30,.2) 42%,transparent 64%);animation:solarCoronaPulse 5s ease-in-out infinite;will-change:opacity,transform}
@keyframes solarFlareSpin {to{transform:rotate(360deg)}}
@keyframes solarCoronaPulse {0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}

@media (prefers-reduced-motion: reduce) {
  .profile-picture-frame[data-profile-effect="forge"]::before,.profile-picture-frame[data-profile-effect="forge"]::after,
  .profile-picture-frame[data-profile-effect="frost"]::before,.profile-picture-frame[data-profile-effect="frost"]::after,
  .profile-picture-frame[data-profile-effect="plasma"]::before,.profile-picture-frame[data-profile-effect="plasma"]::after,
  .profile-picture-frame[data-profile-effect="aurora-veil"]::before,.profile-picture-frame[data-profile-effect="aurora-veil"]::after,
  .profile-picture-frame[data-profile-effect="fireflies"]::before,.profile-picture-frame[data-profile-effect="fireflies"]::after,
  .profile-picture-frame[data-profile-effect="neon"]::before,.profile-picture-frame[data-profile-effect="neon"]::after,
  .profile-picture-frame[data-profile-effect="gold"]::before,.profile-picture-frame[data-profile-effect="gold"]::after,
  .profile-picture-frame[data-profile-effect="void"]::before,.profile-picture-frame[data-profile-effect="void"]::after,
  .profile-picture-frame[data-profile-effect="bubbles"]::before,.profile-picture-frame[data-profile-effect="bubbles"]::after,
  .profile-picture-frame[data-profile-effect="radar"]::before,
  .profile-picture-frame[data-profile-effect="petals"]::before,.profile-picture-frame[data-profile-effect="petals"]::after,
  .profile-picture-frame[data-profile-effect="glitch"]::before,.profile-picture-frame[data-profile-effect="glitch"]::after,
  .profile-picture-frame[data-profile-effect="glyphstorm"]::before,.profile-picture-frame[data-profile-effect="glyphstorm"]::after,
  .profile-picture-frame[data-profile-effect="spectrum"]::before,.profile-picture-frame[data-profile-effect="spectrum"]::after,
  .profile-picture-frame[data-profile-effect="constellation"]::before,.profile-picture-frame[data-profile-effect="constellation"]::after,
  .profile-picture-frame[data-profile-effect="vortex"]::before,.profile-picture-frame[data-profile-effect="vortex"]::after,
  .profile-picture-frame[data-profile-effect="solar"]::before,.profile-picture-frame[data-profile-effect="solar"]::after {
    animation:none !important;
  }
}