#profile-view .profile-card-container{display:none}
.identity-card[hidden]{display:none}.identity-photo{cursor:pointer}
#profile-view .profile-layout-container{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:1240px;margin:auto}
.identity-studio{color:#f7f7ff;font-family:Inter,system-ui,sans-serif}
.identity-heading{margin:4px 0 22px}.identity-heading>span{color:#a68cff;font-size:11px;font-weight:900;letter-spacing:.24em}.identity-heading h2{font-size:clamp(27px,4vw,43px);letter-spacing:-.055em;margin:6px 0}.identity-heading p{margin:0;color:#a4a7b8;font-size:14px}
.identity-card{position:relative;overflow:hidden;isolation:isolate;width:min(100%,900px);aspect-ratio:16/9;border:1px solid #ffffff44;border-radius:clamp(20px,3vw,32px);padding:clamp(18px,3vw,34px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 35px 80px #0804166c, inset 0 1px #ffffff52;background:radial-gradient(circle at 76% 25%,#a876ff99,transparent 35%),linear-gradient(135deg,#322065,#110c26 62%,#070a1b);transition:background .35s,transform .35s,box-shadow .35s}
.identity-card:hover{transform:translateY(-5px) rotateX(1deg);box-shadow:0 45px 100px #0804169c}.identity-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 15%,#ffffff1b 43%,transparent 58%);transform:translateX(-110%);animation:identity-glint 5s ease-in-out infinite}@keyframes identity-glint{50%,100%{transform:translateX(130%)}}
.identity-card.theme-ocean{background:radial-gradient(circle at 76% 25%,#41d9ff87,transparent 38%),linear-gradient(135deg,#07516b,#071321 70%)}.identity-card.theme-ember{background:radial-gradient(circle at 80% 20%,#ff94528a,transparent 40%),linear-gradient(135deg,#702340,#241018 70%)}.identity-card.theme-forest{background:radial-gradient(circle at 80% 20%,#67e9ad75,transparent 40%),linear-gradient(135deg,#1b6655,#0b1a1c 70%)}.identity-card.theme-midnight{background:radial-gradient(circle at 80% 20%,#7a8fff7d,transparent 40%),linear-gradient(135deg,#232944,#080b15 70%)}
.identity-card.has-image{background-image:linear-gradient(90deg,#090d1dda,#09102688),var(--identity-bg);background-size:cover;background-position:center}
.identity-top,.identity-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.identity-top strong{font-size:clamp(18px,2.6vw,30px);letter-spacing:-.07em}.identity-top strong span{color:#ff5566}.identity-top small,.identity-bottom{font-size:clamp(8px,1.2vw,12px);letter-spacing:.16em;font-weight:900;color:#ffffffba}
.identity-main{display:flex;align-items:center;gap:clamp(14px,4vw,38px);min-width:0}.identity-photo{flex:0 0 22%;aspect-ratio:1;border-radius:20%;padding:5px;background:linear-gradient(135deg,#ffffffad,#ffffff18);box-shadow:0 15px 35px #0006}.identity-photo img{width:100%;height:100%;object-fit:cover;border-radius:18%}.identity-person{min-width:0;flex:1}.identity-person>small{font-size:clamp(8px,1.1vw,11px);font-weight:900;letter-spacing:.2em;color:#d2cbff}.identity-person h3{font-size:clamp(20px,4vw,48px);letter-spacing:-.055em;line-height:1.05;margin:8px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-person p{font-size:clamp(10px,1.5vw,16px);margin:0 0 12px;color:#e2e4ec}.identity-games{display:flex;flex-wrap:wrap;gap:6px}.identity-games span{font-size:clamp(8px,1.1vw,11px);padding:6px 9px;border-radius:99px;background:#ffffff25;border:1px solid #ffffff33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.identity-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px;margin-top:22px}.identity-control{padding:22px;background:linear-gradient(155deg,#191c2c,#10131e);border:1px solid #ffffff18;border-radius:22px;box-shadow:0 12px 32px #07091335}.identity-control h3{margin:0 0 6px;font-size:16px}.identity-control p{margin:0 0 16px;color:#a7acbb;font-size:12px;line-height:1.5}.identity-control label{display:block;color:#cdd0de;font-size:12px;font-weight:700;margin:12px 0}.identity-control input:not([type=checkbox]),.identity-control select,#identity-background{width:100%;box-sizing:border-box;background:#0b0f19;border:1px solid #ffffff20;border-radius:12px;color:#fff;padding:12px;font:500 13px Inter;outline:none;margin-top:6px}.identity-control input:focus,#identity-background:focus{border-color:#a889ff;box-shadow:0 0 0 3px #9c80ff27}.identity-control button:not(.identity-themes button){border:0;border-radius:12px;background:linear-gradient(120deg,#755cff,#a33bf0);color:white;padding:11px 15px;font:800 12px Inter;cursor:pointer;transition:transform .2s,filter .2s}.identity-control button:hover{transform:translateY(-2px);filter:brightness(1.12)}.identity-control button:disabled{opacity:.5;cursor:wait}.identity-themes{display:flex;gap:8px;margin:12px 0}.identity-themes button{width:34px;height:34px;border-radius:50%;border:2px solid #fff6;color:transparent;cursor:pointer}.identity-themes button.active{outline:2px solid #fff;outline-offset:2px}.identity-themes [data-theme=violet]{background:#7651b5}.identity-themes [data-theme=ocean]{background:#167998}.identity-themes [data-theme=ember]{background:#ab3b52}.identity-themes [data-theme=forest]{background:#2c9873}.identity-themes [data-theme=midnight]{background:#182541}.identity-toggle{display:flex!important;align-items:center;gap:10px}.identity-toggle input{accent-color:#8e5bff;width:18px;height:18px}#identity-otp-box[hidden]{display:none}#identity-otp-box small{color:#aaa}#identity-status:not(:empty){margin:15px 0;padding:13px 16px;border-radius:12px;background:#4b329433;border:1px solid #9b72ff66;color:#e3d9ff;max-width:900px}
@media(max-width:650px){.identity-tools{grid-template-columns:1fr}.identity-card{border-radius:19px;padding:14px}.identity-photo{border-radius:15%;padding:3px}.identity-photo img{border-radius:13%}.identity-top strong{font-size:16px}.identity-top small{font-size:7px}.identity-person h3{font-size:clamp(17px,5vw,26px);margin:4px 0}.identity-person p{font-size:9px;margin-bottom:5px}.identity-games{gap:3px}.identity-games span{font-size:7px;padding:3px 5px}.identity-bottom{font-size:7px}.identity-control{padding:18px}}
.identity-brand-logo{display:block;width:min(52%,390px);height:auto;max-height:62px;object-fit:contain;object-position:left center;background:transparent;border:0;outline:0;box-shadow:none;padding:0;margin:0}@media(max-width:650px){.identity-brand-logo{width:min(58%,220px);max-height:34px}}
/* Profile controls use the PixoGame red accent in both site themes. */
#profile-view .identity-heading>span{color:#ef3154}
#profile-view .identity-control input:focus,#profile-view .identity-control select:focus{border-color:#e82d4f;box-shadow:0 0 0 3px #e82d4f29}
#profile-view .identity-control button:not(.identity-themes button){background:linear-gradient(120deg,#fa3655,#c9133c);box-shadow:0 8px 20px #e82d4f30}
#profile-view .identity-toggle input{accent-color:#e82d4f}
#profile-view #identity-status:not(:empty){background:#e82d4f1c;border-color:#e82d4f70;color:#ffbbc6}
#profile-view .identity-person>small{color:#ffdce3}
body.light-mode #profile-view .identity-studio{color:#18202d}
body.light-mode #profile-view .identity-heading h2{color:#141b28}
body.light-mode #profile-view .identity-heading>span{color:#bd173b}
body.light-mode #profile-view .identity-heading p{color:#4b586b}
body.light-mode #profile-view .identity-control{background:linear-gradient(155deg,#fff,#f8f9fc);border-color:#dce2eb;box-shadow:0 14px 34px #23324b12}
body.light-mode #profile-view .identity-control h3{color:#172132}
body.light-mode #profile-view .identity-control p,body.light-mode #profile-view #identity-wa-state{color:#536176}
body.light-mode #profile-view .identity-control label{color:#273449}
body.light-mode #profile-view .identity-control input:not([type=checkbox]),body.light-mode #profile-view .identity-control select{background:#fff;border-color:#cdd5e0;color:#1c2738}
body.light-mode #profile-view .identity-control input::placeholder{color:#748195;opacity:1}
body.light-mode #profile-view #identity-otp-box small{color:#59677b}
body.light-mode #profile-view #identity-status:not(:empty){background:#fff0f3;border-color:#e65c76;color:#9c1735}
body.light-mode #profile-view .identity-themes button{border-color:#fff;box-shadow:0 0 0 1px #a9b5c4}
body.light-mode #profile-view .identity-themes button.active{outline-color:#d81f43}