/* * UDON SABER achievement cosmetic renderer module. * Owns allow-listed name, title, frame and profile-effect visuals. Selectors are * intentionally scoped to public profiles and the achievement/decorations surfaces. */ /* v30.0.226: achievement cosmetic visual rebuild. The catalog still supplies only allow-listed class names. These hard-coded visual archetypes provide visibly different motion, geometry and texture without accepting arbitrary CSS from achievement data. */ /* ---------- Name effects: real visual archetypes instead of one shared pastel shimmer. ---------- */ #player-detail-view .profile-hero .profile-name[class*="achievement-name-"], :is(#player-detail-view, #achievements-content) .achievement-cosmetic-preview[class*="achievement-name-"], :is(#player-detail-view, #achievements-content) .achievement-loadout-name[class*="achievement-name-"] { position: relative !important; isolation: isolate !important; overflow: visible !important; background-size: 300% 100% !important; -webkit-text-stroke: .36px rgba(255,255,255,.62) !important; text-shadow: 0 0 7px var(--achievement-name-glow), 0 0 19px var(--achievement-name-glow) !important; transform: translateZ(0); } #player-detail-view .profile-hero .profile-name.achievement-visual-name-fire, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-fire { background-image: linear-gradient(96deg, #fff2a8 0%, #ffb13d 18%, #ff553f 38%, #ff258e 56%, #ff8b32 76%, #fff2a8 100%) !important; text-shadow: 0 0 7px rgba(255,213,95,.72), 0 0 17px rgba(255,75,48,.68), 0 0 31px rgba(255,32,112,.32) !important; animation: achievementNameFire 2.7s ease-in-out infinite !important; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-crystal, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-crystal { background-image: linear-gradient(112deg, transparent 0 37%, rgba(255,255,255,.98) 48%, transparent 58% 100%), linear-gradient(96deg, #f9ffff 0%, #78e8ff 22%, #b68cff 45%, #ffb9e5 62%, #76f5ff 80%, #f9ffff 100%) !important; background-size: 260% 100%, 220% 100% !important; text-shadow: 0 0 6px rgba(255,255,255,.70), 0 0 17px rgba(85,220,255,.64), 0 0 29px rgba(167,108,255,.38) !important; animation: achievementNameCrystal 3.8s linear infinite !important; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-electric, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-electric { background-image: repeating-linear-gradient(105deg, #eaffff 0 8%, #45e8ff 10% 20%, #6176ff 22% 30%, #ffffff 32% 35%) !important; background-size: 260% 100% !important; -webkit-text-stroke: .45px rgba(224,252,255,.88) !important; text-shadow: 1px 0 0 rgba(255,255,255,.72), -1px 0 0 rgba(74,223,255,.60), 0 0 13px rgba(54,210,255,.86), 0 0 28px rgba(86,84,255,.52) !important; animation: achievementNameElectric 1.75s steps(12, end) infinite !important; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-wave, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-wave { background-image: linear-gradient(92deg, #d8ffff 0%, #45d8ff 20%, #2ae2bc 40%, #7788ff 62%, #52e7ff 82%, #d8ffff 100%) !important; background-size: 240% 100% !important; text-shadow: 0 2px 0 rgba(8,59,85,.72), 0 0 12px rgba(58,218,255,.66), 0 0 26px rgba(38,229,193,.34) !important; animation: achievementNameWave 4.6s ease-in-out infinite !important; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-cosmic, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-cosmic { background-image: linear-gradient(100deg, #fff0ff 0%, #d978ff 16%, #765fff 36%, #4be5ff 53%, #ff61cf 73%, #ffd66d 88%, #fff0ff 100%) !important; background-size: 300% 100% !important; text-shadow: 0 0 8px rgba(232,117,255,.68), 0 0 20px rgba(81,102,255,.58), 0 0 33px rgba(69,222,255,.35) !important; animation: achievementNameCosmos 6.2s linear infinite !important; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-prism, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-prism { background-image: linear-gradient(90deg, #ff6c98, #ffc44f, #9aff75, #55e7ff, #8c83ff, #ff72dc, #ff6c98) !important; background-size: 350% 100% !important; -webkit-text-stroke: .40px rgba(255,255,255,.78) !important; text-shadow: 0 0 8px rgba(255,255,255,.32), 0 0 20px rgba(87,216,255,.38), 0 0 30px rgba(255,92,197,.28) !important; animation: achievementNamePrism 5.1s linear infinite !important; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-nature, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-nature { background-image: linear-gradient(98deg, #f1ffd6 0%, #83ef65 24%, #37d8a0 46%, #b6f56c 67%, #ffe27c 84%, #f1ffd6 100%) !important; background-size: 230% 100% !important; text-shadow: 0 0 7px rgba(188,255,116,.58), 0 0 18px rgba(54,220,142,.50), 0 0 28px rgba(255,218,91,.24) !important; animation: achievementNameNature 4.8s ease-in-out infinite !important; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-gold, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-gold { background-image: linear-gradient(110deg, transparent 0 39%, #ffffff 48%, transparent 57% 100%), linear-gradient(94deg, #8c5a08 0%, #ffd34c 19%, #fff4b5 39%, #ffb52f 61%, #fff2a2 81%, #8c5a08 100%) !important; background-size: 270% 100%, 220% 100% !important; -webkit-text-stroke: .43px rgba(255,242,177,.90) !important; text-shadow: 0 0 7px rgba(255,232,132,.72), 0 0 18px rgba(255,175,44,.54), 0 0 30px rgba(255,101,30,.22) !important; animation: achievementNameGold 4.0s linear infinite !important; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-digital, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-digital { background-image: linear-gradient(90deg, #dfff8b 0%, #61ffbd 30%, #f85bd7 52%, #67e9ff 76%, #dfff8b 100%) !important; background-size: 180% 100% !important; -webkit-text-stroke: .30px rgba(218,255,210,.84) !important; text-shadow: 2px 0 0 rgba(255,67,199,.44), -2px 0 0 rgba(66,235,255,.44), 0 0 14px rgba(111,255,144,.62) !important; animation: achievementNameDigital 2.4s steps(10, end) infinite !important; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-digital::before, #player-detail-view .profile-hero .profile-name.achievement-visual-name-digital::after, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-digital::before, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-digital::after { content: attr(data-achievement-text); position: absolute; inset: 0; z-index: -1; overflow: hidden; color: transparent; -webkit-text-fill-color: transparent; pointer-events: none; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-digital::before, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-digital::before { left: 2px; text-shadow: -2px 0 #55ecff; clip-path: inset(12% 0 54% 0); animation: achievementNameGlitchA 1.7s steps(2, end) infinite; } #player-detail-view .profile-hero .profile-name.achievement-visual-name-digital::after, :is(#player-detail-view, #achievements-content) :is(.achievement-cosmetic-preview, .achievement-loadout-name).achievement-visual-name-digital::after { left: -2px; text-shadow: 2px 0 #ff55ca; clip-path: inset(58% 0 12% 0); animation: achievementNameGlitchB 2.1s steps(2, end) infinite; } .achievement-effect-level-1[class*="achievement-visual-name-"] { animation-duration: 6.4s !important; filter: saturate(.92) brightness(1.01) !important; } .achievement-effect-level-2[class*="achievement-visual-name-"] { animation-duration: 4.6s !important; filter: saturate(1.08) brightness(1.05) !important; } .achievement-effect-level-3[class*="achievement-visual-name-"] { filter: saturate(1.20) brightness(1.10) !important; } @keyframes achievementNameFire { 0%,100%{background-position:0 0;filter:brightness(1)} 45%{background-position:88% 0;filter:brightness(1.14)} 55%{background-position:100% 0;filter:brightness(.98)} } @keyframes achievementNameCrystal { from{background-position:220% 0,0 0} to{background-position:-90% 0,220% 0} } @keyframes achievementNameElectric { 0%,92%,100%{background-position:0 0;opacity:1} 94%{background-position:82% 0;opacity:.82} 96%{background-position:20% 0;opacity:1} } @keyframes achievementNameWave { 0%,100%{background-position:0 0;transform:translateY(0)} 50%{background-position:100% 0;transform:translateY(-1px)} } @keyframes achievementNameCosmos { from{background-position:0 0;filter:hue-rotate(0deg) saturate(1.15)} to{background-position:300% 0;filter:hue-rotate(18deg) saturate(1.28)} } @keyframes achievementNamePrism { from{background-position:0 0} to{background-position:350% 0} } @keyframes achievementNameNature { 0%,100%{background-position:0 0;filter:brightness(1)} 50%{background-position:100% 0;filter:brightness(1.12)} } @keyframes achievementNameGold { from{background-position:250% 0,0 0} to{background-position:-70% 0,220% 0} } @keyframes achievementNameDigital { 0%,100%{background-position:0 0} 28%{background-position:34% 0} 30%{background-position:78% 0} 33%{background-position:36% 0} 70%{background-position:100% 0} } @keyframes achievementNameGlitchA { 0%,88%,100%{transform:translate(0)} 90%{transform:translate(-2px,1px)} 94%{transform:translate(3px,-1px)} } @keyframes achievementNameGlitchB { 0%,82%,100%{transform:translate(0)} 85%{transform:translate(3px,1px)} 91%{transform:translate(-2px,-1px)} } /* ---------- Titles: badges now have different silhouettes and decorative language. ---------- */ #player-detail-view .profile-hero .profile-achievement-title[class*="achievement-title-"], :is(#player-detail-view, #achievements-content) :is(.achievement-title-preview, .achievement-loadout-title)[class*="achievement-title-"] { position: relative !important; isolation: isolate !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; min-height: 23px; overflow: visible !important; border-radius: 6px !important; padding: 4px 9px !important; line-height: 1.15 !important; letter-spacing: .045em !important; text-transform: none; } .achievement-visual-title-badge::before { content:"◆"; font-size:.72em; opacity:.75; } .achievement-visual-title-crown { clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%); border-radius: 0 !important; background: linear-gradient(135deg, rgba(117,76,16,.96), rgba(51,30,7,.96)) !important; border-color: rgba(255,213,90,.76) !important; color: #fff2b0 !important; box-shadow: inset 0 0 0 1px rgba(255,241,172,.18), 0 0 18px rgba(255,184,51,.28) !important; } .achievement-visual-title-crown::before { content:"♛"; color:#ffe074; font-size:1.05em; text-shadow:0 0 8px rgba(255,190,49,.70); } .achievement-visual-title-circuit { border-radius: 3px !important; background: linear-gradient(90deg, rgba(62,224,255,.12) 1px, transparent 1px) 0 0/8px 100%, linear-gradient(135deg, rgba(20,73,94,.95), rgba(25,29,83,.96)) !important; border-color: rgba(82,218,255,.70) !important; color: #dffcff !important; box-shadow: inset 3px 0 0 #58e5ff, inset -3px 0 0 #7878ff, 0 0 15px rgba(70,216,255,.24) !important; } .achievement-visual-title-circuit::before { content:"●"; color:#77f4ff; font-size:.62em; animation:achievementTitleLed 1.6s ease-in-out infinite; } .achievement-visual-title-archive { border-radius: 2px 9px 2px 9px !important; border-style: double !important; border-width: 3px !important; background: linear-gradient(135deg, rgba(50,38,88,.94), rgba(12,52,72,.96)) !important; color: #eee9ff !important; box-shadow: inset 0 0 16px rgba(164,126,255,.13), 0 0 13px rgba(91,193,255,.16) !important; } .achievement-visual-title-archive::before { content:"▣"; color:#a9dfff; } .achievement-visual-title-ribbon { clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%, 6px 50%); border-radius: 0 !important; padding-left: 13px !important; background: linear-gradient(100deg, rgba(35,112,74,.95), rgba(36,61,112,.95)) !important; border-color: rgba(114,238,165,.56) !important; color: #e4ffec !important; } .achievement-visual-title-ribbon::before { content:"↗"; color:#9effbf; font-size:.86em; } .achievement-visual-title-prism { border-radius: 999px 4px 999px 4px !important; background: linear-gradient(105deg, rgba(125,48,100,.94), rgba(37,83,117,.95), rgba(91,63,133,.94)) !important; background-size: 220% 100% !important; border-color: rgba(255,129,222,.58) !important; color: #fff0fc !important; box-shadow: inset 0 0 0 1px rgba(88,225,255,.15), 0 0 15px rgba(218,83,255,.20) !important; animation: achievementTitlePrism 6s linear infinite; } .achievement-visual-title-prism::before { content:"△"; color:#7ee9ff; } .achievement-visual-title-glass { border-radius: 999px !important; background: linear-gradient(135deg, rgba(225,251,255,.16), rgba(108,126,255,.14)) !important; border-color: rgba(175,235,255,.60) !important; color: #eaffff !important; backdrop-filter: blur(8px); box-shadow: inset 0 1px 0 rgba(255,255,255,.34), inset 0 -8px 18px rgba(91,122,255,.08), 0 0 15px rgba(91,217,255,.18) !important; } .achievement-visual-title-glass::before { content:"◇"; color:#baf5ff; } .achievement-visual-title-warning { border-radius: 2px !important; border-style: dashed !important; background: repeating-linear-gradient(135deg, rgba(255,169,56,.17) 0 6px, rgba(255,68,83,.08) 6px 12px), rgba(47,24,19,.94) !important; border-color: rgba(255,167,61,.75) !important; color: #ffe0a8 !important; } .achievement-visual-title-warning::before { content:"!"; display:grid; place-items:center; width:14px; height:14px; border-radius:50%; background:#ffaf3e; color:#291504; font-size:10px; font-weight:1000; } .achievement-visual-title-digital { border-radius: 1px !important; border: 1px solid #7dff9a !important; background: repeating-linear-gradient(0deg, rgba(120,255,150,.07) 0 1px, transparent 1px 3px), rgba(8,30,24,.96) !important; color: #baffc8 !important; font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important; letter-spacing: .08em !important; box-shadow: 2px 0 0 rgba(255,67,203,.45), -2px 0 0 rgba(75,225,255,.44), inset 0 0 13px rgba(89,255,143,.11) !important; animation: achievementTitleDigital 2.8s steps(8,end) infinite; } .achievement-visual-title-digital::before { content:">"; color:#64ff92; } @keyframes achievementTitleLed { 0%,100%{opacity:.35} 50%{opacity:1;text-shadow:0 0 8px currentColor} } @keyframes achievementTitlePrism { from{background-position:0 0} to{background-position:220% 0} } @keyframes achievementTitleDigital { 0%,92%,100%{transform:translateX(0)} 94%{transform:translateX(1px)} 96%{transform:translateX(-1px)} } /* ---------- Frames: geometry, corners and motion vary by reward theme. ---------- */ @keyframes achievementFrameFlow { from{background-position:0 0,0 0} to{background-position:0 0,250% 250%} } @keyframes achievementFrameCrystal { from{filter:hue-rotate(0deg) brightness(1)} to{filter:hue-rotate(16deg) brightness(1.12)} } @keyframes achievementFrameFlame { 0%,100%{filter:brightness(.96)} 50%{filter:brightness(1.25)} } @keyframes achievementFrameOrbit { from{filter:hue-rotate(0deg)} to{filter:hue-rotate(24deg)} } @keyframes achievementFrameWave { 0%,100%{background-position:0 0,0 0} 50%{background-position:0 0,100% 0} } @keyframes achievementFrameArchive { 0%,100%{opacity:.80} 50%{opacity:1} } @keyframes achievementFramePrism { from{filter:hue-rotate(0deg)} to{filter:hue-rotate(360deg)} } @keyframes achievementFrameGold { from{background-position:0 0,0 0} to{background-position:0 0,260% 0} } @keyframes achievementFrameGlitch { 0%,90%,100%{transform:translate(0)} 92%{transform:translate(2px,-1px)} 96%{transform:translate(-2px,1px)} } @keyframes achievementFrameGrowth { 0%,100%{background-position:0 0,0 0;filter:saturate(1)} 50%{background-position:0 0,100% 0;filter:saturate(1.18)} } /* ---------- Profile effects: put a dedicated visible layer above the hero background. ---------- */ .achievement-profile-visual { display:none; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview)[class*="achievement-profile-effect-"] .achievement-profile-visual { position:absolute; inset:0; z-index:1; display:block !important; overflow:hidden; border-radius:inherit; pointer-events:none; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] .profile-main, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview)[class*="achievement-profile-effect-"] > :not(.achievement-profile-visual):not(.profile-prestige-accuracy):not(.profile-prestige-plays):not(.achievement-frame-render) { position:relative; z-index:3; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] .profile-hero-bg { opacity:.035 !important; } .achievement-profile-visual::before, .achievement-profile-visual::after { content:""; position:absolute; pointer-events:none; } .achievement-profile-orbit, .achievement-profile-scan, .achievement-profile-particle { position:absolute; opacity:0; pointer-events:none; } .achievement-profile-orbit { left:50%; top:50%; border:1px solid rgba(255,255,255,.28); border-radius:50%; transform:translate(-50%,-50%); } .achievement-profile-particle { color:#fff; font-size:12px; text-shadow:0 0 8px currentColor; } .achievement-profile-particle.particle-1 { left:8%; top:18%; } .achievement-profile-particle.particle-2 { left:20%; top:72%; } .achievement-profile-particle.particle-3 { left:38%; top:12%; } .achievement-profile-particle.particle-4 { left:56%; top:78%; } .achievement-profile-particle.particle-5 { left:72%; top:19%; } .achievement-profile-particle.particle-6 { left:88%; top:62%; } .achievement-profile-particle.particle-7 { left:47%; top:44%; } .achievement-profile-particle.particle-8 { left:82%; top:42%; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-accuracy-97, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-accuracy-97 { border-color:rgba(109,236,255,.62) !important; background:radial-gradient(ellipse at 18% 0%,rgba(75,235,255,.26),transparent 42%),radial-gradient(ellipse at 82% 100%,rgba(255,105,205,.18),transparent 45%),linear-gradient(135deg,#071c2b,#15112c) !important; box-shadow:inset 0 0 42px rgba(68,218,255,.10),0 0 25px rgba(88,209,255,.13) !important; } .achievement-profile-effect-accuracy-97 .achievement-profile-visual::before { inset:-30% -10%; background:linear-gradient(115deg,transparent 30%,rgba(86,238,255,.13) 43%,rgba(255,102,218,.12) 55%,transparent 68%); filter:blur(8px); animation:achievementAuroraBand 7s ease-in-out infinite alternate; } .achievement-profile-effect-accuracy-97 .achievement-profile-particle:nth-of-type(n+4):nth-of-type(-n+7) { opacity:.72; animation:achievementParticleFloat 4.8s ease-in-out infinite alternate; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-accuracy-98, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-accuracy-98 { border-color:rgba(255,217,94,.72) !important; background:radial-gradient(circle at 10% 12%,rgba(255,215,83,.24),transparent 30%),radial-gradient(circle at 88% 14%,rgba(255,92,196,.20),transparent 34%),radial-gradient(circle at 55% 110%,rgba(59,225,255,.20),transparent 42%),linear-gradient(135deg,#281630,#06182a) !important; box-shadow:inset 0 0 46px rgba(201,123,255,.12),0 0 29px rgba(255,105,190,.14) !important; } .achievement-profile-effect-accuracy-98 .achievement-profile-visual::before { inset:-20%; background:conic-gradient(from 220deg at 50% -10%,transparent 0 17%,rgba(255,220,93,.13) 22%,transparent 29% 42%,rgba(255,92,210,.12) 48%,transparent 55% 69%,rgba(75,230,255,.12) 75%,transparent 82%); animation:achievementPrismSweep 9s linear infinite; } .achievement-profile-effect-accuracy-98 .achievement-profile-particle { opacity:.82; animation:achievementParticleTwinkle 3.6s ease-in-out infinite alternate; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-accuracy-99, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-accuracy-99 { border-color:rgba(255,236,149,.82) !important; background:radial-gradient(circle at 12% 10%,rgba(255,218,91,.28),transparent 29%),radial-gradient(circle at 88% 12%,rgba(255,87,194,.24),transparent 34%),radial-gradient(circle at 50% 105%,rgba(75,226,255,.23),transparent 42%),linear-gradient(135deg,#301738,#041a30) !important; box-shadow:inset 0 0 55px rgba(191,113,255,.15),0 0 35px rgba(75,222,255,.16) !important; } .achievement-profile-effect-accuracy-99 .achievement-profile-orbit { opacity:.55; } .achievement-profile-effect-accuracy-99 .orbit-a { width:62%; height:155%; animation:achievementOrbit 13s linear infinite; } .achievement-profile-effect-accuracy-99 .orbit-b { width:88%; height:95%; animation:achievementOrbitReverse 17s linear infinite; } .achievement-profile-effect-accuracy-99 .achievement-profile-particle { opacity:1; animation:achievementParticleTwinkle 2.7s ease-in-out infinite alternate; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-plays-1000, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-plays-1000 { border-color:rgba(255,144,208,.52) !important; background:radial-gradient(circle at 15% 18%,rgba(255,130,199,.23),transparent 34%),linear-gradient(135deg,#2d1832,#09182d) !important; box-shadow:inset 0 0 38px rgba(255,112,198,.10),0 0 24px rgba(255,120,203,.11) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-plays-1500, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-plays-1500 { border-color:rgba(213,143,255,.64) !important; background:radial-gradient(circle at 14% 18%,rgba(255,122,197,.24),transparent 33%),radial-gradient(circle at 87% 82%,rgba(93,223,255,.18),transparent 38%),linear-gradient(135deg,#32183d,#081c33) !important; box-shadow:inset 0 0 44px rgba(213,105,255,.12),0 0 28px rgba(144,103,255,.14) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-plays-2000, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-plays-2000 { border-color:rgba(229,158,255,.76) !important; background:radial-gradient(circle at 13% 16%,rgba(255,119,195,.28),transparent 32%),radial-gradient(circle at 88% 82%,rgba(88,230,255,.22),transparent 40%),radial-gradient(circle at 53% 0%,rgba(255,220,113,.12),transparent 38%),linear-gradient(135deg,#381744,#071e37) !important; box-shadow:inset 0 0 52px rgba(229,111,255,.15),0 0 34px rgba(117,112,255,.17) !important; } .achievement-profile-effect-plays-1000 .achievement-profile-visual::before, .achievement-profile-effect-plays-1500 .achievement-profile-visual::before, .achievement-profile-effect-plays-2000 .achievement-profile-visual::before { content:"♡"; left:9%; top:12%; color:rgba(255,165,221,.62); font-size:38px; text-shadow:0 0 15px rgba(255,106,203,.55); animation:achievementHeartFloat 4.7s ease-in-out infinite alternate; } .achievement-profile-effect-plays-1500 .achievement-profile-visual::after, .achievement-profile-effect-plays-2000 .achievement-profile-visual::after { content:"♡ ♡ ♡"; right:7%; bottom:9%; color:rgba(143,218,255,.50); font-size:24px; letter-spacing:10px; text-shadow:0 0 14px rgba(102,204,255,.52); animation:achievementHeartFloat 5.4s ease-in-out infinite alternate-reverse; } .achievement-profile-effect-plays-2000 .achievement-profile-particle { opacity:.72; color:#ffb8df; animation:achievementParticleTwinkle 3.1s ease-in-out infinite alternate; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-time-trail, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-time-trail { border-color:rgba(91,217,255,.66) !important; background:repeating-linear-gradient(112deg,transparent 0 24px,rgba(100,221,255,.065) 24px 27px),radial-gradient(circle at 12% 18%,rgba(83,225,255,.22),transparent 34%),radial-gradient(circle at 88% 82%,rgba(175,104,255,.18),transparent 38%),linear-gradient(135deg,#0a2b3e,#25153d) !important; background-size:210% 210%,auto,auto,auto !important; box-shadow:inset 0 0 42px rgba(83,209,255,.12),0 0 28px rgba(104,174,255,.15) !important; } .achievement-profile-effect-time-trail .achievement-profile-scan { opacity:.76; inset:0; background:linear-gradient(105deg,transparent 0 44%,rgba(185,245,255,.23) 49%,transparent 54%); animation:achievementTimeScan 5.8s linear infinite; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-apex-rift, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-apex-rift { border-color:rgba(255,96,75,.78) !important; background:radial-gradient(circle at 14% 18%,rgba(255,78,57,.26),transparent 34%),radial-gradient(circle at 88% 78%,rgba(116,89,255,.22),transparent 39%),linear-gradient(135deg,#40161c,#161741) !important; box-shadow:inset 0 0 48px rgba(255,70,48,.13),0 0 31px rgba(122,87,255,.17) !important; } .achievement-profile-effect-apex-rift .achievement-profile-visual::before { left:54%; top:-30%; width:9px; height:165%; transform:rotate(19deg); background:linear-gradient(90deg,transparent,#fff6d3 35%,#ff6948 52%,#8c71ff 78%,transparent); filter:blur(.4px); box-shadow:0 0 14px #ff684d,0 0 28px rgba(133,95,255,.80); animation:achievementRiftPulse 2.5s ease-in-out infinite; } .achievement-profile-effect-apex-rift .achievement-profile-particle { opacity:.92; color:#ff9a67; animation:achievementSparkFall 3.3s linear infinite; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-chronicle-halo, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-chronicle-halo { border-color:rgba(94,213,255,.72) !important; background:repeating-radial-gradient(circle at 50% 50%,transparent 0 23px,rgba(98,214,255,.06) 24px 25px),radial-gradient(circle at 16% 20%,rgba(77,210,255,.22),transparent 36%),radial-gradient(circle at 84% 78%,rgba(121,126,255,.20),transparent 40%),linear-gradient(135deg,#0c3042,#1a1b4a) !important; box-shadow:inset 0 0 48px rgba(83,206,255,.13),0 0 29px rgba(101,136,255,.16) !important; } .achievement-profile-effect-chronicle-halo .achievement-profile-orbit { opacity:.60; border-color:rgba(114,226,255,.55); } .achievement-profile-effect-chronicle-halo .orbit-a { width:52%; height:125%; animation:achievementOrbit 12s linear infinite; } .achievement-profile-effect-chronicle-halo .orbit-b { width:82%; height:78%; animation:achievementOrbitReverse 16s linear infinite; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-sound-spectrum, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-sound-spectrum { border-color:rgba(255,195,79,.72) !important; background:linear-gradient(105deg,rgba(255,78,153,.14),rgba(255,198,75,.17),rgba(72,223,255,.15),rgba(147,97,255,.16)),linear-gradient(135deg,#3a1830,#0d2b3e) !important; background-size:240% 240%,auto !important; box-shadow:inset 0 0 44px rgba(255,191,75,.10),0 0 30px rgba(104,203,255,.16) !important; } .achievement-profile-effect-sound-spectrum .achievement-profile-visual::before { left:4%; right:4%; bottom:4%; height:38%; background:repeating-linear-gradient(90deg,rgba(255,102,182,.70) 0 5px,transparent 5px 10px,rgba(255,204,91,.68) 10px 15px,transparent 15px 20px,rgba(91,225,255,.68) 20px 25px,transparent 25px 30px); transform-origin:bottom; mask-image:linear-gradient(to top,#000,transparent); animation:achievementEqualizer 2.2s steps(6,end) infinite alternate; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-threshold-grid, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-threshold-grid { border-color:rgba(255,137,76,.76) !important; background:linear-gradient(rgba(255,140,79,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,140,79,.075) 1px,transparent 1px),radial-gradient(circle at 18% 20%,rgba(255,98,62,.23),transparent 36%),linear-gradient(135deg,#401c17,#34270e) !important; background-size:22px 22px,22px 22px,auto,auto !important; box-shadow:inset 0 0 44px rgba(255,111,66,.12),0 0 28px rgba(255,165,66,.15) !important; } .achievement-profile-effect-threshold-grid .achievement-profile-scan { opacity:.75; left:0; right:0; height:2px; top:0; background:linear-gradient(90deg,transparent,#ffd56c,transparent); box-shadow:0 0 12px #ff9b55; animation:achievementGridScan 3.7s linear infinite; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-gallery-spotlight, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-gallery-spotlight { border-color:rgba(239,99,215,.76) !important; background:radial-gradient(circle at 16% 22%,rgba(239,83,207,.24),transparent 35%),radial-gradient(circle at 84% 76%,rgba(105,119,255,.22),transparent 40%),linear-gradient(135deg,#431a3d,#201d55) !important; box-shadow:inset 0 0 46px rgba(235,82,205,.13),0 0 31px rgba(112,101,255,.17) !important; } .achievement-profile-effect-gallery-spotlight .achievement-profile-visual::before { left:-10%; top:-45%; width:55%; height:150%; background:linear-gradient(110deg,transparent 25%,rgba(255,163,239,.20) 48%,transparent 70%); transform:rotate(-12deg); animation:achievementSpotlight 7.5s ease-in-out infinite alternate; } .achievement-profile-effect-gallery-spotlight .achievement-profile-visual::after { right:-10%; top:-45%; width:55%; height:150%; background:linear-gradient(250deg,transparent 25%,rgba(144,160,255,.18) 48%,transparent 70%); transform:rotate(12deg); animation:achievementSpotlight 8.3s ease-in-out infinite alternate-reverse; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-harmonic-aura, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-harmonic-aura { border-color:rgba(255,207,94,.76) !important; background:radial-gradient(circle at 12% 15%,rgba(255,203,77,.25),transparent 33%),radial-gradient(circle at 88% 14%,rgba(82,222,255,.23),transparent 34%),radial-gradient(circle at 50% 105%,rgba(222,96,255,.21),transparent 42%),linear-gradient(135deg,#2d2119,#151944) !important; box-shadow:inset 0 0 48px rgba(255,195,72,.13),0 0 32px rgba(160,96,255,.18) !important; } .achievement-profile-effect-harmonic-aura .achievement-profile-orbit { opacity:.54; border-color:rgba(255,227,139,.50); } .achievement-profile-effect-harmonic-aura .orbit-a { width:70%; height:115%; animation:achievementAuraBreath 5.2s ease-in-out infinite; } .achievement-profile-effect-harmonic-aura .orbit-b { width:90%; height:78%; animation:achievementAuraBreath 6.4s ease-in-out infinite reverse; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-mixed-spectrum, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-mixed-spectrum { border-color:rgba(117,219,255,.68) !important; background:radial-gradient(circle at 8% 12%,rgba(55,226,255,.27),transparent 36%),radial-gradient(circle at 92% 15%,rgba(255,70,195,.27),transparent 37%),radial-gradient(circle at 15% 92%,rgba(255,212,61,.20),transparent 40%),radial-gradient(circle at 88% 88%,rgba(111,255,138,.20),transparent 40%),linear-gradient(135deg,#111d35,#29143a) !important; box-shadow:inset 0 0 54px rgba(116,83,255,.15),0 0 33px rgba(48,203,255,.16) !important; } .achievement-profile-effect-mixed-spectrum .achievement-profile-visual::before { inset:-40%; background:conic-gradient(from 0deg,transparent,rgba(63,224,255,.12),transparent,rgba(255,73,199,.12),transparent,rgba(255,214,70,.10),transparent); animation:achievementPrismSweep 14s linear infinite; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-invisible-crown, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-invisible-crown { border-color:rgba(255,220,106,.50) !important; background:radial-gradient(ellipse at 50% 0%,rgba(255,219,102,.24),transparent 48%),linear-gradient(180deg,rgba(255,229,145,.07),transparent 50%),linear-gradient(135deg,#211e17,#0b1322) !important; box-shadow:inset 0 2px 0 rgba(255,232,153,.34),inset 0 0 55px rgba(255,206,72,.09),0 0 27px rgba(255,204,72,.11) !important; } .achievement-profile-effect-invisible-crown .achievement-profile-visual::before { content:"♛"; left:50%; top:2%; transform:translateX(-50%); color:rgba(255,226,121,.48); font-size:58px; text-shadow:0 0 18px rgba(255,194,55,.48); animation:achievementCrownHover 4.6s ease-in-out infinite alternate; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-perfect-swing, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-perfect-swing { border-color:rgba(255,255,255,.88) !important; background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.30),transparent 30%),conic-gradient(from 25deg at 50% 50%,rgba(255,255,255,.05),rgba(102,232,255,.18),rgba(255,166,235,.16),rgba(255,235,133,.18),rgba(255,255,255,.05)),linear-gradient(135deg,#132535,#24172d) !important; box-shadow:inset 0 0 60px rgba(255,255,255,.18),0 0 36px rgba(172,231,255,.24) !important; } .achievement-profile-effect-perfect-swing .achievement-profile-visual::before { inset:-45%; background:conic-gradient(from 0deg,transparent 0 8%,rgba(255,255,255,.28) 10%,transparent 12% 24%,rgba(117,231,255,.20) 26%,transparent 28% 40%,rgba(255,171,232,.19) 42%,transparent 44% 56%,rgba(255,232,125,.19) 58%,transparent 60%); animation:achievementPrismSweep 11s linear infinite; } .achievement-profile-effect-perfect-swing .achievement-profile-particle { opacity:1; color:#fff; animation:achievementParticleTwinkle 2.1s ease-in-out infinite alternate; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-origin-chart, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-origin-chart { border-color:rgba(98,205,255,.64) !important; background:repeating-linear-gradient(105deg,transparent 0 36px,rgba(103,213,255,.055) 36px 38px),radial-gradient(circle at 18% 18%,rgba(75,203,255,.23),transparent 36%),radial-gradient(circle at 82% 8%,rgba(162,117,255,.20),transparent 40%),linear-gradient(135deg,#0b293e,#25183b) !important; box-shadow:inset 0 0 44px rgba(66,198,255,.13),0 0 29px rgba(128,102,255,.15) !important; } .achievement-profile-effect-origin-chart .achievement-profile-scan { opacity:.62; inset:0; background:linear-gradient(100deg,transparent 0 44%,rgba(189,239,255,.18) 49%,transparent 54%); animation:achievementTimeScan 7.2s linear infinite; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-four-category, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-four-category { border-color:rgba(118,220,255,.74) !important; background:radial-gradient(circle at 0 0,rgba(66,211,255,.29),transparent 42%),radial-gradient(circle at 100% 0,rgba(255,83,197,.27),transparent 42%),radial-gradient(circle at 0 100%,rgba(255,207,67,.23),transparent 42%),radial-gradient(circle at 100% 100%,rgba(100,239,127,.23),transparent 42%),linear-gradient(135deg,#101e36,#291435) !important; box-shadow:inset 0 0 55px rgba(118,86,255,.16),0 0 34px rgba(62,204,255,.17) !important; } .achievement-profile-effect-four-category .achievement-profile-orbit { opacity:.62; width:72%; height:128%; border-color:rgba(255,255,255,.34); animation:achievementOrbit 12s linear infinite; } .achievement-profile-effect-four-category .achievement-profile-particle { opacity:.84; animation:achievementParticleTwinkle 3s ease-in-out infinite alternate; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-zero99, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-zero99 { border-color:rgba(255,222,103,.82) !important; background:linear-gradient(0deg,rgba(255,205,65,.16),transparent 60%),radial-gradient(circle at 18% 82%,rgba(62,213,255,.22),transparent 36%),radial-gradient(circle at 82% 16%,rgba(255,91,195,.21),transparent 38%),linear-gradient(135deg,#09283b,#32172d) !important; box-shadow:inset 0 0 56px rgba(255,203,73,.14),0 0 36px rgba(86,214,255,.18) !important; } .achievement-profile-effect-zero99 .achievement-profile-visual::before { left:8%; right:8%; bottom:3%; height:74%; background:linear-gradient(90deg,rgba(67,222,255,.16),rgba(255,204,71,.22),rgba(255,86,194,.16)); clip-path:polygon(0 100%,0 82%,18% 82%,18% 64%,36% 64%,36% 46%,54% 46%,54% 28%,72% 28%,72% 10%,100% 10%,100% 100%); animation:achievementAscendingLight 4.8s ease-in-out infinite alternate; } .achievement-profile-effect-zero99 .achievement-profile-particle { opacity:.88; color:#fff0a4; animation:achievementSparkRise 4s linear infinite; } /* Make legacy star/heart profile effects visible on mobile, while other effects use the new layer. */ @media (max-width:760px) { body #player-detail-view .profile-hero.profile-hero-v182:is(.achievement-profile-effect-accuracy-97,.achievement-profile-effect-accuracy-98,.achievement-profile-effect-accuracy-99) .profile-prestige-accuracy, body #player-detail-view .profile-hero.profile-hero-v182:is(.achievement-profile-effect-plays-1000,.achievement-profile-effect-plays-1500,.achievement-profile-effect-plays-2000) .profile-prestige-plays { display:block !important; opacity:.72 !important; transform:scale(.82) !important; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] .achievement-profile-visual { display:block !important; } } :is(#player-detail-view, #achievements-content) .achievement-profile-effect-preview { min-height:76px !important; overflow:hidden !important; } :is(#player-detail-view, #achievements-content) .achievement-loadout-preview { overflow:hidden !important; } :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview)[class*="achievement-profile-effect-"] { isolation:isolate !important; } @keyframes achievementAuroraBand { from{transform:translateX(-18%) rotate(-5deg)} to{transform:translateX(18%) rotate(5deg)} } @keyframes achievementPrismSweep { from{transform:rotate(0deg)} to{transform:rotate(360deg)} } @keyframes achievementOrbit { from{transform:translate(-50%,-50%) rotate(0deg)} to{transform:translate(-50%,-50%) rotate(360deg)} } @keyframes achievementOrbitReverse { from{transform:translate(-50%,-50%) rotate(360deg)} to{transform:translate(-50%,-50%) rotate(0deg)} } @keyframes achievementParticleTwinkle { from{transform:scale(.72) rotate(0deg);opacity:.30} to{transform:scale(1.25) rotate(35deg);opacity:1} } @keyframes achievementParticleFloat { from{transform:translateY(3px);opacity:.25} to{transform:translateY(-6px);opacity:.85} } @keyframes achievementHeartFloat { from{transform:translateY(4px) scale(.92);opacity:.45} to{transform:translateY(-8px) scale(1.07);opacity:.90} } @keyframes achievementTimeScan { from{transform:translateX(-120%)} to{transform:translateX(120%)} } @keyframes achievementRiftPulse { 0%,100%{opacity:.65;filter:brightness(.9)} 50%{opacity:1;filter:brightness(1.35)} } @keyframes achievementSparkFall { from{transform:translate(-6px,-14px) rotate(0);opacity:0} 30%{opacity:1} to{transform:translate(18px,30px) rotate(80deg);opacity:0} } @keyframes achievementEqualizer { from{transform:scaleY(.25);filter:hue-rotate(0deg)} to{transform:scaleY(1);filter:hue-rotate(35deg)} } @keyframes achievementGridScan { from{transform:translateY(-4px)} to{transform:translateY(230px)} } @keyframes achievementSpotlight { from{transform:translateX(-10%) rotate(-14deg)} to{transform:translateX(24%) rotate(-5deg)} } @keyframes achievementAuraBreath { 0%,100%{transform:translate(-50%,-50%) scale(.88);opacity:.30} 50%{transform:translate(-50%,-50%) scale(1.08);opacity:.72} } @keyframes achievementCrownHover { from{transform:translate(-50%,0) scale(.94);opacity:.35} to{transform:translate(-50%,7px) scale(1.05);opacity:.70} } @keyframes achievementAscendingLight { from{filter:brightness(.82);opacity:.48;transform:translateY(8px)} to{filter:brightness(1.28);opacity:.92;transform:translateY(-5px)} } @keyframes achievementSparkRise { from{transform:translateY(35px) scale(.6);opacity:0} 35%{opacity:1} to{transform:translateY(-32px) scale(1.15);opacity:0} } @media (prefers-reduced-motion:reduce) { [class*="achievement-visual-name-"], [class*="achievement-visual-title-"], .achievement-profile-visual, .achievement-profile-visual *, body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"]{ animation:none !important; } } /* v30.0.227: cosmetic layer safety fix. v226 used a transparent padding-box layer above a gradient border-box layer for profile frames. Transparent pixels do not mask lower background layers, so the gradient painted the entire high-z-index frame element and hid the profile. Keep frames strictly paint-free inside, and keep profile effects on a bounded atmosphere layer below all readable profile content. */ /* Stable public-profile stacking contract. */ body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] { isolation: isolate !important; background: radial-gradient(circle at 14% 14%, rgba(94,174,255,.17), transparent 34%), radial-gradient(circle at 88% 22%, rgba(162,93,255,.10), transparent 34%), linear-gradient(180deg, rgba(8,14,26,.96), rgba(4,7,14,.98)) !important; animation: none !important; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"]::before, body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"]::after { z-index: 0 !important; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] > .profile-hero-bg { z-index: 0 !important; opacity: .055 !important; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] > .achievement-profile-visual { z-index: 1 !important; opacity: .78 !important; mix-blend-mode: screen !important; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] > :is(.profile-prestige-accuracy, .profile-prestige-plays) { z-index: 2 !important; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] > .profile-main.profile-main-v182 { position: relative !important; z-index: 10 !important; opacity: 1 !important; visibility: visible !important; filter: none !important; } /* Preview surfaces use the same safe, dark base and content-above-effect order. */ :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview)[class*="achievement-profile-effect-"] { background: radial-gradient(circle at 14% 14%, rgba(94,174,255,.14), transparent 36%), radial-gradient(circle at 88% 22%, rgba(162,93,255,.09), transparent 36%), linear-gradient(180deg, rgba(8,14,26,.98), rgba(4,7,14,.99)) !important; } :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview)[class*="achievement-profile-effect-"] > .achievement-profile-visual { z-index: 1 !important; opacity: .78 !important; mix-blend-mode: screen !important; } :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview)[class*="achievement-profile-effect-"] > :not(.achievement-profile-visual):not(.profile-prestige-accuracy):not(.profile-prestige-plays):not(.achievement-frame-render) { position: relative !important; z-index: 4 !important; opacity: 1 !important; visibility: visible !important; } /* A frame layer may draw borders, glows and small corner ornaments only. It must never own a fill that can cover the profile or a preview. */ /* Preserve visual variety without using a filled border-box background. */ body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-accuracy-97 > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-accuracy-97 > .achievement-profile-visual { background: radial-gradient(ellipse at 18% 0%,rgba(75,235,255,.26),transparent 42%), radial-gradient(ellipse at 82% 100%,rgba(255,105,205,.18),transparent 45%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-accuracy-98 > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-accuracy-98 > .achievement-profile-visual { background: radial-gradient(circle at 10% 12%,rgba(255,215,83,.24),transparent 30%), radial-gradient(circle at 88% 14%,rgba(255,92,196,.20),transparent 34%), radial-gradient(circle at 55% 110%,rgba(59,225,255,.20),transparent 42%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-accuracy-99 > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-accuracy-99 > .achievement-profile-visual { background: radial-gradient(circle at 12% 10%,rgba(255,218,91,.28),transparent 29%), radial-gradient(circle at 88% 12%,rgba(255,87,194,.24),transparent 34%), radial-gradient(circle at 50% 105%,rgba(75,226,255,.23),transparent 42%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-plays-1000 > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-plays-1000 > .achievement-profile-visual { background: radial-gradient(circle at 15% 18%,rgba(255,130,199,.23),transparent 34%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-plays-1500 > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-plays-1500 > .achievement-profile-visual { background: radial-gradient(circle at 14% 18%,rgba(255,122,197,.24),transparent 33%), radial-gradient(circle at 87% 82%,rgba(93,223,255,.18),transparent 38%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-plays-2000 > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-plays-2000 > .achievement-profile-visual { background: radial-gradient(circle at 13% 16%,rgba(255,119,195,.28),transparent 32%), radial-gradient(circle at 88% 82%,rgba(88,230,255,.22),transparent 40%), radial-gradient(circle at 53% 0%,rgba(255,220,113,.12),transparent 38%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-time-trail > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-time-trail > .achievement-profile-visual { background: repeating-linear-gradient(112deg,transparent 0 24px,rgba(100,221,255,.065) 24px 27px), radial-gradient(circle at 12% 18%,rgba(83,225,255,.22),transparent 34%), radial-gradient(circle at 88% 82%,rgba(175,104,255,.18),transparent 38%) !important; background-size: 210% 210%, auto, auto !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-apex-rift > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-apex-rift > .achievement-profile-visual { background: radial-gradient(circle at 14% 18%,rgba(255,78,57,.26),transparent 34%), radial-gradient(circle at 88% 78%,rgba(116,89,255,.22),transparent 39%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-chronicle-halo > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-chronicle-halo > .achievement-profile-visual { background: repeating-radial-gradient(circle at 50% 50%,transparent 0 23px,rgba(98,214,255,.06) 24px 25px), radial-gradient(circle at 16% 20%,rgba(77,210,255,.22),transparent 36%), radial-gradient(circle at 84% 78%,rgba(121,126,255,.20),transparent 40%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-sound-spectrum > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-sound-spectrum > .achievement-profile-visual { background: linear-gradient(105deg,rgba(255,78,153,.14),rgba(255,198,75,.17),rgba(72,223,255,.15),rgba(147,97,255,.16)) !important; background-size: 240% 240% !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-threshold-grid > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-threshold-grid > .achievement-profile-visual { background: linear-gradient(rgba(255,140,79,.075) 1px,transparent 1px), linear-gradient(90deg,rgba(255,140,79,.075) 1px,transparent 1px), radial-gradient(circle at 18% 20%,rgba(255,98,62,.23),transparent 36%) !important; background-size: 22px 22px, 22px 22px, auto !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-gallery-spotlight > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-gallery-spotlight > .achievement-profile-visual { background: radial-gradient(circle at 16% 22%,rgba(239,83,207,.24),transparent 35%), radial-gradient(circle at 84% 76%,rgba(105,119,255,.22),transparent 40%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-harmonic-aura > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-harmonic-aura > .achievement-profile-visual { background: radial-gradient(circle at 12% 15%,rgba(255,203,77,.25),transparent 33%), radial-gradient(circle at 88% 14%,rgba(82,222,255,.23),transparent 34%), radial-gradient(circle at 50% 105%,rgba(222,96,255,.21),transparent 42%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-mixed-spectrum > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-mixed-spectrum > .achievement-profile-visual { background: radial-gradient(circle at 8% 12%,rgba(55,226,255,.27),transparent 36%), radial-gradient(circle at 92% 15%,rgba(255,70,195,.27),transparent 37%), radial-gradient(circle at 15% 92%,rgba(255,212,61,.20),transparent 40%), radial-gradient(circle at 88% 88%,rgba(111,255,138,.20),transparent 40%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-invisible-crown > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-invisible-crown > .achievement-profile-visual { background: radial-gradient(ellipse at 50% 0%,rgba(255,219,102,.24),transparent 48%), linear-gradient(180deg,rgba(255,229,145,.07),transparent 50%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-perfect-swing > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-perfect-swing > .achievement-profile-visual { background: radial-gradient(circle at 50% 45%,rgba(255,255,255,.30),transparent 30%), conic-gradient(from 25deg at 50% 50%,rgba(255,255,255,.05),rgba(102,232,255,.18),rgba(255,166,235,.16),rgba(255,235,133,.18),rgba(255,255,255,.05)) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-origin-chart > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-origin-chart > .achievement-profile-visual { background: repeating-linear-gradient(105deg,transparent 0 36px,rgba(103,213,255,.055) 36px 38px), radial-gradient(circle at 18% 18%,rgba(75,203,255,.23),transparent 36%), radial-gradient(circle at 82% 8%,rgba(162,117,255,.20),transparent 40%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-four-category > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-four-category > .achievement-profile-visual { background: radial-gradient(circle at 0 0,rgba(66,211,255,.29),transparent 42%), radial-gradient(circle at 100% 0,rgba(255,83,197,.27),transparent 42%), radial-gradient(circle at 0 100%,rgba(255,207,67,.23),transparent 42%), radial-gradient(circle at 100% 100%,rgba(100,239,127,.23),transparent 42%) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-zero99 > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-zero99 > .achievement-profile-visual { background: linear-gradient(0deg,rgba(255,205,65,.16),transparent 60%), radial-gradient(circle at 18% 82%,rgba(62,213,255,.22),transparent 36%), radial-gradient(circle at 82% 16%,rgba(255,91,195,.21),transparent 38%) !important; } @media (prefers-reduced-motion: reduce) { body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] > .achievement-profile-visual, body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-"] > .achievement-profile-visual *{ animation: none !important; } } /* v30.0.228: frame preview and navigation polish. Frame visuals are border-only: no layer is allowed to paint an opaque interior. */ :is(#player-detail-view, #achievements-content) .achievement-open-decorations { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; width: fit-content; margin-top: 11px; overflow: hidden; border: 1px solid rgba(101, 218, 255, .72); border-radius: 12px; background: radial-gradient(circle at 12% 50%, rgba(92, 224, 255, .22), transparent 38%), linear-gradient(135deg, rgba(21, 111, 154, .72), rgba(82, 42, 129, .72)); box-shadow: inset 0 1px rgba(255,255,255,.13), 0 0 0 1px rgba(113, 205, 255, .08), 0 8px 24px rgba(21, 137, 192, .18); color: #effbff; padding: 10px 15px 10px 11px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 950; letter-spacing: .015em; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, filter .16s ease; } :is(#player-detail-view, #achievements-content) .achievement-open-decorations::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg, transparent 0 34%, rgba(255,255,255,.13) 47%, transparent 61%); transform: translateX(-85%); transition: transform .45s ease; pointer-events: none; } :is(#player-detail-view, #achievements-content) .achievement-open-decorations:hover { transform: translateY(-1px); border-color: rgba(145, 232, 255, .96); background: radial-gradient(circle at 12% 50%, rgba(92, 224, 255, .29), transparent 39%), linear-gradient(135deg, rgba(24, 132, 180, .82), rgba(99, 49, 151, .82)); box-shadow: inset 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(125, 217, 255, .14), 0 10px 28px rgba(31, 163, 218, .25), 0 0 20px rgba(105, 196, 255, .13); } :is(#player-detail-view, #achievements-content) .achievement-open-decorations:hover::before { transform: translateX(85%); } :is(#player-detail-view, #achievements-content) .achievement-open-decorations:focus-visible { outline: 2px solid rgba(167, 232, 255, .96); outline-offset: 3px; } :is(#player-detail-view, #achievements-content) .achievement-open-decorations-icon { display: grid; place-items: center; flex: 0 0 auto; width: 24px; height: 24px; border: 1px solid rgba(187, 239, 255, .42); border-radius: 8px; background: rgba(5, 20, 35, .42); color: #dff8ff; box-shadow: inset 0 0 9px rgba(96, 218, 255, .18); font-size: 13px; line-height: 1; } :is(#player-detail-view, #achievements-content) .achievement-open-decorations-label { min-width: 0; } :is(#player-detail-view, #achievements-content) .achievement-open-decorations-arrow { flex: 0 0 auto; color: #9ce5ff; font-size: 15px; line-height: 1; transform: translateY(-1px); } /* Individual frame rewards use a miniature profile card so the frame itself is always visible. */ :is(#player-detail-view, #achievements-content) .achievement-frame-preview { position: relative; isolation: isolate; display: grid; place-items: center; box-sizing: border-box; min-height: 68px; width: 100%; overflow: hidden; border: 1px solid rgba(111, 139, 163, .22); border-radius: 10px; padding: 12px 13px; background: radial-gradient(circle at 16% 10%, rgba(89, 181, 230, .12), transparent 38%), linear-gradient(145deg, rgba(15, 27, 42, .96), rgba(5, 11, 21, .98)); color: #edf8ff; } :is(#player-detail-view, #achievements-content) .achievement-frame-preview.is-empty { border-style: dashed; border-color: rgba(117, 143, 162, .25); } :is(#player-detail-view, #achievements-content) .achievement-frame-preview-content { position: relative; z-index: 4; display: flex; align-items: center; justify-content: center; gap: 9px; min-width: 0; max-width: 100%; } :is(#player-detail-view, #achievements-content) .achievement-frame-preview-avatar { display: grid; place-items: center; flex: 0 0 auto; width: 31px; height: 31px; border: 1px solid rgba(132, 211, 244, .32); border-radius: 50%; background: linear-gradient(145deg, rgba(50, 105, 135, .45), rgba(44, 39, 94, .48)); color: #dff8ff; box-shadow: inset 0 0 10px rgba(103, 215, 255, .13); font-size: 12px; } :is(#player-detail-view, #achievements-content) .achievement-frame-preview-name { overflow: hidden; min-width: 0; color: #f3f9fc; font-size: 13px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 1px 7px rgba(0,0,0,.72); } /* Shared safe frame geometry. The content area remains fully transparent. */ /* Clear legacy full-surface decorations before applying border-only theme geometry. */ /* Circuit: square geometry, segmented rails and corner brackets. */ /* Crystal: double facets with four small diamond anchors. */ /* Flame: asymmetric hot edge and a controlled pulse, never an interior fill. */ /* Orbit: dashed outer path, dotted inner path and two orbit nodes. */ /* Wave: rounded cyan rails with small opposing wave marks. */ /* Archive: formal double frame and a centered index tab. */ /* Prism: two-tone double line with a slow hue sweep. */ /* Crown: heavy gold lower rail and a compact crown plate. */ /* Glitch: broken green rail with cyan/magenta channel offsets. */ /* Growth: soft green frame and leaf-like corner diamonds. */ /* Corners: no continuous rail; four strong bracket marks define the frame. */ @media (max-width: 620px) { :is(#player-detail-view, #achievements-content) .achievement-open-decorations { width: 100%; } } @media (prefers-reduced-motion: reduce) { :is(#player-detail-view, #achievements-content) .achievement-open-decorations, :is(#player-detail-view, #achievements-content) .achievement-open-decorations::before{ animation: none !important; transition: none !important; } } /* v30.0.232: nullable achievement-history recovery and quarantined evaluation repair. */ :is(#player-detail-view, #achievements-content) .achievement-cosmetic-option { position: relative; min-height: 112px; overflow: visible; } :is(#player-detail-view, #achievements-content) .achievement-cosmetic-source { display: flex; align-items: center; gap: 5px; min-width: 0; overflow: hidden; color: #8095a6; font-size: 9px; font-weight: 750; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; } :is(#player-detail-view, #achievements-content) .achievement-cosmetic-source > span { flex: 0 0 auto; color: #b9a7e9; font-size: 9px; } @media (hover: hover) and (pointer: fine) { :is(#player-detail-view, #achievements-content) .achievement-cosmetic-option[data-cosmetic-source]::after { content: attr(data-cosmetic-source); position: absolute; left: 10px; right: 10px; bottom: calc(100% + 7px); z-index: 30; display: block; border: 1px solid rgba(139, 205, 238, .32); border-radius: 9px; background: rgba(4, 12, 22, .97); box-shadow: 0 13px 34px rgba(0, 0, 0, .45); color: #dcecf5; padding: 8px 9px; font-size: 10px; font-weight: 800; line-height: 1.4; opacity: 0; pointer-events: none; transform: translateY(4px); transition: opacity .14s ease, transform .14s ease; white-space: normal; } :is(#player-detail-view, #achievements-content) .achievement-cosmetic-option[data-cosmetic-source]:hover::after, :is(#player-detail-view, #achievements-content) .achievement-cosmetic-option[data-cosmetic-source]:focus-visible::after { opacity: 1; transform: translateY(0); } } .modal-backdrop.achievement-detail-open .modal header { position: sticky; top: 0; z-index: 12; flex: 0 0 auto; } .modal-backdrop.achievement-detail-open .modal .body { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .modal-backdrop.achievement-detail-open #modal-close { display: grid; place-items: center; flex: 0 0 auto; min-width: 44px; min-height: 44px; border: 1px solid rgba(145, 198, 226, .20); border-radius: 11px; background: rgba(6, 16, 25, .55); color: #dcecf5; padding: 0; font-size: 24px; } .achievement-detail-back { display: none; align-items: center; justify-content: center; gap: 8px; min-height: 44px; width: 100%; border: 1px solid rgba(109, 190, 231, .30); border-radius: 11px; background: rgba(31, 91, 122, .18); color: #dff5ff; padding: 9px 12px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 900; } .achievement-detail-actions { display: flex; justify-content: center; padding: 2px 0 3px; } .achievement-detail-actions > button { min-height: 44px; min-width: min(100%, 260px); border: 1px solid rgba(113, 202, 242, .38); border-radius: 11px; background: linear-gradient(135deg, rgba(37, 119, 157, .44), rgba(60, 53, 118, .42)); color: #e9f8ff; padding: 10px 16px; cursor: pointer; font: inherit; font-size: 12px; font-weight: 900; } .achievement-detail-actions > button:hover, .achievement-detail-back:hover { border-color: rgba(145, 224, 255, .65); background-color: rgba(49, 133, 172, .28); } @media (max-width: 560px) { .modal-backdrop.achievement-detail-open { padding: max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom)); } .modal-backdrop.achievement-detail-open .modal { max-height: min(94vh, 94dvh); } .modal-backdrop.achievement-detail-open .modal header { padding: 8px 10px 8px 13px; } .modal-backdrop.achievement-detail-open .modal header h3 { min-width: 0; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; } .achievement-detail-back { position: sticky; top: 0; z-index: 10; display: flex; box-shadow: 0 8px 18px rgba(0, 0, 0, .24); backdrop-filter: blur(8px); } .achievement-detail-actions { position: relative; z-index: 2; margin: 0; padding: 8px 2px max(4px, env(safe-area-inset-bottom)); background: transparent; } :is(#player-detail-view, #achievements-content) .achievement-cosmetic-source { color: #91a5b4; font-size: 9px; white-space: normal; } } /* v30.0.236: one canonical profile-frame renderer. The reward card preview, combined preview and public profile all render the exact same child element. Individual reward classes supply colors, while one shared visual-theme class supplies shape and animation. */ .achievement-frame-render { position: absolute !important; inset: 4px !important; z-index: 3 !important; display: none !important; box-sizing: border-box; overflow: visible; border: 2px solid var(--achievement-frame-c2, #63d9ff); border-radius: 12px; background: transparent !important; background-image: none !important; background-color: transparent !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--achievement-frame-c1, #e8fbff) 48%, transparent), inset 0 0 15px color-mix(in srgb, var(--achievement-frame-glow, rgba(90,190,255,.30)) 55%, transparent), 0 0 12px var(--achievement-frame-glow, rgba(90,190,255,.30)); opacity: .78; pointer-events: none !important; transform-origin: center; } #player-detail-view .profile-hero[class*="achievement-frame-"] > .achievement-frame-render, :is(#player-detail-view, #achievements-content) .achievement-loadout-preview[class*="achievement-frame-"] > .achievement-frame-render, :is(#player-detail-view, #achievements-content) .achievement-frame-preview[class*="achievement-frame-"] > .achievement-frame-render { display: block !important; } /* The frame is decorative only. Profile/preview content always stays above it. */ body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-frame-"] > .profile-main.profile-main-v182 { position: relative !important; z-index: 10 !important; } :is(#player-detail-view, #achievements-content) .achievement-loadout-preview > small { position: absolute !important; top: 24px; left: 50%; z-index: 4 !important; transform: translateX(-50%); pointer-events: none; } .achievement-effect-level-1 > .achievement-frame-render { opacity: .78 !important; } .achievement-effect-level-2 > .achievement-frame-render { opacity: .9 !important; } .achievement-effect-level-3 > .achievement-frame-render { opacity: 1 !important; } .achievement-frame-render::before, .achievement-frame-render::after { position: absolute; z-index: 1; display: block; box-sizing: border-box; width: auto; height: auto; margin: 0; border: 0; border-color: transparent; border-radius: 0; background: none; color: var(--achievement-frame-c1, #e8fbff); filter: none; opacity: 1; pointer-events: none; } /* Circuit: square rails, segmented upper line and opposite corner brackets. */ .achievement-visual-frame-circuit > .achievement-frame-render { border-color: var(--achievement-frame-c2); border-radius: 4px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--achievement-frame-c3) 38%, transparent), inset 0 0 18px color-mix(in srgb, var(--achievement-frame-c2) 16%, transparent), 0 0 14px var(--achievement-frame-glow); } .achievement-visual-frame-circuit > .achievement-frame-render::before { content: ""; inset: -3px; background: linear-gradient(var(--achievement-frame-c1),var(--achievement-frame-c1)) left top/19px 2px no-repeat, linear-gradient(var(--achievement-frame-c1),var(--achievement-frame-c1)) left top/2px 19px no-repeat, linear-gradient(var(--achievement-frame-c3),var(--achievement-frame-c3)) right bottom/19px 2px no-repeat, linear-gradient(var(--achievement-frame-c3),var(--achievement-frame-c3)) right bottom/2px 19px no-repeat; } .achievement-visual-frame-circuit > .achievement-frame-render::after { content: ""; left: 18%; right: 18%; top: -2px; height: 2px; background: repeating-linear-gradient( 90deg, var(--achievement-frame-c2) 0 11px, transparent 11px 19px ); box-shadow: 0 0 7px var(--achievement-frame-glow); } /* Crystal: faceted double rail and two opposing diamond anchors. */ .achievement-visual-frame-crystal > .achievement-frame-render { border: 3px double var(--achievement-frame-c2); border-radius: 12px 5px 12px 5px; box-shadow: inset 0 0 15px color-mix(in srgb, var(--achievement-frame-c3) 18%, transparent), 0 0 15px var(--achievement-frame-glow); animation: achievementFrameCrystal 5.8s linear infinite; } .achievement-visual-frame-crystal > .achievement-frame-render::before { content: "◇"; left: 7px; top: 4px; color: var(--achievement-frame-c1); font-size: 11px; text-shadow: 0 0 7px var(--achievement-frame-glow); } .achievement-visual-frame-crystal > .achievement-frame-render::after { content: "◇"; right: 7px; bottom: 4px; color: var(--achievement-frame-c3); font-size: 11px; text-shadow: 0 0 7px var(--achievement-frame-glow); } /* Flame: asymmetric hot edge, ember rail and a small flame marker. */ .achievement-visual-frame-flame > .achievement-frame-render { border-color: var(--achievement-frame-c2); border-width: 2px 3px 3px 2px; border-radius: 13px 6px 13px 6px; box-shadow: inset 0 0 16px color-mix(in srgb, var(--achievement-frame-c2) 15%, transparent), 0 0 17px var(--achievement-frame-glow); animation: achievementFrameFlame 2.9s ease-in-out infinite; } .achievement-visual-frame-flame > .achievement-frame-render::before { content: ""; left: 9%; right: 35%; bottom: -3px; height: 3px; border-radius: 999px; background: linear-gradient( 90deg, transparent, var(--achievement-frame-c1), var(--achievement-frame-c2), var(--achievement-frame-c3), transparent ); box-shadow: 0 0 8px var(--achievement-frame-glow); } .achievement-visual-frame-flame > .achievement-frame-render::after { content: "▲"; right: 7px; top: 3px; color: var(--achievement-frame-c3); font-size: 9px; text-shadow: 0 0 8px var(--achievement-frame-glow); } /* Orbit: dashed outer path, dotted inner path and an orbit node. */ .achievement-visual-frame-orbit > .achievement-frame-render { border: 2px dashed var(--achievement-frame-c2); border-radius: 18px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--achievement-frame-c3) 26%, transparent), inset 0 0 19px color-mix(in srgb, var(--achievement-frame-c2) 12%, transparent), 0 0 14px var(--achievement-frame-glow); animation: achievementFrameOrbit 8s linear infinite; } .achievement-visual-frame-orbit > .achievement-frame-render::before { content: ""; inset: 6px; border: 1px dotted color-mix(in srgb, var(--achievement-frame-c3) 72%, transparent); border-radius: inherit; } .achievement-visual-frame-orbit > .achievement-frame-render::after { content: "●"; left: 12%; top: -6px; color: var(--achievement-frame-c1); font-size: 8px; text-shadow: 0 0 7px var(--achievement-frame-glow); } /* Wave: rounded alternating rails and opposing wave marks. */ .achievement-visual-frame-wave > .achievement-frame-render { border-color: var(--achievement-frame-c2); border-radius: 18px 8px 18px 8px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--achievement-frame-c1) 28%, transparent), inset 0 0 17px color-mix(in srgb, var(--achievement-frame-c2) 13%, transparent), 0 0 15px var(--achievement-frame-glow); animation: achievementFramePulse 4.4s ease-in-out infinite; } .achievement-visual-frame-wave > .achievement-frame-render::before { content: "≈"; left: 9px; top: 1px; color: var(--achievement-frame-c1); font-size: 14px; text-shadow: 0 0 7px var(--achievement-frame-glow); } .achievement-visual-frame-wave > .achievement-frame-render::after { content: "≈"; right: 9px; bottom: 1px; color: var(--achievement-frame-c3); font-size: 14px; transform: rotate(180deg); text-shadow: 0 0 7px var(--achievement-frame-glow); } /* Archive: formal double rail, index plate and lower catalog marks. */ .achievement-visual-frame-archive > .achievement-frame-render { border: 3px double var(--achievement-frame-c2); border-radius: 5px; box-shadow: inset 0 0 0 4px rgba(7,13,24,.32), inset 0 0 18px var(--achievement-frame-glow), 0 0 12px var(--achievement-frame-glow); animation: achievementFrameArchive 5.5s ease-in-out infinite; } .achievement-visual-frame-archive > .achievement-frame-render::before { content: "▣"; display: grid; place-items: center; width: 19px; height: 17px; top: 1px; left: 50%; transform: translateX(-50%); color: var(--achievement-frame-c1); background: rgba(7,16,29,.94); border: 1px solid var(--achievement-frame-c2); border-radius: 3px; font-size: 9px; } .achievement-visual-frame-archive > .achievement-frame-render::after { content: ""; left: 7px; right: 7px; bottom: 5px; height: 1px; background: repeating-linear-gradient( 90deg, var(--achievement-frame-c3) 0 7px, transparent 7px 12px ); } /* Prism: two-tone double rail with opposite triangular anchors. */ .achievement-visual-frame-prism > .achievement-frame-render { border: 3px double var(--achievement-frame-c2); border-radius: 14px 5px 14px 5px; box-shadow: inset 0 0 15px color-mix(in srgb, var(--achievement-frame-c1) 15%, transparent), 3px 0 0 color-mix(in srgb, var(--achievement-frame-c3) 28%, transparent), -3px 0 0 color-mix(in srgb, var(--achievement-frame-c1) 28%, transparent), 0 0 15px var(--achievement-frame-glow); animation: achievementFramePrism 7s linear infinite; } .achievement-visual-frame-prism > .achievement-frame-render::before { content: "△"; left: 8px; bottom: 3px; color: var(--achievement-frame-c1); font-size: 10px; text-shadow: 0 0 7px var(--achievement-frame-glow); } .achievement-visual-frame-prism > .achievement-frame-render::after { content: "▽"; right: 8px; top: 3px; color: var(--achievement-frame-c3); font-size: 10px; text-shadow: 0 0 7px var(--achievement-frame-glow); } /* Crown: heavy lower rail, compact crown plate and jewel line. */ .achievement-visual-frame-crown > .achievement-frame-render { border-color: var(--achievement-frame-c2); border-width: 2px 2px 4px; border-radius: 12px; box-shadow: inset 0 0 15px color-mix(in srgb, var(--achievement-frame-c1) 15%, transparent), 0 0 17px var(--achievement-frame-glow); animation: achievementFrameGold 4.8s linear infinite; } .achievement-visual-frame-crown > .achievement-frame-render::before { content: "✦ ♛ ✦"; top: 1px; left: 50%; transform: translateX(-50%); color: var(--achievement-frame-c1); background: rgba(7,16,29,.94); padding: 0 7px 1px; border: 1px solid var(--achievement-frame-c2); border-radius: 999px; font-size: 9px; text-shadow: 0 0 7px var(--achievement-frame-glow); } .achievement-visual-frame-crown > .achievement-frame-render::after { content: ""; left: 18%; right: 18%; bottom: -2px; height: 2px; background: linear-gradient( 90deg, transparent, var(--achievement-frame-c1), var(--achievement-frame-c2), var(--achievement-frame-c3), transparent ); box-shadow: 0 0 8px var(--achievement-frame-glow); } /* Glitch: broken rail with two offset color channels and diagnostic label. */ .achievement-visual-frame-glitch > .achievement-frame-render { border: 2px dashed var(--achievement-frame-c2); border-radius: 2px; box-shadow: 2px 0 0 color-mix(in srgb, var(--achievement-frame-c3) 58%, transparent), -2px 0 0 color-mix(in srgb, var(--achievement-frame-c1) 58%, transparent), inset 0 0 13px color-mix(in srgb, var(--achievement-frame-c2) 13%, transparent); animation: achievementFrameGlitch 2.4s steps(8,end) infinite; } .achievement-visual-frame-glitch > .achievement-frame-render::before { content: "404"; left: 5px; top: 2px; color: var(--achievement-frame-c1); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 8px; letter-spacing: .08em; text-shadow: 0 0 6px var(--achievement-frame-glow); } .achievement-visual-frame-glitch > .achievement-frame-render::after { content: ""; right: 8%; top: -2px; width: 24%; height: 2px; background: var(--achievement-frame-c3); box-shadow: -26px 4px 0 var(--achievement-frame-c1); } /* Growth: organic asymmetric rail and two leaf-like anchors. */ .achievement-visual-frame-growth > .achievement-frame-render { border-color: var(--achievement-frame-c2); border-radius: 16px 6px 16px 6px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--achievement-frame-c1) 30%, transparent), inset 0 0 15px color-mix(in srgb, var(--achievement-frame-c2) 13%, transparent), 0 0 14px var(--achievement-frame-glow); animation: achievementFrameGrowth 5.8s ease-in-out infinite; } .achievement-visual-frame-growth > .achievement-frame-render::before { content: "❖"; left: 3px; top: 1px; color: var(--achievement-frame-c1); font-size: 10px; transform: rotate(-18deg); text-shadow: 0 0 7px var(--achievement-frame-glow); } .achievement-visual-frame-growth > .achievement-frame-render::after { content: "❖"; right: 3px; bottom: 1px; color: var(--achievement-frame-c3); font-size: 10px; transform: rotate(18deg); text-shadow: 0 0 7px var(--achievement-frame-glow); } /* Corners: no continuous rail; four color-coded brackets define the edge. */ .achievement-visual-frame-corners > .achievement-frame-render { border-color: transparent; border-radius: 0; box-shadow: inset 0 0 12px var(--achievement-frame-glow), 0 0 9px color-mix(in srgb, var(--achievement-frame-glow) 65%, transparent); } .achievement-visual-frame-corners > .achievement-frame-render::before { content: ""; inset: -1px; background: linear-gradient(var(--achievement-frame-c2),var(--achievement-frame-c2)) left top/23px 2px no-repeat, linear-gradient(var(--achievement-frame-c2),var(--achievement-frame-c2)) left top/2px 23px no-repeat, linear-gradient(var(--achievement-frame-c1),var(--achievement-frame-c1)) right top/23px 2px no-repeat, linear-gradient(var(--achievement-frame-c1),var(--achievement-frame-c1)) right top/2px 23px no-repeat, linear-gradient(var(--achievement-frame-c1),var(--achievement-frame-c1)) left bottom/23px 2px no-repeat, linear-gradient(var(--achievement-frame-c1),var(--achievement-frame-c1)) left bottom/2px 23px no-repeat, linear-gradient(var(--achievement-frame-c3),var(--achievement-frame-c3)) right bottom/23px 2px no-repeat, linear-gradient(var(--achievement-frame-c3),var(--achievement-frame-c3)) right bottom/2px 23px no-repeat; } .achievement-visual-frame-corners > .achievement-frame-render::after { content: ""; left: 28%; right: 28%; top: -1px; height: 1px; background: linear-gradient( 90deg, transparent, var(--achievement-frame-c2), transparent ); } @media (prefers-reduced-motion: reduce) { .achievement-frame-render { animation: none !important; transition: none !important; } } /* v30.0.237: profile-effect + frame preview layer contract. A broad profile-effect child rule in v226/v227 accidentally matched the canonical frame element and changed it from an absolute overlay into a tiny grid item. Keep the frame geometry immutable in every renderer. */ :is(#player-detail-view, #achievements-content) .achievement-loadout-preview[class*="achievement-frame-"][class*="achievement-profile-effect-"] > .achievement-frame-render, body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-frame-"][class*="achievement-profile-effect-"] > .achievement-frame-render { position: absolute !important; inset: 4px !important; z-index: 3 !important; display: block !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; align-self: stretch !important; justify-self: stretch !important; flex: none !important; } :is(#player-detail-view, #achievements-content) .achievement-loadout-preview[class*="achievement-profile-effect-"] > :not(.achievement-profile-visual):not(.profile-prestige-accuracy):not(.profile-prestige-plays):not(.achievement-frame-render) { position: relative !important; z-index: 4 !important; } :is(#player-detail-view, #achievements-content) .achievement-loadout-preview[class*="achievement-profile-effect-"] > .achievement-profile-visual { position: absolute !important; inset: 0 !important; z-index: 1 !important; } /* v30.0.241: high-tier titles use a dedicated, varied prestige renderer. Text stays stable; luxury motion is confined to light, seals and ornament layers. */ :is(#player-detail-view,#achievements-content) [class*="achievement-title-prestige-"]{ --pt1:hsl(197 92% 72%);--pt2:hsl(268 88% 67%);--pt3:hsl(42 92% 70%);--pt-symbol:"✦";--pt-speed:6s;--pt-delay:0s; position:relative!important;isolation:isolate;overflow:hidden!important;display:inline-flex!important;align-items:center!important; min-height:29px!important;padding:5px 13px 5px 7px!important;border:1px solid color-mix(in srgb,var(--pt1) 72%,rgba(255,255,255,.22))!important; border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.11),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 21%,#08101e),color-mix(in srgb,var(--pt2) 15%,#070914))!important; color:color-mix(in srgb,var(--pt1) 16%,#fff)!important;font-weight:850!important;letter-spacing:.025em!important; text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 7px color-mix(in srgb,var(--pt1) 28%,transparent)!important; box-shadow:inset 0 1px rgba(255,255,255,.15),inset 0 0 0 1px rgba(255,255,255,.035),0 5px 16px rgba(0,0,0,.24),0 0 15px color-mix(in srgb,var(--pt1) 22%,transparent)!important; transform:none!important;filter:none!important; } :is(#player-detail-view,#achievements-content) [class*="achievement-title-prestige-"]::before{ content:var(--pt-symbol)!important;position:relative!important;z-index:3!important;display:inline-grid!important;place-items:center!important; width:19px!important;height:19px!important;flex:0 0 19px!important;margin-right:7px!important;border:1px solid color-mix(in srgb,var(--pt1) 72%,transparent)!important; border-radius:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--pt1) 22%,rgba(3,8,18,.93)),color-mix(in srgb,var(--pt2) 14%,rgba(3,6,14,.96)))!important; color:color-mix(in srgb,var(--pt1) 72%,#fff)!important;font-size:9px!important;font-weight:950!important;line-height:1!important; text-shadow:0 0 6px color-mix(in srgb,var(--pt1) 64%,transparent)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 8px color-mix(in srgb,var(--pt1) 24%,transparent)!important; transform:none!important;filter:none!important; } :is(#player-detail-view,#achievements-content) [class*="achievement-title-prestige-"]::after{ content:""!important;position:absolute!important;z-index:1!important;pointer-events:none!important;display:block!important; } @keyframes achievementPrestigeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}} @keyframes achievementPrestigePulse{0%,100%{filter:brightness(.96)}50%{filter:brightness(1.18)}} @keyframes achievementPrestigeBreathe{0%,100%{box-shadow:inset 0 1px rgba(255,255,255,.14),0 0 10px rgba(100,180,255,.18)}50%{box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 22px rgba(100,180,255,.28)}} @keyframes achievementPrestigeFrost{0%,100%{filter:brightness(1) hue-rotate(0)}50%{filter:brightness(1.16) hue-rotate(10deg)}} @keyframes achievementPrestigeCrown{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-1px);filter:brightness(1.18)}} @keyframes achievementPrestigeHeartbeat{0%,100%{transform:scale(1)}42%{transform:scale(1.025)}50%{transform:scale(1)}58%{transform:scale(1.015)}} @keyframes achievementPrestigeWave{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 5px currentColor)}} @keyframes achievementTitleCrystalSweep{0%,18%{transform:translateX(-160%) skewX(-22deg);opacity:0}34%{opacity:.72}58%,100%{transform:translateX(520%) skewX(-22deg);opacity:0}} @keyframes achievementTitleRoyalSpark{0%,100%{background-position:0 0,0 0;opacity:.48}50%{background-position:38px -8px,0 0;opacity:.9}} @keyframes achievementTitlePrecisionScan{0%{transform:translateX(-130%);opacity:0}18%{opacity:.62}62%{opacity:.18}100%{transform:translateX(430%);opacity:0}} @keyframes achievementTitleForgeEmber{0%,100%{opacity:.35;filter:brightness(.9)}42%{opacity:1;filter:brightness(1.35)}58%{opacity:.58;filter:brightness(1.08)}} @keyframes achievementTitleChainRun{from{background-position:-48px 0}to{background-position:64px 0}} @keyframes achievementTitleBinaryFlow{from{background-position:0 -28px}to{background-position:0 28px}} @keyframes achievementTitleLuckyLights{0%,100%{filter:brightness(.9);opacity:.55}25%{filter:brightness(1.45);opacity:1}50%{filter:brightness(1);opacity:.72}75%{filter:brightness(1.3);opacity:.92}} @keyframes achievementTitleSummitGlow{0%,100%{transform:translateY(3px) scale(.82);opacity:.28}50%{transform:translateY(-1px) scale(1.04);opacity:.88}} @keyframes achievementTitleSpeedStreak{from{background-position:-70px 0}to{background-position:100px 0}} @keyframes achievementTitleOceanWave{from{background-position:0 0,0 0}to{background-position:52px 0,0 0}} @keyframes achievementTitleTriadShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} @keyframes achievementTitleRoute{from{background-position:-36px 0}to{background-position:54px 0}} @keyframes achievementTitleStars{from{background-position:0 0,0 0,0 0}to{background-position:32px -12px,-20px 8px,0 0}} @keyframes achievementTitleArchiveTurn{0%,12%{transform:translateX(-120%) skewX(-15deg);opacity:0}32%{opacity:.45}55%,100%{transform:translateX(380%) skewX(-15deg);opacity:0}} @keyframes achievementTitleChronicleTick{0%,100%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pt1) 15%,transparent),0 5px 16px rgba(0,0,0,.25),0 0 12px color-mix(in srgb,var(--pt1) 18%,transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pt2) 34%,transparent),0 5px 16px rgba(0,0,0,.25),0 0 22px color-mix(in srgb,var(--pt2) 30%,transparent)}} @keyframes achievementTitleGrowthRise{from{background-position:0 22px,0 0}to{background-position:0 -22px,0 0}} @keyframes achievementTitlePhoenixRise{0%{transform:translateY(22px) scale(.75);opacity:0}38%{opacity:.72}100%{transform:translateY(-28px) scale(1.25);opacity:0}} @keyframes achievementTitleGallerySpot{0%,100%{transform:translateX(-160%) skewX(-24deg);opacity:0}28%{opacity:.5}54%{transform:translateX(480%) skewX(-24deg);opacity:.12}70%{opacity:0}} @keyframes achievementTitlePlaylistBeat{0%,100%{transform:scaleX(.35);opacity:.28}45%{transform:scaleX(1);opacity:.86}60%{transform:scaleX(.72);opacity:.48}} @keyframes achievementTitleDigitalScan{from{transform:translateY(-32px)}to{transform:translateY(32px)}} @keyframes achievementTitleMirrorIn{0%,100%{background-position:-80px 0,80px 0;opacity:.25}50%{background-position:0 0,0 0;opacity:.82}} @keyframes achievementTitleSpectrumFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes achievementTitleRegaliaGem{0%,100%{filter:brightness(.9);transform:scale(.9)}50%{filter:brightness(1.45);transform:scale(1.08)}} /* Crystal: faceted cuts and a refracting blade of light. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-perfect-edge-9999, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-99, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-995, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-star-98{border-radius:3px 12px 3px 12px!important;background:linear-gradient(118deg,transparent 0 20%,color-mix(in srgb,var(--pt1) 14%,transparent) 20% 22%,transparent 22% 55%,color-mix(in srgb,var(--pt2) 13%,transparent) 55% 57%,transparent 57%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 24%,#07121e),color-mix(in srgb,var(--pt2) 18%,#090817))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-perfect-edge-9999::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-99::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-995::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-star-98::before{clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%);border-radius:0!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-perfect-edge-9999::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-99::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-995::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-star-98::after{top:-45%!important;bottom:-45%!important;left:-28%!important;width:22%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),color-mix(in srgb,var(--pt1) 60%,transparent),transparent)!important;filter:blur(.3px);animation:achievementTitleCrystalSweep var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} /* Royal: double regalia border, crown seal and jeweled glints. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-accuracy-mastery, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-star-99{border-radius:999px 8px 8px 999px!important;border-color:color-mix(in srgb,var(--pt3) 78%,var(--pt1))!important;background:radial-gradient(circle at 16px 50%,color-mix(in srgb,var(--pt3) 24%,transparent),transparent 25px),linear-gradient(180deg,rgba(255,255,255,.14),transparent 48%),linear-gradient(135deg,color-mix(in srgb,var(--pt3) 21%,#171006),color-mix(in srgb,var(--pt2) 18%,#0a0715))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pt3) 28%,transparent),inset 0 0 0 3px rgba(0,0,0,.23),0 5px 18px rgba(0,0,0,.28),0 0 22px color-mix(in srgb,var(--pt3) 28%,transparent)!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-accuracy-mastery::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-star-99::before{border-radius:50% 50% 7px 7px!important;border-style:double!important;color:color-mix(in srgb,var(--pt3) 75%,#fff)!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-accuracy-mastery::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-star-99::after{inset:2px 7px 2px 31px!important;background:radial-gradient(circle at 12% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 68% 68%,color-mix(in srgb,var(--pt3) 82%,#fff) 0 1px,transparent 2px),radial-gradient(circle at 90% 18%,color-mix(in srgb,var(--pt1) 82%,#fff) 0 1.2px,transparent 2.2px)!important;animation:achievementTitleRoyalSpark var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} /* Precision: ruler ticks, squared glass and a moving calibration beam. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-precision-player, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-ss-debut, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-98, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-97, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-long-accuracy-98, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-all-difficulties-ss, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-daily-accuracy-marathon{border-radius:4px!important;border-bottom-width:2px!important;background:repeating-linear-gradient(90deg,transparent 0 13px,color-mix(in srgb,var(--pt1) 13%,transparent) 13px 14px),linear-gradient(180deg,rgba(255,255,255,.11),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 19%,#06131d),color-mix(in srgb,var(--pt2) 13%,#070b17))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-precision-player::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-ss-debut::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-98::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-97::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-long-accuracy-98::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-all-difficulties-ss::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-daily-accuracy-marathon::before{border-radius:3px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-precision-player::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-ss-debut::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-98::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-club-97::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-long-accuracy-98::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-all-difficulties-ss::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-daily-accuracy-marathon::after{top:1px!important;bottom:1px!important;left:31px!important;width:16px!important;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--pt1) 72%,#fff),transparent)!important;filter:blur(.6px);animation:achievementTitlePrecisionScan var(--pt-speed) linear var(--pt-delay) infinite!important;} /* Forge: angular metal, hot lower edge and hexagonal seal. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-full-combo, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-one-miss-collector, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-combo-master, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-star-full-combo, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-all-difficulties-full-combo{border-radius:3px 10px 3px 10px!important;border-left-width:3px!important;background:repeating-linear-gradient(108deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px),linear-gradient(180deg,rgba(255,255,255,.10),transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 24%,#1a0c08),color-mix(in srgb,var(--pt2) 15%,#0d0810))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-full-combo::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-one-miss-collector::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-combo-master::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-star-full-combo::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-all-difficulties-full-combo::before{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);border-radius:0!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-full-combo::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-one-miss-collector::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-combo-master::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-star-full-combo::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-all-difficulties-full-combo::after{left:31px!important;right:7px!important;bottom:2px!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--pt1),var(--pt3),var(--pt2),transparent)!important;box-shadow:0 0 8px color-mix(in srgb,var(--pt1) 65%,transparent)!important;animation:achievementTitleForgeEmber var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} /* Chain: linked rings and a traveling highlight. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-long-full-combo, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-road-to-full-combo, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-full-combo-streak, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-accuracy-99-streak, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-combo-repeater-collection{border-radius:999px!important;background:repeating-radial-gradient(ellipse at 0 50%,transparent 0 6px,color-mix(in srgb,var(--pt1) 11%,transparent) 6px 7px,transparent 7px 15px),linear-gradient(180deg,rgba(255,255,255,.09),transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 18%,#071511),color-mix(in srgb,var(--pt2) 15%,#0b0d13))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-long-full-combo::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-road-to-full-combo::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-full-combo-streak::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-accuracy-99-streak::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-combo-repeater-collection::before{border-radius:50%!important;border-width:2px!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-long-full-combo::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-road-to-full-combo::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-full-combo-streak::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-accuracy-99-streak::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-combo-repeater-collection::after{left:32px!important;right:7px!important;top:4px!important;bottom:4px!important;background:repeating-linear-gradient(90deg,transparent 0 17px,color-mix(in srgb,var(--pt3) 48%,transparent) 17px 19px,transparent 19px 35px)!important;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);animation:achievementTitleChainRun var(--pt-speed) linear var(--pt-delay) infinite!important;} /* Binary: isolated terminal styling rather than another generic gradient. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-power-of-two-combo{border-radius:2px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;background:repeating-linear-gradient(0deg,transparent 0 5px,color-mix(in srgb,var(--pt1) 9%,transparent) 5px 6px),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 16%,#03130a),color-mix(in srgb,var(--pt2) 13%,#031016))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-power-of-two-combo::before{border-radius:2px!important;font-family:inherit!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-power-of-two-combo::after{inset:-28px 4px!important;background:repeating-linear-gradient(180deg,transparent 0 12px,color-mix(in srgb,var(--pt3) 13%,transparent) 12px 13px)!important;animation:achievementTitleBinaryFlow var(--pt-speed) linear var(--pt-delay) infinite!important;} /* Lucky: jewel bulbs blink in an irregular marquee rhythm. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-lucky-7777, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-third-time-lucky{border-radius:8px!important;border-style:double!important;background:radial-gradient(circle at 8px 3px,color-mix(in srgb,var(--pt3) 70%,#fff) 0 1px,transparent 2px) 0 0/16px 100%,linear-gradient(180deg,rgba(255,255,255,.12),transparent 46%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 21%,#171006),color-mix(in srgb,var(--pt2) 17%,#150716))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-lucky-7777::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-third-time-lucky::before{border-radius:50%!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 10px color-mix(in srgb,var(--pt3) 55%,transparent)!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-lucky-7777::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-third-time-lucky::after{inset:2px 5px!important;border-top:1px dotted color-mix(in srgb,var(--pt3) 72%,transparent)!important;border-bottom:1px dotted color-mix(in srgb,var(--pt1) 55%,transparent)!important;animation:achievementTitleLuckyLights var(--pt-speed) steps(4,end) var(--pt-delay) infinite!important;} /* Summit: mountain facets and a pulsing summit light. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-difficulty-debut, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-triple-peaks{border-radius:4px 12px 4px 4px!important;background:linear-gradient(145deg,transparent 0 58%,color-mix(in srgb,var(--pt1) 15%,transparent) 58% 70%,transparent 70%),linear-gradient(215deg,transparent 0 64%,color-mix(in srgb,var(--pt2) 16%,transparent) 64% 75%,transparent 75%),linear-gradient(180deg,rgba(255,255,255,.10),transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 18%,#08101d),color-mix(in srgb,var(--pt2) 14%,#0a0817))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-difficulty-debut::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-triple-peaks::before{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-difficulty-debut::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-triple-peaks::after{right:8px!important;top:4px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 7px var(--pt1),0 0 15px var(--pt2)!important;animation:achievementTitleSummitGlow var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} /* Speed: directional streaks travel behind a fixed title. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-speed-master{border-radius:3px 13px 3px 13px!important;background:repeating-linear-gradient(115deg,transparent 0 16px,color-mix(in srgb,var(--pt1) 12%,transparent) 16px 18px,transparent 18px 34px),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 22%,#171006),color-mix(in srgb,var(--pt2) 15%,#06131a))!important;background-size:170px 100%,100% 100%!important;animation:achievementTitleSpeedStreak var(--pt-speed) linear var(--pt-delay) infinite!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-high-speed-master::before{transform:skewX(-8deg)!important;border-radius:3px 9px 3px 9px!important;} /* Ocean: layered wave lines and a soft horizontal tide. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-low-speed-master{border-radius:14px 5px 14px 5px!important;background:repeating-radial-gradient(ellipse at 0 105%,transparent 0 13px,color-mix(in srgb,var(--pt1) 13%,transparent) 13px 14px,transparent 14px 26px),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 18%,#041518),color-mix(in srgb,var(--pt2) 15%,#07101d))!important;background-size:52px 34px,100% 100%!important;animation:achievementTitleOceanWave var(--pt-speed) linear var(--pt-delay) infinite!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-low-speed-master::before{border-radius:50% 50% 8px 8px!important;} /* Triad: three-color geometry, clearly separate from precision badges. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-versatile, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-triple-extremes, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-balance-researcher{border-radius:5px!important;border-bottom-width:2px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--pt1) 18%,#07111a),color-mix(in srgb,var(--pt2) 15%,#0c0818),color-mix(in srgb,var(--pt3) 16%,#171007),color-mix(in srgb,var(--pt1) 18%,#07111a))!important;background-size:220% 100%!important;animation:achievementTitleTriadShift var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-versatile::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-triple-extremes::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-balance-researcher::before{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-versatile::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-triple-extremes::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-balance-researcher::after{left:31px!important;right:7px!important;bottom:2px!important;height:2px!important;background:linear-gradient(90deg,var(--pt1),var(--pt2),var(--pt3))!important;opacity:.72!important;} /* Voyage: ticket cuts and an animated dotted route. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-explorer, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-mapper-traveler, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-difficulty-passport, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-star-tour, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-all-difficulties-travel, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-explorer-veteran, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-explorer-voyager{border-radius:5px!important;background:radial-gradient(circle at 0 50%,#060b14 0 5px,transparent 5.5px),radial-gradient(circle at 100% 50%,#060b14 0 5px,transparent 5.5px),linear-gradient(180deg,rgba(255,255,255,.09),transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 18%,#05141a),color-mix(in srgb,var(--pt2) 14%,#080a18))!important;padding-left:9px!important;padding-right:14px!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-explorer::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-mapper-traveler::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-difficulty-passport::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-star-tour::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-all-difficulties-travel::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-explorer-veteran::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-explorer-voyager::before{border-radius:50%!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-explorer::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-mapper-traveler::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-difficulty-passport::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-star-tour::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-all-difficulties-travel::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-explorer-veteran::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-explorer-voyager::after{left:34px!important;right:10px!important;bottom:4px!important;height:2px!important;background:repeating-linear-gradient(90deg,var(--pt1) 0 3px,transparent 3px 8px,var(--pt2) 8px 10px,transparent 10px 16px)!important;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);animation:achievementTitleRoute var(--pt-speed) linear var(--pt-delay) infinite!important;} /* Constellation: star map dots drift independently from the text. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-mapper-deep-dive, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-artist-collector, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-same-song-interpretations, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-mapper-music-range, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-first-full-combo-observer{border-radius:10px 4px 10px 4px!important;background:radial-gradient(circle at 14% 28%,color-mix(in srgb,var(--pt1) 80%,#fff) 0 1px,transparent 2px),radial-gradient(circle at 64% 20%,color-mix(in srgb,var(--pt2) 78%,#fff) 0 1px,transparent 2px),radial-gradient(circle at 86% 74%,color-mix(in srgb,var(--pt3) 74%,#fff) 0 1px,transparent 2px),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 14%,#080b1b),color-mix(in srgb,var(--pt2) 15%,#12081a))!important;background-size:31px 25px,47px 37px,53px 41px,100% 100%!important;animation:achievementTitleStars var(--pt-speed) linear var(--pt-delay) infinite!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-mapper-deep-dive::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-artist-collector::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-same-song-interpretations::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-mapper-music-range::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-first-full-combo-observer::before{border-radius:50%!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pt2) 34%,transparent),0 0 9px color-mix(in srgb,var(--pt1) 35%,transparent)!important;} /* Archive: ledger tab, ruled paper lines and a page-turn sheen. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-score-hunter, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-registrar, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-pioneer, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-unrated-world{border-radius:3px 9px 9px 3px!important;border-left-width:4px!important;background:repeating-linear-gradient(0deg,transparent 0 6px,color-mix(in srgb,var(--pt1) 8%,transparent) 6px 7px),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 17%,#151007),color-mix(in srgb,var(--pt2) 12%,#07111a))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-score-hunter::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-registrar::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-pioneer::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-unrated-world::before{border-radius:2px!important;border-style:double!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-score-hunter::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-chart-registrar::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-pioneer::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-unrated-world::after{top:-40%!important;bottom:-40%!important;left:-24%!important;width:18%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent)!important;animation:achievementTitleArchiveTurn var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} /* Chronicle: ringed seals and slow archival breathing. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-active-days, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-veteran-player, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-twelve-months, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-calendar-years, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-year-long-legacy{border-radius:14px 4px 14px 4px!important;background:radial-gradient(circle at 17px 50%,transparent 0 7px,color-mix(in srgb,var(--pt1) 25%,transparent) 7px 8px,transparent 8px 11px),linear-gradient(180deg,rgba(255,255,255,.09),transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 18%,#171006),color-mix(in srgb,var(--pt2) 13%,#07150d))!important;animation:achievementTitleChronicleTick var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-active-days::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-veteran-player::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-twelve-months::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-calendar-years::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-year-long-legacy::before{border-radius:50%!important;border-style:double!important;} /* Growth: ascending marks and green-gold progress light. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-personal-best-craftsman, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-personal-best-days, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-long-term-strategy{border-radius:4px 11px 4px 11px!important;background:repeating-linear-gradient(90deg,transparent 0 20px,color-mix(in srgb,var(--pt1) 9%,transparent) 20px 21px),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 18%,#07150b),color-mix(in srgb,var(--pt2) 13%,#171006))!important;background-size:100% 22px,100% 100%!important;animation:achievementTitleGrowthRise var(--pt-speed) linear var(--pt-delay) infinite!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-personal-best-craftsman::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-personal-best-days::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-long-term-strategy::before{border-radius:4px 10px 4px 10px!important;} /* Phoenix: wing-shaped heat and a rising ember core. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-phoenix-return, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-big-reversal{border-radius:12px 4px 12px 4px!important;background:radial-gradient(ellipse at 18% 100%,color-mix(in srgb,var(--pt1) 24%,transparent),transparent 48%),radial-gradient(ellipse at 82% 100%,color-mix(in srgb,var(--pt2) 22%,transparent),transparent 48%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 20%,#1b0907),color-mix(in srgb,var(--pt2) 15%,#170e05))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-phoenix-return::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-big-reversal::before{clip-path:polygon(50% 0,100% 32%,70% 58%,100% 100%,50% 78%,0 100%,30% 58%,0 32%);border-radius:0!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-phoenix-return::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-big-reversal::after{left:50%!important;bottom:-8px!important;width:12px!important;height:12px!important;border-radius:50%!important;background:radial-gradient(circle,#fff 0 12%,var(--pt3) 18%,var(--pt1) 45%,transparent 70%)!important;animation:achievementTitlePhoenixRise var(--pt-speed) ease-out var(--pt-delay) infinite!important;} /* Gallery: framed plaque with a moving exhibition spotlight. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-showcase-debut, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-varied-showcase, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-showcase-collection{border-radius:3px 14px 3px 14px!important;border-style:double!important;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 19%,#170718),color-mix(in srgb,var(--pt2) 15%,#0b0718))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-showcase-debut::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-varied-showcase::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-showcase-collection::before{border-radius:3px!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-showcase-debut::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-varied-showcase::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-showcase-collection::after{top:-40%!important;bottom:-40%!important;left:-28%!important;width:20%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),color-mix(in srgb,var(--pt3) 30%,transparent),transparent)!important;animation:achievementTitleGallerySpot var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} /* Playlist: music-staff lines and a restrained beat underline. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-playlist-creator, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-playlist-curator, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-diverse-playlist, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-playlist-trilogy{border-radius:8px 3px 8px 3px!important;background:repeating-linear-gradient(0deg,transparent 0 4px,color-mix(in srgb,var(--pt1) 9%,transparent) 4px 5px),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 17%,#160812),color-mix(in srgb,var(--pt2) 14%,#07121a))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-playlist-creator::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-playlist-curator::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-diverse-playlist::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-playlist-trilogy::before{border-radius:50% 4px 50% 4px!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-playlist-creator::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-playlist-curator::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-diverse-playlist::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-playlist-trilogy::after{left:32px!important;right:8px!important;bottom:3px!important;height:2px!important;transform-origin:left center;background:linear-gradient(90deg,var(--pt1),var(--pt3),var(--pt2))!important;animation:achievementTitlePlaylistBeat var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} /* Digital: terminal plate and a bright scan bar. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-deja-vu, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-boundary-resident{border-radius:2px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 16%,#03140c),color-mix(in srgb,var(--pt2) 12%,#061118))!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-deja-vu::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-boundary-resident::before{border-radius:2px!important;font-family:inherit!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-deja-vu::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-boundary-resident::after{left:0!important;right:0!important;top:-2px!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--pt1),var(--pt2),transparent)!important;box-shadow:0 0 8px color-mix(in srgb,var(--pt1) 58%,transparent)!important;animation:achievementTitleDigitalScan var(--pt-speed) linear var(--pt-delay) infinite!important;} /* Mirror: symmetric light converges toward the center. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-palindrome-score{border-radius:4px 12px 4px 12px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--pt1) 17%,#061219),transparent 49%,color-mix(in srgb,var(--pt2) 17%,#110718)),linear-gradient(180deg,rgba(255,255,255,.09),transparent 45%)!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-palindrome-score::before{border-radius:50%!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-palindrome-score::after{inset:2px 5px!important;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--pt1) 30%,transparent),transparent) -80px 0/80px 100% no-repeat,linear-gradient(270deg,transparent,color-mix(in srgb,var(--pt2) 30%,transparent),transparent) 80px 0/80px 100% no-repeat!important;animation:achievementTitleMirrorIn var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} /* Spectrum: animated multi-color silk, reserved for cosmetic mastery. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-wardrobe, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-profile-effect-collector, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-mixed-outfit-maestro{border-radius:11px 4px 11px 4px!important;border-style:double!important;background:linear-gradient(115deg,color-mix(in srgb,var(--pt1) 24%,#071416),color-mix(in srgb,var(--pt2) 22%,#120719),color-mix(in srgb,var(--pt3) 22%,#181006),color-mix(in srgb,var(--pt1) 24%,#071416))!important;background-size:260% 100%!important;animation:achievementTitleSpectrumFlow var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-wardrobe::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-profile-effect-collector::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-mixed-outfit-maestro::before{border-radius:8px 3px 8px 3px!important;} /* Regalia: ornate double frame and a breathing central jewel. */ :is(#player-detail-view, #achievements-content) .achievement-title-prestige-unified-outfit-legend, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-naked-king-sovereign{border-radius:13px 4px 13px 4px!important;border-style:double!important;border-width:3px!important;background:linear-gradient(145deg,transparent 0 14%,color-mix(in srgb,var(--pt3) 12%,transparent) 14% 16%,transparent 16% 84%,color-mix(in srgb,var(--pt1) 12%,transparent) 84% 86%,transparent 86%),linear-gradient(135deg,color-mix(in srgb,var(--pt1) 19%,#150716),color-mix(in srgb,var(--pt2) 16%,#0a0715))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 5px 18px rgba(0,0,0,.3),0 0 24px color-mix(in srgb,var(--pt2) 28%,transparent)!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-unified-outfit-legend::before, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-naked-king-sovereign::before{clip-path:polygon(50% 0,90% 20%,100% 65%,50% 100%,0 65%,10% 20%);border-radius:0!important;animation:achievementTitleRegaliaGem var(--pt-speed) ease-in-out var(--pt-delay) infinite!important;} :is(#player-detail-view, #achievements-content) .achievement-title-prestige-unified-outfit-legend::after, :is(#player-detail-view, #achievements-content) .achievement-title-prestige-naked-king-sovereign::after{left:31px!important;right:7px!important;top:3px!important;bottom:3px!important;border-top:1px solid color-mix(in srgb,var(--pt3) 42%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--pt1) 30%,transparent)!important;border-radius:999px!important;opacity:.55!important;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-perfect-edge-9999{--pt1:hsl(188 92% 72%);--pt2:hsl(316 88% 67%);--pt3:hsl(44 92% 70%);--pt-symbol:"◇";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-club-99{--pt1:hsl(201 92% 72%);--pt2:hsl(333 88% 67%);--pt3:hsl(63 92% 70%);--pt-symbol:"99";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-club-995{--pt1:hsl(214 92% 72%);--pt2:hsl(350 88% 67%);--pt3:hsl(82 92% 70%);--pt-symbol:"99+";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-high-star-98{--pt1:hsl(227 92% 72%);--pt2:hsl(7 88% 67%);--pt3:hsl(101 92% 70%);--pt-symbol:"★";--pt-speed:6.65s;--pt-delay:-1.89s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-accuracy-mastery{--pt1:hsl(42 92% 72%);--pt2:hsl(280 88% 67%);--pt3:hsl(192 92% 70%);--pt-symbol:"♛";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-high-star-99{--pt1:hsl(55 92% 72%);--pt2:hsl(297 88% 67%);--pt3:hsl(211 92% 70%);--pt-symbol:"♛";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-precision-player{--pt1:hsl(199 92% 72%);--pt2:hsl(231 88% 67%);--pt3:hsl(165 92% 70%);--pt-symbol:"✧";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-ss-debut{--pt1:hsl(212 92% 72%);--pt2:hsl(248 88% 67%);--pt3:hsl(184 92% 70%);--pt-symbol:"SS";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-club-98{--pt1:hsl(225 92% 72%);--pt2:hsl(265 88% 67%);--pt3:hsl(203 92% 70%);--pt-symbol:"98";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-club-97{--pt1:hsl(238 92% 72%);--pt2:hsl(282 88% 67%);--pt3:hsl(222 92% 70%);--pt-symbol:"97";--pt-speed:6.65s;--pt-delay:-1.89s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-long-accuracy-98{--pt1:hsl(251 92% 72%);--pt2:hsl(299 88% 67%);--pt3:hsl(241 92% 70%);--pt-symbol:"長";--pt-speed:7.40s;--pt-delay:-2.52s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-all-difficulties-ss{--pt1:hsl(264 92% 72%);--pt2:hsl(316 88% 67%);--pt3:hsl(260 92% 70%);--pt-symbol:"SS";--pt-speed:4.40s;--pt-delay:-3.15s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-daily-accuracy-marathon{--pt1:hsl(277 92% 72%);--pt2:hsl(333 88% 67%);--pt3:hsl(279 92% 70%);--pt-symbol:"日";--pt-speed:5.15s;--pt-delay:-3.78s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-full-combo{--pt1:hsl(18 92% 72%);--pt2:hsl(352 88% 67%);--pt3:hsl(48 92% 70%);--pt-symbol:"∞";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-one-miss-collector{--pt1:hsl(31 92% 72%);--pt2:hsl(9 88% 67%);--pt3:hsl(67 92% 70%);--pt-symbol:"1";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-combo-master{--pt1:hsl(44 92% 72%);--pt2:hsl(26 88% 67%);--pt3:hsl(86 92% 70%);--pt-symbol:"×";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-high-star-full-combo{--pt1:hsl(57 92% 72%);--pt2:hsl(43 88% 67%);--pt3:hsl(105 92% 70%);--pt-symbol:"★";--pt-speed:6.65s;--pt-delay:-1.89s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-all-difficulties-full-combo{--pt1:hsl(70 92% 72%);--pt2:hsl(60 88% 67%);--pt3:hsl(124 92% 70%);--pt-symbol:"FC";--pt-speed:7.40s;--pt-delay:-2.52s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-long-full-combo{--pt1:hsl(151 92% 72%);--pt2:hsl(72 88% 67%);--pt3:hsl(202 92% 70%);--pt-symbol:"∞";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-road-to-full-combo{--pt1:hsl(164 92% 72%);--pt2:hsl(89 88% 67%);--pt3:hsl(221 92% 70%);--pt-symbol:"✓";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-full-combo-streak{--pt1:hsl(177 92% 72%);--pt2:hsl(106 88% 67%);--pt3:hsl(240 92% 70%);--pt-symbol:"∞";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-accuracy-99-streak{--pt1:hsl(190 92% 72%);--pt2:hsl(123 88% 67%);--pt3:hsl(259 92% 70%);--pt-symbol:"99";--pt-speed:6.65s;--pt-delay:-1.89s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-combo-repeater-collection{--pt1:hsl(203 92% 72%);--pt2:hsl(140 88% 67%);--pt3:hsl(278 92% 70%);--pt-symbol:"≡";--pt-speed:7.40s;--pt-delay:-2.52s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-power-of-two-combo{--pt1:hsl(132 92% 72%);--pt2:hsl(188 88% 67%);--pt3:hsl(60 92% 70%);--pt-symbol:"2ⁿ";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-lucky-7777{--pt1:hsl(46 92% 72%);--pt2:hsl(325 88% 67%);--pt3:hsl(184 92% 70%);--pt-symbol:"7";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-third-time-lucky{--pt1:hsl(59 92% 72%);--pt2:hsl(342 88% 67%);--pt3:hsl(203 92% 70%);--pt-symbol:"Ⅲ";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-high-difficulty-debut{--pt1:hsl(213 92% 72%);--pt2:hsl(267 88% 67%);--pt3:hsl(37 92% 70%);--pt-symbol:"▲";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-triple-peaks{--pt1:hsl(226 92% 72%);--pt2:hsl(284 88% 67%);--pt3:hsl(56 92% 70%);--pt-symbol:"▲";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-high-speed-master{--pt1:hsl(22 92% 72%);--pt2:hsl(190 88% 67%);--pt3:hsl(330 92% 70%);--pt-symbol:"速";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-low-speed-master{--pt1:hsl(178 92% 72%);--pt2:hsl(218 88% 67%);--pt3:hsl(106 92% 70%);--pt-symbol:"静";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-versatile{--pt1:hsl(158 92% 72%);--pt2:hsl(278 88% 67%);--pt3:hsl(42 92% 70%);--pt-symbol:"△";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-triple-extremes{--pt1:hsl(171 92% 72%);--pt2:hsl(295 88% 67%);--pt3:hsl(61 92% 70%);--pt-symbol:"三";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-balance-researcher{--pt1:hsl(184 92% 72%);--pt2:hsl(312 88% 67%);--pt3:hsl(80 92% 70%);--pt-symbol:"△";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-chart-explorer{--pt1:hsl(184 92% 72%);--pt2:hsl(226 88% 67%);--pt3:hsl(304 92% 70%);--pt-symbol:"✦";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-mapper-traveler{--pt1:hsl(197 92% 72%);--pt2:hsl(243 88% 67%);--pt3:hsl(323 92% 70%);--pt-symbol:"⌁";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-difficulty-passport{--pt1:hsl(210 92% 72%);--pt2:hsl(260 88% 67%);--pt3:hsl(342 92% 70%);--pt-symbol:"▤";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-star-tour{--pt1:hsl(223 92% 72%);--pt2:hsl(277 88% 67%);--pt3:hsl(1 92% 70%);--pt-symbol:"★";--pt-speed:6.65s;--pt-delay:-1.89s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-all-difficulties-travel{--pt1:hsl(236 92% 72%);--pt2:hsl(294 88% 67%);--pt3:hsl(20 92% 70%);--pt-symbol:"五";--pt-speed:7.40s;--pt-delay:-2.52s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-chart-explorer-veteran{--pt1:hsl(249 92% 72%);--pt2:hsl(311 88% 67%);--pt3:hsl(39 92% 70%);--pt-symbol:"✦";--pt-speed:4.40s;--pt-delay:-3.15s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-chart-explorer-voyager{--pt1:hsl(262 92% 72%);--pt2:hsl(328 88% 67%);--pt3:hsl(58 92% 70%);--pt-symbol:"⌁";--pt-speed:5.15s;--pt-delay:-3.78s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-mapper-deep-dive{--pt1:hsl(244 92% 72%);--pt2:hsl(316 88% 67%);--pt3:hsl(188 92% 70%);--pt-symbol:"⌖";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-artist-collector{--pt1:hsl(257 92% 72%);--pt2:hsl(333 88% 67%);--pt3:hsl(207 92% 70%);--pt-symbol:"♫";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-same-song-interpretations{--pt1:hsl(270 92% 72%);--pt2:hsl(350 88% 67%);--pt3:hsl(226 92% 70%);--pt-symbol:"≋";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-mapper-music-range{--pt1:hsl(283 92% 72%);--pt2:hsl(7 88% 67%);--pt3:hsl(245 92% 70%);--pt-symbol:"♫";--pt-speed:6.65s;--pt-delay:-1.89s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-first-full-combo-observer{--pt1:hsl(296 92% 72%);--pt2:hsl(24 88% 67%);--pt3:hsl(264 92% 70%);--pt-symbol:"✧";--pt-speed:7.40s;--pt-delay:-2.52s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-score-hunter{--pt1:hsl(36 92% 72%);--pt2:hsl(210 88% 67%);--pt3:hsl(278 92% 70%);--pt-symbol:"Σ";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-chart-registrar{--pt1:hsl(49 92% 72%);--pt2:hsl(227 88% 67%);--pt3:hsl(297 92% 70%);--pt-symbol:"＋";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-pioneer{--pt1:hsl(62 92% 72%);--pt2:hsl(244 88% 67%);--pt3:hsl(316 92% 70%);--pt-symbol:"◆";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-unrated-world{--pt1:hsl(75 92% 72%);--pt2:hsl(261 88% 67%);--pt3:hsl(335 92% 70%);--pt-symbol:"?";--pt-speed:6.65s;--pt-delay:-1.89s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-active-days{--pt1:hsl(42 92% 72%);--pt2:hsl(113 88% 67%);--pt3:hsl(202 92% 70%);--pt-symbol:"◷";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-veteran-player{--pt1:hsl(55 92% 72%);--pt2:hsl(130 88% 67%);--pt3:hsl(221 92% 70%);--pt-symbol:"年";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-twelve-months{--pt1:hsl(68 92% 72%);--pt2:hsl(147 88% 67%);--pt3:hsl(240 92% 70%);--pt-symbol:"12";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-calendar-years{--pt1:hsl(81 92% 72%);--pt2:hsl(164 88% 67%);--pt3:hsl(259 92% 70%);--pt-symbol:"年";--pt-speed:6.65s;--pt-delay:-1.89s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-year-long-legacy{--pt1:hsl(94 92% 72%);--pt2:hsl(181 88% 67%);--pt3:hsl(278 92% 70%);--pt-symbol:"年";--pt-speed:7.40s;--pt-delay:-2.52s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-personal-best-craftsman{--pt1:hsl(102 92% 72%);--pt2:hsl(43 88% 67%);--pt3:hsl(181 92% 70%);--pt-symbol:"↗";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-personal-best-days{--pt1:hsl(115 92% 72%);--pt2:hsl(60 88% 67%);--pt3:hsl(200 92% 70%);--pt-symbol:"日";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-long-term-strategy{--pt1:hsl(128 92% 72%);--pt2:hsl(77 88% 67%);--pt3:hsl(219 92% 70%);--pt-symbol:"⌛";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-phoenix-return{--pt1:hsl(8 92% 72%);--pt2:hsl(42 88% 67%);--pt3:hsl(324 92% 70%);--pt-symbol:"羽";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-big-reversal{--pt1:hsl(21 92% 72%);--pt2:hsl(59 88% 67%);--pt3:hsl(343 92% 70%);--pt-symbol:"↺";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-showcase-debut{--pt1:hsl(316 92% 72%);--pt2:hsl(268 88% 67%);--pt3:hsl(35 92% 70%);--pt-symbol:"◉";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-varied-showcase{--pt1:hsl(329 92% 72%);--pt2:hsl(285 88% 67%);--pt3:hsl(54 92% 70%);--pt-symbol:"◫";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-showcase-collection{--pt1:hsl(342 92% 72%);--pt2:hsl(302 88% 67%);--pt3:hsl(73 92% 70%);--pt-symbol:"▣";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-playlist-creator{--pt1:hsl(331 92% 72%);--pt2:hsl(218 88% 67%);--pt3:hsl(168 92% 70%);--pt-symbol:"♪";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-playlist-curator{--pt1:hsl(344 92% 72%);--pt2:hsl(235 88% 67%);--pt3:hsl(187 92% 70%);--pt-symbol:"≡";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-diverse-playlist{--pt1:hsl(357 92% 72%);--pt2:hsl(252 88% 67%);--pt3:hsl(206 92% 70%);--pt-symbol:"⌘";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-playlist-trilogy{--pt1:hsl(10 92% 72%);--pt2:hsl(269 88% 67%);--pt3:hsl(225 92% 70%);--pt-symbol:"Ⅲ";--pt-speed:6.65s;--pt-delay:-1.89s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-deja-vu{--pt1:hsl(143 92% 72%);--pt2:hsl(188 88% 67%);--pt3:hsl(260 92% 70%);--pt-symbol:"↻";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-boundary-resident{--pt1:hsl(156 92% 72%);--pt2:hsl(205 88% 67%);--pt3:hsl(279 92% 70%);--pt-symbol:"│";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-palindrome-score{--pt1:hsl(188 92% 72%);--pt2:hsl(288 88% 67%);--pt3:hsl(34 92% 70%);--pt-symbol:"↔";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-wardrobe{--pt1:hsl(167 92% 72%);--pt2:hsl(296 88% 67%);--pt3:hsl(42 92% 70%);--pt-symbol:"✦";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-profile-effect-collector{--pt1:hsl(180 92% 72%);--pt2:hsl(313 88% 67%);--pt3:hsl(61 92% 70%);--pt-symbol:"◌";--pt-speed:5.15s;--pt-delay:-0.63s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-mixed-outfit-maestro{--pt1:hsl(193 92% 72%);--pt2:hsl(330 88% 67%);--pt3:hsl(80 92% 70%);--pt-symbol:"彩";--pt-speed:5.90s;--pt-delay:-1.26s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-unified-outfit-legend{--pt1:hsl(276 92% 72%);--pt2:hsl(42 88% 67%);--pt3:hsl(192 92% 70%);--pt-symbol:"四";--pt-speed:4.40s;--pt-delay:0.00s;} :is(#player-detail-view,#achievements-content) .achievement-title-prestige-naked-king-sovereign{--pt1:hsl(289 92% 72%);--pt2:hsl(59 88% 67%);--pt3:hsl(211 92% 70%);--pt-symbol:"無";--pt-speed:5.15s;--pt-delay:-0.63s;} /* v30.0.242: prestige-title animation containment. The older generic title renderer deliberately used overflow: visible with a more specific selector. That overrode v241's clipping and allowed animated scan lines, light blades, sparks and seals to paint outside the badge. Keep the visual richness inside the badge and prevent animated layers or composited shadows from painting outside its silhouette. */ /* Selection cards and the combined loadout preview. */ :is(#player-detail-view, #achievements-content) :is(.achievement-title-preview, .achievement-loadout-title)[class*="achievement-title-prestige-"] { overflow: hidden !important; overflow: clip !important; overflow-clip-margin: 0 !important; contain: paint !important; } /* Public profile. The older profile-title rule includes .profile-hero and has higher specificity than the shared preview selector, so lock this path too. */ body #player-detail-view .profile-hero .profile-achievement-title[class*="achievement-title-prestige-"] { overflow: hidden !important; overflow: clip !important; overflow-clip-margin: 0 !important; contain: paint !important; } /* Chronicle titles previously animated the badge's outer shadow itself. Animate the inset accents instead, keeping the motion inside the title. */ @keyframes achievementTitleChronicleTick { 0%, 100% { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pt1) 18%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--pt1) 22%, transparent), 0 5px 16px rgba(0,0,0,.25), 0 0 12px color-mix(in srgb, var(--pt1) 18%, transparent); } 50% { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pt2) 38%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--pt2) 50%, transparent), 0 5px 16px rgba(0,0,0,.25), 0 0 12px color-mix(in srgb, var(--pt1) 18%, transparent); } } @keyframes achievementPrestigeFramePulse { 0%,100%{opacity:.82;filter:brightness(.95)} 50%{opacity:1;filter:brightness(1.22)} } @keyframes achievementPrestigeFrameOrbit { from{background-position:0 0,0 0} to{background-position:0 0,230% 0} } @keyframes achievementPrestigeFrameDash { 0%,100%{clip-path:inset(0)} 50%{clip-path:inset(1px)} } @keyframes achievementPrestigeFramePrism { from{filter:hue-rotate(0deg)} to{filter:hue-rotate(360deg)} } @keyframes achievementPrestigeFrameBreath { 0%,100%{transform:scale(1)} 50%{transform:scale(.994)} } @keyframes achievementPrestigeFrameSpark { 0%,82%,100%{filter:brightness(1)} 88%{filter:brightness(1.35)} 94%{filter:brightness(1.08)} } .achievement-frame-accuracy-mastery { --achievement-frame-c1:hsl(285 100% 94%); --achievement-frame-c2:hsl(285 88% 62%); --achievement-frame-c3:hsl(357 94% 70%); --achievement-frame-glow:hsla(285,95%,64%,.48); } .achievement-frame-accuracy-mastery > .achievement-frame-render { animation:achievementPrestigeFrameFlow 3.7s ease-in-out infinite alternate !important; } .achievement-frame-triangle-master { --achievement-frame-c1:hsl(265 100% 94%); --achievement-frame-c2:hsl(265 88% 62%); --achievement-frame-c3:hsl(330 94% 70%); --achievement-frame-glow:hsla(265,95%,64%,.48); } .achievement-frame-triangle-master > .achievement-frame-render { animation:achievementPrestigeFramePulse 4.4s ease-in-out infinite alternate !important; } .achievement-frame-year-long { --achievement-frame-c1:hsl(315 100% 94%); --achievement-frame-c2:hsl(315 88% 62%); --achievement-frame-c3:hsl(15 94% 70%); --achievement-frame-glow:hsla(315,95%,64%,.48); } .achievement-frame-year-long > .achievement-frame-render { animation:achievementPrestigeFrameOrbit 5.1s ease-in-out infinite alternate !important; } .achievement-frame-bpm-traveler { --achievement-frame-c1:hsl(84 100% 94%); --achievement-frame-c2:hsl(84 88% 62%); --achievement-frame-c3:hsl(155 94% 70%); --achievement-frame-glow:hsla(84,95%,64%,.48); } .achievement-frame-bpm-traveler > .achievement-frame-render { animation:achievementPrestigeFrameDash 5.8s ease-in-out infinite alternate !important; } .achievement-frame-nps-traveler { --achievement-frame-c1:hsl(20 100% 94%); --achievement-frame-c2:hsl(20 88% 62%); --achievement-frame-c3:hsl(90 94% 70%); --achievement-frame-glow:hsla(20,95%,64%,.48); } .achievement-frame-nps-traveler > .achievement-frame-render { animation:achievementPrestigeFramePrism 6.5s ease-in-out infinite alternate !important; } .achievement-frame-unified-outfit { --achievement-frame-c1:hsl(170 100% 94%); --achievement-frame-c2:hsl(170 88% 62%); --achievement-frame-c3:hsl(259 94% 70%); --achievement-frame-glow:hsla(170,95%,64%,.48); } .achievement-frame-unified-outfit > .achievement-frame-render { animation:achievementPrestigeFrameBreath 3.7s ease-in-out infinite alternate !important; } .achievement-frame-mixed-outfit { --achievement-frame-c1:hsl(93 100% 94%); --achievement-frame-c2:hsl(93 88% 62%); --achievement-frame-c3:hsl(190 94% 70%); --achievement-frame-glow:hsla(93,95%,64%,.48); } .achievement-frame-mixed-outfit > .achievement-frame-render { animation:achievementPrestigeFrameSpark 4.4s ease-in-out infinite alternate !important; } .achievement-frame-naked-king { --achievement-frame-c1:hsl(151 100% 94%); --achievement-frame-c2:hsl(151 88% 62%); --achievement-frame-c3:hsl(209 94% 70%); --achievement-frame-glow:hsla(151,95%,64%,.48); } .achievement-frame-naked-king > .achievement-frame-render { animation:achievementPrestigeFrameFlow 5.1s ease-in-out infinite alternate !important; } .achievement-frame-minimalist { --achievement-frame-c1:hsl(85 100% 94%); --achievement-frame-c2:hsl(85 88% 62%); --achievement-frame-c3:hsl(182 94% 70%); --achievement-frame-glow:hsla(85,95%,64%,.48); } .achievement-frame-minimalist > .achievement-frame-render { animation:achievementPrestigeFramePulse 5.8s ease-in-out infinite alternate !important; } .achievement-frame-combo1000 { --achievement-frame-c1:hsl(259 100% 94%); --achievement-frame-c2:hsl(259 88% 62%); --achievement-frame-c3:hsl(343 94% 70%); --achievement-frame-glow:hsla(259,95%,64%,.48); } .achievement-frame-combo1000 > .achievement-frame-render { animation:achievementPrestigeFrameOrbit 6.5s ease-in-out infinite alternate !important; } .achievement-frame-perfect-swing { --achievement-frame-c1:hsl(269 100% 94%); --achievement-frame-c2:hsl(269 88% 62%); --achievement-frame-c3:hsl(328 94% 70%); --achievement-frame-glow:hsla(269,95%,64%,.48); } .achievement-frame-perfect-swing > .achievement-frame-render { animation:achievementPrestigeFrameDash 3.7s ease-in-out infinite alternate !important; } .achievement-frame-origin-chart { --achievement-frame-c1:hsl(236 100% 94%); --achievement-frame-c2:hsl(236 88% 62%); --achievement-frame-c3:hsl(315 94% 70%); --achievement-frame-glow:hsla(236,95%,64%,.48); } .achievement-frame-origin-chart > .achievement-frame-render { animation:achievementPrestigeFramePrism 4.4s ease-in-out infinite alternate !important; } .achievement-frame-four-category { --achievement-frame-c1:hsl(235 100% 94%); --achievement-frame-c2:hsl(235 88% 62%); --achievement-frame-c3:hsl(333 94% 70%); --achievement-frame-glow:hsla(235,95%,64%,.48); } .achievement-frame-four-category > .achievement-frame-render { animation:achievementPrestigeFrameBreath 5.1s ease-in-out infinite alternate !important; } @keyframes achievementPrestigeDriftX { from{transform:translateX(-18%) rotate(-4deg)} to{transform:translateX(18%) rotate(4deg)} } @keyframes achievementPrestigeDriftY { from{transform:translateY(16%)} to{transform:translateY(-16%)} } @keyframes achievementPrestigeSpin { from{transform:translate(-50%,-50%) rotate(0deg)} to{transform:translate(-50%,-50%) rotate(360deg)} } @keyframes achievementPrestigeSpinReverse { from{transform:translate(-50%,-50%) rotate(360deg)} to{transform:translate(-50%,-50%) rotate(0deg)} } @keyframes achievementPrestigeRise { 0%{transform:translateY(18px);opacity:0} 35%{opacity:1} 100%{transform:translateY(-34px);opacity:0} } @keyframes achievementPrestigeFall { 0%{transform:translateY(-28px) rotate(0);opacity:0} 28%{opacity:1} 100%{transform:translateY(40px) rotate(90deg);opacity:0} } @keyframes achievementPrestigeScanLine { from{transform:translateX(-125%)} to{transform:translateX(125%)} } @keyframes achievementPrestigeScanDown { from{transform:translateY(-120%)} to{transform:translateY(120%)} } @keyframes achievementPrestigeBars { 0%,100%{transform:scaleY(.20)} 50%{transform:scaleY(1)} } @keyframes achievementPrestigeWing { 0%,100%{transform:scaleX(.92) translateY(3px);opacity:.45} 50%{transform:scaleX(1.08) translateY(-3px);opacity:.86} } @keyframes achievementPrestigeMirror { from{background-position:0 0,0 0} to{background-position:80px 0,-80px 0} } @keyframes achievementPrestigeBinary { from{background-position:0 -80px} to{background-position:0 80px} } @keyframes achievementPrestigeSunrise { 0%,100%{transform:translateY(18px);opacity:.45} 50%{transform:translateY(-5px);opacity:.95} } @keyframes achievementPrestigeEcho { 0%{transform:translate(-50%,-50%) scale(.45);opacity:.8} 100%{transform:translate(-50%,-50%) scale(1.35);opacity:0} } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-sevenfold-fortune, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-sevenfold-fortune { border-color:hsla(237,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(237 42% 12%),hsl(346 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(237,90%,58%,.12),0 0 31px hsla(346,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-sevenfold-fortune > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-sevenfold-fortune > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(237,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(346,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(54,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-sevenfold-fortune .achievement-profile-orbit {opacity:.58;border-color:hsla(237,100%,82%,.46)} .achievement-profile-effect-sevenfold-fortune .orbit-a{width:72%;height:130%;animation:achievementPrestigeSpin 13s linear infinite} .achievement-profile-effect-sevenfold-fortune .orbit-b{width:92%;height:82%;animation:achievementPrestigeSpinReverse 17s linear infinite} .achievement-profile-effect-sevenfold-fortune .achievement-profile-particle{opacity:.9;color:hsl(346 100% 82%);animation:achievementParticleTwinkle 2.8s ease-in-out infinite alternate} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-perfect-edge, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-perfect-edge { border-color:hsla(254,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(254 42% 12%),hsl(350 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(254,90%,58%,.12),0 0 31px hsla(350,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-perfect-edge > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-perfect-edge > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(254,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(350,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(58,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-perfect-edge .achievement-profile-visual::before{left:48%;top:-35%;width:8px;height:170%;transform:rotate(23deg);background:linear-gradient(90deg,transparent,#fff 42%,hsl(254 100% 69%) 55%,transparent);box-shadow:0 0 14px hsl(254 100% 65%),0 0 30px hsla(350,100%,66%,.8);animation:achievementRiftPulse 2.4s ease-in-out infinite} .achievement-profile-effect-perfect-edge .achievement-profile-scan{opacity:.62;inset:0;background:linear-gradient(110deg,transparent 0 44%,hsla(350,100%,85%,.24) 49%,transparent 54%);animation:achievementPrestigeScanLine 5.8s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-score-furnace, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-score-furnace { border-color:hsla(340,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(340 42% 12%),hsl(77 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(340,90%,58%,.12),0 0 31px hsla(77,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-score-furnace > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-score-furnace > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(340,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(77,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(145,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-score-furnace .achievement-profile-visual::before{left:4%;right:4%;bottom:0;height:42%;background:repeating-linear-gradient(90deg,hsla(340,100%,64%,.5) 0 5px,transparent 5px 11px,hsla(77,100%,63%,.42) 11px 16px,transparent 16px 23px);transform-origin:bottom;animation:achievementPrestigeBars 2.2s steps(6,end) infinite alternate;mask-image:linear-gradient(to top,#000,transparent)} .achievement-profile-effect-score-furnace .achievement-profile-particle{opacity:.8;color:hsl(340 100% 72%);animation:achievementPrestigeRise 3.3s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-mapper-constellation, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-mapper-constellation { border-color:hsla(335,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(335 42% 12%),hsl(71 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(335,90%,58%,.12),0 0 31px hsla(71,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-mapper-constellation > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-mapper-constellation > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(335,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(71,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(139,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-mapper-constellation .achievement-profile-visual::before{inset:9%;background:radial-gradient(circle at 15% 25%,hsl(335 100% 76%) 0 2px,transparent 3px),radial-gradient(circle at 50% 8%,hsl(71 100% 78%) 0 2px,transparent 3px),radial-gradient(circle at 84% 34%,hsl(139 100% 76%) 0 2px,transparent 3px),radial-gradient(circle at 30% 78%,hsl(71 100% 75%) 0 2px,transparent 3px),linear-gradient(24deg,transparent 48%,hsla(335,100%,76%,.22) 49% 50%,transparent 51%),linear-gradient(154deg,transparent 48%,hsla(71,100%,76%,.20) 49% 50%,transparent 51%);animation:achievementPrestigeFloat 5s ease-in-out infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-precision-lattice, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-precision-lattice { border-color:hsla(10,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(10 42% 12%),hsl(86 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(10,90%,58%,.12),0 0 31px hsla(86,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-precision-lattice > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-precision-lattice > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(10,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(86,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(154,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-precision-lattice .achievement-profile-visual::before{inset:0;background:linear-gradient(hsla(10,100%,75%,.09) 1px,transparent 1px),linear-gradient(90deg,hsla(86,100%,75%,.09) 1px,transparent 1px);background-size:18px 18px;animation:achievementPrestigeMirror 8s linear infinite} .achievement-profile-effect-precision-lattice .achievement-profile-scan{opacity:.72;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,hsl(10 100% 80%),transparent);animation:achievementPrestigeScanDown 4.6s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-rose-quartz-halo, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-rose-quartz-halo { border-color:hsla(18,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(18 42% 12%),hsl(98 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(18,90%,58%,.12),0 0 31px hsla(98,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-rose-quartz-halo > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-rose-quartz-halo > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(18,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(98,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(166,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-rose-quartz-halo .achievement-profile-visual::before{inset:7%;background:linear-gradient(60deg,transparent 0 34%,hsla(18,100%,88%,.24) 35% 36%,transparent 37% 61%,hsla(98,100%,84%,.20) 62% 63%,transparent 64%),linear-gradient(-60deg,transparent 0 42%,hsla(166,100%,82%,.20) 43% 44%,transparent 45%);clip-path:polygon(50% 0,96% 28%,82% 88%,20% 100%,2% 38%);animation:achievementPrestigeFrost 5.4s ease-in-out infinite alternate} .achievement-profile-effect-rose-quartz-halo .achievement-profile-particle{opacity:.82;color:#fff;animation:achievementParticleTwinkle 2.2s ease-in-out infinite alternate} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-combo-circuit, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-combo-circuit { border-color:hsla(152,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(152 42% 12%),hsl(247 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(152,90%,58%,.12),0 0 31px hsla(247,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-combo-circuit > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-combo-circuit > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(152,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(247,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(315,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-combo-circuit .achievement-profile-visual::before{inset:10%;background:linear-gradient(90deg,transparent 0 12%,hsla(152,100%,75%,.28) 12% 13%,transparent 13% 42%,hsla(247,100%,75%,.26) 42% 43%,transparent 43%),linear-gradient(0deg,transparent 0 30%,hsla(315,100%,75%,.22) 30% 31%,transparent 31% 70%,hsla(152,100%,75%,.22) 70% 71%,transparent 71%);animation:achievementPrestigePulse 3.2s ease-in-out infinite} .achievement-profile-effect-combo-circuit .achievement-profile-scan{opacity:.66;inset:0;background:linear-gradient(100deg,transparent 0 45%,hsla(152,100%,86%,.23) 50%,transparent 55%);animation:achievementPrestigeScanLine 5.5s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-living-calendar, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-living-calendar { border-color:hsla(0,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(0 42% 12%),hsl(114 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(0,90%,58%,.12),0 0 31px hsla(114,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-living-calendar > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-living-calendar > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(0,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(114,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(182,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-living-calendar .achievement-profile-visual::before{left:50%;top:50%;width:78%;height:150%;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,hsla(0,100%,74%,.22) 0 2deg,transparent 2deg 30deg);mask-image:radial-gradient(circle,transparent 0 55%,#000 56% 58%,transparent 59%);animation:achievementPrestigeSpin 22s linear infinite} .achievement-profile-effect-living-calendar .achievement-profile-visual::after{content:"12";right:8%;top:8%;color:hsla(114,100%,88%,.55);font-size:28px;font-weight:900;animation:achievementPrestigeHeartbeat 4s ease-in-out infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-combo-tower, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-combo-tower { border-color:hsla(319,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(319 42% 12%),hsl(56 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(319,90%,58%,.12),0 0 31px hsla(56,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-combo-tower > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-combo-tower > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(319,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(56,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(124,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-combo-tower .achievement-profile-visual::before{left:8%;right:8%;bottom:4%;height:72%;background:linear-gradient(90deg,hsla(319,100%,64%,.18) 0 8%,transparent 8% 14%,hsla(56,100%,64%,.22) 14% 25%,transparent 25% 32%,hsla(124,100%,64%,.26) 32% 47%,transparent 47% 55%,hsla(319,100%,72%,.30) 55% 76%,transparent 76%);clip-path:polygon(0 100%,0 78%,12% 78%,12% 63%,28% 63%,28% 48%,46% 48%,46% 32%,66% 32%,66% 16%,86% 16%,86% 0,100% 0,100% 100%);animation:achievementPrestigeSunrise 4.3s ease-in-out infinite alternate} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-improvement-forge, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-improvement-forge { border-color:hsla(171,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(171 42% 12%),hsl(280 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(171,90%,58%,.12),0 0 31px hsla(280,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-improvement-forge > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-improvement-forge > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(171,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(280,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(348,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-improvement-forge .achievement-profile-visual::before{left:10%;right:10%;bottom:6%;height:34%;background:radial-gradient(ellipse at 50% 100%,hsla(171,100%,62%,.35),transparent 66%);filter:blur(2px);animation:achievementPrestigePulse 2.8s ease-in-out infinite} .achievement-profile-effect-improvement-forge .achievement-profile-particle{opacity:.88;color:hsl(280 100% 75%);animation:achievementPrestigeRise 2.7s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-starbreaker, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-starbreaker { border-color:hsla(314,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(314 42% 12%),hsl(37 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(314,90%,58%,.12),0 0 31px hsla(37,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-starbreaker > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-starbreaker > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(314,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(37,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(105,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-starbreaker .achievement-profile-visual::before{left:-10%;top:15%;width:120%;height:5px;transform:rotate(-11deg);background:linear-gradient(90deg,transparent,hsl(314 100% 78%),#fff,hsl(37 100% 72%),transparent);box-shadow:0 0 16px hsl(314 100% 65%);animation:achievementPrestigeDriftY 3.5s ease-in-out infinite alternate} .achievement-profile-effect-starbreaker .achievement-profile-visual::after{left:20%;top:-20%;width:5px;height:150%;transform:rotate(32deg);background:linear-gradient(transparent,hsl(105 100% 72%),transparent);animation:achievementPrestigeDriftX 4.1s ease-in-out infinite alternate-reverse} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-triad-aurora, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-triad-aurora { border-color:hsla(218,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(218 42% 12%),hsl(311 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(218,90%,58%,.12),0 0 31px hsla(311,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-triad-aurora > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-triad-aurora > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(218,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(311,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(19,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-triad-aurora .achievement-profile-visual::before{inset:-30% -10%;background:linear-gradient(112deg,transparent 20%,hsla(218,100%,65%,.18) 37%,hsla(311,100%,65%,.17) 51%,hsla(19,100%,65%,.16) 64%,transparent 80%);filter:blur(9px);animation:achievementPrestigeDriftX 7.4s ease-in-out infinite alternate} .achievement-profile-effect-triad-aurora .achievement-profile-orbit{opacity:.38;width:72%;height:128%;border-color:hsla(311,100%,82%,.38);animation:achievementPrestigeSpin 16s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-long-horizon, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-long-horizon { border-color:hsla(198,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(198 42% 12%),hsl(307 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(198,90%,58%,.12),0 0 31px hsla(307,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-long-horizon > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-long-horizon > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(198,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(307,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(15,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-long-horizon .achievement-profile-visual::before{left:0;right:0;bottom:28%;height:2px;background:linear-gradient(90deg,transparent,hsl(198 100% 78%),hsl(307 100% 78%),transparent);box-shadow:0 0 18px hsl(198 100% 62%);animation:achievementPrestigeWave 5.8s ease-in-out infinite} .achievement-profile-effect-long-horizon .achievement-profile-visual::after{left:50%;bottom:15%;width:140px;height:70px;transform:translateX(-50%);border-radius:140px 140px 0 0;background:radial-gradient(ellipse at 50% 100%,hsla(307,100%,66%,.28),transparent 68%);animation:achievementPrestigeSunrise 6s ease-in-out infinite alternate} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-reversal-phoenix, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-reversal-phoenix { border-color:hsla(326,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(326 42% 12%),hsl(87 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(326,90%,58%,.12),0 0 31px hsla(87,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-reversal-phoenix > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-reversal-phoenix > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(326,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(87,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(155,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-reversal-phoenix .achievement-profile-visual::before{left:8%;top:20%;width:42%;height:58%;background:linear-gradient(135deg,transparent 20%,hsla(326,100%,65%,.28),transparent 72%);clip-path:polygon(100% 50%,0 0,25% 48%,0 100%);animation:achievementPrestigeWing 3.4s ease-in-out infinite alternate} .achievement-profile-effect-reversal-phoenix .achievement-profile-visual::after{right:8%;top:20%;width:42%;height:58%;background:linear-gradient(225deg,transparent 20%,hsla(87,100%,65%,.28),transparent 72%);clip-path:polygon(0 50%,100% 0,75% 48%,100% 100%);animation:achievementPrestigeWing 3.4s ease-in-out infinite alternate-reverse} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-difficulty-crown, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-difficulty-crown { border-color:hsla(189,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(189 42% 12%),hsl(278 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(189,90%,58%,.12),0 0 31px hsla(278,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-difficulty-crown > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-difficulty-crown > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(189,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(278,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(346,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-difficulty-crown .achievement-profile-visual::before{content:"♛";left:50%;top:2%;transform:translateX(-50%);color:hsla(189,100%,82%,.60);font-size:64px;text-shadow:0 0 20px hsla(189,100%,65%,.75);animation:achievementCrownHover 4.4s ease-in-out infinite alternate} .achievement-profile-effect-difficulty-crown .achievement-profile-orbit{opacity:.42;width:78%;height:132%;border-color:hsla(278,100%,82%,.34);animation:achievementPrestigeSpin 18s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-first-light-archive, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-first-light-archive { border-color:hsla(167,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(167 42% 12%),hsl(270 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(167,90%,58%,.12),0 0 31px hsla(270,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-first-light-archive > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-first-light-archive > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(167,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(270,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(338,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-first-light-archive .achievement-profile-visual::before{inset:9%;border:1px solid hsla(167,100%,78%,.22);box-shadow:inset 0 0 0 8px transparent,inset 0 0 0 9px hsla(270,100%,78%,.14);clip-path:polygon(0 0,88% 0,100% 18%,100% 100%,12% 100%,0 82%);animation:achievementPrestigeBreathe 4.8s ease-in-out infinite} .achievement-profile-effect-first-light-archive .achievement-profile-scan{opacity:.72;inset:0;background:linear-gradient(100deg,transparent 0 45%,hsla(167,100%,88%,.20) 50%,transparent 55%);animation:achievementPrestigeScanLine 6.8s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-mirror-matrix, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-mirror-matrix { border-color:hsla(47,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(47 42% 12%),hsl(143 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(47,90%,58%,.12),0 0 31px hsla(143,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-mirror-matrix > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-mirror-matrix > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(47,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(143,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(211,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-mirror-matrix .achievement-profile-visual::before{inset:0;background:repeating-linear-gradient(90deg,transparent 0 24px,hsla(47,100%,72%,.10) 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,hsla(143,100%,72%,.10) 24px 25px);background-position:0 0,12px 0;animation:achievementPrestigeMirror 8s linear infinite} .achievement-profile-effect-mirror-matrix .achievement-profile-visual::after{left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,hsl(211 100% 80%),transparent);box-shadow:0 0 12px hsl(211 100% 72%)} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-diamond-rain, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-diamond-rain { border-color:hsla(225,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(225 42% 12%),hsl(300 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(225,90%,58%,.12),0 0 31px hsla(300,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-diamond-rain > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-diamond-rain > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(225,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(300,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(8,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-diamond-rain .achievement-profile-particle{opacity:.92;color:hsl(225 100% 88%);font-size:15px;animation:achievementPrestigeFall 3.1s linear infinite} .achievement-profile-effect-diamond-rain .particle-2,.achievement-profile-effect-diamond-rain .particle-5{animation-duration:4.2s;color:hsl(300 100% 84%)} .achievement-profile-effect-diamond-rain .particle-3,.achievement-profile-effect-diamond-rain .particle-7{animation-delay:1.2s} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-high-star-crown, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-high-star-crown { border-color:hsla(253,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(253 42% 12%),hsl(347 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(253,90%,58%,.12),0 0 31px hsla(347,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-high-star-crown > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-high-star-crown > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(253,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(347,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(55,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-high-star-crown .achievement-profile-visual::before{content:"★ ♛ ★";left:50%;top:5%;transform:translateX(-50%);color:hsla(253,100%,84%,.62);font-size:34px;letter-spacing:13px;text-shadow:0 0 16px hsl(347 100% 68%);animation:achievementPrestigeCrown 4.2s ease-in-out infinite} .achievement-profile-effect-high-star-crown .achievement-profile-particle{opacity:.68;animation:achievementParticleTwinkle 2.7s ease-in-out infinite alternate} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-tri-spectrum, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-tri-spectrum { border-color:hsla(195,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(195 42% 12%),hsl(299 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(195,90%,58%,.12),0 0 31px hsla(299,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-tri-spectrum > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-tri-spectrum > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(195,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(299,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(7,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-tri-spectrum .achievement-profile-visual::before{inset:-35%;background:conic-gradient(from 0deg,transparent 0 10%,hsla(195,100%,65%,.18) 12% 20%,transparent 22% 42%,hsla(299,100%,65%,.18) 44% 52%,transparent 54% 72%,hsla(7,100%,65%,.18) 74% 82%,transparent 84%);animation:achievementPrismSweep 12s linear infinite} .achievement-profile-effect-tri-spectrum .achievement-profile-orbit{opacity:.46;width:70%;height:126%;animation:achievementPrestigeSpinReverse 15s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-unbroken-precision, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-unbroken-precision { border-color:hsla(192,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(192 42% 12%),hsl(280 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(192,90%,58%,.12),0 0 31px hsla(280,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-unbroken-precision > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-unbroken-precision > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(192,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(280,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(348,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-unbroken-precision .achievement-profile-visual::before{left:6%;right:6%;top:50%;height:2px;background:linear-gradient(90deg,transparent,hsl(192 100% 76%),#fff,hsl(280 100% 76%),transparent);box-shadow:0 0 16px hsl(192 100% 65%);animation:achievementPrestigeHeartbeat 2.7s ease-in-out infinite} .achievement-profile-effect-unbroken-precision .achievement-profile-scan{opacity:.54;inset:0;background:repeating-linear-gradient(90deg,transparent 0 34px,hsla(348,100%,75%,.08) 34px 35px);animation:achievementPrestigeMirror 9s linear infinite} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-accuracy-daybreak, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-accuracy-daybreak { border-color:hsla(295,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(295 42% 12%),hsl(50 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(295,90%,58%,.12),0 0 31px hsla(50,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-accuracy-daybreak > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-accuracy-daybreak > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(295,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(50,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(118,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-accuracy-daybreak .achievement-profile-visual::before{left:50%;bottom:-25px;width:180px;height:100px;transform:translateX(-50%);border-radius:180px 180px 0 0;background:radial-gradient(ellipse at 50% 100%,hsla(295,100%,66%,.38),hsla(50,100%,62%,.12) 48%,transparent 70%);animation:achievementPrestigeSunrise 5s ease-in-out infinite alternate} .achievement-profile-effect-accuracy-daybreak .achievement-profile-visual::after{left:0;right:0;bottom:28%;height:1px;background:linear-gradient(90deg,transparent,hsl(295 100% 82%),transparent)} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-ninefold-echo, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-ninefold-echo { border-color:hsla(173,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(173 42% 12%),hsl(253 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(173,90%,58%,.12),0 0 31px hsla(253,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-ninefold-echo > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-ninefold-echo > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(173,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(253,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(321,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-ninefold-echo .achievement-profile-orbit{opacity:0;left:50%;top:50%;width:55%;height:105%;border-color:hsla(173,100%,82%,.56);animation:achievementPrestigeEcho 3.8s ease-out infinite} .achievement-profile-effect-ninefold-echo .orbit-b{animation-delay:1.9s;border-color:hsla(253,100%,82%,.48)} .achievement-profile-effect-ninefold-echo .achievement-profile-particle{opacity:.62;color:hsl(321 100% 82%);animation:achievementParticleTwinkle 3s ease-in-out infinite alternate} body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-binary-ascension, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-binary-ascension { border-color:hsla(271,96%,70%,.72) !important; background:linear-gradient(135deg,hsl(271 42% 12%),hsl(1 45% 10%)) !important; box-shadow:inset 0 0 52px hsla(271,90%,58%,.12),0 0 31px hsla(1,92%,61%,.16) !important; } body #player-detail-view .profile-hero.profile-hero-v182.achievement-profile-effect-binary-ascension > .achievement-profile-visual, :is(#player-detail-view, #achievements-content) :is(.achievement-loadout-preview, .achievement-profile-effect-preview).achievement-profile-effect-binary-ascension > .achievement-profile-visual { background:radial-gradient(circle at 12% 18%,hsla(271,95%,66%,.25),transparent 37%),radial-gradient(circle at 88% 78%,hsla(1,95%,66%,.22),transparent 42%),linear-gradient(135deg,hsla(69,90%,55%,.07),transparent 58%) !important; } .achievement-profile-effect-binary-ascension .achievement-profile-visual::before{content:"01001010 10110100 00101101 11010010";inset:-60px 0;color:hsla(271,100%,76%,.18);font-family:ui-monospace,monospace;font-size:13px;line-height:24px;letter-spacing:5px;word-break:break-all;background:repeating-linear-gradient(180deg,transparent 0 22px,hsla(1,100%,70%,.06) 22px 24px);animation:achievementPrestigeBinary 8s linear infinite} .achievement-profile-effect-binary-ascension .achievement-profile-scan{opacity:.64;inset:0;background:linear-gradient(100deg,transparent 0 45%,hsla(69,100%,86%,.18) 50%,transparent 55%);animation:achievementPrestigeScanLine 5.4s linear infinite} /* Keep the enlarged catalog responsive: option cards show their full motion while hovered/focused or equipped. */ @media (hover: hover) and (pointer: fine) { :is(#player-detail-view, #achievements-content) .achievement-cosmetic-option:not(:hover):not(:focus-visible):not(.is-equipped) :is(.achievement-cosmetic-preview:not(.achievement-frame-preview), .achievement-profile-visual), :is(#player-detail-view, #achievements-content) .achievement-cosmetic-option:not(:hover):not(:focus-visible):not(.is-equipped) :is(.achievement-cosmetic-preview:not(.achievement-frame-preview), .achievement-profile-visual) * { animation-play-state:paused !important; } } @media (hover: none) { :is(#player-detail-view, #achievements-content) .achievement-cosmetic-option:not(.is-equipped) :is(.achievement-cosmetic-preview:not(.achievement-frame-preview), .achievement-profile-visual), :is(#player-detail-view, #achievements-content) .achievement-cosmetic-option:not(.is-equipped) :is(.achievement-cosmetic-preview:not(.achievement-frame-preview), .achievement-profile-visual) * { animation-play-state:paused !important; } } @media (prefers-reduced-motion: reduce) { :is(#player-detail-view, #achievements-content) [class*="achievement-title-prestige-"], :is(#player-detail-view, #achievements-content) [class*="achievement-title-prestige-"]::before, :is(#player-detail-view, #achievements-content) [class*="achievement-title-prestige-"]::after, :is(#player-detail-view, #achievements-content) [class*="achievement-frame-"] > .achievement-frame-render { animation:none !important; } } /* v30.0.247: audited cosmetic rendering fix for play-style titles, names and frame previews. All reward cards, the combined preview and the public profile use the same catalog CSS classes and canonical frame/effect child layers. */ /* New play-style titles: six visual families with per-reward colors and insignia. */ :is(#player-detail-view,#achievements-content) :is(.profile-achievement-title,.achievement-title-preview,.achievement-loadout-title)[class*="achievement-title-style-"] { position:relative!important;isolation:isolate!important;overflow:clip!important; border:1px solid color-mix(in srgb,var(--st1) 72%,transparent)!important; border-radius:7px!important; background: linear-gradient(120deg,color-mix(in srgb,var(--st1) 17%,#07101d),color-mix(in srgb,var(--st2) 14%,#0b0b20) 52%,color-mix(in srgb,var(--st3) 13%,#120818))!important; color:#f3fbff!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 0 16px color-mix(in srgb,var(--st2) 12%,transparent),0 0 15px color-mix(in srgb,var(--st1) 20%,transparent)!important; padding:5px 11px 5px 9px!important; text-shadow:0 1px 6px rgba(0,0,0,.75)!important; } :is(#player-detail-view,#achievements-content) :is(.profile-achievement-title,.achievement-title-preview,.achievement-loadout-title)[class*="achievement-title-style-"]::before { content:var(--st-symbol)!important;position:relative!important;inset:auto!important; display:inline-grid!important;place-items:center;width:18px;height:18px;flex:0 0 18px; border:1px solid color-mix(in srgb,var(--st1) 70%,transparent);border-radius:5px; background:color-mix(in srgb,var(--st2) 16%,rgba(3,10,19,.84));color:var(--st1)!important; font-size:10px!important;text-shadow:0 0 8px var(--st1);opacity:1!important; } :is(#player-detail-view,#achievements-content) :is(.profile-achievement-title,.achievement-title-preview,.achievement-loadout-title)[class*="achievement-title-style-"]::after { content:""!important;position:absolute!important;z-index:-1!important;inset:0!important; width:auto!important;height:auto!important;border:0!important;border-radius:inherit!important; background:linear-gradient(105deg,transparent 0 39%,color-mix(in srgb,var(--st1) 20%,transparent) 47%,color-mix(in srgb,var(--st3) 15%,transparent) 52%,transparent 60%)!important; transform:translateX(-125%);animation:achievementStyleTitleSweep 5.8s ease-in-out infinite!important; opacity:.8!important;pointer-events:none; } /* Blade family: cut corners and two crossing rails. */ :is(#player-detail-view,#achievements-content) :is(.achievement-title-style-double-start,.achievement-title-style-double-journey,.achievement-title-style-crossed-blades,.achievement-title-style-double-stability,.achievement-title-style-one-start,.achievement-title-style-one-journey,.achievement-title-style-one-ss,.achievement-title-style-double-one,.achievement-title-style-special-combo) { clip-path:polygon(7px 0,calc(100% - 3px) 0,100% 5px,calc(100% - 7px) 100%,3px 100%,0 calc(100% - 5px)); border-radius:0!important;border-width:1px 2px!important; } :is(#player-detail-view,#achievements-content) :is(.achievement-title-style-crossed-blades,.achievement-title-style-double-one)::after { background:linear-gradient(72deg,transparent 0 43%,color-mix(in srgb,var(--st1) 33%,transparent) 45% 47%,transparent 49% 52%,color-mix(in srgb,var(--st3) 29%,transparent) 54% 56%,transparent 58%)!important; animation:achievementStyleCrossSweep 4.2s ease-in-out infinite!important; } /* Ground family: strong lower rail and rising pulse. */ :is(#player-detail-view,#achievements-content) :is(.achievement-title-style-feet-start,.achievement-title-style-feet-journey,.achievement-title-style-feet-ss,.achievement-title-style-beyond-hands) { border-radius:11px 11px 4px 4px!important;border-width:1px 1px 3px!important; box-shadow:inset 0 -3px 12px color-mix(in srgb,var(--st1) 16%,transparent),0 3px 14px color-mix(in srgb,var(--st2) 25%,transparent)!important; } :is(#player-detail-view,#achievements-content) :is(.achievement-title-style-feet-start,.achievement-title-style-feet-journey,.achievement-title-style-feet-ss,.achievement-title-style-beyond-hands)::after { inset:auto 7% 1px!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--st1),#fff,var(--st2),transparent)!important; transform:none;animation:achievementStyleGroundPulse 2.8s ease-in-out infinite!important; } /* Route family: compass tab and slowly moving route marks. */ :is(#player-detail-view,#achievements-content) :is(.achievement-title-style-no-arrow,.achievement-title-style-changer,.achievement-title-style-traveler,.achievement-title-style-special-mapper,.achievement-title-style-four-styles) { border-radius:3px 13px 3px 13px!important;border-style:double!important;border-width:3px!important; } :is(#player-detail-view,#achievements-content) :is(.achievement-title-style-no-arrow,.achievement-title-style-changer,.achievement-title-style-traveler,.achievement-title-style-special-mapper,.achievement-title-style-four-styles)::after { background:repeating-linear-gradient(90deg,transparent 0 14px,color-mix(in srgb,var(--st1) 15%,transparent) 14px 15px)!important; transform:none;animation:achievementStyleRoute 7s linear infinite!important; } /* Precision family: gem rail, double line and restrained flash. */ :is(#player-detail-view,#achievements-content) :is(.achievement-title-style-special-ss,.achievement-title-style-wall-precision,.achievement-title-style-million-notes) { border-radius:12px 4px 12px 4px!important;border-style:double!important;border-width:3px!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--st3) 14%,transparent),0 0 22px color-mix(in srgb,var(--st1) 27%,transparent)!important; } /* Endurance family: rounded current and horizon light. */ :is(#player-detail-view,#achievements-content) :is(.achievement-title-style-special-long,.achievement-title-style-special-notes,.achievement-title-style-note-ocean) { border-radius:999px 5px 999px 5px!important; background:linear-gradient(100deg,color-mix(in srgb,var(--st1) 14%,#061525),color-mix(in srgb,var(--st2) 18%,#0a1025),color-mix(in srgb,var(--st3) 12%,#071725))!important; } /* Wall family: compact architectural corners. */ :is(#player-detail-view,#achievements-content) .achievement-title-style-wall-maze { border-radius:2px!important;border-style:dashed!important; background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--st1) 10%,#09121f) 0 12px,color-mix(in srgb,var(--st2) 10%,#0a0f20) 12px 24px)!important; } /* Individual title palettes and insignia. */ .achievement-title-style-double-start{--st1:#62e9ff;--st2:#5b76ff;--st3:#ff65bf;--st-symbol:"Ⅱ"} .achievement-title-style-double-journey{--st1:#73f3ff;--st2:#786cff;--st3:#d78cff;--st-symbol:"↗"} .achievement-title-style-crossed-blades{--st1:#d8fbff;--st2:#4ce4ff;--st3:#ff5fbd;--st-symbol:"×"} .achievement-title-style-double-stability{--st1:#8df4ff;--st2:#4eb3ff;--st3:#8dffa8;--st-symbol:"＝"} .achievement-title-style-feet-start{--st1:#8effd3;--st2:#22bda1;--st3:#ffe46d;--st-symbol:"足"} .achievement-title-style-feet-journey{--st1:#72ffd0;--st2:#25a58d;--st3:#75d9ff;--st-symbol:"跡"} .achievement-title-style-feet-ss{--st1:#fff19a;--st2:#55e7c3;--st3:#ff8fd7;--st-symbol:"SS"} .achievement-title-style-one-start{--st1:#d5f9ff;--st2:#5cb7ff;--st3:#9a82ff;--st-symbol:"Ⅰ"} .achievement-title-style-one-journey{--st1:#b8f7ff;--st2:#4f8cff;--st3:#f2b2ff;--st-symbol:"／"} .achievement-title-style-one-ss{--st1:#ffffff;--st2:#70dfff;--st3:#ae85ff;--st-symbol:"SS"} .achievement-title-style-no-arrow{--st1:#b5fbff;--st2:#7c7dff;--st3:#ff8bc8;--st-symbol:"○"} .achievement-title-style-changer{--st1:#64ebff;--st2:#9a75ff;--st3:#ffcf69;--st-symbol:"↻"} .achievement-title-style-traveler{--st1:#71e8ff;--st2:#4e8aff;--st3:#77ffc1;--st-symbol:"⌁"} .achievement-title-style-special-ss{--st1:#fff7c2;--st2:#71e9ff;--st3:#e17dff;--st-symbol:"◇"} .achievement-title-style-double-one{--st1:#6eeaff;--st2:#596fff;--st3:#ff74c4;--st-symbol:"ⅡⅠ"} .achievement-title-style-beyond-hands{--st1:#8affc7;--st2:#4eb6ff;--st3:#ffc866;--st-symbol:"外"} .achievement-title-style-four-styles{--st1:#74eaff;--st2:#a279ff;--st3:#ffcf60;--st-symbol:"四"} .achievement-title-style-special-combo{--st1:#ffda71;--st2:#ff7a68;--st3:#77eaff;--st-symbol:"×"} .achievement-title-style-special-long{--st1:#6fe9ff;--st2:#526fff;--st3:#74ffd0;--st-symbol:"∞"} .achievement-title-style-special-mapper{--st1:#9eeeff;--st2:#8d72ff;--st3:#ff8ed9;--st-symbol:"✦"} .achievement-title-style-special-notes{--st1:#73f4ff;--st2:#4a8fff;--st3:#9bffcf;--st-symbol:"♪"} .achievement-title-style-wall-maze{--st1:#ffd16f;--st2:#ff765c;--st3:#77e5ff;--st-symbol:"▦"} .achievement-title-style-note-ocean{--st1:#75efff;--st2:#397fff;--st3:#7effbf;--st-symbol:"≈"} .achievement-title-style-million-notes{--st1:#ffe58a;--st2:#61dfff;--st3:#d286ff;--st-symbol:"M"} .achievement-title-style-wall-precision{--st1:#ffffff;--st2:#77e8ff;--st3:#ffd56d;--st-symbol:"◎"} /* New name effects use their own restrained moving gradient rather than generic recolors. */ :is(#player-detail-view,#achievements-content) :is(.profile-name,.achievement-cosmetic-preview,.achievement-loadout-name)[class*="achievement-name-style-"] { --sn1:#75efff;--sn2:#7c72ff;--sn3:#ff7ec8; background:linear-gradient(100deg,var(--sn1),#fff 28%,var(--sn2) 50%,var(--sn3) 72%,var(--sn1))!important; background-size:260% 100%!important;background-clip:text!important;-webkit-background-clip:text!important; color:transparent!important;-webkit-text-fill-color:transparent!important; text-shadow:0 0 14px color-mix(in srgb,var(--sn1) 30%,transparent)!important; animation:achievementStyleNameFlow 5.2s ease-in-out infinite!important; } .achievement-name-style-double-trail{--sn1:#6cefff;--sn2:#6078ff;--sn3:#ff72c3} .achievement-name-style-crossed-blades{--sn1:#e9fdff;--sn2:#49dcff;--sn3:#ff55b8} .achievement-name-style-double-stable{--sn1:#7ef1ff;--sn2:#55a9ff;--sn3:#82ff9b} .achievement-name-style-feet-trail{--sn1:#83ffd0;--sn2:#2ec5a3;--sn3:#ffe26b} .achievement-name-style-one-trail{--sn1:#d6fbff;--sn2:#5caeff;--sn3:#a486ff} .achievement-name-style-no-arrow{--sn1:#affaff;--sn2:#7a7dff;--sn3:#ff8bc8} .achievement-name-style-changer{--sn1:#5feaff;--sn2:#a172ff;--sn3:#ffd26e} .achievement-name-style-traveler{--sn1:#70eaff;--sn2:#568bff;--sn3:#72ffc4} .achievement-name-style-special-combo{--sn1:#ffe178;--sn2:#ff7865;--sn3:#72eaff} .achievement-name-style-special-long{--sn1:#70ecff;--sn2:#506fff;--sn3:#6effc8} .achievement-name-style-special-mapper{--sn1:#a1efff;--sn2:#8a72ff;--sn3:#ff8bd8} .achievement-name-style-special-notes{--sn1:#70f2ff;--sn2:#4b8cff;--sn3:#91ffc8} .achievement-name-style-wall-maze{--sn1:#ffd36d;--sn2:#ff735a;--sn3:#72e4ff} .achievement-name-style-note-ocean{--sn1:#72efff;--sn2:#3a80ff;--sn3:#76ffbd} /* Canonical frame renderer palettes; geometry is selected by achievementVisualStyle. */ .achievement-frame-style-double-trail{--achievement-frame-c1:#d9fbff;--achievement-frame-c2:#56ddff;--achievement-frame-c3:#6d70ff;--achievement-frame-glow:rgba(70,214,255,.44)} .achievement-frame-style-crossed-blades{--achievement-frame-c1:#ffffff;--achievement-frame-c2:#50e4ff;--achievement-frame-c3:#ff5abb;--achievement-frame-glow:rgba(91,220,255,.56)} .achievement-frame-style-double-stable{--achievement-frame-c1:#dffff0;--achievement-frame-c2:#62dfff;--achievement-frame-c3:#6dffa0;--achievement-frame-glow:rgba(83,225,201,.46)} .achievement-frame-style-feet-trail{--achievement-frame-c1:#dcfff1;--achievement-frame-c2:#52e2b8;--achievement-frame-c3:#ffd66b;--achievement-frame-glow:rgba(61,222,173,.44)} .achievement-frame-style-one-trail{--achievement-frame-c1:#eefeff;--achievement-frame-c2:#67cfff;--achievement-frame-c3:#9c7dff;--achievement-frame-glow:rgba(92,194,255,.50)} .achievement-frame-style-no-arrow{--achievement-frame-c1:#d9fbff;--achievement-frame-c2:#7b83ff;--achievement-frame-c3:#ff83c8;--achievement-frame-glow:rgba(114,130,255,.46)} .achievement-frame-style-changer{--achievement-frame-c1:#dcfbff;--achievement-frame-c2:#7ee6ff;--achievement-frame-c3:#d28aff;--achievement-frame-glow:rgba(151,112,255,.46)} .achievement-frame-style-traveler{--achievement-frame-c1:#dcfbff;--achievement-frame-c2:#5dbaff;--achievement-frame-c3:#73ffc4;--achievement-frame-glow:rgba(76,173,255,.43)} .achievement-frame-style-special-ss{--achievement-frame-c1:#fffbd0;--achievement-frame-c2:#72e8ff;--achievement-frame-c3:#d982ff;--achievement-frame-glow:rgba(115,226,255,.55)} .achievement-frame-style-double-one{--achievement-frame-c1:#e8fdff;--achievement-frame-c2:#62dcff;--achievement-frame-c3:#ff6abc;--achievement-frame-glow:rgba(96,207,255,.53)} .achievement-frame-style-four-styles{--achievement-frame-c1:#fff2a9;--achievement-frame-c2:#6ee8ff;--achievement-frame-c3:#b87dff;--achievement-frame-glow:rgba(139,117,255,.53)} .achievement-frame-style-special-long{--achievement-frame-c1:#dffff7;--achievement-frame-c2:#68eaff;--achievement-frame-c3:#6577ff;--achievement-frame-glow:rgba(74,181,255,.44)} .achievement-frame-style-special-mapper{--achievement-frame-c1:#effaff;--achievement-frame-c2:#9a84ff;--achievement-frame-c3:#ff8ed9;--achievement-frame-glow:rgba(153,120,255,.46)} .achievement-frame-style-wall-maze{--achievement-frame-c1:#fff0b1;--achievement-frame-c2:#ffb957;--achievement-frame-c3:#71dcff;--achievement-frame-glow:rgba(255,159,66,.43)} .achievement-frame-style-note-ocean{--achievement-frame-c1:#dcffff;--achievement-frame-c2:#56dfff;--achievement-frame-c3:#5c86ff;--achievement-frame-glow:rgba(66,205,255,.48)} .achievement-frame-style-million-notes{--achievement-frame-c1:#fff4b0;--achievement-frame-c2:#75dfff;--achievement-frame-c3:#c985ff;--achievement-frame-glow:rgba(118,202,255,.52)} .achievement-frame-style-wall-precision{--achievement-frame-c1:#ffffff;--achievement-frame-c2:#6ce8ff;--achievement-frame-c3:#ffd267;--achievement-frame-glow:rgba(99,225,255,.58)} /* Profile effects: ten distinct bounded visual systems. */ body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-style-"], :is(#player-detail-view,#achievements-content) :is(.achievement-loadout-preview,.achievement-profile-effect-preview)[class*="achievement-profile-effect-style-"] { border-color:color-mix(in srgb,var(--se1,#72eaff) 64%,transparent)!important; background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--se1,#72eaff) 20%,transparent),transparent 38%),radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--se2,#9b78ff) 17%,transparent),transparent 42%),linear-gradient(135deg,#081421,#090918)!important; box-shadow:inset 0 0 48px color-mix(in srgb,var(--se1,#72eaff) 10%,transparent),0 0 25px color-mix(in srgb,var(--se2,#9b78ff) 14%,transparent)!important; } body #player-detail-view .profile-hero.profile-hero-v182[class*="achievement-profile-effect-style-"] > .achievement-profile-visual, :is(#player-detail-view,#achievements-content) :is(.achievement-loadout-preview,.achievement-profile-effect-preview)[class*="achievement-profile-effect-style-"] > .achievement-profile-visual { overflow:hidden!important;border-radius:inherit!important;contain:paint!important; background:radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--se1,#72eaff) 20%,transparent),transparent 38%),radial-gradient(circle at 82% 86%,color-mix(in srgb,var(--se2,#9b78ff) 17%,transparent),transparent 42%)!important; } .achievement-profile-effect-style-crossed-blades{--se1:#62eaff;--se2:#ff5dbc} .achievement-profile-effect-style-crossed-blades .achievement-profile-visual::before, .achievement-profile-effect-style-crossed-blades .achievement-profile-visual::after{content:"";position:absolute;left:50%;top:-35%;width:4px;height:170%;background:linear-gradient(transparent,#fff,var(--se1),transparent);box-shadow:0 0 16px var(--se1);transform:rotate(31deg);animation:achievementStyleBladePulse 3.2s ease-in-out infinite} .achievement-profile-effect-style-crossed-blades .achievement-profile-visual::after{transform:rotate(-31deg);background:linear-gradient(transparent,#fff,var(--se2),transparent);box-shadow:0 0 16px var(--se2);animation-delay:-1.6s} .achievement-profile-effect-style-feet-ss{--se1:#65f0bd;--se2:#ffd56a} .achievement-profile-effect-style-feet-ss .achievement-profile-visual::before{content:"";position:absolute;left:7%;right:7%;bottom:7%;height:38%;border-radius:50%;border:2px solid color-mix(in srgb,var(--se1) 65%,transparent);box-shadow:0 0 22px var(--se1),inset 0 0 20px color-mix(in srgb,var(--se2) 20%,transparent);transform:scaleY(.35);animation:achievementStyleGroundRing 3.8s ease-out infinite} .achievement-profile-effect-style-feet-ss .achievement-profile-particle{color:#fff0a0;animation:achievementSparkRise 3.1s ease-out infinite} .achievement-profile-effect-style-one-ss{--se1:#8eeaff;--se2:#9d7fff} .achievement-profile-effect-style-one-ss .achievement-profile-visual::before{content:"";position:absolute;left:-10%;top:48%;width:120%;height:3px;background:linear-gradient(90deg,transparent,var(--se1),#fff,var(--se2),transparent);box-shadow:0 0 18px var(--se1);transform:rotate(-13deg);animation:achievementStyleSingleArc 4.1s ease-in-out infinite} .achievement-profile-effect-style-one-ss .achievement-profile-orbit{opacity:.35;border-color:color-mix(in srgb,var(--se2) 70%,transparent);animation:achievementOrbit 13s linear infinite} .achievement-profile-effect-style-special-ss{--se1:#fff1a0;--se2:#79dfff} .achievement-profile-effect-style-special-ss .achievement-profile-visual::before{content:"";position:absolute;inset:9%;border:1px solid color-mix(in srgb,var(--se1) 58%,transparent);clip-path:polygon(50% 0,100% 28%,82% 100%,18% 100%,0 28%);box-shadow:inset 0 0 22px color-mix(in srgb,var(--se2) 18%,transparent);animation:achievementStylePrecisionField 4.8s ease-in-out infinite} .achievement-profile-effect-style-special-ss .achievement-profile-scan{opacity:.58;inset:0;background:linear-gradient(105deg,transparent 0 43%,rgba(255,255,255,.18) 49%,transparent 55%);animation:achievementPrestigeScanLine 5.8s linear infinite} .achievement-profile-effect-style-beyond-hands{--se1:#72f2bd;--se2:#69c8ff} .achievement-profile-effect-style-beyond-hands .achievement-profile-visual::before{content:"⌁ ⌁";position:absolute;left:50%;bottom:4%;transform:translateX(-50%);color:color-mix(in srgb,var(--se1) 70%,transparent);font-size:42px;letter-spacing:36px;text-shadow:0 0 18px var(--se1);animation:achievementStyleFootLift 4.4s ease-in-out infinite} .achievement-profile-effect-style-beyond-hands .achievement-profile-visual::after{content:"";position:absolute;left:50%;bottom:0;width:2px;height:80%;background:linear-gradient(transparent,var(--se2),transparent);box-shadow:0 0 18px var(--se2);animation:achievementStyleVerticalBreath 4.4s ease-in-out infinite} .achievement-profile-effect-style-four-styles{--se1:#72eaff;--se2:#b47cff} .achievement-profile-effect-style-four-styles .achievement-profile-visual::before{content:"";position:absolute;inset:-28%;background:conic-gradient(from 0deg,transparent 0 9%,rgba(91,226,255,.22) 10% 20%,transparent 21% 34%,rgba(183,118,255,.20) 35% 45%,transparent 46% 59%,rgba(255,207,91,.20) 60% 70%,transparent 71% 84%,rgba(105,255,172,.18) 85% 95%,transparent 96%);animation:achievementPrismSweep 14s linear infinite} .achievement-profile-effect-style-four-styles .achievement-profile-orbit{opacity:.55;border-color:color-mix(in srgb,var(--se1) 65%,transparent);animation:achievementOrbitReverse 11s linear infinite} .achievement-profile-effect-style-special-combo{--se1:#ffd66f;--se2:#ff755f} .achievement-profile-effect-style-special-combo .achievement-profile-visual::before{content:"300 · 700 · 1000";position:absolute;left:0;right:0;top:44%;color:color-mix(in srgb,var(--se1) 45%,transparent);font-family:ui-monospace,monospace;font-size:13px;letter-spacing:5px;text-align:center;text-shadow:0 0 14px var(--se2);animation:achievementStyleChainCharge 3.7s ease-in-out infinite} .achievement-profile-effect-style-special-combo .achievement-profile-orbit{opacity:.58;border-style:dashed;border-color:color-mix(in srgb,var(--se2) 65%,transparent);animation:achievementOrbit 9s linear infinite} .achievement-profile-effect-style-special-notes{--se1:#64eaff;--se2:#75ffbf} .achievement-profile-effect-style-special-notes .achievement-profile-visual::before{content:"♪ · ♪ · ♪ · ♪";position:absolute;left:-20%;right:-20%;top:22%;color:color-mix(in srgb,var(--se1) 42%,transparent);font-size:23px;letter-spacing:24px;text-shadow:0 0 12px var(--se1);animation:achievementStyleNoteCurrent 7s linear infinite} .achievement-profile-effect-style-special-notes .achievement-profile-scan{opacity:.52;inset:0;background:repeating-linear-gradient(0deg,transparent 0 15px,color-mix(in srgb,var(--se2) 9%,transparent) 15px 16px);animation:achievementStyleWaterScroll 7s linear infinite} .achievement-profile-effect-style-million-notes{--se1:#ffe07a;--se2:#7adfff} .achievement-profile-effect-style-million-notes .achievement-profile-visual::before{content:"000100 001000 010000 100000 1000000";position:absolute;inset:-30px 0;color:color-mix(in srgb,var(--se2) 24%,transparent);font-family:ui-monospace,monospace;font-size:12px;line-height:25px;letter-spacing:5px;word-break:break-all;background:repeating-linear-gradient(180deg,transparent 0 23px,color-mix(in srgb,var(--se1) 7%,transparent) 23px 25px);animation:achievementStyleArchiveScroll 9s linear infinite} .achievement-profile-effect-style-million-notes .achievement-profile-visual::after{content:"1,000,000";position:absolute;right:7%;bottom:8%;color:color-mix(in srgb,var(--se1) 56%,transparent);font-family:ui-monospace,monospace;font-size:18px;text-shadow:0 0 13px var(--se1)} .achievement-profile-effect-style-wall-precision{--se1:#72eaff;--se2:#ffd06a} .achievement-profile-effect-style-wall-precision .achievement-profile-visual::before{content:"";position:absolute;inset:7%;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--se2) 13%,transparent) 0 3px,transparent 3px 45px);clip-path:polygon(0 0,16% 0,16% 38%,38% 38%,38% 0,62% 0,62% 54%,84% 54%,84% 0,100% 0,100% 100%,0 100%);animation:achievementStyleCorridor 6s ease-in-out infinite} .achievement-profile-effect-style-wall-precision .achievement-profile-visual::after{content:"";position:absolute;left:5%;right:5%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--se1),#fff,var(--se2),transparent);box-shadow:0 0 16px var(--se1);animation:achievementStylePrecisionBeam 3.4s ease-in-out infinite} @keyframes achievementStyleTitleSweep{0%,20%{transform:translateX(-125%)}65%,100%{transform:translateX(125%)}} @keyframes achievementStyleCrossSweep{0%,20%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}} @keyframes achievementStyleGroundPulse{0%,100%{opacity:.35;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.35)}} @keyframes achievementStyleRoute{from{background-position:0 0}to{background-position:90px 0}} @keyframes achievementStyleNameFlow{0%,100%{background-position:0 0;filter:brightness(1)}50%{background-position:100% 0;filter:brightness(1.14)}} @keyframes achievementStyleBladePulse{0%,100%{opacity:.35;filter:brightness(.85)}50%{opacity:1;filter:brightness(1.3)}} @keyframes achievementStyleGroundRing{0%{opacity:0;transform:scale(.35,.16)}35%{opacity:.85}100%{opacity:0;transform:scale(1.35,.55)}} @keyframes achievementStyleSingleArc{0%,100%{transform:translateX(-6%) rotate(-13deg);opacity:.45}50%{transform:translateX(6%) rotate(-13deg);opacity:1}} @keyframes achievementStylePrecisionField{0%,100%{opacity:.38;filter:brightness(.9)}50%{opacity:.9;filter:brightness(1.3)}} @keyframes achievementStyleFootLift{0%,100%{transform:translate(-50%,5px);opacity:.35}50%{transform:translate(-50%,-8px);opacity:.85}} @keyframes achievementStyleVerticalBreath{0%,100%{opacity:.25;transform:scaleY(.7)}50%{opacity:.9;transform:scaleY(1)}} @keyframes achievementStyleChainCharge{0%,100%{opacity:.28;letter-spacing:4px}50%{opacity:.88;letter-spacing:7px}} @keyframes achievementStyleNoteCurrent{from{transform:translateX(-12%)}to{transform:translateX(12%)}} @keyframes achievementStyleWaterScroll{from{background-position:0 0}to{background-position:0 96px}} @keyframes achievementStyleArchiveScroll{from{transform:translateY(-18px)}to{transform:translateY(18px)}} @keyframes achievementStyleCorridor{0%,100%{opacity:.35;transform:perspective(300px) rotateX(0deg)}50%{opacity:.75;transform:perspective(300px) rotateX(3deg)}} @keyframes achievementStylePrecisionBeam{0%,100%{opacity:.35;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}} /* v30.0.247: per-achievement chart motifs on the canonical cosmetic layers. */ .achievement-title-style-double-start::after{transform:none!important;background:repeating-linear-gradient(90deg,transparent 0 17px,color-mix(in srgb,var(--st1) 18%,transparent) 17px 19px,transparent 19px 37px,color-mix(in srgb,var(--st3) 15%,transparent) 37px 39px)!important;animation:achievementThemeTwinRails 6s linear infinite!important} .achievement-title-style-double-journey::after{transform:none!important;background:repeating-linear-gradient(90deg,transparent 0 12px,color-mix(in srgb,var(--st1) 15%,transparent) 12px 13px)!important;animation:achievementStyleRoute 7s linear infinite!important} .achievement-title-style-crossed-blades::after,.achievement-title-style-double-one::after{background:linear-gradient(72deg,transparent 0 43%,color-mix(in srgb,var(--st1) 34%,transparent) 45% 47%,transparent 49% 52%,color-mix(in srgb,var(--st3) 30%,transparent) 54% 56%,transparent 58%)!important;animation:achievementStyleCrossSweep 4.2s ease-in-out infinite!important} .achievement-title-style-double-stability::after{transform:none!important;inset:auto 9% 2px!important;height:3px!important;background:linear-gradient(90deg,transparent,var(--st1),var(--st3),var(--st1),transparent)!important;animation:achievementStyleGroundPulse 3.4s ease-in-out infinite!important} .achievement-title-style-feet-start::after,.achievement-title-style-feet-journey::after,.achievement-title-style-feet-ss::after,.achievement-title-style-beyond-hands::after{transform:none!important;inset:auto 8% 1px!important;height:9px!important;background:radial-gradient(ellipse at 25% 50%,color-mix(in srgb,var(--st1) 27%,transparent) 0 3px,transparent 3.5px),radial-gradient(ellipse at 75% 50%,color-mix(in srgb,var(--st3) 24%,transparent) 0 3px,transparent 3.5px)!important;background-size:42px 9px!important;animation:achievementThemeFootsteps 5s linear infinite!important} .achievement-title-style-one-start::after,.achievement-title-style-one-journey::after,.achievement-title-style-one-ss::after{background:linear-gradient(108deg,transparent 0 44%,color-mix(in srgb,var(--st1) 30%,transparent) 47% 49%,color-mix(in srgb,var(--st3) 20%,transparent) 50%,transparent 53%)!important;animation:achievementThemeSingleSlash 4.8s ease-in-out infinite!important} .achievement-title-style-no-arrow::after{transform:none!important;background:radial-gradient(circle,color-mix(in srgb,var(--st1) 20%,transparent) 0 1.5px,transparent 2px) 0 0/17px 17px!important;animation:achievementThemeDrift 8s linear infinite!important} .achievement-title-style-changer::before,.achievement-title-style-four-styles::before{border-radius:50%!important;background:conic-gradient(from 0deg,color-mix(in srgb,var(--st1) 25%,rgba(3,10,19,.84)),color-mix(in srgb,var(--st2) 22%,rgba(3,10,19,.84)),color-mix(in srgb,var(--st3) 25%,rgba(3,10,19,.84)),color-mix(in srgb,#74ffc1 20%,rgba(3,10,19,.84)),color-mix(in srgb,var(--st1) 25%,rgba(3,10,19,.84)))!important;animation:achievementThemeSpin 7s linear infinite!important} .achievement-title-style-traveler::after{transform:none!important;background:linear-gradient(90deg,transparent 0 12%,color-mix(in srgb,var(--st3) 17%,transparent) 13% 15%,transparent 16% 40%,color-mix(in srgb,var(--st1) 16%,transparent) 41% 43%,transparent 44% 68%,color-mix(in srgb,var(--st2) 17%,transparent) 69% 71%,transparent)!important;animation:achievementThemeRoute 7s linear infinite!important} .achievement-title-style-special-ss::after,.achievement-title-style-wall-precision::after{transform:none!important;background:linear-gradient(90deg,transparent,var(--st1),#fff,var(--st3),transparent)!important;opacity:.52!important;animation:achievementStylePrecisionBeam 3.2s ease-in-out infinite!important} .achievement-title-style-special-combo::after{transform:none!important;background:repeating-linear-gradient(90deg,transparent 0 23px,color-mix(in srgb,var(--st1) 16%,transparent) 23px 26px)!important;animation:achievementThemeComboTicks 5s linear infinite!important} .achievement-title-style-special-long::after{transform:none!important;inset:auto 8% 2px!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--st1),var(--st2),transparent)!important;opacity:.42!important;animation:achievementThemeHorizon 5.8s ease-in-out infinite!important} .achievement-title-style-special-mapper::after{transform:none!important;background:radial-gradient(circle at 16px 50%,color-mix(in srgb,var(--st1) 20%,transparent) 0 2px,transparent 2.5px),radial-gradient(circle at 47px 35%,color-mix(in srgb,var(--st3) 18%,transparent) 0 1.5px,transparent 2px)!important;background-size:64px 100%!important;animation:achievementThemeStars 8s linear infinite!important} .achievement-title-style-special-notes::after{transform:none!important;background:linear-gradient(180deg,transparent 0 35%,color-mix(in srgb,var(--st1) 16%,transparent) 36% 38%,transparent 39% 62%,color-mix(in srgb,var(--st3) 13%,transparent) 63% 65%,transparent 66%)!important;animation:achievementThemeStaff 6s linear infinite!important} .achievement-title-style-wall-maze::after{transform:none!important;background:repeating-linear-gradient(90deg,transparent 0 12px,color-mix(in srgb,var(--st1) 14%,transparent) 12px 14px),repeating-linear-gradient(180deg,transparent 0 8px,color-mix(in srgb,var(--st3) 10%,transparent) 8px 9px)!important;animation:achievementThemeMaze 8s linear infinite!important} .achievement-title-style-note-ocean::after{transform:none!important;background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 12px,color-mix(in srgb,var(--st1) 13%,transparent) 13px 14px,transparent 15px 28px)!important;animation:achievementThemeOcean 7s linear infinite!important} .achievement-title-style-million-notes::after{transform:none!important;background:repeating-linear-gradient(90deg,transparent 0 13px,color-mix(in srgb,var(--st2) 13%,transparent) 13px 14px)!important;animation:achievementThemeData 8s linear infinite!important} .achievement-frame-style-double-trail>.achievement-frame-render::after{content:"";left:12%;right:12%;top:-2px;height:2px;background:repeating-linear-gradient(90deg,var(--achievement-frame-c2) 0 12px,transparent 12px 22px,var(--achievement-frame-c3) 22px 34px,transparent 34px 44px)!important;animation:achievementThemeTwinRails 7s linear infinite!important} .achievement-frame-style-crossed-blades>.achievement-frame-render::before,.achievement-frame-style-double-one>.achievement-frame-render::before{content:"";inset:8%;background:linear-gradient(45deg,transparent 0 48%,color-mix(in srgb,var(--achievement-frame-c2) 24%,transparent) 49% 51%,transparent 52%),linear-gradient(-45deg,transparent 0 48%,color-mix(in srgb,var(--achievement-frame-c3) 22%,transparent) 49% 51%,transparent 52%)!important} .achievement-frame-style-double-stable>.achievement-frame-render::after{content:"";left:10%;right:10%;top:auto!important;bottom:5px;height:2px;background:linear-gradient(90deg,transparent,var(--achievement-frame-c2),var(--achievement-frame-c3),var(--achievement-frame-c2),transparent)!important;animation:achievementStyleGroundPulse 3.8s ease-in-out infinite!important} .achievement-frame-style-feet-trail>.achievement-frame-render::after{content:"";left:10%;right:10%;bottom:5px;height:10px;background:radial-gradient(ellipse at 25% 50%,color-mix(in srgb,var(--achievement-frame-c2) 28%,transparent) 0 3px,transparent 3.5px),radial-gradient(ellipse at 75% 50%,color-mix(in srgb,var(--achievement-frame-c3) 24%,transparent) 0 3px,transparent 3.5px)!important;background-size:45px 10px!important;animation:achievementThemeFootsteps 5.4s linear infinite!important} .achievement-frame-style-one-trail>.achievement-frame-render::before{content:"";inset:7%;background:linear-gradient(108deg,transparent 0 48%,color-mix(in srgb,var(--achievement-frame-c2) 25%,transparent) 49% 51%,transparent 52%)!important;animation:achievementThemeSingleSlash 5.4s ease-in-out infinite!important} .achievement-frame-style-no-arrow>.achievement-frame-render::before{content:"";inset:5%;background:radial-gradient(circle,color-mix(in srgb,var(--achievement-frame-c2) 18%,transparent) 0 1.5px,transparent 2px) 0 0/18px 18px!important;animation:achievementThemeDrift 8.5s linear infinite!important} .achievement-frame-style-changer>.achievement-frame-render::before,.achievement-frame-style-four-styles>.achievement-frame-render::before{content:"";inset:8%;border-radius:50%;background:conic-gradient(from 0deg,color-mix(in srgb,var(--achievement-frame-c1) 12%,transparent),color-mix(in srgb,var(--achievement-frame-c2) 14%,transparent),color-mix(in srgb,var(--achievement-frame-c3) 16%,transparent),transparent 70%)!important;animation:achievementThemeSpin 11s linear infinite!important} .achievement-frame-style-traveler>.achievement-frame-render::after{content:"";left:8%;right:8%;bottom:6px;height:2px;background:repeating-linear-gradient(90deg,var(--achievement-frame-c2) 0 7px,transparent 7px 16px)!important;animation:achievementThemeRoute 8s linear infinite!important} .achievement-frame-style-special-ss>.achievement-frame-render::after,.achievement-frame-style-wall-precision>.achievement-frame-render::after{content:"";left:7%;right:7%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--achievement-frame-c2),#fff,var(--achievement-frame-c3),transparent)!important;animation:achievementStylePrecisionBeam 3.3s ease-in-out infinite!important} .achievement-frame-style-special-long>.achievement-frame-render::after{content:"";left:8%;right:8%;top:50%;bottom:auto!important;height:1px;transform:none!important;background:linear-gradient(90deg,transparent,var(--achievement-frame-c2),transparent)!important;animation:achievementThemeHorizon 6s ease-in-out infinite!important} .achievement-frame-style-special-mapper>.achievement-frame-render::before{content:"";inset:6%;background:radial-gradient(circle at 18% 25%,color-mix(in srgb,var(--achievement-frame-c1) 40%,transparent) 0 2px,transparent 2.5px),radial-gradient(circle at 72% 62%,color-mix(in srgb,var(--achievement-frame-c3) 35%,transparent) 0 1.5px,transparent 2px),radial-gradient(circle at 42% 78%,color-mix(in srgb,var(--achievement-frame-c2) 32%,transparent) 0 1.5px,transparent 2px)!important;animation:achievementThemeStars 9s linear infinite!important} .achievement-frame-style-wall-maze>.achievement-frame-render::before{content:"";inset:4%;background:repeating-linear-gradient(90deg,transparent 0 14px,color-mix(in srgb,var(--achievement-frame-c2) 15%,transparent) 14px 16px),repeating-linear-gradient(180deg,transparent 0 9px,color-mix(in srgb,var(--achievement-frame-c3) 10%,transparent) 9px 10px)!important;animation:achievementThemeMaze 9s linear infinite!important} .achievement-frame-style-note-ocean>.achievement-frame-render::before{content:"";inset:5%;background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 15px,color-mix(in srgb,var(--achievement-frame-c2) 14%,transparent) 16px 17px,transparent 18px 31px)!important;animation:achievementThemeOcean 8s linear infinite!important} .achievement-frame-style-million-notes>.achievement-frame-render::after{content:"1M"!important;left:auto!important;right:8px;bottom:7px;width:38px;height:18px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--achievement-frame-c2) 16%,transparent)!important;color:var(--achievement-frame-c1)!important;font:700 11px/1 ui-monospace,monospace;letter-spacing:2px;box-shadow:0 0 10px var(--achievement-frame-glow)!important} .achievement-profile-effect-style-crossed-blades .achievement-profile-particle{color:#dffcff;animation:achievementThemeBladeSpark 3s ease-in-out infinite} .achievement-profile-effect-style-feet-ss .achievement-profile-particle{color:#fff0a0;animation:achievementThemeGroundSpark 3.3s ease-out infinite} .achievement-profile-effect-style-one-ss .achievement-profile-particle{color:#c8edff;animation:achievementThemeSingleSpark 3.8s ease-in-out infinite} .achievement-profile-effect-style-special-ss .achievement-profile-particle{color:#fff3b0;animation:achievementThemePrecisionSpark 3.5s ease-in-out infinite} .achievement-profile-effect-style-beyond-hands .achievement-profile-scan{opacity:.32;inset:0;background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,var(--se1) 8%,transparent) 22px 23px)!important;animation:achievementThemeFootsteps 6s linear infinite} .achievement-profile-effect-style-four-styles .achievement-profile-particle{animation:achievementThemePrismBlink 4.8s ease-in-out infinite} .achievement-profile-effect-style-special-combo .achievement-profile-particle{color:#ffe09a;animation:achievementThemeComboSpark 3.2s ease-out infinite} .achievement-profile-effect-style-special-notes .achievement-profile-particle{color:#b8fff0;animation:achievementThemeNoteDrift 6.5s linear infinite} .achievement-profile-effect-style-million-notes .achievement-profile-particle{animation:achievementThemeDataBlink 4.2s linear infinite} .achievement-profile-effect-style-wall-precision .achievement-profile-particle{color:#fff1ad;animation:achievementThemePrecisionSpark 3.2s ease-in-out infinite} @keyframes achievementThemeTwinRails{from{background-position:0 0}to{background-position:88px 0}} @keyframes achievementThemeFootsteps{from{background-position:0 0}to{background-position:84px 0}} @keyframes achievementThemeSingleSlash{0%,15%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}} @keyframes achievementThemeDrift{from{background-position:0 0}to{background-position:51px 17px}} @keyframes achievementThemeSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @keyframes achievementThemeRoute{from{background-position:0 0}to{background-position:92px 0}} @keyframes achievementThemeComboTicks{from{background-position:0 0}to{background-position:78px 0}} @keyframes achievementThemeHorizon{0%,100%{opacity:.25;transform:scaleX(.72)}50%{opacity:.72;transform:scaleX(1)}} @keyframes achievementThemeStars{from{background-position:0 0}to{background-position:64px 0}} @keyframes achievementThemeStaff{from{background-position:0 0}to{background-position:0 58px}} @keyframes achievementThemeMaze{from{background-position:0 0,0 0}to{background-position:80px 0,0 45px}} @keyframes achievementThemeOcean{from{background-position:0 0}to{background-position:62px 0}} @keyframes achievementThemeData{from{background-position:0 0}to{background-position:70px 0}} @keyframes achievementThemeBladeSpark{0%,100%{transform:translateY(7px);opacity:.2}50%{transform:translateY(-10px);opacity:.95}} @keyframes achievementThemeGroundSpark{0%{transform:translateY(7px) scale(.7);opacity:.1}45%{opacity:.9}100%{transform:translateY(-13px) scale(1);opacity:0}} @keyframes achievementThemeSingleSpark{0%,100%{transform:translate(0,6px);opacity:.2}50%{transform:translate(2px,-8px);opacity:.9}} @keyframes achievementThemePrecisionSpark{0%,100%{transform:translateY(5px);opacity:.18}50%{transform:translateY(-7px);opacity:.88}} @keyframes achievementThemePrismBlink{0%,100%{opacity:.18}50%{opacity:.82}} @keyframes achievementThemeComboSpark{0%{transform:scale(.3);opacity:0}45%{opacity:1}100%{transform:translateY(-14px) scale(1);opacity:0}} @keyframes achievementThemeNoteDrift{from{transform:translateX(-8px);opacity:.25}50%{opacity:.85}to{transform:translateX(8px);opacity:.25}} @keyframes achievementThemeDataBlink{0%,100%{opacity:.16}50%{opacity:.72}} /* v30.0.247 rendering audit fix. The public profile, combined loadout and option cards intentionally share one renderer. Specificity matches the canonical renderer so dedicated play-style designs cannot be replaced by the older generic name/title families. */ body #player-detail-view .profile-hero .profile-name[class*="achievement-name-style-"], body :is(#player-detail-view,#achievements-content) :is(.achievement-cosmetic-preview,.achievement-loadout-name)[class*="achievement-name-style-"]{ position:relative!important; background-image:var(--sn-bg,linear-gradient(100deg,#75efff,#fff 28%,#7c72ff 52%,#ff7ec8 76%,#75efff))!important; background-size:var(--sn-size,260% 100%)!important; background-position:var(--sn-position,0 0)!important;background-repeat:repeat!important; background-clip:text!important;-webkit-background-clip:text!important; color:transparent!important;-webkit-text-fill-color:transparent!important; -webkit-text-stroke:.32px rgba(255,255,255,.62)!important; text-shadow:var(--sn-shadow,0 0 14px rgba(117,239,255,.34))!important;animation:var(--sn-motion,achievementStyleNameFlow 5.2s ease-in-out infinite)!important; filter:saturate(1.12) brightness(1.06)!important; } body #player-detail-view .profile-hero .profile-name[class*="achievement-name-style-"]:is(.achievement-effect-level-1,.achievement-effect-level-2,.achievement-effect-level-3), body :is(#player-detail-view,#achievements-content) :is(.achievement-cosmetic-preview,.achievement-loadout-name)[class*="achievement-name-style-"]:is(.achievement-effect-level-1,.achievement-effect-level-2,.achievement-effect-level-3){ animation:var(--sn-motion,achievementStyleNameFlow 5.2s ease-in-out infinite)!important; filter:saturate(1.12) brightness(1.06)!important; } .achievement-name-style-double-trail{ --sn-bg:repeating-linear-gradient(104deg,#dffcff 0 7%,#54e7ff 8% 17%,#6478ff 18% 27%,#ff6fc5 28% 34%,#dffcff 35% 42%); --sn-size:250% 100%;--sn-shadow:0 0 9px rgba(82,226,255,.72),0 0 21px rgba(98,111,255,.42); --sn-motion:achievementNameTwinRails 4.8s linear infinite; } .achievement-name-style-crossed-blades{ --sn-bg:linear-gradient(72deg,transparent 0 18%,#ecffff 22% 27%,#47e5ff 31% 44%,#fff 48% 52%,#ff5cbb 57% 69%,#ecffff 75% 82%,transparent 86%),linear-gradient(108deg,#6aeaff,#506fff 45%,#ff65bd 55%,#6aeaff); --sn-size:220% 100%,240% 100%;--sn-shadow:0 0 8px rgba(255,255,255,.72),0 0 20px rgba(73,225,255,.62),0 0 30px rgba(255,82,184,.30); --sn-motion:achievementNameCrossCut 4.2s ease-in-out infinite; } .achievement-name-style-double-stable{ --sn-bg:linear-gradient(90deg,#73edff 0%,#eaffff 22%,#59b9ff 43%,#8dffa8 50%,#59b9ff 57%,#eaffff 78%,#73edff 100%); --sn-size:210% 100%;--sn-shadow:0 0 11px rgba(100,222,255,.58),0 0 23px rgba(125,255,163,.26); --sn-motion:achievementNameBalance 5.6s ease-in-out infinite; } .achievement-name-style-feet-trail{ --sn-bg:radial-gradient(ellipse at 8px 66%,#f5fff8 0 2px,#70ffd0 2.5px 5px,transparent 5.5px),linear-gradient(100deg,#89ffd4,#2ec5a3 42%,#ffe370 72%,#89ffd4); --sn-size:22px 100%,230% 100%;--sn-shadow:0 2px 0 rgba(16,102,82,.62),0 0 15px rgba(75,235,185,.58); --sn-motion:achievementNameFootsteps 5.2s linear infinite; } .achievement-name-style-one-trail{ --sn-bg:linear-gradient(112deg,transparent 0 37%,#fff 43% 48%,#64d9ff 50% 57%,#a181ff 61% 67%,transparent 73%),linear-gradient(100deg,#dcfbff,#5aaeff 52%,#a486ff,#dcfbff); --sn-size:230% 100%,230% 100%;--sn-shadow:0 0 10px rgba(102,207,255,.70),0 0 23px rgba(150,119,255,.32); --sn-motion:achievementNameSingleSlash 4.8s ease-in-out infinite; } .achievement-name-style-no-arrow{ --sn-bg:radial-gradient(circle,#dfffff 0 1.5px,transparent 2px),linear-gradient(100deg,#b8fbff,#777dff 48%,#ff8bc8 78%,#b8fbff); --sn-size:15px 15px,280% 100%;--sn-shadow:0 0 13px rgba(118,163,255,.56),0 0 25px rgba(255,124,199,.24); --sn-motion:achievementNameDirectionless 7.4s linear infinite; } .achievement-name-style-changer{ --sn-bg:linear-gradient(90deg,#55e9ff,#8b7aff,#ff6cc8,#ffd267,#73ffbd,#55e9ff); --sn-size:360% 100%;--sn-shadow:0 0 10px rgba(255,255,255,.36),0 0 22px rgba(146,112,255,.45); --sn-motion:achievementNameStyleSpectrum 4.6s linear infinite; } .achievement-name-style-traveler{ --sn-bg:repeating-linear-gradient(100deg,#dffcff 0 9%,#66dfff 10% 17%,transparent 18% 21%,#638cff 22% 31%,#77ffc1 32% 41%,#dffcff 42% 50%); --sn-size:280% 100%;--sn-shadow:0 0 12px rgba(86,187,255,.60),0 0 23px rgba(108,255,192,.25); --sn-motion:achievementNameCompassRoute 6.2s linear infinite; } .achievement-name-style-special-combo{ --sn-bg:repeating-linear-gradient(90deg,#fff1ae 0 8%,#ffd36b 9% 16%,#ff765f 17% 24%,#79eaff 25% 32%,transparent 33% 36%); --sn-size:190% 100%;--sn-shadow:0 0 9px rgba(255,205,91,.68),0 0 20px rgba(255,110,91,.38); --sn-motion:achievementNameComboChain 3.8s steps(12,end) infinite; } .achievement-name-style-special-long{ --sn-bg:linear-gradient(90deg,#70ecff 0%,#f2ffff 22%,#506fff 48%,#6effc8 74%,#f2ffff 84%,#70ecff 100%); --sn-size:320% 100%;--sn-shadow:0 0 11px rgba(91,206,255,.58),0 0 25px rgba(91,116,255,.28); --sn-motion:achievementNameLongHorizon 7.2s ease-in-out infinite; } .achievement-name-style-special-mapper{ --sn-bg:radial-gradient(circle at 7px 7px,#fff 0 1.2px,transparent 1.8px),radial-gradient(circle at 13px 5px,#ff9fe1 0 1px,transparent 1.6px),linear-gradient(100deg,#a1efff,#8973ff 50%,#ff8bd8 76%,#a1efff); --sn-size:19px 17px,27px 23px,300% 100%;--sn-shadow:0 0 9px rgba(222,246,255,.68),0 0 21px rgba(139,110,255,.50); --sn-motion:achievementNameMapperStars 8.5s linear infinite; } .achievement-name-style-special-notes{ --sn-bg:repeating-linear-gradient(0deg,transparent 0 5px,rgba(222,255,255,.86) 6px 7px,transparent 8px 12px),linear-gradient(100deg,#73f2ff,#fff 26%,#4b8cff 54%,#91ffc8 78%,#73f2ff); --sn-size:100% 13px,260% 100%;--sn-shadow:0 0 10px rgba(75,223,255,.64),0 0 22px rgba(102,255,193,.28); --sn-motion:achievementNameNoteStaff 5.8s linear infinite; } .achievement-name-style-wall-maze{ --sn-bg:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,237,177,.88) 8px 10px,transparent 10px 18px),repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,117,88,.74) 6px 8px,transparent 8px 14px),linear-gradient(100deg,#ffd36d,#ff735a 48%,#72e4ff 74%,#ffd36d); --sn-size:38px 100%,100% 28px,240% 100%;--sn-shadow:0 0 10px rgba(255,176,77,.66),0 0 22px rgba(255,105,83,.34); --sn-motion:achievementNameMazeGrid 6.4s linear infinite; } .achievement-name-style-note-ocean{ --sn-bg:repeating-radial-gradient(ellipse at 0 100%,transparent 0 9px,rgba(218,255,255,.92) 10px 11px,transparent 12px 20px),linear-gradient(100deg,#72efff,#eaffff 27%,#3a80ff 52%,#76ffbd 77%,#72efff); --sn-size:42px 100%,300% 100%;--sn-shadow:0 2px 0 rgba(17,83,140,.68),0 0 15px rgba(66,207,255,.62),0 0 26px rgba(80,255,185,.22); --sn-motion:achievementNameNoteTide 6.8s ease-in-out infinite; } /* Dedicated titles. The old generic visual family is no longer attached by JavaScript. */ body #player-detail-view .profile-hero .profile-achievement-title[class*="achievement-title-style-"], body :is(#player-detail-view,#achievements-content) :is(.achievement-title-preview,.achievement-loadout-title)[class*="achievement-title-style-"]{ display:inline-flex!important;align-items:center!important;gap:6px!important; position:relative!important;isolation:isolate!important;overflow:hidden!important; min-height:25px!important;max-width:100%!important; border-color:color-mix(in srgb,var(--st1) 74%,transparent)!important; border-style:var(--st-border-style,solid)!important; border-width:var(--st-border-width,1px)!important; border-radius:var(--st-radius,7px)!important; clip-path:var(--st-clip,none)!important; background:var(--st-bg,linear-gradient(120deg,color-mix(in srgb,var(--st1) 17%,#07101d),color-mix(in srgb,var(--st2) 14%,#0b0b20) 52%,color-mix(in srgb,var(--st3) 13%,#120818)))!important; color:#f5fbff!important;padding:5px 11px 5px 8px!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 0 17px color-mix(in srgb,var(--st2) 13%,transparent),0 0 16px color-mix(in srgb,var(--st1) 23%,transparent)!important; text-shadow:0 1px 6px rgba(0,0,0,.78)!important; } body #player-detail-view .profile-hero .profile-achievement-title[class*="achievement-title-style-"]::before, body :is(#player-detail-view,#achievements-content) :is(.achievement-title-preview,.achievement-loadout-title)[class*="achievement-title-style-"]::before{ content:var(--st-symbol)!important;position:relative!important;inset:auto!important; display:inline-grid!important;place-items:center!important;flex:0 0 var(--st-icon-size,19px)!important; width:var(--st-icon-size,19px)!important;height:var(--st-icon-size,19px)!important; border:1px solid color-mix(in srgb,var(--st1) 72%,transparent)!important; border-radius:var(--st-icon-radius,5px)!important; background:var(--st-icon-bg,color-mix(in srgb,var(--st2) 17%,rgba(3,10,19,.88)))!important; color:var(--st1)!important;font-size:var(--st-icon-font,10px)!important; text-shadow:0 0 8px var(--st1)!important;opacity:1!important; animation:var(--st-icon-motion,none)!important; } body #player-detail-view .profile-hero .profile-achievement-title[class*="achievement-title-style-"]::after, body :is(#player-detail-view,#achievements-content) :is(.achievement-title-preview,.achievement-loadout-title)[class*="achievement-title-style-"]::after{ content:""!important;position:absolute!important;z-index:-1!important;inset:0!important; width:auto!important;height:auto!important;border:0!important;border-radius:inherit!important; background:var(--st-overlay,linear-gradient(105deg,transparent 0 39%,color-mix(in srgb,var(--st1) 20%,transparent) 47%,color-mix(in srgb,var(--st3) 15%,transparent) 52%,transparent 60%))!important; background-size:var(--st-overlay-size,100% 100%)!important; opacity:var(--st-overlay-opacity,.82)!important;pointer-events:none!important; transform:none!important;animation:var(--st-overlay-motion,achievementStyleTitleSweep 5.8s ease-in-out infinite)!important; } /* Title silhouettes. */ :is(.achievement-title-style-double-start,.achievement-title-style-double-journey,.achievement-title-style-crossed-blades,.achievement-title-style-double-stability,.achievement-title-style-one-start,.achievement-title-style-one-journey,.achievement-title-style-one-ss,.achievement-title-style-double-one,.achievement-title-style-special-combo){--st-radius:0;--st-border-width:1px 2px;--st-clip:polygon(7px 0,calc(100% - 3px) 0,100% 5px,calc(100% - 7px) 100%,3px 100%,0 calc(100% - 5px))} :is(.achievement-title-style-feet-start,.achievement-title-style-feet-journey,.achievement-title-style-feet-ss,.achievement-title-style-beyond-hands){--st-radius:11px 11px 4px 4px;--st-border-width:1px 1px 3px} :is(.achievement-title-style-no-arrow,.achievement-title-style-changer,.achievement-title-style-traveler,.achievement-title-style-special-mapper,.achievement-title-style-four-styles){--st-radius:3px 13px 3px 13px;--st-border-style:double;--st-border-width:3px} :is(.achievement-title-style-special-ss,.achievement-title-style-wall-precision,.achievement-title-style-million-notes){--st-radius:12px 4px 12px 4px;--st-border-style:double;--st-border-width:3px} :is(.achievement-title-style-special-long,.achievement-title-style-special-notes,.achievement-title-style-note-ocean){--st-radius:999px 5px 999px 5px} .achievement-title-style-wall-maze{--st-radius:2px;--st-border-style:dashed;--st-bg:repeating-linear-gradient(90deg,color-mix(in srgb,var(--st1) 10%,#09121f) 0 12px,color-mix(in srgb,var(--st2) 10%,#0a0f20) 12px 24px)} /* Per-title chart motifs. */ .achievement-title-style-double-start{--st-overlay:repeating-linear-gradient(90deg,transparent 0 12px,color-mix(in srgb,var(--st1) 20%,transparent) 12px 14px,transparent 14px 31px,color-mix(in srgb,var(--st3) 17%,transparent) 31px 33px,transparent 33px 48px);--st-overlay-size:96px 100%;--st-overlay-motion:achievementTitleTwinTrack 6s linear infinite} .achievement-title-style-double-journey{--st-overlay:repeating-linear-gradient(90deg,transparent 0 15px,color-mix(in srgb,var(--st1) 18%,transparent) 15px 17px,transparent 17px 31px);--st-overlay-size:64px 100%;--st-overlay-motion:achievementThemeRoute 7s linear infinite} .achievement-title-style-crossed-blades,.achievement-title-style-double-one{--st-overlay:linear-gradient(72deg,transparent 0 43%,color-mix(in srgb,var(--st1) 36%,transparent) 45% 47%,transparent 49% 52%,color-mix(in srgb,var(--st3) 32%,transparent) 54% 56%,transparent 58%);--st-overlay-motion:achievementStyleCrossSweep 4.2s ease-in-out infinite} .achievement-title-style-double-stability{--st-overlay:linear-gradient(90deg,transparent 0 7%,color-mix(in srgb,var(--st1) 20%,transparent) 8% 48%,color-mix(in srgb,var(--st3) 18%,transparent) 48% 52%,color-mix(in srgb,var(--st1) 20%,transparent) 52% 92%,transparent 93%);--st-overlay-motion:achievementTitleBalance 4.8s ease-in-out infinite} .achievement-title-style-feet-start,.achievement-title-style-feet-journey{--st-overlay:radial-gradient(ellipse at 18px 85%,color-mix(in srgb,var(--st1) 25%,transparent) 0 3px,transparent 3.5px);--st-overlay-size:42px 100%;--st-overlay-motion:achievementThemeFootsteps 5.4s linear infinite} .achievement-title-style-feet-ss{--st-overlay:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--st1) 28%,transparent),transparent 62%);--st-overlay-motion:achievementTitleGroundPulse 3s ease-out infinite} .achievement-title-style-one-start,.achievement-title-style-one-journey,.achievement-title-style-one-ss{--st-overlay:linear-gradient(110deg,transparent 0 43%,color-mix(in srgb,var(--st1) 35%,transparent) 46% 49%,color-mix(in srgb,var(--st3) 25%,transparent) 50% 52%,transparent 55%);--st-overlay-motion:achievementThemeSingleSlash 4.8s ease-in-out infinite} .achievement-title-style-no-arrow{--st-icon-radius:50%;--st-border-style:dashed;--st-overlay:radial-gradient(circle,color-mix(in srgb,var(--st1) 18%,transparent) 0 1.5px,transparent 2px);--st-overlay-size:16px 16px;--st-overlay-motion:achievementThemeDrift 8s linear infinite} .achievement-title-style-changer{--st-icon-radius:50%;--st-icon-bg:conic-gradient(var(--st1),var(--st2),var(--st3),var(--st1));--st-icon-motion:achievementThemeSpin 6s linear infinite;--st-overlay:linear-gradient(90deg,color-mix(in srgb,var(--st1) 12%,transparent),color-mix(in srgb,var(--st2) 14%,transparent),color-mix(in srgb,var(--st3) 12%,transparent),color-mix(in srgb,var(--st1) 12%,transparent));--st-overlay-size:260% 100%;--st-overlay-motion:achievementNameStyleSpectrum 6s linear infinite} .achievement-title-style-traveler{--st-icon-radius:50%;--st-overlay:repeating-linear-gradient(90deg,transparent 0 15px,color-mix(in srgb,var(--st1) 15%,transparent) 15px 17px,transparent 17px 31px);--st-overlay-size:72px 100%;--st-overlay-motion:achievementThemeRoute 7.4s linear infinite} .achievement-title-style-special-ss{--st-icon-radius:3px;--st-icon-motion:achievementTitleDiamond 4s ease-in-out infinite;--st-overlay:linear-gradient(90deg,transparent 0 44%,color-mix(in srgb,var(--st1) 24%,transparent) 46% 48%,transparent 50% 52%,color-mix(in srgb,var(--st3) 20%,transparent) 54% 56%,transparent);--st-overlay-motion:achievementStylePrecisionBeam 4.4s ease-in-out infinite} .achievement-title-style-beyond-hands{--st-overlay:radial-gradient(ellipse at 25% 88%,color-mix(in srgb,var(--st1) 24%,transparent) 0 3px,transparent 3.5px),radial-gradient(ellipse at 75% 88%,color-mix(in srgb,var(--st2) 22%,transparent) 0 3px,transparent 3.5px);--st-overlay-size:54px 100%;--st-overlay-motion:achievementThemeFootsteps 6s linear infinite} .achievement-title-style-four-styles{--st-icon-radius:50%;--st-icon-bg:conic-gradient(var(--st1) 0 25%,var(--st2) 25% 50%,var(--st3) 50% 75%,#76ffc2 75% 100%);--st-icon-motion:achievementThemeSpin 8s linear infinite;--st-overlay:conic-gradient(from 90deg,color-mix(in srgb,var(--st1) 12%,transparent),color-mix(in srgb,var(--st2) 12%,transparent),color-mix(in srgb,var(--st3) 12%,transparent),transparent 70%);--st-overlay-motion:achievementThemeSpin 14s linear infinite} .achievement-title-style-special-combo{--st-overlay:repeating-linear-gradient(90deg,transparent 0 10px,color-mix(in srgb,var(--st1) 20%,transparent) 10px 13px,transparent 13px 24px,color-mix(in srgb,var(--st2) 16%,transparent) 24px 27px,transparent 27px 38px);--st-overlay-size:76px 100%;--st-overlay-motion:achievementThemeComboTicks 4.5s linear infinite} .achievement-title-style-special-long{--st-overlay:linear-gradient(90deg,transparent,var(--st1),transparent);--st-overlay-opacity:.52;--st-overlay-motion:achievementThemeHorizon 6.5s ease-in-out infinite} .achievement-title-style-special-mapper{--st-icon-radius:50%;--st-overlay:radial-gradient(circle at 8px 7px,color-mix(in srgb,var(--st1) 34%,transparent) 0 1.5px,transparent 2px),radial-gradient(circle at 20px 13px,color-mix(in srgb,var(--st3) 26%,transparent) 0 1px,transparent 1.6px);--st-overlay-size:28px 20px;--st-overlay-motion:achievementThemeStars 9s linear infinite} .achievement-title-style-special-notes{--st-overlay:repeating-linear-gradient(0deg,transparent 0 5px,color-mix(in srgb,var(--st1) 14%,transparent) 5px 6px,transparent 6px 11px);--st-overlay-size:100% 12px;--st-overlay-motion:achievementThemeStaff 6.5s linear infinite} .achievement-title-style-wall-maze{--st-overlay:repeating-linear-gradient(90deg,transparent 0 11px,color-mix(in srgb,var(--st2) 17%,transparent) 11px 13px),repeating-linear-gradient(0deg,transparent 0 7px,color-mix(in srgb,var(--st3) 11%,transparent) 7px 8px);--st-overlay-size:48px 100%,100% 32px;--st-overlay-motion:achievementThemeMaze 8s linear infinite} .achievement-title-style-note-ocean{--st-icon-radius:50%;--st-overlay:repeating-radial-gradient(ellipse at 0 100%,transparent 0 11px,color-mix(in srgb,var(--st1) 17%,transparent) 12px 13px,transparent 14px 24px);--st-overlay-size:50px 100%;--st-overlay-motion:achievementThemeOcean 7s linear infinite} .achievement-title-style-million-notes{--st-icon-radius:999px;--st-icon-size:23px;--st-icon-font:9px;--st-overlay:repeating-linear-gradient(90deg,transparent 0 14px,color-mix(in srgb,var(--st2) 13%,transparent) 14px 15px),linear-gradient(90deg,transparent 0 42%,color-mix(in srgb,var(--st1) 18%,transparent) 46% 54%,transparent 58%);--st-overlay-size:54px 100%,100% 100%;--st-overlay-motion:achievementThemeData 8s linear infinite} .achievement-title-style-wall-precision{--st-icon-radius:50%;--st-overlay:linear-gradient(90deg,transparent,var(--st2),#fff,var(--st3),transparent);--st-overlay-opacity:.55;--st-overlay-motion:achievementStylePrecisionBeam 3.2s ease-in-out infinite} /* Frame animations are intentionally live throughout the decoration picker, including unequipped cards. Reduced-motion remains the only supported global stop condition. */ body :is(#player-detail-view,#achievements-content) .achievement-cosmetics .achievement-cosmetic-option .achievement-frame-preview>.achievement-frame-render, body :is(#player-detail-view,#achievements-content) .achievement-cosmetics .achievement-cosmetic-option .achievement-frame-preview>.achievement-frame-render::before, body :is(#player-detail-view,#achievements-content) .achievement-cosmetics .achievement-cosmetic-option .achievement-frame-preview>.achievement-frame-render::after{ animation-play-state:running!important; } @keyframes achievementNameTwinRails{from{background-position:0 0}to{background-position:250% 0}} @keyframes achievementNameCrossCut{0%,15%{background-position:-130% 0,0 0}65%,100%{background-position:130% 0,230% 0}} @keyframes achievementNameBalance{0%,100%{background-position:0 0;filter:saturate(1.05) brightness(1)}50%{background-position:100% 0;filter:saturate(1.2) brightness(1.13)}} @keyframes achievementNameFootsteps{from{background-position:0 0,0 0}to{background-position:88px 0,230% 0}} @keyframes achievementNameSingleSlash{0%,18%{background-position:-130% 0,0 0}62%,100%{background-position:130% 0,230% 0}} @keyframes achievementNameDirectionless{from{background-position:0 0,0 0}to{background-position:45px 17px,280% 0}} @keyframes achievementNameStyleSpectrum{from{background-position:0 0}to{background-position:360% 0}} @keyframes achievementNameCompassRoute{from{background-position:0 0}to{background-position:280% 0}} @keyframes achievementNameComboChain{from{background-position:0 0}to{background-position:190% 0}} @keyframes achievementNameLongHorizon{0%,100%{background-position:0 0;transform:translateY(0)}50%{background-position:100% 0;transform:translateY(-1px)}} @keyframes achievementNameMapperStars{from{background-position:0 0,0 0,0 0}to{background-position:57px 34px,-54px 46px,300% 0}} @keyframes achievementNameNoteStaff{from{background-position:0 0,0 0}to{background-position:0 52px,260% 0}} @keyframes achievementNameMazeGrid{from{background-position:0 0,0 0,0 0}to{background-position:76px 0,0 56px,240% 0}} @keyframes achievementNameNoteTide{0%,100%{background-position:0 0,0 0;transform:translateY(0)}50%{background-position:84px 0,100% 0;transform:translateY(-1px)}} @keyframes achievementTitleTwinTrack{from{background-position:0 0}to{background-position:96px 0}} @keyframes achievementTitleBalance{0%,100%{opacity:.3;filter:brightness(.9)}50%{opacity:.9;filter:brightness(1.25)}} @keyframes achievementTitleGroundPulse{0%{opacity:0;transform:scale(.4,.3)}45%{opacity:.85}100%{opacity:0;transform:scale(1.25,.8)}} @keyframes achievementTitleDiamond{0%,100%{transform:rotate(45deg) scale(.9)}50%{transform:rotate(45deg) scale(1.08)}} @media (hover:hover) and (pointer:fine){ :is(#player-detail-view,#achievements-content) .achievement-cosmetic-option:not(:hover):not(:focus-visible):not(.is-equipped) :is([class*="achievement-title-style-"],[class*="achievement-name-style-"]){animation-play-state:paused!important} :is(#player-detail-view,#achievements-content) .achievement-cosmetic-option:not(:hover):not(:focus-visible):not(.is-equipped) [class*="achievement-title-style-"]::before, :is(#player-detail-view,#achievements-content) .achievement-cosmetic-option:not(:hover):not(:focus-visible):not(.is-equipped) [class*="achievement-title-style-"]::after{animation-play-state:paused!important} } @media (hover:none){ :is(#player-detail-view,#achievements-content) .achievement-cosmetic-option:not(.is-equipped) :is([class*="achievement-title-style-"],[class*="achievement-name-style-"]){animation-play-state:paused!important} :is(#player-detail-view,#achievements-content) .achievement-cosmetic-option:not(.is-equipped) [class*="achievement-title-style-"]::before, :is(#player-detail-view,#achievements-content) .achievement-cosmetic-option:not(.is-equipped) [class*="achievement-title-style-"]::after{animation-play-state:paused!important} } @media (prefers-reduced-motion:reduce){ :is(#player-detail-view,#achievements-content) [class*="achievement-frame-style-"]>.achievement-frame-render::before, :is(#player-detail-view,#achievements-content) [class*="achievement-frame-style-"]>.achievement-frame-render::after{animation:none!important} } @media (max-width:620px){ :is(#player-detail-view,#achievements-content) :is(.profile-achievement-title,.achievement-title-preview,.achievement-loadout-title)[class*="achievement-title-style-"]{max-width:100%;font-size:10px!important;padding:4px 8px!important} } @media (prefers-reduced-motion:reduce){ :is(#player-detail-view,#achievements-content) [class*="achievement-title-style-"], :is(#player-detail-view,#achievements-content) [class*="achievement-title-style-"]::after, :is(#player-detail-view,#achievements-content) [class*="achievement-name-style-"], :is(#player-detail-view,#achievements-content) [class*="achievement-profile-effect-style-"] .achievement-profile-visual, :is(#player-detail-view,#achievements-content) [class*="achievement-profile-effect-style-"] .achievement-profile-visual *{animation:none!important} } /* v30.0.251: reduced-motion specificity contract. The archetype rules above intentionally use strong scoped selectors and !important so reward visuals stay consistent across the picker and profile. Match that specificity here so the accessibility preference always wins. */ @media (prefers-reduced-motion:reduce){ body #player-detail-view .profile-hero .profile-name[class*="achievement-visual-name-"], body #player-detail-view .profile-hero .profile-name[class*="achievement-visual-name-"]::before, body #player-detail-view .profile-hero .profile-name[class*="achievement-visual-name-"]::after, body #achievements-content :is(.achievement-cosmetic-preview,.achievement-loadout-name)[class*="achievement-visual-name-"], body #achievements-content :is(.achievement-cosmetic-preview,.achievement-loadout-name)[class*="achievement-visual-name-"]::before, body #achievements-content :is(.achievement-cosmetic-preview,.achievement-loadout-name)[class*="achievement-visual-name-"]::after{ animation:none!important; } }