/* ⚠ ساخته می‌شود: python tools/build_lobby.py */
#lobby{--scale:1;background:#EEE9DF;color:#102E50;font-family:Vazirmatn,sans-serif;min-height:100vh;overflow-x:hidden}
#lobby *{box-sizing:border-box}#lobby .stage{position:relative;width:100%;max-width:853px;margin:auto;height:1844px;overflow:hidden}#lobby .lobby{position:absolute;top:0;right:0;width:853px;min-height:1844px;transform:scale(var(--scale,1));transform-origin:top right;background:#FAF7EE url(../assets/ui/lobby/lobby-bg.webp) center top/853px 1844px no-repeat;--touch:88px;--delta:0px;--bot-extra:0px;font-size:28px;line-height:1.5}#lobby h1,#lobby h2,#lobby p{margin:0}#lobby button,#lobby input{font:inherit;color:inherit}#lobby button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#lobby button:disabled{cursor:default}#lobby .skin{border:0;background-color:transparent;background-image:var(--skin);background-repeat:no-repeat;background-size:100% 100%;transition:transform .12s,filter .12s}#lobby .skin:active:not(:disabled){background-image:var(--pressed,var(--skin))}#lobby button:focus-visible,#lobby input:focus-visible{outline:4px solid var(--accent-focus,#1266D9);outline-offset:2px}#lobby button:active:not(:disabled){transform:translateY(2px)}#lobby .icon{display:block;width:44px;height:44px;object-fit:contain;flex:none}#lobby header .brand-mini{position:absolute;left:28px;top:27px;width:224px;height:168px;object-fit:contain}#lobby h1{position:absolute;left:275px;top:85px;width:470px;text-align:center;font-size:76px;font-weight:700;line-height:1.3;white-space:nowrap}#lobby .back{position:absolute;right:32px;top:52px;width:var(--touch);height:var(--touch);display:grid;place-items:center}#lobby .back .icon{width:45px;height:45px}#lobby .theme-strip{position:absolute;left:43px;top:200px;width:775px;height:104px;display:flex;align-items:center;justify-content:space-between;padding:8px 28px;gap:20px}#lobby .theme-info{display:flex;align-items:center;gap:22px}#lobby .theme-info .icon{width:72px;height:72px}#lobby .theme-info>div{display:flex;flex-direction:column;align-items:flex-start}#lobby .theme-info small{font-size:26px;color:#6F8192;font-weight:700}#lobby .theme-info strong{font-size:35px;line-height:1.4}#lobby .theme-pill{width:336px;height:88px;display:grid;place-items:center;font-size:34px;font-weight:700}#lobby .profile-card{position:absolute;left:35px;top:316px;width:783px;height:calc(572px + var(--delta));}#lobby .main-avatar{position:absolute;right:42px;top:40px;width:204px;height:204px;padding:18px}#lobby .main-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}#lobby .field{position:absolute;left:64px;width:450px;height:88px}#lobby .name-field{top:75px}#lobby .bio-field{top:179px}#lobby .name-label,#lobby .bio-label{position:absolute;left:65px;width:388px;text-align:right;font-size:27px;font-weight:700;color:#6A7E91}#lobby .name-label{top:52px}#lobby .bio-label{top:156px}#lobby .field input{width:100%;height:100%;text-align:right;direction:rtl;padding:0 56px 0 14px;font-size:40px;font-weight:700;min-width:0}#lobby .bio-field input{font-size:29px}#lobby .field input::placeholder{color:#83929D;font-size:27px;font-weight:400}#lobby .field>.icon{position:absolute;right:12px;top:25px;width:34px;height:34px;pointer-events:none}#lobby .input-hint{position:absolute;left:8px;bottom:-10px;font-size:19px;color:#6A7E91;visibility:hidden;direction:rtl}#lobby .field:focus-within .input-hint,#lobby input[aria-invalid=true]~.input-hint{visibility:visible}#lobby .field input[aria-invalid=true]{background-image:url(../assets/ui/lobby/surfaces/input-error.webp)}#lobby .avatar-heading{position:absolute;left:35px;top:282px;font-size:32px;color:#63798B;line-height:1.4}#lobby .avatar-grid{position:absolute;left:19px;top:323px;width:744px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px 2px;direction:ltr;justify-items:center}#lobby .avatar-tile,#lobby .upload{width:104px;height:104px;position:relative;padding:9px;min-width:0}#lobby .avatar-tile>img{width:100%;height:100%;border-radius:50%;object-fit:contain}#lobby .avatar-tile.selected::after{content:"";position:absolute;right:5px;top:2px;width:31px;height:31px;background:#146ACD url(../assets/ui/lobby/icons/check.svg) center/27px no-repeat;border-radius:50%;border:2px solid #FFFFFF}#lobby .upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px}#lobby .upload .icon{width:36px;height:36px}#lobby .upload span{font-size:23px;font-weight:700;color:#677B8C}#lobby .settings{position:absolute;top:calc(896px + var(--delta));left:38px;width:777px;display:grid;grid-template-columns:1fr 1fr;gap:0 8px}#lobby .setting-card{height:184px;position:relative}#lobby .setting-card h2{position:absolute;right:28px;top:31px;display:flex;align-items:center;justify-content:flex-start;gap:12px;font-size:31px;line-height:1.4;font-weight:700;white-space:nowrap}#lobby .setting-card .heading-icon{width:38px;height:38px}#lobby .help-button{position:absolute;left:13px;top:9px;width:var(--touch);height:var(--touch);padding:21px;display:grid;place-items:center}#lobby .help-button .icon{width:43px;height:43px}#lobby .rail{position:absolute;left:24px;right:24px;top:85px;height:var(--touch);display:flex;gap:3px}#lobby .choice{position:relative;flex:1;min-width:0;min-height:var(--touch);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;padding:6px 1px}#lobby .choice.selected{color:var(--accent-text,#FFFFFF)}#lobby .companions{position:absolute;left:35px;top:calc(1290px + var(--delta));width:783px}#lobby .companions>h2{position:absolute;right:17px;top:12px;font-size:49px;font-weight:700;line-height:1.4}#lobby .reroll{position:absolute;left:6px;top:1px;width:250px;height:var(--touch);font-size:24px;font-weight:700;color:#71818E;display:flex;align-items:center;justify-content:center;gap:10px}#lobby .reroll .icon{width:33px;height:33px}#lobby .bot-grid{position:absolute;top:82px;left:0;width:100%;display:grid;grid-template-columns:repeat(var(--bots,2),1fr);gap:7px;justify-content:center}#lobby .bot-card{position:relative;height:240px;min-width:0}#lobby .bot-card .bot-avatar{position:absolute;right:20px;top:19px;width:104px;height:104px;background:url(../assets/ui/lobby/surfaces/avatar-frame-normal.webp) center/contain no-repeat;padding:9px}#lobby .bot-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:contain}#lobby .bot-copy{position:absolute;right:134px;left:22px;top:31px;text-align:right;min-width:0}#lobby .bot-copy strong{display:block;font-size:39px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lobby .bot-copy small{display:block;font-size:25px;line-height:1.45;color:#63798C;margin-top:3px}#lobby .level-wrap{position:absolute;left:20px;right:20px;bottom:14px;height:var(--touch);z-index:1}#lobby .level-button{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:12px;font-size:30px;font-weight:700;padding:6px 18px}#lobby .level-button .badge{width:49px;height:49px;margin-right:auto}#lobby .level-button .chevron{width:28px;height:28px;margin-right:auto}#lobby .level-menu{position:absolute;bottom:94px;left:0;width:100%;min-width:230px;padding:7px;background:url(../assets/ui/lobby/surfaces/level-menu-normal.webp) center/100% 100% no-repeat;z-index:50;border-radius:26px;box-shadow:0 10px 25px #17324730}#lobby .level-menu button{width:100%;height:88px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:29px}#lobby .level-menu .icon{width:46px}#lobby .level-wrap:has(.level-menu:not([hidden])){z-index:50}#lobby .lobby[data-count="2"] .bot-grid{width:384px;left:199px}#lobby .lobby[data-count="4"] .bot-copy{right:112px;left:13px;top:29px}#lobby .lobby[data-count="4"] .bot-avatar{right:11px;width:92px;height:92px}#lobby .lobby[data-count="4"] .bot-copy strong{font-size:32px}#lobby .lobby[data-count="4"] .bot-copy small{font-size:21px}#lobby .lobby[data-count="4"] .level-wrap{left:10px;right:10px}#lobby .lobby[data-count="4"] .level-button{font-size:26px;padding:4px 10px;gap:5px}#lobby .lobby[data-count="4"] .level-button .badge{width:36px;height:36px}#lobby .sticky-start{position:fixed;bottom:0;left:50%;transform:translateX(-50%) scale(var(--scale,1));transform-origin:center bottom;width:853px;height:194px;z-index:70;background:url(../assets/ui/lobby/surfaces/start-bar-normal.webp) center/100% 100% no-repeat;padding:0 39px 8px;display:flex;flex-direction:column;gap:2px}#lobby .sticky-start>p{height:48px;flex:none;text-align:center;display:grid;place-items:center;font-size:25px;font-weight:700;color:#62778A;white-space:nowrap}#lobby .start{height:136px;flex:none;width:775px;font-size:70px;font-weight:700;display:grid;place-items:center;position:relative;color:var(--accent-text,#FFFFFF)}#lobby .start>.icon{position:absolute;left:61px;top:46px;width:44px;height:44px}#lobby .start[data-color=blue]>.icon{filter:brightness(0) invert(1)}#lobby .start:disabled{color:#596776}#lobby .lobby.no-theme .theme-strip{display:none}#lobby .lobby.no-theme .profile-card{top:208px}#lobby .lobby.no-theme .settings{top:calc(788px + var(--delta))}#lobby .lobby.no-theme .companions{top:calc(1182px + var(--delta))}#lobby .lobby.compact{--delta:218px;min-height:calc(1844px + var(--delta) + var(--bot-extra))}#lobby .lobby.compact .avatar-grid{grid-template-columns:repeat(5,1fr);gap:12px 4px}#lobby .lobby.compact .avatar-tile,#lobby .lobby.compact .upload{width:var(--touch);height:var(--touch)}#lobby .lobby.compact .field{height:var(--touch)}#lobby .lobby.compact .bio-field{top:208px}#lobby .lobby.compact .bio-label{top:185px}#lobby .lobby.compact .avatar-heading{top:322px}#lobby .lobby.compact .avatar-grid{top:363px}#lobby .lobby.compact .rail{left:7px;right:7px;top:82px}#lobby .lobby.compact .choice{font-size:32px}#lobby .lobby.compact .setting-card{height:calc(var(--touch) + 94px)}#lobby .lobby.compact .settings{row-gap:8px}#lobby .lobby.compact .setting-card h2{font-size:29px;right:14px;top:28px}#lobby .lobby.compact .setting-card .heading-icon{width:31px;height:31px}#lobby .lobby.compact .help-button{left:3px;top:2px}#lobby .lobby.compact .companions{top:calc(1290px + var(--delta) + 72px)}#lobby .lobby.compact .bot-grid,#lobby .lobby.compact[data-count="2"] .bot-grid{left:0;width:100%;grid-template-columns:1fr;gap:6px}#lobby .lobby.compact .bot-card{height:248px}#lobby .lobby.compact .level-button{font-size:33px}#lobby .lobby.compact .bot-copy{right:150px;top:25px}#lobby .lobby.compact .bot-copy strong{font-size:40px}#lobby .lobby.compact .bot-copy small{font-size:30px}#lobby .lobby.compact .bot-avatar{width:var(--touch);height:var(--touch)}#lobby .lobby.compact .level-menu button{height:var(--touch)}#lobby dialog{width:calc(100% - 32px);max-width:380px;padding:24px;border:0;border-radius:24px;background:#FFFCF4;color:#102E50;font:15px/1.8 Vazirmatn,sans-serif;box-shadow:0 20px 70px #152E4A44}#lobby dialog::backdrop{background:#19344B80}#lobby dialog h2{font-size:21px;margin-bottom:12px}#lobby #helpClose{float:left;width:44px;min-height:44px;border:0;border-radius:50%;background:#EEE9DF;display:grid;place-items:center}#lobby #helpClose .icon{width:24px;height:24px}
@media(prefers-reduced-motion:reduce){#lobby *{transition:none!important}}