@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#090d1e;--panel:#151d36;--panel2:#1c2441;--line:#303954;--muted:#9daac8;--fg:#f6f8ff;--red:#ff5369;--cyan:#23d5d6;--gold:#ffbd62;--purple:#ad73ff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 85% -5%,#45234e 0,transparent 32%),linear-gradient(155deg,#080e22,#11172e 65%,#100d28);color:var(--fg);font-family:Vazirmatn,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.shell{max-width:520px;margin:auto;min-height:100dvh;padding:18px 17px 100px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 17px}.brand{font-weight:900;font-size:25px;display:flex;gap:8px;align-items:center}.brand-mark{display:grid;place-items:center;background:#ff5067;border-radius:12px;width:37px;height:37px;box-shadow:0 4px 20px #ff50684f}.eyebrow{font-size:11px;color:var(--red);font-weight:800}.muted{color:var(--muted)}.small{font-size:12px}.subtle{font-size:11px}.avatar{border:2px solid #425476;object-fit:cover;border-radius:50%;width:40px;height:40px;background:#33415e}.avatar.fallback{display:inline-grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,#664ba1,#168b97)}.hero{overflow:hidden;position:relative;border:1px solid #34445b;border-radius:24px;padding:25px 19px 22px;min-height:262px;background:linear-gradient(100deg,#051c30d9,#25142fe3),url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=1000&q=80') center/cover;box-shadow:0 17px 35px #0004}.hero:before{content:'◉';position:absolute;left:-26px;top:-66px;color:#0ce0e033;font-size:250px;line-height:1}.hero>*{position:relative}.hero h1{font-size:30px;line-height:1.5;margin:8px 0 6px;font-weight:900}.hero h1 em{font-style:normal;color:var(--red)}.hero p{line-height:2;margin:0 0 18px;max-width:310px;font-size:12px;color:#e2e8f9}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800;background:#222e4d;color:#fff}.btn.primary{background:linear-gradient(120deg,#ff6768,#ee345b);box-shadow:0 8px 25px #e9365d40}.btn.secondary{background:#233253;border:1px solid #50607e}.btn.ghost{background:transparent;border:1px solid #495575}.btn.cyan{background:linear-gradient(110deg,#11b3b9,#147b9f)}.btn.full{width:100%}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions .btn{flex:1}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 10px}.section-head h2{font-size:16px;font-weight:900;margin:0}.panel{background:linear-gradient(155deg,#1b2544,#141b32);border:1px solid #34415d;border-radius:19px;padding:16px;margin-bottom:11px;box-shadow:0 9px 22px #0002}.rowflex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.badge{font-size:11px;font-weight:800;background:#0b645963;color:#66ffbf;border:1px solid #098a77;border-radius:20px;padding:5px 9px;display:inline-block}.badge.gold{color:#ffcf83;background:#704c1a66;border-color:#9e6c30}.badge.red{color:#ff8fa2;background:#8a23324f;border-color:#a23851}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{padding:13px 5px;text-align:center;background:#192442;border:1px solid #35405f;border-radius:14px}.stat b{display:block;font-size:23px}.stat span{display:block;color:var(--muted);font-size:11px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature{border:1px solid #3c4265;text-align:right;min-height:122px;padding:15px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#2b214a,#191d3c)}.feature:nth-child(2){background:linear-gradient(135deg,#143d48,#142439)}.feature:nth-child(3){background:linear-gradient(135deg,#523221,#281d30)}.feature:nth-child(4){background:linear-gradient(135deg,#28346d,#1a2542)}.feature strong{display:block;font-size:14px;margin:12px 0 4px}.feature span{font-size:11px;color:#bdc8e0}.feature .emoji{font-size:27px}.bottom{position:fixed;z-index:10;bottom:0;right:0;left:0;display:flex;justify-content:space-around;max-width:520px;margin:auto;background:#111a31ee;border:1px solid #35415d;border-bottom:0;border-radius:18px 18px 0 0;backdrop-filter:blur(16px);padding:10px 7px max(11px,env(safe-area-inset-bottom))}.navitem{color:#8896b3;background:none;border:0;display:grid;gap:2px;justify-items:center;font-size:10px;min-width:57px}.navitem.active{color:#ff6878}.navitem i{font-size:20px}.page-title{font-weight:900;font-size:24px;margin:6px 0 4px}.input,.select{width:100%;border:1px solid #41506e;border-radius:13px;background:#111a31;color:#fff;outline:none;padding:13px;margin:6px 0 13px;min-width:0}.input:focus,.select:focus{border-color:#24c8d1}.field-label{font-size:12px;color:#cbd3e8;font-weight:700}.hint{color:#a1acc7;font-size:11px;line-height:2}.member{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #34405b}.member:last-child{border-bottom:0}.member-name{font-size:14px;font-weight:800}.icon-btn{border:1px solid #45516e;background:#1d2846;border-radius:12px;color:#fff;width:38px;height:38px;font-size:18px}.empty{text-align:center;padding:24px 10px;color:#c6d0e6}.empty .icon{font-size:40px;display:block;margin:0 0 8px}.pill{display:inline-block;border-radius:40px;border:1px solid #425072;background:#1c2948;color:#cbd4e8;padding:8px 12px;font-size:11px;margin:3px}.pill.selected{background:#124d58;border-color:#22c3d3;color:#fff}.steps{display:flex;gap:4px;margin:12px 0 18px}.step{height:5px;border-radius:9px;background:#36425c;flex:1}.step.active{background:var(--red)}.role-card{text-align:center;display:grid;place-items:center;min-height:300px;border:1px solid #425374;background:radial-gradient(circle at 50% 0,#343a63,#151b32 65%);border-radius:24px;padding:24px;margin:18px 0}.role-card.spy{background:radial-gradient(circle at 50% 0,#622f43,#1c1b32 70%)}.role-card .role-icon{font-size:55px}.role-card h2{font-size:32px;font-weight:900}.role-card p{font-size:12px;color:#c4cde2;line-height:2}.timer{width:185px;height:185px;border-radius:50%;margin:16px auto;border:8px solid #28c5d4;box-shadow:0 0 30px #05c8d855, inset 0 0 24px #08b2cb44;display:grid;place-items:center}.timer b{font-size:44px;direction:ltr}.vote-choice{display:flex;align-items:center;width:100%;gap:10px;border:1px solid #405071;background:#1c2744;border-radius:14px;padding:11px;margin:7px 0;color:#fff;text-align:right}.vote-choice.selected{border-color:#22d4d7;background:#184150}.vote-choice .name{flex:1}.progress-line{background:#303c5b;height:6px;border-radius:10px;overflow:hidden}.progress-line span{display:block;background:var(--cyan);height:100%}.toastx{position:fixed;top:22px;left:50%;transform:translateX(-50%);background:#e2f9ff;color:#102039;padding:12px 17px;border-radius:12px;z-index:30;max-width:90%;font-weight:700;box-shadow:0 15px 35px #0006}.hide{display:none!important}.divider{border:0;border-top:1px solid #39435d;margin:17px 0}.floating{font-size:12px;background:#263050;border-radius:12px;padding:11px}.record{border-right:3px solid #ff6178;padding:2px 11px;margin:15px 0}.circlecount{border:1px solid #506582;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;background:#243353;font-weight:900}.checkrow{display:flex;align-items:center;gap:7px;margin:7px 0;font-size:12px;color:#cbd3e6}.checkrow input{accent-color:#21c9d0}.mini{font-size:11px;color:#8798b8}.right{margin-right:auto}.word-chip{font-weight:900;color:#52e3e4;font-size:23px}.top-graphic{font-size:46px;text-align:center;padding:8px}i{font-style:normal}@media(max-width:360px){.shell{padding-left:12px;padding-right:12px}.hero h1{font-size:26px}.btn{padding:11px 9px;font-size:12px}.stats .stat b{font-size:19px}}@media(min-width:600px){.shell{border-left:1px solid #27314d;border-right:1px solid #27314d}}@media(prefers-reduced-motion:no-preference){.panel,.feature,.btn{transition:transform .16s ease,filter .16s ease}.feature:active,.btn:active{transform:scale(.98)}}