.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}}.game-icon{filter:drop-shadow(0 .25rem .3rem #0009);flex-shrink:0;width:2.8rem;height:3rem;display:block}.game-icon--gem path{fill:#b041ee;stroke:#f1a7ff}.game-sprite{background-image:url(/art/mafia-icons.webp);background-position-y:50%;background-repeat:no-repeat;background-size:500%}.game-icon--chest.game-sprite{background-position-x:0%}.game-icon--cards.game-sprite{background-position-x:25%}.game-icon--home.game-sprite{background-position-x:50%}.game-icon--people.game-sprite{background-position-x:75%}.game-icon--rooms.game-sprite{clip-path:inset(0 8%);background-position-x:100%}.game-header{z-index:5;background:#050f1cf0;border-bottom:1px solid #d0a45f61;align-items:center;gap:1rem;min-width:0;min-height:4.25rem;padding:.55rem clamp(.85rem,2.5vw,2.5rem);display:flex;position:relative;box-shadow:0 .5rem 2rem #0003}.game-player{text-align:right;cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;min-width:0;margin-left:auto;padding:0;display:flex}.game-player>.player-avatar{flex:none;width:clamp(2.8rem,7.5cqh,4rem)}.game-player>div:last-child{min-width:0}.game-player h1{color:#f7f9ff;text-overflow:ellipsis;white-space:nowrap;max-width:min(38vw,18rem);margin:0 0 .2rem;font-family:inherit;font-size:clamp(.9rem,2.2cqh,1.3rem);font-weight:800;line-height:1.2;overflow:hidden}.game-player span{color:var(--game-blue);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.62rem,1.45cqh,.82rem);display:block;overflow:hidden}.game-avatar{background:linear-gradient(145deg,#633b55,#14223b);border:1px solid #b7cdeae6;border-radius:.95rem;flex-shrink:0;place-items:center;width:clamp(2.6rem,7cqh,3.7rem);height:clamp(2.8rem,7.5cqh,4rem);display:grid;box-shadow:inset 0 0 1rem #020914,0 .35rem 1rem #0005}.game-avatar .game-icon{width:72%;height:72%}.game-header__tools{align-items:center;gap:clamp(.35rem,1vw,.8rem);min-width:0;display:flex}.game-wallets{direction:ltr;gap:.35rem;display:flex}.game-wallets button{color:#f7f9ff;background:#081b2edb;border:1px solid #4b79a39e;border-radius:.7rem;align-items:center;gap:.35rem;min-height:2.15rem;padding:.2rem .45rem;display:flex}.game-wallets button:hover{border-color:#ffd166b3}.game-wallets .game-icon{width:clamp(1.35rem,3.4cqh,2rem);height:clamp(1.5rem,3.8cqh,2.2rem)}.game-wallets b{color:var(--game-blue);font-size:1rem;line-height:1}.game-tool{color:#e4dccb;cursor:pointer;background:#101d2bb3;border:1px solid #d0a45f40;border-radius:.7rem;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;display:grid}.game-tool:hover,.game-tool:focus-visible{background:#15314ac7;border-color:#ffd1668c}.game-tool .game-icon,.game-account summary .game-icon{width:clamp(1.25rem,3cqh,1.8rem);height:clamp(1.35rem,3.4cqh,2rem)}.game-tool .game-icon path,.game-account summary path{fill:#c8d9ec;stroke:#eef5ff}.game-account{position:relative}.game-account summary{cursor:pointer;background:#101d2bb3;border:1px solid #d0a45f40;border-radius:.7rem;place-items:center;min-width:2.75rem;min-height:2.75rem;list-style:none;display:grid}.game-account summary::-webkit-details-marker{display:none}.game-account summary:hover,.game-account summary:focus-visible{background:#15314ac7;border-color:#ffd1668c}.game-account[open] .identity-panel{top:max(4.5rem, calc(env(safe-area-inset-top) + 4rem));z-index:40;width:auto;max-width:35rem;max-height:min(75cqh,42rem);margin-inline:auto;position:fixed;left:.75rem;right:.75rem;overflow-y:auto;box-shadow:0 1.25rem 3.5rem #000b}.game-account summary:focus-visible{outline:3px solid var(--game-gold);outline-offset:.2rem}.game-tool:focus-visible,.game-player:focus-visible{outline:2px solid var(--game-gold-bright);outline-offset:4px}@media (width<=700px){.game-header{gap:.35rem;min-height:3.8rem;padding-inline:.7rem}.game-player{gap:.45rem}.game-player h1{max-width:32vw;font-size:.82rem}.game-player span{font-size:.6rem}.game-avatar{border-radius:.7rem;width:2.35rem;height:2.55rem}.game-header__tools,.game-wallets{gap:.2rem}.game-wallets button{min-height:1.9rem;padding:.15rem .3rem}.game-wallets .game-icon{width:1.2rem;height:1.35rem}.game-tool,.game-account summary{min-width:2.75rem;min-height:2.75rem}.game-tool .game-icon,.game-account summary .game-icon{width:1.2rem;height:1.35rem}.game-wallets b{font-size:.8rem}}@media (width<=430px){.game-header{min-height:3.5rem;padding-block:.3rem}.game-avatar{width:2.15rem;height:2.35rem}.game-player>.player-avatar{width:2.15rem}}@media (width<=380px){.game-wallets b{display:none}.game-header__tools{gap:.1rem}}@media (height<=500px){.game-header{min-height:3.2rem;padding-block:.3rem}}@media (prefers-reduced-transparency:reduce){.game-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#05111efa}}@media (update:slow){.game-header{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.game-header{-webkit-backdrop-filter:none;backdrop-filter:none}}.game-logout-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.4rem;height:1.4rem}