@import url(https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700;900&display=swap);@tailwind base;@tailwind components;@tailwind utilities;*{font-family:Vazirmatn,sans-serif}body{background:linear-gradient(135deg,#0f172a,#1e293b);margin:0;min-height:100vh}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.game-card{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid #3b82f633;transition:all .3s ease}.game-card:hover{box-shadow:0 8px 32px #3b82f633;transform:translateY(-2px)}.role-badge{border-radius:20px;font-size:.875rem;font-weight:500;padding:4px 12px}.role-mafia{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.role-citizen{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.role-doctor{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.role-detective{background:#a855f733;border:1px solid #a855f74d;color:#a855f7}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--primary:#3b82f6;--primary-dark:#2563eb;--purple:#8b5cf6;--purple-dark:#7c3aed;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--bg-dark:#0a0a1a;--bg-card:#ffffff08;--border:#ffffff14;--text-primary:#fff;--text-secondary:#94a3b8;--radius:16px;--radius-sm:10px;--shadow:0 8px 32px #0000004d;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{bottom:0;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}body{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background:#0a0a1a;background:var(--bg-dark);color:#fff;color:var(--text-primary);font-family:Vazirmatn,sans-serif;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}body::-webkit-scrollbar{display:none;width:0}body:before{background:radial-gradient(ellipse at 20% 50%,#3b82f61a 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#8b5cf61a 0,#0000 50%),radial-gradient(ellipse at 50% 80%,#ef44440d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}main{-ms-overflow-style:none;height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;scrollbar-width:none}main::-webkit-scrollbar{display:none;width:0}.game-page{display:flex;flex-direction:column;height:100vh}.game-content,.game-page{overflow:hidden;position:relative}.game-content{flex:1 1;height:100%}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow)}.game-card,.glass-effect{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.game-card{background:linear-gradient(135deg,#3b82f60f,#8b5cf60f);border:1px solid #3b82f61f;border-radius:16px;border-radius:var(--radius);cursor:pointer;overflow:hidden;padding:24px;position:relative}.game-card:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #3b82f626;transform:translateY(-4px)}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Vazirmatn,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:10px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 15px #3b82f64d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #3b82f680;transform:translateY(-2px)}.btn-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--purple),var(--purple-dark));box-shadow:0 4px 15px #8b5cf64d;color:#fff}.btn-purple:hover:not(:disabled){box-shadow:0 8px 30px #8b5cf680;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px)}.btn-outline{background:#0000;border:1px solid #fff3;color:#fff}.btn-outline:hover{background:#ffffff0d}.btn-sm{border-radius:8px;font-size:12px;padding:6px 14px}.btn-lg{border-radius:14px;font-size:16px;padding:14px 32px}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e4d;color:#fff}.input-field{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;border-radius:var(--radius-sm);color:#fff;font-family:Vazirmatn,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.input-field:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626;outline:none}.input-field::placeholder{color:#ffffff40}.input-field:disabled{cursor:not-allowed;opacity:.4}select.input-field{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:left 12px center;background-repeat:no-repeat;cursor:pointer;padding-left:36px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 12px;white-space:nowrap}.badge-green{background:#22c55e1f;border:1px solid #22c55e33;color:#4ade80}.badge-red{background:#ef44441f;border:1px solid #ef444433;color:#f87171}.badge-blue{background:#3b82f61f;border:1px solid #3b82f633;color:#60a5fa}.badge-purple{background:#8b5cf61f;border:1px solid #8b5cf633;color:#a78bfa}.badge-yellow{background:#f59e0b1f;border:1px solid #f59e0b33;color:#fbbf24}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}.fade-in-up{animation:fadeInUp .4s ease forwards}.fade-in-scale{animation:fadeInScale .3s ease forwards}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff14;border-radius:50%;border-top:3px solid var(--primary);height:40px;width:40px}.container{margin:0 auto;max-width:1200px;padding:0 16px}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.container{padding:0 12px}.game-card{padding:16px}.glass-effect{border-radius:12px}.btn{font-size:13px;padding:8px 18px}h1{font-size:clamp(20px,6vw,28px)!important}h2{font-size:clamp(18px,5vw,24px)!important}h3{font-size:clamp(16px,4vw,20px)!important}.hide-mobile{display:none!important}}@media (min-width:769px){.show-mobile{display:none!important}}@supports (padding:env(safe-area-inset-top)){.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}
/*# sourceMappingURL=main.43c10f11.css.map*/