#profileSetupModal{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;background:rgba(10,18,35,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}#profileSetupModal::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:620px;max-width:95%;height:650px;border-radius:32px;background: linear-gradient( 180deg, rgba(5,10,20,.65), rgba(5,10,20,.85) );box-shadow: 0 40px 100px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:1;}.profile-header, .form-group, .avatar-section{position:relative;z-index:2;width:620px;max-width:92%;box-sizing:border-box;margin-left:auto;margin-right:auto;}#saveProfileBtn{position:relative;z-index:2;width:620px;max-width:92%;box-sizing:border-box;display:block;margin:14px auto 0;}.profile-header, .form-group, .avatar-section{background: linear-gradient( 180deg, rgba(7,11,22,.80), rgba(7,11,22,.98) );border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow: 0 15px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);}.profile-header{margin-bottom:12px;}.profile-subtitle{position:relative;display:inline-flex;align-items:center;margin:0;color:#d8fff1;font-size:14px;font-weight:600;}.profile-subtitle::before{content:"";width:3px;height:16px;margin-right:12px;border-radius:999px;background:#10b981;box-shadow:0 0 10px rgba(16,185,129,.35);}.profile-subtitle::after{content:"";position:absolute;left:15px;bottom:-6px;width:40px;height:1px;background:linear-gradient( 90deg, #10b981, transparent );}.form-group{margin-bottom:12px;}.input-label{display:block;margin-bottom:10px;color:#f1f5f9;font-size:13px;font-weight:700;}.username-wrapper{display:flex;align-items:center;height:58px;overflow:hidden;border-radius:16px;background: linear-gradient( 180deg, rgba(255,255,255,.03), rgba(255,255,255,.015) );border:1px solid rgba(255,255,255,.08);transition:.25s ease;}.username-wrapper:focus-within{border-color:#10b981;box-shadow: 0 0 0 4px rgba(16,185,129,.08), 0 0 25px rgba(16,185,129,.15);}#username{flex:1;height:100%;border:none;outline:none;background:none;color:#fff;font-size:15px;font-weight:600;padding:0 18px;}#username::placeholder{color:#64748b;}#randomNameBtn{border:none;height:100%;min-width:120px;cursor:pointer;color:#fff;font-size:13px;font-weight:800;letter-spacing:.4px;background: linear-gradient( 135deg, #10b981, #22c55e );transition:.25s ease;}#randomNameBtn:hover{filter:brightness(1.08);}#randomNameBtn:active{transform:scale(.98);}.avatar-section{margin-bottom:0;overflow:hidden;}.avatar-title{margin:0 0 14px;color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;}.avatar-grid{display:grid;grid-template-columns:repeat(7,60px);gap:12px;justify-content:center;width:100%;max-height:240px;overflow-y:auto;padding:0 12px;scrollbar-gutter:stable;}.avatar-grid::-webkit-scrollbar{width:5px;}.avatar-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:999px;}.avatar-grid::-webkit-scrollbar-thumb{background:linear-gradient( 180deg, #10b981, #22c55e );border-radius:999px;}.avatar-radio{display:none;}.avatar-img{width:60px;height:60px;object-fit:cover;border-radius:18px;cursor:pointer;border:1px solid rgba(255,255,255,.06);background:#111827;box-shadow: 0 4px 12px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);transition: transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease, border-color .28s ease, filter .28s ease;}.avatar-img:hover{transform: translateY(-4px) scale(1.06);border-color: rgba(255,255,255,.18);filter:brightness(1.04);box-shadow: 0 14px 30px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.05), inset 0 1px 0 rgba(255,255,255,.08);}.avatar-radio:checked + .avatar-img{border-color:#10b981;transform:scale(1.08);box-shadow: 0 0 0 2px rgba(16,185,129,.22), 0 10px 28px rgba(16,185,129,.15), 0 2px 10px rgba(0,0,0,.22);}.avatar-radio:checked + .avatar-img:hover{transform: translateY(-3px) scale(1.1);box-shadow: 0 0 0 2px rgba(16,185,129,.25), 0 16px 36px rgba(16,185,129,.18), 0 4px 14px rgba(0,0,0,.25);}#saveProfileBtn{position:relative;overflow:hidden;height:60px;margin-top:14px;border:none;border-radius:18px;cursor:pointer;color:#fff;font-size:15px;font-weight:800;letter-spacing:.4px;background:linear-gradient( 180deg, #10b981 0%, #22c55e 100% );box-shadow: 0 8px 20px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.15);transition:all .3s ease;}#saveProfileBtn::before{content:"";position:absolute;top:0;left:-150%;width:70%;height:100%;background:linear-gradient( 110deg, transparent 0%, rgba(255,255,255,.08) 35%, rgba(255,255,255,.45) 50%, rgba(255,255,255,.08) 65%, transparent 100% );transform:skewX(-20deg);transition:left .8s ease;}#saveProfileBtn::after{content:"";position:absolute;left:2px;right:2px;top:2px;height:42%;border-radius:16px 16px 50px 50px;background:linear-gradient( to bottom, rgba(255,255,255,.18), transparent );pointer-events:none;}#saveProfileBtn:hover{transform:translateY(-2px);box-shadow: 0 12px 28px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22);}#saveProfileBtn:hover::before{left:170%;}#saveProfileBtn:active{transform:translateY(0) scale(.985);}@media (max-width:768px){#profileSetupModal{padding:16px;}#profileSetupModal::after{width:100%;max-width:420px;height:auto;min-height:620px;}.profile-header, .form-group, .avatar-section, #saveProfileBtn{width:100%;max-width:420px;}.profile-header, .form-group, .avatar-section{padding:16px;border-radius:20px;}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:8px;justify-content:center;padding:0;width:100%;}.avatar-img{width:100%;height:auto;aspect-ratio:1;}#randomNameBtn{min-width:95px;font-size:12px;}#username{font-size:14px;padding:0 14px;}#saveProfileBtn{height:56px;font-size:14px;}}@media (max-width:480px){#profileSetupModal{padding:12px;}#profileSetupModal::after{width:100%;max-width:100%;border-radius:24px;}.profile-header, .form-group, .avatar-section, #saveProfileBtn{width:100%;max-width:100%;}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:6px;padding:0;width:100%;}.avatar-img{width:100%;height:auto;aspect-ratio:1;border-radius:12px;}.username-wrapper{height:54px;}#randomNameBtn{min-width:88px;}#saveProfileBtn{height:54px;}}



.locked {pointer-events: none;position: relative;}.required-text.locked {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);padding: 12px 18px;border-radius: 16px;font-size: 13px;font-weight: 640;text-align: center;color: #DFFFF2;background: linear-gradient( 135deg, rgba(15, 23, 42, 0.75), rgba(30, 41, 59, 0.65) );backdrop-filter: blur(3px);border: 1px solid rgba(77,255,178, 0.35);box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 30px rgba(77,255,178,0.25), inset 0 0 15px rgba(77,255,178,0.08);z-index: 10;overflow: hidden;animation: floaty 4s ease-in-out infinite;transition: all 0.35s ease;}@keyframes floaty {0% {transform: translate(-50%, -50%) translateY(0px) scale(1);}50% {transform: translate(-50%, -50%) translateY(-6px) scale(1.03);}100% {transform: translate(-50%, -50%) translateY(0px) scale(1);}}.required-text.locked span {display: inline-block;margin-bottom: 4px;font-size: 20px;animation: iconBounce 2s ease-in-out infinite;filter: drop-shadow(0 0 8px rgba(248,113,113,0.6));}@keyframes iconBounce {0% {transform: translateY(0);}50% {transform: translateY(-5px);}100% {transform: translateY(0);}}.required-text.locked::after {content: "";position: absolute;top: 0;left: -120%;width: 200%;height: 100%;background: linear-gradient( 120deg, transparent, rgba(255,255,255,0.12), transparent );transform: skewX(-20deg);animation: shine 4s infinite;}@keyframes shine {0% {left: -120%;}100% {left: 120%;}}@keyframes borderFlow {0% {background-position: 0% 50%;}100% {background-position: 100% 50%;}}.locked .csm-offer-card-main::after {content: "";position: absolute;inset: 0;border-radius: 16px;background: radial-gradient( circle at center, rgba(255,255,255,0.06), transparent 70% );pointer-events: none;}.csm-offer-card-main.locked {opacity: 1 !important;filter: none !important;}.csm-offer-card-main {transition: transform 0.4s ease, box-shadow 0.4s ease;transform-style: preserve-3d;}.locked .csm-offer-card-main {position: relative;}.locked .csm-offer-card-main::before {content: "";position: absolute;inset: 0;border-radius: 16px;background: rgba(0,0,0,0.15);backdrop-filter: blur(2px);z-index: 1;}.required-text.locked {z-index: 5;transform: translate(-50%, -50%) translateZ(40px);}.required-text.locked {animation: floaty 4s ease-in-out infinite, glowPulse 3s ease-in-out infinite;}@keyframes glowPulse {0% {box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 20px rgba(77,255,178,0.2);}50% {box-shadow: 0 25px 70px rgba(0,0,0,0.8), 0 0 40px rgba(77,255,178,0.35);}100% {box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 20px rgba(77,255,178,0.2);}}.required-text.locked {background-clip: padding-box;}.required-text.locked b {background: linear-gradient(90deg, #4dffb2, #22c55e);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.required-text.locked span {filter: drop-shadow(0 0 10px rgba(77,255,178,0.9));}.locked:hover .required-text.locked {transform: translate(-50%, -50%) scale(1.12);box-shadow: 0 35px 100px rgba(0,0,0,0.9), 0 0 60px rgba(77,255,178,0.5);}.csm-offers:hover .csm-offer-card-main:not(:hover) {opacity: 0.6;transform: scale(0.98);transition: all 0.3s ease;}.required-text {transition: opacity 0.4s ease, transform 0.4s ease;}.d-none {opacity: 0;transform: scale(0.9);pointer-events: none;}.required-text.locked {opacity: 1;transform: scale(1);}