.profile-onboarding{color:#fff;min-height:100svh;font-family:var(--font-ui);isolation:isolate;background:radial-gradient(circle at 83% 10%,#477e7666,#0000 32%),radial-gradient(circle at 12% 88%,#69192bb3,#0000 38%),linear-gradient(135deg,#090b10 0%,#241018 48%,#071a1c 100%);place-items:center;padding:clamp(1rem,3vw,2.5rem);display:grid;overflow:hidden}.profile-onboarding:before{content:"";z-index:-1;opacity:.22;background-image:linear-gradient(115deg,#0000 0 48%,#d8af631f 49% 50%,#0000 51%),radial-gradient(circle,#f3e7d221 1px,#0000 1.5px);background-size:100% 100%,18px 18px;position:fixed;inset:0}.profile-dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(75%);backdrop-filter:blur(18px)saturate(75%);background:#020811c7;place-items:center;padding:clamp(1rem,4vw,3rem);display:grid;position:fixed;inset:0}.profile-dialog{color:#f6f8fc;width:min(640px,100%);max-height:90svh;font-family:var(--font-ui);background:linear-gradient(155deg,#11273dfa,#051222fc 68%);border:1px solid #e4be6f94;border-radius:30px;padding:clamp(1.5rem,4vw,2.75rem);position:relative;overflow:auto;box-shadow:0 36px 100px #000000b8,inset 0 1px #ffffff0d}.profile-dialog:before{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 0,#ffd16621,#0000 40%);position:absolute;inset:0}.profile-dialog__view{justify-items:center;gap:1.3rem;display:grid;position:relative}.profile-dialog__portrait{background:linear-gradient(145deg,#f6d78d,#765027);border:1px solid #ffda8bb8;border-radius:50%;width:154px;padding:7px;box-shadow:0 18px 45px #00000080,0 0 0 8px #ffd1660f}.profile-dialog__portrait .player-avatar{border:0}.profile-dialog__identity{text-align:center}.profile-dialog__identity span{color:#9fbdda;font-size:.92rem}.profile-dialog__identity h2,.profile-dialog h2{color:#fff;text-align:center;margin:0 0 .25rem;font-family:inherit;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:850;line-height:1.3}.profile-dialog__close{z-index:2;color:#dce9f5;cursor:pointer;background:#05101db8;border:1px solid #aac6e047;border-radius:50%;width:42px;height:42px;font:500 1.65rem/1 Vazirmatn Variable,sans-serif;position:absolute;inset:1rem 1rem auto auto}.player-code{color:#a8c9ee;background:#030e1ba3;border:1px solid #759dc857;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;margin:.2rem 0 0;padding:1rem 1.15rem;display:grid}.player-code b{color:#fff3cf;letter-spacing:.08em;text-align:center;font-size:1.08rem}.player-code button{min-height:38px;color:var(--color-gold-bright);cursor:pointer;background:#ffd1661a;border:1px solid #ffd1666b;border-radius:10px;padding:.4rem .8rem;font:700 .85rem/1 Vazirmatn Variable,sans-serif}.profile-dialog__primary{border:1px solid var(--color-gold-bright);background:linear-gradient(180deg, var(--color-gold-bright), #e4b851);color:#122238;cursor:pointer;border-radius:14px;width:100%;min-height:52px;font:850 1rem/1 Vazirmatn Variable,sans-serif;box-shadow:0 12px 28px #0000004d}.profile-dialog .profile-actions{margin-top:1.25rem}.profile-dialog .profile-actions>button:not(.profile-dialog__primary){color:#d9e7f4;cursor:pointer;background:#759dc81a;border:1px solid #9fbdda61;border-radius:14px;min-height:52px;font:750 .95rem/1 Vazirmatn Variable,sans-serif}.profile-dialog button:focus-visible,.profile-dialog input:focus-visible{outline-offset:3px;outline:3px solid #7be2d6}.profile-dialog form>label{gap:.4rem;margin-bottom:1rem;display:grid}.profile-dialog form>label input{color:#122238;font:inherit;background:#f5f8fb;border:1px solid #9fbdda8c;border-radius:10px;padding:.8rem}@media (width<=650px){.profile-dialog-backdrop{align-items:end;padding:0}.profile-dialog{width:100%;max-height:92svh;padding:1.5rem 1.1rem calc(1.3rem + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.profile-dialog__portrait{width:126px}.player-code{grid-template-columns:1fr auto}.player-code>span{grid-column:1/-1}}.profile-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(115deg,#ffffff09,#0000 32%),#0a090eeb;border:1px solid #d8af637a;border-radius:32px 10px;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.45fr);grid-template-areas:"intro portraits""identity portraits""actions portraits";gap:1.5rem 2.5rem;width:min(1120px,100%);padding:clamp(1.5rem,3.5vw,3.25rem);display:grid;position:relative;box-shadow:0 40px 110px #000000a3}.profile-card:after{content:"";pointer-events:none;border:1px solid #d8af631a;border-radius:24px 6px;position:absolute;inset:14px}.profile-card__intro{z-index:1;grid-area:intro;align-self:end;position:relative}.profile-card .section-label{color:#d8af63;border-bottom:2px solid #d8af63;width:fit-content;margin:0 0 .9rem;padding-bottom:.45rem;font-size:.82rem;font-weight:800}.profile-card h1{color:#f3e7d2;letter-spacing:-.045em;max-width:10ch;margin:0;font-size:clamp(2.35rem,4.4vw,4.7rem);font-weight:900;line-height:1.08}.profile-card__intro>p:last-child{color:#bcb4ad;max-width:34ch;margin:1rem 0 0;line-height:1.9}.profile-card__identity{z-index:1;grid-area:identity;align-self:end;position:relative}.profile-card fieldset{border:0;margin:1.25rem 0 0;padding:0}.profile-card legend,.profile-name{color:#f3e7d2;font-weight:800}.profile-name{gap:.5rem;display:grid}.profile-name input{font:inherit;color:#151016;background:#f3e7d2f5;border:1px solid #d8af6385;border-radius:6px;min-height:54px;padding:.85rem 1rem;box-shadow:inset 0 1px 4px #0003}.profile-card__portraits{z-index:1;background:#25111985;grid-area:portraits;align-self:center;min-width:0;position:relative;border:1px solid #d8af6333!important;border-radius:24px 6px!important;margin:0!important;padding:clamp(1rem,2.4vw,1.75rem)!important}.portrait-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.2rem;display:flex}.portrait-heading legend{padding:0;font-size:1.1rem}.portrait-heading p{color:#aaa29c;margin:0;font-size:.78rem}.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.2rem);display:grid}.avatar-choice{text-align:center;cursor:pointer;gap:.55rem;display:grid;position:relative}.avatar-choice input{opacity:0;position:absolute}.player-avatar{aspect-ratio:1;object-fit:cover;filter:none;border:2px solid #f3e7d21f;border-radius:18px 4px;width:100%;transition:transform .18s,filter .18s,border-color .18s;display:block;box-shadow:0 14px 25px #00000061}.avatar-choice:is(:hover,.is-selected) .player-avatar,.avatar-choice:focus-within .player-avatar{filter:none;border-color:#d8af63;transform:translateY(-3px);box-shadow:0 0 0 4px #d8af6324,0 18px 30px #00000085}.avatar-choice__label{color:#aaa29c;font-size:.78rem;font-weight:650}.avatar-choice.is-selected .avatar-choice__label{color:#f3e7d2}.avatar-choice__check{color:#171016;opacity:0;background:#d8af63;border:2px solid #171016;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:950;transition:opacity .16s,transform .16s;display:grid;position:absolute;inset:.65rem .65rem auto auto;transform:scale(.7)}.avatar-choice.is-selected .avatar-choice__check{opacity:1;transform:scale(1)}.age-choices{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.6rem;display:grid}.age-choices label{color:#d7cfca;cursor:pointer;background:#ffffff06;border:1px solid #f3e7d22e;border-radius:6px;align-items:center;gap:.6rem;min-height:52px;padding:.75rem .85rem;display:flex}.age-choices label:has(input:checked){color:#f3e7d2;background:#d8af631a;border-color:#d8af63}.age-choices input{accent-color:#d8af63}.profile-actions{align-items:center;gap:.8rem;display:flex}.profile-card__actions{z-index:1;grid-area:actions;align-self:start;position:relative}.profile-actions button{cursor:pointer;border-radius:6px;min-height:48px;padding:.7rem 1.2rem;font:800 .9rem/1 Vazirmatn Variable,sans-serif}.profile-card__actions .primary-action{color:#171016;background:linear-gradient(#e6c47e,#c69a4e);border:1px solid #e2bd73;flex:1;box-shadow:0 12px 28px #00000052}.profile-card__actions .primary-action:disabled{color:#756f6c;box-shadow:none;cursor:not-allowed;background:#f3e7d212;border-color:#f3e7d21a}.profile-card__actions button:last-child{color:#c2b9b3;background:0 0;border:1px solid #f3e7d22e}.profile-card :focus-visible{outline-offset:3px;outline:3px solid #74d7cc}@media (width<=650px){.profile-onboarding{align-items:end;padding:0}.profile-card{max-height:100svh;padding:1.35rem 1rem calc(1.25rem + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;grid-template-columns:1fr;grid-template-areas:"intro""identity""portraits""actions";gap:1.25rem;overflow:auto}.profile-card h1{max-width:12ch;font-size:clamp(2.1rem,12vw,3.2rem)}.profile-card__intro>p:last-child{margin-top:.65rem}.profile-card__identity{grid-template-columns:1fr;display:grid}.profile-card__portraits{padding:.85rem!important}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.player-avatar{border-radius:14px 3px}.portrait-heading{display:block}.portrait-heading p{margin-top:.3rem}.profile-actions{flex-direction:column}.profile-actions button{width:100%}}@media (width>=651px) and (width<=920px){.profile-card{grid-template-columns:1fr;grid-template-areas:"intro""portraits""identity""actions"}.profile-card h1{max-width:14ch}.profile-card__identity{grid-template-columns:1.2fr 1fr;align-items:end;gap:1.25rem;display:grid}}.profile-feedback{color:#ffe1e4;background:#341b29;border:1px solid #c47880;border-radius:.75rem;padding:.75rem 1rem;line-height:1.8}@media (prefers-reduced-motion:reduce){.profile-card *{scroll-behavior:auto;transition:none!important}}