.cdc[class*="skin-"]::after { inset: 0; }
.cdc.skin-mint, .cdc.skin-gold, .cdc.skin-rose, .cdc.skin-holo { color: #1d1a14; }
.cdc.skin-mint .cdc-num, .cdc.skin-gold .cdc-num, .cdc.skin-rose .cdc-num, .cdc.skin-holo .cdc-num { text-shadow: 0 1px 0 rgba(255,255,255,0.45); }
.cdc.skin-mint .cdc-st, .cdc.skin-gold .cdc-st, .cdc.skin-rose .cdc-st, .cdc.skin-holo .cdc-st { background: rgba(0,0,0,0.12); }

.cdc.skin-midnight::before { background: repeating-linear-gradient(135deg, rgba(255,255,255,0.035) 0 2px, transparent 2px 9px), linear-gradient(150deg, #1b2a5c 0%, #0c1230 50%, #04060f 100%); }
.cdc.skin-midnight::after { background: radial-gradient(50% 60% at 85% 10%, rgba(120,160,255,0.35), transparent 70%), radial-gradient(40% 50% at 0% 100%, rgba(80,60,200,0.35), transparent 70%); }

.cdc.skin-aurora::before { background: #041421; }
.cdc.skin-aurora::after { inset: -40%; background: radial-gradient(30% 35% at 30% 40%, rgba(0,255,170,0.55), transparent 70%), radial-gradient(30% 40% at 65% 55%, rgba(120,90,255,0.55), transparent 70%), radial-gradient(25% 30% at 50% 25%, rgba(0,200,255,0.5), transparent 70%); filter: blur(14px); animation: skAurora 9s ease-in-out infinite alternate; }

.cdc.skin-sunset::before { background: radial-gradient(22% 35% at 76% 46%, #fff3b0 0%, #ffd36b 35%, rgba(255,160,80,0) 70%), linear-gradient(180deg, #ff6a5c 0%, #ff9a5a 35%, #c2457a 70%, #3b1e5a 100%); }
.cdc.skin-sunset::after { background: repeating-linear-gradient(180deg, transparent 0 7px, rgba(59,30,90,0.32) 7px 9px) 100% 58% / 42% 20% no-repeat; }

.cdc.skin-ocean::before { background: linear-gradient(180deg, #0b8fd6 0%, #0b4f9e 45%, #062456 100%); }
.cdc.skin-ocean::after { inset: -10% -50%; background: radial-gradient(60% 22% at 30% 92%, rgba(120,220,255,0.55), transparent 70%), radial-gradient(55% 20% at 75% 78%, rgba(60,170,255,0.45), transparent 70%), radial-gradient(70% 25% at 50% 105%, rgba(0,40,110,0.9), transparent 70%); animation: skOcean 7s ease-in-out infinite alternate; }

.cdc.skin-mint::before { background: linear-gradient(140deg, #e9fff7 0%, #b6f2dc 45%, #7fdcc1 100%); }
.cdc.skin-mint::after { background: radial-gradient(50% 60% at 90% 0%, rgba(255,255,255,0.8), transparent 70%), radial-gradient(40% 50% at 0% 100%, rgba(40,180,150,0.35), transparent 70%); }

.cdc.skin-carbon::before { background: linear-gradient(90deg, transparent 0 3%, #e3263b 3% 4.6%, transparent 4.6% 6%, #e3263b 6% 6.8%, transparent 6.8%), repeating-conic-gradient(#202226 0 25%, #16171a 0 50%) 0 0 / 8px 8px; }
.cdc.skin-carbon::after { background: linear-gradient(160deg, rgba(255,255,255,0.12), transparent 40%, rgba(0,0,0,0.4)); }

.cdc.skin-gold::before { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 3px), linear-gradient(125deg, #7a5a14 0%, #e9c766 22%, #fff1b8 38%, #c99a33 55%, #f6dc85 72%, #8a6519 100%); }
.cdc.skin-gold::after { background: radial-gradient(60% 50% at 20% 0%, rgba(255,255,255,0.5), transparent 70%); }
.cdc.skin-gold .cdc-chip { background: linear-gradient(135deg, #fff7d6, #c9a24a); }

.cdc.skin-rose::before { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.07) 0 1px, transparent 1px 3px), linear-gradient(125deg, #8c4a52 0%, #e7a7a0 24%, #ffe1d6 40%, #c97f7b 58%, #f4c2b6 75%, #915058 100%); }
.cdc.skin-rose::after { background: radial-gradient(60% 50% at 20% 0%, rgba(255,255,255,0.45), transparent 70%); }

.cdc.skin-gold .cdc-fx, .cdc.skin-rose .cdc-fx, .cdc.skin-holo .cdc-fx, .cdc.skin-diamond .cdc-fx { z-index: 0; background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,0.55) 48%, rgba(255,255,255,0.1) 55%, transparent 65%) -150% 0 / 250% 100% no-repeat; animation: skShine 4.5s ease-in-out infinite; mix-blend-mode: soft-light; }
.cdc.skin-diamond .cdc-fx { mix-blend-mode: screen; opacity: 0.35; }

.cdc.skin-holo::before { background: conic-gradient(from 210deg at 30% 60%, #ffd1f7, #c7d2ff, #b3fff1, #fff7b8, #ffc9c9, #ffd1f7); background-size: 200% 200%; animation: skHolo 6s linear infinite; }
.cdc.skin-holo::after { background: repeating-linear-gradient(120deg, rgba(255,255,255,0.25) 0 2px, transparent 2px 14px), radial-gradient(60% 60% at 80% 20%, rgba(255,255,255,0.55), transparent 70%); mix-blend-mode: overlay; }

.cdc.skin-diamond { color: #e9edf2; }
.cdc.skin-diamond::before { background: linear-gradient(150deg, #2a2d33 0%, #0b0c0e 45%, #000 100%); }
.cdc.skin-diamond::after { background: radial-gradient(1.5px 1.5px at 12% 22%, #fff, transparent), radial-gradient(1.2px 1.2px at 32% 70%, #fff, transparent), radial-gradient(2px 2px at 58% 30%, #fff, transparent), radial-gradient(1.2px 1.2px at 78% 62%, #fff, transparent), radial-gradient(1.6px 1.6px at 88% 18%, #fff, transparent), radial-gradient(1.2px 1.2px at 45% 88%, #fff, transparent), radial-gradient(1.4px 1.4px at 22% 50%, #cfe6ff, transparent), radial-gradient(1.4px 1.4px at 68% 84%, #cfe6ff, transparent), radial-gradient(60% 50% at 80% 0%, rgba(255,255,255,0.16), transparent 70%); animation: skTwinkle 2.6s ease-in-out infinite alternate; }
.cdc.skin-diamond .cdc-num { background: linear-gradient(180deg, #ffffff, #9aa3ad); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }

.cdc.skin-neon { color: #fff; box-shadow: 0 0 0 1.5px rgba(255,60,200,0.7), 0 0 22px -2px rgba(255,60,200,0.65), 0 16px 40px -14px rgba(0,0,0,0.8); animation: skNeonBox 2.4s ease-in-out infinite alternate; }
.cdc.skin-neon::before { background: linear-gradient(180deg, #12002b 0%, #22004a 55%, #3b0066 100%); }
.cdc.skin-neon::after { inset: 45% -30% -10% -30%; background: repeating-linear-gradient(90deg, rgba(0,240,255,0.55) 0 1px, transparent 1px 26px), repeating-linear-gradient(0deg, rgba(255,60,200,0.55) 0 1px, transparent 1px 16px); transform: perspective(160px) rotateX(55deg); transform-origin: top; animation: skGrid 2.8s linear infinite; }
.cdc.skin-neon .cdc-num { text-shadow: 0 0 6px #ff3cc8, 0 0 14px #ff3cc8; }
.cdc.skin-neon .cdc-title { text-shadow: 0 0 8px #00f0ff; }

.cdc.skin-galaxy::before { background: radial-gradient(45% 55% at 70% 35%, rgba(255,90,200,0.55), transparent 70%), radial-gradient(50% 60% at 25% 70%, rgba(90,110,255,0.6), transparent 70%), radial-gradient(30% 35% at 50% 50%, rgba(255,200,120,0.35), transparent 70%), #07051a; }
.cdc.skin-galaxy::after { background: radial-gradient(1.2px 1.2px at 10% 15%, #fff, transparent), radial-gradient(1px 1px at 25% 80%, #fff, transparent), radial-gradient(1.6px 1.6px at 40% 30%, #fff, transparent), radial-gradient(1px 1px at 55% 75%, #fff, transparent), radial-gradient(1.3px 1.3px at 72% 20%, #fff, transparent), radial-gradient(1px 1px at 85% 60%, #fff, transparent), radial-gradient(1.4px 1.4px at 92% 90%, #fff, transparent), radial-gradient(1px 1px at 5% 55%, #fff, transparent), radial-gradient(1.2px 1.2px at 63% 48%, #fff, transparent); animation: skTwinkle 3.2s ease-in-out infinite alternate; }
.cdc.skin-galaxy .cdc-fx { background: radial-gradient(40% 50% at 60% 45%, rgba(255,255,255,0.12), transparent 70%); animation: skGalaxy 18s linear infinite; }
.cdc.skin-mint .cd-logo-visa, .cdc.skin-gold .cd-logo-visa, .cdc.skin-rose .cd-logo-visa, .cdc.skin-holo .cd-logo-visa { background: linear-gradient(180deg, #1a1f71, #3d4fc9); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cdc.skin-gold .cdc-brand, .cdc.skin-rose .cdc-brand, .cdc.skin-holo .cdc-brand, .cdc.skin-mint .cdc-brand { opacity: 1; }

.cdc.skin-photo::before { background: linear-gradient(180deg, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.5) 100%), var(--sk-img) center / cover no-repeat, #1b1f33; }
.cdc.skin-photo::after { inset: 0; background: radial-gradient(70% 55% at 85% -5%, rgba(255,255,255,0.22), transparent 70%); }
.cdc.skin-photo .cdc-num, .cdc.skin-photo .cdc-title, .cdc.skin-photo .cdc-bottom b { text-shadow: 0 1px 8px rgba(0,0,0,0.55), 0 1px 2px rgba(0,0,0,0.5); }
.cdc.skin-photo .cdc-st { background: rgba(0,0,0,0.35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.sk-tile .cdc.skin-photo::before { background: var(--sk-img) center / cover no-repeat, #1b1f33; }
.cd-slider .cdc-st, .cd-slider .cdc.skin-photo .cdc-st { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(0, 0, 0, .42); }

.cdc.skin-inferno::before { inset: -10% -5% -40%; background: radial-gradient(60% 45% at 50% 100%, #ffde59 0%, #ff8a00 35%, rgba(255, 60, 0, .85) 60%, transparent 80%), radial-gradient(40% 40% at 15% 95%, #ff5e00, transparent 70%), radial-gradient(40% 40% at 85% 95%, #ff2d00, transparent 70%), linear-gradient(180deg, #1a0300 0%, #3d0800 55%, #7a1500 100%); animation: skFlame 2.6s ease-in-out infinite alternate; transform-origin: 50% 100%; }
.cdc.skin-inferno .cdc-fx { z-index: -1; inset: -20% 0 -60%; background: radial-gradient(14% 22% at 20% 80%, rgba(255, 200, 80, .55), transparent 70%), radial-gradient(12% 20% at 55% 85%, rgba(255, 160, 40, .55), transparent 70%), radial-gradient(16% 24% at 82% 78%, rgba(255, 210, 90, .5), transparent 70%); animation: skEmbers 3.2s linear infinite; }
.cdc.skin-inferno::after { background: linear-gradient(180deg, rgba(0, 0, 0, .35), transparent 40%); }
.cdc.skin-matrix::before { background: radial-gradient(70% 60% at 50% 40%, rgba(0, 255, 120, .12), transparent 70%), #020a04; }
.cdc.skin-matrix .cdc-fx { z-index: -1; inset: -100% 0 0; background: repeating-linear-gradient(90deg, transparent 0 9px, rgba(0, 255, 110, .0) 9px 10px), repeating-linear-gradient(180deg, rgba(0, 255, 120, .0) 0 6px, rgba(0, 255, 120, .55) 6px 8px, rgba(0, 255, 120, 0) 8px 20px); -webkit-mask: repeating-linear-gradient(90deg, #000 0 2px, transparent 2px 11px); mask: repeating-linear-gradient(90deg, #000 0 2px, transparent 2px 11px); animation: skRain 2.2s linear infinite; opacity: .75; }
.cdc.skin-matrix::after { background: linear-gradient(180deg, rgba(2, 10, 4, .9) 0%, transparent 30%, transparent 70%, rgba(2, 10, 4, .85) 100%); }
.cdc.skin-matrix .cdc-num, .cdc.skin-matrix .cdc-title { color: #b6ffcf; text-shadow: 0 0 8px rgba(0, 255, 120, .7); }
.cdc.skin-synthwave::before { background: radial-gradient(28% 34% at 70% 46%, #ffdd55 0%, #ff7a59 45%, #ff2e88 75%, transparent 76%), linear-gradient(180deg, #120024 0%, #3a0060 45%, #ff2e88 62%, #1a0033 62.5%, #0c0018 100%); }
.cdc.skin-synthwave .cdc-fx { z-index: -1; top: 62%; bottom: -60%; left: -40%; right: -40%; background: repeating-linear-gradient(90deg, rgba(0, 240, 255, .75) 0 1px, transparent 1px 30px), repeating-linear-gradient(180deg, rgba(255, 46, 200, .8) 0 1px, transparent 1px 18px); transform: perspective(140px) rotateX(60deg); transform-origin: top; animation: skGrid2 1.6s linear infinite; }
.cdc.skin-synthwave::after { background: repeating-linear-gradient(180deg, rgba(18, 0, 36, .55) 0 3px, transparent 3px 7px); -webkit-mask: radial-gradient(28% 34% at 70% 46%, #000 0 60%, transparent 62%); mask: radial-gradient(28% 34% at 70% 46%, #000 0 60%, transparent 62%); }
.cdc.skin-plasma::before { inset: -60%; background: conic-gradient(from 0deg at 50% 50%, #ff0080, #7928ca, #0070f3, #00dfd8, #7928ca, #ff0080); animation: skSpin 9s linear infinite; }
.cdc.skin-plasma .cdc-fx { z-index: -1; background: radial-gradient(60% 70% at 30% 30%, rgba(255, 255, 255, .25), transparent 60%), radial-gradient(50% 60% at 80% 80%, rgba(0, 0, 0, .45), transparent 70%); }
.cdc.skin-plasma::after { background: radial-gradient(120% 90% at 50% 50%, transparent 40%, rgba(10, 0, 30, .55)); }
.cdc.skin-hyperspace::before { background: radial-gradient(30% 40% at 50% 50%, rgba(140, 180, 255, .35), transparent 70%), #02030c; }
.cdc.skin-hyperspace .cdc-fx { z-index: -1; inset: -50%; background: repeating-conic-gradient(from 0deg at 50% 50%, rgba(255, 255, 255, .0) 0deg 5deg, rgba(190, 215, 255, .5) 5deg 5.4deg, rgba(255, 255, 255, 0) 5.4deg 11deg); -webkit-mask: radial-gradient(closest-side, transparent 8%, #000 30%, #000 70%, transparent 100%); mask: radial-gradient(closest-side, transparent 8%, #000 30%, #000 70%, transparent 100%); animation: skWarp 1.4s linear infinite; }
.cdc.skin-hyperspace::after { background: radial-gradient(40% 45% at 50% 50%, transparent 30%, rgba(2, 3, 12, .6)); }
.cdc.skin-lava::before { background: linear-gradient(160deg, #2b0a3d 0%, #5c1050 55%, #8a1c3c 100%); }
.cdc.skin-lava .cdc-fx { z-index: -1; inset: -30%; background: radial-gradient(18% 22% at 30% 70%, #ff7b39, transparent 72%), radial-gradient(14% 18% at 65% 40%, #ff3d6e, transparent 72%), radial-gradient(20% 24% at 75% 85%, #ffb347, transparent 72%), radial-gradient(12% 15% at 20% 25%, #ff5e8a, transparent 72%); animation: skLava 7s ease-in-out infinite alternate; }
.cdc.skin-lava::after { background: radial-gradient(60% 50% at 80% 0%, rgba(255, 255, 255, .18), transparent 70%); }
.cdc.skin-frost::before { background: linear-gradient(135deg, #cfeaff 0%, #8fc7ef 35%, #4f8fc4 70%, #2c5d8f 100%); }
.cdc.skin-frost .cdc-fx { z-index: -1; background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .55) 45%, transparent 60%) -150% 0 / 250% 100% no-repeat, repeating-linear-gradient(60deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 12px), repeating-linear-gradient(-60deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 12px); animation: skShine 3.8s ease-in-out infinite; }
.cdc.skin-frost { color: #0e2240; }
.cdc.skin-frost .cdc-num { text-shadow: 0 1px 0 rgba(255, 255, 255, .5); }
.cdc.skin-frost .cdc-st { background: rgba(255, 255, 255, .35); color: #0e2240; }
.cdc.skin-waves::before { background: linear-gradient(180deg, #032340 0%, #054a7a 55%, #0a7cb0 100%); }
.cdc.skin-waves .cdc-fx { z-index: -1; top: 45%; left: -50%; right: -50%; bottom: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='40' viewBox='0 0 200 40'%3E%3Cpath d='M0 20 Q25 0 50 20 T100 20 T150 20 T200 20 V40 H0Z' fill='%2337c6ff' fill-opacity='.35'/%3E%3C/svg%3E") 0 0 / 200px 40px repeat-x, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='40' viewBox='0 0 160 40'%3E%3Cpath d='M0 24 Q20 8 40 24 T80 24 T120 24 T160 24 V40 H0Z' fill='%2300f0d0' fill-opacity='.28'/%3E%3C/svg%3E") 0 22px / 160px 40px repeat-x, linear-gradient(180deg, transparent 40px, rgba(0, 200, 255, .18) 60px); animation: skWave 4s linear infinite; }
.cdc.skin-prism::before { background: linear-gradient(115deg, #ff5f6d, #ffc371, #f9f871, #4ade80, #22d3ee, #818cf8, #e879f9, #ff5f6d); background-size: 300% 100%; animation: skPrism 8s linear infinite; }
.cdc.skin-prism::after { background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .35)), repeating-linear-gradient(115deg, rgba(255, 255, 255, .12) 0 2px, transparent 2px 18px); }
.cdc.skin-bubbles::before { background: linear-gradient(160deg, #0b3a5b 0%, #0f6b8f 50%, #13a6a8 100%); }
.cdc.skin-bubbles .cdc-fx { z-index: -1; inset: 0 0 -100%; background: radial-gradient(4px 4px at 12% 80%, rgba(255, 255, 255, .7), transparent 70%), radial-gradient(7px 7px at 30% 60%, rgba(255, 255, 255, .45), transparent 70%), radial-gradient(5px 5px at 52% 90%, rgba(255, 255, 255, .6), transparent 70%), radial-gradient(9px 9px at 70% 70%, rgba(255, 255, 255, .35), transparent 70%), radial-gradient(4px 4px at 88% 85%, rgba(255, 255, 255, .7), transparent 70%), radial-gradient(6px 6px at 42% 30%, rgba(255, 255, 255, .5), transparent 70%), radial-gradient(5px 5px at 80% 20%, rgba(255, 255, 255, .55), transparent 70%), radial-gradient(8px 8px at 18% 15%, rgba(255, 255, 255, .4), transparent 70%); background-size: 100% 50%; animation: skBubbles 6s linear infinite; }
.cdc.skin-bubbles::after { background: radial-gradient(60% 50% at 80% 0%, rgba(255, 255, 255, .25), transparent 70%); }
.cdc.skin-matrix .cdc-fx { background: repeating-linear-gradient(180deg, rgba(0, 255, 120, 0) 0 8px, rgba(190, 255, 210, .95) 8px 10px, rgba(0, 255, 120, .55) 10px 16px, rgba(0, 255, 120, .12) 16px 34px); -webkit-mask: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 10px); mask: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 10px); opacity: .9; animation-duration: 1.6s; }
.cdc.skin-matrix::after { background: linear-gradient(180deg, rgba(2, 10, 4, .75) 0%, rgba(2, 10, 4, .15) 35%, rgba(2, 10, 4, .15) 60%, rgba(2, 10, 4, .8) 100%); }
.cdc.skin-synthwave::before { background: radial-gradient(17% 25% at 82% 30%, #ffe066 0%, #ff8a5b 45%, #ff2e88 80%, transparent 81%), linear-gradient(180deg, #0d001d 0%, #2b004a 45%, #a0167a 70%, #1a0033 70.5%, #0c0018 100%); }
.cdc.skin-synthwave::after { -webkit-mask: radial-gradient(17% 25% at 82% 30%, #000 0 70%, transparent 72%); mask: radial-gradient(17% 25% at 82% 30%, #000 0 70%, transparent 72%); }
.cdc.skin-synthwave .cdc-fx { top: 70.5%; opacity: .55; }
.cdc.skin-hyperspace .cdc-fx { background: repeating-conic-gradient(from 0deg at 50% 50%, rgba(255, 255, 255, 0) 0deg 3.4deg, rgba(210, 230, 255, .95) 3.4deg 3.9deg, rgba(255, 255, 255, 0) 3.9deg 7deg); animation-duration: 1.1s; }
.cdc.skin-hyperspace::before { background: radial-gradient(22% 30% at 50% 50%, rgba(170, 200, 255, .55), transparent 70%), radial-gradient(60% 70% at 50% 50%, rgba(60, 80, 200, .25), transparent 75%), #02030c; }
.cdc.skin-bubbles .cdc-fx { background: radial-gradient(circle at 12% 80%, transparent 5px, rgba(255, 255, 255, .55) 6px, transparent 7.5px), radial-gradient(circle at 30% 55%, transparent 9px, rgba(255, 255, 255, .45) 10px, transparent 11.5px), radial-gradient(circle at 52% 88%, transparent 6px, rgba(255, 255, 255, .55) 7px, transparent 8.5px), radial-gradient(circle at 70% 65%, transparent 12px, rgba(255, 255, 255, .35) 13px, transparent 14.5px), radial-gradient(circle at 88% 82%, transparent 4px, rgba(255, 255, 255, .6) 5px, transparent 6.5px), radial-gradient(circle at 42% 25%, transparent 7px, rgba(255, 255, 255, .45) 8px, transparent 9.5px), radial-gradient(circle at 80% 18%, transparent 5px, rgba(255, 255, 255, .5) 6px, transparent 7.5px), radial-gradient(circle at 18% 12%, transparent 10px, rgba(255, 255, 255, .35) 11px, transparent 12.5px); background-size: 100% 50%; }
.cdc.skin-synthwave::before { background: radial-gradient(14% 21% at 84% 38%, #ffe066 0%, #ff8a5b 45%, #ff2e88 80%, transparent 81%), linear-gradient(180deg, #0d001d 0%, #2b004a 45%, #a0167a 70%, #1a0033 70.5%, #0c0018 100%); }
.cdc.skin-synthwave::after { -webkit-mask: radial-gradient(14% 21% at 84% 38%, #000 0 70%, transparent 72%); mask: radial-gradient(14% 21% at 84% 38%, #000 0 70%, transparent 72%); }
.cdc.skin-plasma::before { inset: -40%; background: radial-gradient(30% 35% at 30% 35%, #ff0080 0%, rgba(255, 0, 128, 0) 70%), radial-gradient(35% 40% at 70% 30%, #00dfd8 0%, rgba(0, 223, 216, 0) 70%), radial-gradient(35% 40% at 60% 75%, #7928ca 0%, rgba(121, 40, 202, 0) 70%), radial-gradient(30% 35% at 25% 75%, #0070f3 0%, rgba(0, 112, 243, 0) 70%), #1a0638; animation: skPlasma 10s ease-in-out infinite alternate; }
.cdc.skin-matrix .cdc-fx { -webkit-mask: none; mask: none; }
.cdc.skin-matrix::after { background: repeating-linear-gradient(90deg, transparent 0 3px, #020a04 3px 10px), linear-gradient(180deg, rgba(2, 10, 4, .75) 0%, rgba(2, 10, 4, .15) 35%, rgba(2, 10, 4, .15) 60%, rgba(2, 10, 4, .8) 100%); background-blend-mode: normal; opacity: 1; }
.cdc.skin-matrix::after { background: linear-gradient(180deg, rgba(2, 10, 4, .75) 0%, rgba(2, 10, 4, .1) 35%, rgba(2, 10, 4, .1) 60%, rgba(2, 10, 4, .8) 100%), repeating-linear-gradient(90deg, rgba(2, 10, 4, 0) 0 3px, rgba(2, 10, 4, .96) 3px 10px); }
.cdc.skin-hyperspace .cdc-fx { -webkit-mask: none; mask: none; }
.cdc.skin-hyperspace::after { background: radial-gradient(closest-side at 50% 50%, rgba(2, 3, 12, .95) 0%, rgba(2, 3, 12, .2) 22%, rgba(2, 3, 12, 0) 45%), radial-gradient(farthest-corner at 50% 50%, rgba(2, 3, 12, 0) 55%, rgba(2, 3, 12, .75) 100%); }
.cdc.skin-synthwave::after { -webkit-mask: none; mask: none; background: repeating-linear-gradient(180deg, rgba(13, 0, 29, 0) 0 5px, rgba(26, 0, 50, .85) 5px 7px) 100% 38% / 30% 22% no-repeat; background-position: 97% 33%; }
.cdc.skin-waves::before { background: radial-gradient(70% 55% at 75% 10%, rgba(120, 200, 255, .35), transparent 70%), linear-gradient(180deg, #021a33 0%, #04345e 45%, #075a8f 75%, #0b84b8 100%); }
.cdc.skin-waves .cdc-fx { top: 40%; bottom: 0; left: 0; right: -100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cpath d='M0 30 Q50 6 100 30 T200 30 T300 30 T400 30 V100 H0Z' fill='%2340c8ff' fill-opacity='.30'/%3E%3C/svg%3E") 0 0 / 50% 100% repeat-x; animation: skWaveA 9s linear infinite; }
.cdc.skin-waves::after { inset: 56% 0 0 -100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cpath d='M0 26 Q50 50 100 26 T200 26 T300 26 T400 26 V100 H0Z' fill='%2300e0d0' fill-opacity='.24'/%3E%3C/svg%3E") 0 0 / 50% 100% repeat-x; animation: skWaveB 6.5s linear infinite; }

.cdc.skin-glitch::before { background: linear-gradient(118deg, transparent 0 38%, rgba(255, 0, 170, .85) 38% 46%, transparent 46% 52%, rgba(0, 240, 255, .8) 52% 57%, transparent 57%), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(0deg, rgba(255, 255, 255, .05) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(160deg, #07070f 0%, #120a24 60%, #05121c 100%); }
.cdc.skin-glitch .cdc-fx { z-index: -1; background: linear-gradient(118deg, transparent 0 36%, rgba(0, 240, 255, .95) 36% 44%, transparent 44% 50%, rgba(255, 230, 0, .9) 50% 55%, transparent 55%), linear-gradient(160deg, #1b0030 0%, #002a36 100%); mix-blend-mode: screen; clip-path: inset(0 0 100% 0); animation: sk2Glitch 3.6s steps(1, end) infinite; }
.cdc.skin-glitch::after { inset: 0; background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .08) 48%, rgba(255, 255, 255, .16) 50%, rgba(255, 255, 255, .08) 52%, transparent 100%) 0 -120% / 100% 40% no-repeat, repeating-linear-gradient(0deg, rgba(0, 0, 0, .28) 0 1px, transparent 1px 3px); animation: sk2Scan 4.5s linear infinite; }
.cdc.skin-glitch .cdc-num, .cdc.skin-glitch .cdc-title { animation: sk2Rgb 3.6s steps(1, end) infinite; }

.cdc.skin-radar::before { background: repeating-radial-gradient(circle at 72% 50%, transparent 0 21px, rgba(60, 255, 140, .2) 21px 22px), linear-gradient(90deg, transparent calc(72% - 1px), rgba(60, 255, 140, .28) 72%, transparent calc(72% + 1px)), linear-gradient(0deg, transparent calc(50% - 1px), rgba(60, 255, 140, .28) 50%, transparent calc(50% + 1px)), radial-gradient(circle at 72% 50%, #0a3a20 0%, #04170c 55%, #020a05 100%); }
.cdc.skin-radar .cdc-fx { inset: auto; left: 72%; top: 50%; width: 170%; aspect-ratio: 1; margin: -85% 0 0 -85%; border-radius: 50%; background: conic-gradient(from 0deg, rgba(90, 255, 160, .65), rgba(60, 255, 140, .18) 28deg, rgba(60, 255, 140, 0) 70deg, transparent 360deg); animation: skSpin 4s linear infinite; }
.cdc.skin-radar::after { inset: 0; background: radial-gradient(circle at 60% 30%, rgba(120,255,170,.95) 0 2px, rgba(60,255,140,.35) 3px, transparent 6px), radial-gradient(circle at 84% 66%, rgba(120,255,170,.95) 0 2px, rgba(60,255,140,.35) 3px, transparent 6px), radial-gradient(circle at 66% 74%, rgba(120,255,170,.95) 0 2px, rgba(60,255,140,.35) 3px, transparent 6px), radial-gradient(circle at 90% 38%, rgba(120,255,170,.95) 0 2px, rgba(60,255,140,.35) 3px, transparent 6px); animation: sk3Blip 4s ease-out infinite; }
.cdc.skin-radar .cdc-num, .cdc.skin-radar .cdc-title { color: #c9ffdc; text-shadow: 0 0 8px rgba(60, 255, 140, .6); }

.cdc.skin-eq::before { background: radial-gradient(80% 60% at 50% 110%, rgba(180, 76, 255, .45), transparent 70%), linear-gradient(180deg, #07031a 0%, #150936 100%); }
.cdc.skin-eq .cdc-fx { top: 52%; background: linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%), linear-gradient(0deg, #ff2fa0 0%, #b44cff 45%, #38c8ff 100%); background-repeat: no-repeat; background-position: 0.90% 60%, 7.15% 60%, 13.40% 60%, 19.65% 60%, 25.90% 60%, 32.15% 60%, 38.40% 60%, 44.65% 60%, 50.90% 60%, 57.15% 60%, 63.40% 60%, 69.65% 60%, 75.90% 60%, 82.15% 60%, 88.40% 60%, 94.65% 60%; background-size: 4.45% 28%, 4.45% 21%, 4.45% 38%, 4.45% 45%, 4.45% 16%, 4.45% 13%, 4.45% 45%, 4.45% 30%, 4.45% 28%, 4.45% 25%, 4.45% 45%, 4.45% 45%, 4.45% 40%, 4.45% 22%, 4.45% 28%, 4.45% 22%; animation: sk3Eq 2.4s ease-in-out infinite alternate; opacity: .7; -webkit-mask: repeating-linear-gradient(0deg, #000 0 4px, transparent 4px 6px); mask: repeating-linear-gradient(0deg, #000 0 4px, transparent 4px 6px); filter: drop-shadow(0 0 6px rgba(255, 47, 160, .55)); }
.cdc.skin-eq::after { inset: 0; background: linear-gradient(180deg, rgba(7, 3, 26, .55) 0%, transparent 45%); }

.cdc.skin-ecg::before { background: linear-gradient(90deg, rgba(43, 255, 136, .07) 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(0deg, rgba(43, 255, 136, .07) 1px, transparent 1px) 0 0 / 16px 16px, radial-gradient(90% 80% at 50% 50%, #062118 0%, #020a07 100%); }
.cdc.skin-ecg .cdc-fx { inset: 22% 0 30%; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 60%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 34 H40 L48 30 L54 34 H66 L72 38 L80 4 L88 56 L94 30 L100 34 H120 L130 26 L142 34 H200%22 fill=%22none%22 stroke=%22%232bff88%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 50% / 50% 100% repeat-x; filter: drop-shadow(0 0 3px #2bff88) drop-shadow(0 0 8px rgba(43, 255, 136, .6)); -webkit-mask: linear-gradient(90deg, rgba(0, 0, 0, .22) 0%, rgba(0, 0, 0, .3) 25%, #000 46%, #000 49%, rgba(0, 0, 0, .22) 50%, rgba(0, 0, 0, .22) 100%) 0 0 / 200% 100% no-repeat; mask: linear-gradient(90deg, rgba(0, 0, 0, .22) 0%, rgba(0, 0, 0, .3) 25%, #000 46%, #000 49%, rgba(0, 0, 0, .22) 50%, rgba(0, 0, 0, .22) 100%) 0 0 / 200% 100% no-repeat; animation: sk3Trace 2.2s linear infinite; }
.cdc.skin-ecg::after { inset: 0; background: radial-gradient(120% 90% at 50% 50%, transparent 55%, rgba(0, 0, 0, .55)); }

.cdc.skin-comet::before { background: radial-gradient(1px 1px at 59% 73%, #fff, transparent), radial-gradient(1px 1px at 61% 59%, #fff, transparent), radial-gradient(1.4px 1.4px at 67% 77%, #fff, transparent), radial-gradient(1px 1px at 26% 25%, #fff, transparent), radial-gradient(1.2px 1.2px at 67% 62%, #fff, transparent), radial-gradient(1px 1px at 82% 80%, #fff, transparent), radial-gradient(1.6px 1.6px at 25% 14%, #fff, transparent), radial-gradient(1px 1px at 59% 40%, #fff, transparent), radial-gradient(1px 1px at 20% 13%, #fff, transparent), radial-gradient(1.3px 1.3px at 70% 90%, #fff, transparent), radial-gradient(1px 1px at 83% 7%, #fff, transparent), radial-gradient(1.1px 1.1px at 78% 52%, #fff, transparent), radial-gradient(70% 60% at 20% 110%, rgba(110, 60, 200, .5), transparent 70%), linear-gradient(170deg, #050818 0%, #0d1240 55%, #241250 100%); }
.cdc.skin-comet .cdc-fx { inset: auto; left: -40%; top: 10%; width: 46%; height: 3px; border-radius: 3px; background: linear-gradient(90deg, rgba(150, 200, 255, 0), rgba(170, 215, 255, .55) 70%, #fff 97%); transform: rotate(18deg) translateX(0); filter: drop-shadow(0 0 4px #9fd0ff) drop-shadow(0 0 10px rgba(120, 180, 255, .8)); animation: sk3Comet 5.5s cubic-bezier(.4, .1, .6, 1) infinite; opacity: 0; }
.cdc.skin-comet::after { inset: 0; background: radial-gradient(1.5px 1.5px at 14% 22%, #fff, transparent), radial-gradient(1.5px 1.5px at 48% 12%, #fff, transparent), radial-gradient(1.5px 1.5px at 82% 30%, #fff, transparent), radial-gradient(1.5px 1.5px at 30% 70%, #fff, transparent), radial-gradient(1.5px 1.5px at 66% 58%, #fff, transparent), radial-gradient(1.5px 1.5px at 90% 80%, #fff, transparent); animation: skTwinkle 1.8s ease-in-out infinite alternate; }

.cdc.skin-peaks::before { background: radial-gradient(circle at 62% 26%, #fffbe8 0 5.5%, rgba(255, 245, 210, .35) 7%, transparent 18%), linear-gradient(180deg, #0b1a3a 0%, #24406e 60%, #6d87b3 100%); }
.cdc.skin-peaks .cdc-fx { inset: -100% 0 0; background: radial-gradient(2px 2px at 81% 34%, rgba(255,255,255,0.9), transparent), radial-gradient(1.5px 1.5px at 96% 47%, rgba(255,255,255,0.8), transparent), radial-gradient(2.5px 2.5px at 90% 96%, rgba(255,255,255,0.7), transparent), radial-gradient(1.5px 1.5px at 85% 69%, rgba(255,255,255,0.9), transparent), radial-gradient(2px 2px at 5% 61%, rgba(255,255,255,0.6), transparent), radial-gradient(1.2px 1.2px at 33% 85%, rgba(255,255,255,0.9), transparent), radial-gradient(2.2px 2.2px at 8% 22%, rgba(255,255,255,0.8), transparent), radial-gradient(1.6px 1.6px at 16% 49%, rgba(255,255,255,0.7), transparent), radial-gradient(2px 2px at 62% 33%, rgba(255,255,255,0.9), transparent), radial-gradient(1.4px 1.4px at 50% 71%, rgba(255,255,255,0.8), transparent); background-size: 100% 50%; animation: sk3Snow 7s linear infinite; }
.cdc.skin-peaks::after { inset: auto 0 0 0; height: 58%; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 160%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22b%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%236f8fc4%22/%3E%3Cstop offset=%221%22 stop-color=%22%232c4472%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22f%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231b2a48%22/%3E%3Cstop offset=%221%22 stop-color=%22%230a1222%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M0 160 V96 L46 58 L78 80 L128 30 L170 72 L206 50 L262 98 L300 62 L352 88 L400 54 V160Z%22 fill=%22url(%23b)%22/%3E%3Cpath d=%22M128 30 L143 45 L135 43 L128 50 L120 44 L113 45Z M206 50 L218 60 L211 59 L205 64 L198 58Z M300 62 L313 73 L306 72 L300 77 L293 72 L288 73Z M400 54 L392 62 L386 60Z M46 58 L57 67 L50 66 L44 70 L37 65Z%22 fill=%22%23eef4ff%22/%3E%3Cpath d=%22M0 160 V118 L60 84 L104 110 L152 76 L214 122 L262 92 L318 124 L366 98 L400 112 V160Z%22 fill=%22url(%23f)%22/%3E%3C/svg%3E") 0 100% / 100% 100% no-repeat; }

.cdc.skin-kintsugi::before { background: radial-gradient(60% 50% at 25% 30%, rgba(255, 255, 255, .06), transparent 70%), radial-gradient(50% 60% at 80% 80%, rgba(255, 255, 255, .04), transparent 70%), repeating-linear-gradient(125deg, rgba(255, 255, 255, .012) 0 2px, transparent 2px 7px), linear-gradient(150deg, #17171b 0%, #0b0b0e 60%, #141218 100%); }
.cdc.skin-kintsugi .cdc-fx { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 252%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff1b8%22/%3E%3Cstop offset=%22.4%22 stop-color=%22%23e2b04a%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%23b8862b%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ffe08a%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M-5 40 C40 52 70 30 110 58 S170 96 196 84 S250 60 290 92 S350 140 410 120 M110 58 C118 90 96 120 120 150 S130 220 170 260 M290 92 C300 70 330 50 340 10 M196 84 C210 120 250 140 240 190 S260 240 300 262 M40 260 C60 220 52 190 90 170 S120 150 120 150 M340 10 C360 30 380 26 410 40%22 fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; filter: drop-shadow(0 0 2px rgba(255, 200, 90, .9)) drop-shadow(0 0 7px rgba(226, 176, 74, .55)); }
.cdc.skin-kintsugi::after { inset: 0; background: linear-gradient(110deg, transparent 0%, rgba(255, 250, 220, 0) 40%, #fffbe6 50%, rgba(255, 250, 220, 0) 60%, transparent 100%) -100% 0 / 60% 100% no-repeat; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 252%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M-5 40 C40 52 70 30 110 58 S170 96 196 84 S250 60 290 92 S350 140 410 120 M110 58 C118 90 96 120 120 150 S130 220 170 260 M290 92 C300 70 330 50 340 10 M196 84 C210 120 250 140 240 190 S260 240 300 262 M40 260 C60 220 52 190 90 170 S120 150 120 150 M340 10 C360 30 380 26 410 40%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 252%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M-5 40 C40 52 70 30 110 58 S170 96 196 84 S250 60 290 92 S350 140 410 120 M110 58 C118 90 96 120 120 150 S130 220 170 260 M290 92 C300 70 330 50 340 10 M196 84 C210 120 250 140 240 190 S260 240 300 262 M40 260 C60 220 52 190 90 170 S120 150 120 150 M340 10 C360 30 380 26 410 40%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; animation: sk3Vein 4.5s ease-in-out infinite; filter: drop-shadow(0 0 4px #ffe7a0); }
.cdc.skin-kintsugi .cdc-title { color: #f3d58a; }

.cdc.skin-vortex::before { inset: -60%; background: repeating-conic-gradient(from 0deg at 50% 50%, #0a0a0a 0deg 9deg, #b9b9b9 9deg 18deg); animation: skSpin 24s linear infinite; }
.cdc.skin-vortex .cdc-fx { inset: -60%; background: repeating-radial-gradient(circle at 50% 50%, #0a0a0a 0 13px, #b9b9b9 13px 26px); mix-blend-mode: difference; animation: sk3Pulse 3s ease-in-out infinite alternate; }
.cdc.skin-vortex::after { inset: 0; background: radial-gradient(circle at 50% 50%, rgba(10, 4, 30, .35) 0%, rgba(10, 4, 30, .7) 80%), linear-gradient(135deg, #ff2e93 0%, #7a3cff 50%, #00d4ff 100%); mix-blend-mode: multiply; }
.cdc.skin-vortex { text-shadow: 0 1px 2px #000, 0 0 10px rgba(0, 0, 0, .9); }

.cdc.skin-hex::before { background: radial-gradient(70% 70% at 20% 20%, rgba(0, 200, 255, .2), transparent 70%), radial-gradient(60% 60% at 90% 90%, rgba(140, 60, 255, .22), transparent 70%), #04070f; }
.cdc.skin-hex .cdc-fx { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2248.5%22 viewBox=%220 0 28 48.5%22%3E%3Cpath d=%22M14 0 L28 8.08 V24.25 L14 32.33 L0 24.25 V8.08Z M14 32.33 V48.5 M0 48.5 L0 48.5%22 fill=%22none%22 stroke=%22rgba(0,220,255,.22)%22 stroke-width=%221%22/%3E%3C/svg%3E") 0 0 / 28px 48.5px; }
.cdc.skin-hex::after { inset: 0; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2248.5%22 viewBox=%220 0 28 48.5%22%3E%3Cpath d=%22M14 0 L28 8.08 V24.25 L14 32.33 L0 24.25 V8.08Z M14 32.33 V48.5 M0 48.5 L0 48.5%22 fill=%22none%22 stroke=%22%237df3ff%22 stroke-width=%221.6%22/%3E%3C/svg%3E") 0 0 / 28px 48.5px; -webkit-mask: radial-gradient(closest-side, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%) 0 0 / 70% 110% no-repeat; mask: radial-gradient(closest-side, #000 0%, rgba(0, 0, 0, .6) 45%, transparent 100%) 0 0 / 70% 110% no-repeat; filter: drop-shadow(0 0 3px #00e5ff); animation: sk3Hex 5s ease-in-out infinite alternate; }

.cdc.skin-fireflies::before { background: radial-gradient(circle at 60% 20%, rgba(220, 240, 255, .9) 0 4%, rgba(180, 220, 255, .25) 6%, transparent 16%), linear-gradient(180deg, #06131c 0%, #0b2a2a 55%, #10382c 100%); }
.cdc.skin-fireflies .cdc-fx { inset: -6%; background: radial-gradient(circle at 35% 84%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 21% 62%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 82% 75%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 85% 23%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 82% 16%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 65% 48%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 75% 44%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 29% 75%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 74% 85%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 65% 65%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px), radial-gradient(circle at 86% 34%, rgba(230,255,140,.95) 0 1.6px, rgba(200,255,90,.35) 3px, transparent 7px); animation: sk3Wander 7s ease-in-out infinite alternate, sk3Flick 1.7s ease-in-out infinite alternate; }
.cdc.skin-fireflies::after { inset: auto 0 0 0; height: 58%; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 120%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%2303100b%22 d=%22M14 42.0 L28.3 68.0 L-0.3 68.0Z M14 54.4 L34.8 85.4 L-6.8 85.4Z M14 68.0 L40.0 104.0 L-12.0 104.0Z M12 104 h4 v12 h-4Z M40 22.0 L59.9 58.1 L20.1 58.1Z M40 39.2 L68.9 82.2 L11.1 82.2Z M40 58.1 L76.1 108.0 L3.9 108.0Z M38 108 h4 v12 h-4Z M70 52.0 L82.5 74.7 L57.5 74.7Z M70 62.8 L88.1 89.8 L51.9 89.8Z M70 74.7 L92.7 106.0 L47.3 106.0Z M68 106 h4 v12 h-4Z M118 40.0 L134.2 69.4 L101.8 69.4Z M118 54.0 L141.5 89.0 L94.5 89.0Z M118 69.4 L147.4 110.0 L88.6 110.0Z M116 110 h4 v12 h-4Z M160 60.0 L171.1 80.2 L148.9 80.2Z M160 69.6 L176.1 93.6 L143.9 93.6Z M160 80.2 L180.2 108.0 L139.8 108.0Z M158 108 h4 v12 h-4Z M196 32.0 L214.5 65.6 L177.5 65.6Z M196 48.0 L222.9 88.0 L169.1 88.0Z M196 65.6 L229.6 112.0 L162.4 112.0Z M194 112 h4 v12 h-4Z M232 50.0 L245.4 74.4 L218.6 74.4Z M232 61.6 L251.5 90.6 L212.5 90.6Z M232 74.4 L256.4 108.0 L207.6 108.0Z M230 108 h4 v12 h-4Z M286 36.0 L303.1 67.1 L268.9 67.1Z M286 50.8 L310.9 87.8 L261.1 87.8Z M286 67.1 L317.1 110.0 L254.9 110.0Z M284 110 h4 v12 h-4Z M320 14.0 L341.3 52.6 L298.7 52.6Z M320 32.4 L350.9 78.4 L289.1 78.4Z M320 52.6 L358.6 106.0 L281.4 106.0Z M318 106 h4 v12 h-4Z M356 50.0 L369.9 75.2 L342.1 75.2Z M356 62.0 L376.2 92.0 L335.8 92.0Z M356 75.2 L381.2 110.0 L330.8 110.0Z M354 110 h4 v12 h-4Z M388 28.0 L406.0 60.8 L370.0 60.8Z M388 43.6 L414.2 82.6 L361.8 82.6Z M388 60.8 L420.8 106.0 L355.2 106.0Z M386 106 h4 v12 h-4Z M0 120 V108 Q100 100 200 110 T400 104 V120Z%22/%3E%3C/svg%3E") 0 100% / 100% 100% no-repeat; }
@keyframes skAurora { 0% { transform: translate(-6%, 4%) rotate(0deg) scale(1); } 100% { transform: translate(6%, -5%) rotate(25deg) scale(1.12); } }
@keyframes skOcean { 0% { transform: translateX(-6%); } 100% { transform: translateX(6%); } }
@keyframes skShine { 0%, 55% { background-position: -150% 0; } 85%, 100% { background-position: 150% 0; } }
@keyframes skHolo { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } }
@keyframes skTwinkle { 0% { opacity: 0.55; } 100% { opacity: 1; } }
@keyframes skGrid { 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, 0 32px; } }
@keyframes skNeonBox { 0% { box-shadow: 0 0 0 1.5px rgba(255,60,200,0.6), 0 0 14px -2px rgba(255,60,200,0.5), 0 16px 40px -14px rgba(0,0,0,0.8); } 100% { box-shadow: 0 0 0 1.5px rgba(0,240,255,0.75), 0 0 26px -2px rgba(0,240,255,0.6), 0 16px 40px -14px rgba(0,0,0,0.8); } }
@keyframes skGalaxy { 0% { transform: rotate(0deg) scale(1.2); } 100% { transform: rotate(360deg) scale(1.2); } }
@keyframes skFlame { 0% { transform: scaleY(1) skewX(-2deg); } 100% { transform: scaleY(1.12) skewX(2deg); } }
@keyframes skEmbers { 0% { transform: translateY(20%); opacity: .2; } 30% { opacity: 1; } 100% { transform: translateY(-45%); opacity: 0; } }
@keyframes skRain { 0% { transform: translateY(0); } 100% { transform: translateY(50%); } }
@keyframes skGrid2 { 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, 0 36px; } }
@keyframes skSpin { to { transform: rotate(360deg); } }
@keyframes skWarp { 0% { transform: scale(.6) rotate(0deg); opacity: .3; } 50% { opacity: 1; } 100% { transform: scale(1.5) rotate(8deg); opacity: .2; } }
@keyframes skLava { 0% { transform: translate(0, 6%) scale(1); } 50% { transform: translate(5%, -8%) scale(1.1); } 100% { transform: translate(-6%, 4%) scale(.95); } }
@keyframes skWave { 0% { transform: translateX(0); } 100% { transform: translateX(25%); } }
@keyframes skPrism { 0% { background-position: 0% 0; } 100% { background-position: 300% 0; } }
@keyframes skBubbles { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }
@keyframes skPlasma { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(120deg) scale(1.15); } 100% { transform: rotate(240deg) scale(1); } }
@keyframes skWaveA { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
@keyframes skWaveB { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(50%, 0, 0); } }
@keyframes sk2Glitch { 0%, 72%, 100% { clip-path: inset(0 0 100% 0); transform: none; } 73% { clip-path: inset(8% 0 74% 0); transform: translateX(-10px); } 75% { clip-path: inset(52% 0 30% 0); transform: translateX(12px); } 77% { clip-path: inset(28% 0 55% 0); transform: translateX(-6px); } 79% { clip-path: inset(78% 0 6% 0); transform: translateX(8px); } 81% { clip-path: inset(40% 0 44% 0); transform: translateX(-14px); } 83% { clip-path: inset(0 0 100% 0); } 90% { clip-path: inset(62% 0 22% 0); transform: translateX(6px); } 91% { clip-path: inset(0 0 100% 0); transform: none; } }
@keyframes sk2Rgb { 0%, 72%, 83%, 90%, 92%, 100% { text-shadow: none; transform: none; } 73%, 77%, 81% { text-shadow: -2px 0 #ff00c8, 2px 0 #00f0ff; transform: translateX(1px); } 75%, 79%, 91% { text-shadow: 2px 0 #ff00c8, -2px 0 #00f0ff; transform: translateX(-1px); } }
@keyframes sk2Scan { from { background-position: 0 -120%, 0 0; } to { background-position: 0 220%, 0 0; } }
@keyframes sk3Blip { 0% { opacity: .15; } 12% { opacity: 1; } 60% { opacity: .25; } 100% { opacity: .15; } }
@keyframes sk3Eq { 0% { background-size: 4.45% 28%, 4.45% 21%, 4.45% 38%, 4.45% 45%, 4.45% 16%, 4.45% 13%, 4.45% 45%, 4.45% 30%, 4.45% 28%, 4.45% 25%, 4.45% 45%, 4.45% 45%, 4.45% 40%, 4.45% 22%, 4.45% 28%, 4.45% 22%; } 20% { background-size: 4.45% 32%, 4.45% 18%, 4.45% 13%, 4.45% 33%, 4.45% 42%, 4.45% 38%, 4.45% 37%, 4.45% 21%, 4.45% 25%, 4.45% 31%, 4.45% 43%, 4.45% 13%, 4.45% 27%, 4.45% 44%, 4.45% 14%, 4.45% 19%; } 40% { background-size: 4.45% 14%, 4.45% 32%, 4.45% 22%, 4.45% 44%, 4.45% 38%, 4.45% 19%, 4.45% 44%, 4.45% 47%, 4.45% 13%, 4.45% 48%, 4.45% 42%, 4.45% 38%, 4.45% 42%, 4.45% 40%, 4.45% 24%, 4.45% 16%; } 60% { background-size: 4.45% 43%, 4.45% 43%, 4.45% 32%, 4.45% 30%, 4.45% 46%, 4.45% 18%, 4.45% 39%, 4.45% 18%, 4.45% 17%, 4.45% 26%, 4.45% 32%, 4.45% 17%, 4.45% 33%, 4.45% 16%, 4.45% 27%, 4.45% 21%; } 80% { background-size: 4.45% 47%, 4.45% 44%, 4.45% 18%, 4.45% 21%, 4.45% 38%, 4.45% 14%, 4.45% 15%, 4.45% 27%, 4.45% 25%, 4.45% 24%, 4.45% 33%, 4.45% 18%, 4.45% 15%, 4.45% 41%, 4.45% 22%, 4.45% 37%; } 100% { background-size: 4.45% 44%, 4.45% 27%, 4.45% 17%, 4.45% 20%, 4.45% 38%, 4.45% 44%, 4.45% 36%, 4.45% 20%, 4.45% 46%, 4.45% 18%, 4.45% 21%, 4.45% 27%, 4.45% 14%, 4.45% 15%, 4.45% 27%, 4.45% 19%; } }
@keyframes sk3Trace { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: -100% 0; mask-position: -100% 0; } }
@keyframes sk3Comet { 0% { transform: rotate(18deg) translateX(0); opacity: 0; } 5% { opacity: 1; } 38% { transform: rotate(18deg) translateX(420%); opacity: 1; } 42%, 100% { transform: rotate(18deg) translateX(460%); opacity: 0; } }
@keyframes sk3Snow { 0% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(-3%, 25%, 0); } 100% { transform: translate3d(1%, 50%, 0); } }
@keyframes sk3Vein { 0% { background-position: -100% 0; } 70%, 100% { background-position: 260% 0; } }
@keyframes sk3Pulse { from { transform: scale(1); } to { transform: scale(1.2); } }
@keyframes sk3Hex { 0% { -webkit-mask-position: -40% -30%; mask-position: -40% -30%; } 50% { -webkit-mask-position: 60% 120%; mask-position: 60% 120%; } 100% { -webkit-mask-position: 140% -20%; mask-position: 140% -20%; } }
@keyframes sk3Wander { 0% { transform: translate(0, 0); } 33% { transform: translate(3%, -4%); } 66% { transform: translate(-3%, 2%); } 100% { transform: translate(2%, 4%); } }