@font-face{font-family:Vazirmatn;font-weight:400;font-display:swap;src:url(/fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Vazirmatn;font-weight:700;font-display:swap;src:url(/fonts/vazirmatn-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Vazirmatn;font-weight:900;font-display:swap;src:url(/fonts/vazirmatn-arabic-900-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Vazirmatn;font-weight:400;font-display:swap;src:url(/fonts/vazirmatn-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Vazirmatn;font-weight:700;font-display:swap;src:url(/fonts/vazirmatn-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Vazirmatn;font-weight:900;font-display:swap;src:url(/fonts/vazirmatn-latin-900-normal.woff2) format('woff2')}
:root{--navy:#2a3a8c;--blue:#2563b8;--teal:#14b8a6;--green:#22c55e;--red:#f43f5e;--amber:#fbbf24}
*{box-sizing:border-box;margin:0;padding:0}
html{min-height:100%;background:#0b1030}
body{min-height:100vh}
body{font-family:Vazirmatn,Tahoma,sans-serif;direction:rtl;color:#fff;
background:radial-gradient(circle at 15% 20%,#14b8a655,transparent 40%),radial-gradient(circle at 85% 80%,#2a3a8c99,transparent 45%),linear-gradient(135deg,#0b1030,#0d1f45 50%,#063b44);background-attachment:fixed}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;border:0}
.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--blue));font-weight:800;white-space:nowrap}
.dot{width:10px;height:10px;border-radius:50%;background:#94a3b8}
.dot.live{background:#ff4d6d;box-shadow:0 0 12px #ff4d6d;animation:pulse 1.2s infinite}
.dot.closed{background:var(--amber)}.dot.result{background:var(--teal);box-shadow:0 0 10px var(--teal)}
@keyframes pulse{50%{opacity:.3}}
.logo{background:#fff;border-radius:50%;padding:5px;object-fit:contain}
.bar{position:relative;height:22px;border-radius:999px;background:rgba(244,63,94,.85);overflow:hidden;box-shadow:inset 0 0 8px #0006}
.bar.empty{background:rgba(255,255,255,.12)}
.bar i{display:block;height:100%;background:linear-gradient(270deg,#16a34a,#4ade80);box-shadow:0 0 20px #4ade80;border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.like{color:var(--green);text-shadow:0 0 24px #22c55e99}.dis{color:var(--red);text-shadow:0 0 24px #f43f5e99}
.muted{color:#ffffffaa}
.hidden{display:none!important}
.float-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}
.emo{position:absolute;bottom:-60px;animation:fl 3.6s ease-out forwards}
@keyframes fl{0%{transform:translate(0,0) scale(.6);opacity:0}10%{opacity:1}100%{transform:translate(var(--dx),-80vh) scale(1.3);opacity:0}}
.bump{animation:bump .45s}
@keyframes bump{40%{transform:scale(1.18)}}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#111827ee;padding:10px 20px;border-radius:14px;z-index:99;font-weight:700;transition:opacity .3s}
.conn{position:fixed;top:0;inset-inline:0;background:var(--amber);color:#111;text-align:center;font-size:13px;padding:3px;z-index:100}
.board{width:100%;border-collapse:collapse}.board th,.board td{padding:6px 10px;text-align:right;border-bottom:1px solid #ffffff14}.board th{color:#ffffff88;font-weight:700;font-size:.85em}.board .rk{width:2.4em;text-align:center}
.board tr:first-child td{background:#fbbf2412}