@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-arabic-400-normal-DN15VWMM.woff2)format("woff2"),url(/assets/cairo-arabic-400-normal-CAYwymWN.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-ext-400-normal-xCL67Y2R.woff2)format("woff2"),url(/assets/cairo-latin-ext-400-normal-C_BIE9Qe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-400-normal-Dh7otpdh.woff2)format("woff2"),url(/assets/cairo-latin-400-normal-b1R3q6Pf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-arabic-600-normal-rkrvveqO.woff2)format("woff2"),url(/assets/cairo-arabic-600-normal-B3EOalmC.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-latin-ext-600-normal-DuRnqffh.woff2)format("woff2"),url(/assets/cairo-latin-ext-600-normal-DAfLYaOC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cairo-latin-600-normal-mGS0uvCM.woff2)format("woff2"),url(/assets/cairo-latin-600-normal-buYOP1M3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-arabic-700-normal-D3nDedWX.woff2)format("woff2"),url(/assets/cairo-arabic-700-normal-CyOqhaeK.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-latin-ext-700-normal-Cscux539.woff2)format("woff2"),url(/assets/cairo-latin-ext-700-normal-htXca11Z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cairo-latin-700-normal-C3GYtKbV.woff2)format("woff2"),url(/assets/cairo-latin-700-normal-6fcUy4Rc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-arabic-800-normal-G1qvPr6G.woff2)format("woff2"),url(/assets/cairo-arabic-800-normal-CVTPwINa.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-latin-ext-800-normal-ChnkP8hn.woff2)format("woff2"),url(/assets/cairo-latin-ext-800-normal-RObK5hVW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cairo-latin-800-normal-BBdTpBXf.woff2)format("woff2"),url(/assets/cairo-latin-800-normal-ReWrxM5E.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cairo-arabic-900-normal-DNm2WYV7.woff2)format("woff2"),url(/assets/cairo-arabic-900-normal-dTOb6H7Y.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cairo-latin-ext-900-normal-B_6SsW4a.woff2)format("woff2"),url(/assets/cairo-latin-ext-900-normal-BVFDAocv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cairo-latin-900-normal-CZYZHNME.woff2)format("woff2"),url(/assets/cairo-latin-900-normal-YbAqUPRv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0c0e13;--bg2:#12151c;--card:#171a22;--card2:#1d212b;--line:#ffffff12;--line2:#ffffff1f;--text:#eef1f6;--muted:#9aa3b5;--dim:#6b7385;--gold:#f2c879;--gold2:#e2b65e;--sand:#ecd3a3;--sand2:#d9b97f;--orange:#f08a24;--red:#ff5c7a;--green:#4ade80;--blue:#3fb6ff;--r:16px;--shadow:0 18px 50px #00000073}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}body{background:radial-gradient(1200px 600px at 85% -10%,#f2c87912,transparent 60%),radial-gradient(900px 500px at -10% 110%,#3fb6ff0d,transparent 60%),var(--bg)}button{color:inherit;font-family:inherit}input,select{-webkit-user-select:text;user-select:text;font-family:inherit}img{display:block}#app{flex-direction:column;height:100%;display:flex}body.offline:after{content:"انقطع الاتصال… نحاول نرجع";color:#fff;z-index:9999;box-shadow:var(--shadow);background:#b91c1c;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;position:fixed;top:12px;left:50%;transform:translate(-50%)}.boot{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;display:flex}.boot-logo{background:linear-gradient(135deg,var(--gold),var(--orange));border-radius:22px;width:72px;height:72px;animation:1.4s ease-in-out infinite bootPulse;box-shadow:0 0 60px #f2c87959}.boot-spin,.spin{border:3px solid var(--line2);border-top-color:var(--gold);border-radius:50%;width:30px;height:30px;margin:20px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bootPulse{50%{transform:scale(.92);box-shadow:0 0 30px #f2c87933}}.fatal{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.fatal img{width:72px;height:72px}.fatal h2{max-width:520px;font-size:22px;line-height:1.6}.btn{all:unset;box-sizing:border-box;cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:44px;padding:0 22px;font-size:15px;font-weight:800;transition:transform .12s,filter .15s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.btn.gold{background:linear-gradient(180deg,var(--sand),var(--sand2));color:#2a2010;box-shadow:inset 0 -3px #00000026,0 6px 18px #ecd3a326}.btn.primary{color:#2a1606;background:linear-gradient(#ffb547,#f08a24);box-shadow:inset 0 -3px #0000002e,0 8px 24px #f08a244d}.btn.primary:not([disabled]):hover,.btn.gold:not([disabled]):hover{filter:brightness(1.07)}.btn.ghost{background:var(--card2);border:1px solid var(--line2);color:var(--text)}.btn.ghost:hover{background:#252a36}.btn.text{height:auto;color:var(--muted);padding:6px 4px;font-weight:700}.btn.text:hover{color:var(--text)}.btn.small{border-radius:10px;height:34px;padding:0 14px;font-size:13px}.link{all:unset;cursor:pointer;color:var(--gold);margin-inline-start:8px;font-size:13px;font-weight:700}.icon-btn{all:unset;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,transform .12s;display:flex}.icon-btn:hover{background:var(--card2)}.icon-btn:active{transform:scale(.94)}.icon-btn img{width:20px;height:20px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#0c0e13bf;align-items:center;gap:16px;padding:12px 22px;display:flex;position:relative}.brand{letter-spacing:.3px;direction:ltr;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.brand img{filter:drop-shadow(0 2px 8px #f2c87959);width:26px;height:26px}.brand b{color:var(--gold)}.dev{color:#fff;background:#7c3aed;border-radius:6px;padding:1px 8px;font-size:11px;font-style:normal}.tb-right{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.people{align-items:center;margin-inline-end:8px;display:flex}.pp{margin-inline-start:-8px;position:relative}.pp:first-child{margin-inline-start:0}.av{object-fit:cover;border:2px solid var(--c,#888);background:#222;border-radius:50%;width:32px;height:32px}.pp .av{border-color:var(--bg);box-shadow:0 0 0 2px var(--c)}.pp .crown{width:16px;height:16px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-8deg)}.more{color:var(--muted);margin-inline-start:6px;font-size:12px;font-weight:700}.lobby{flex:1;padding:22px 26px 90px;overflow-y:auto}.lobby::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar{width:8px}.lobby::-webkit-scrollbar-thumb{background:#262b37;border-radius:8px}.modal-body::-webkit-scrollbar-thumb{background:#262b37;border-radius:8px}.lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.lobby-head h1{font-size:28px;font-weight:900;line-height:1.2}.lobby-head p{color:var(--muted);margin-top:4px;font-size:14px}.lobby-head p b{color:var(--gold)}.search,.set-search{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;min-width:240px;height:40px;padding:0 12px;display:flex}.search img,.set-search img{opacity:.7;width:16px;height:16px}.search input,.set-search input{all:unset;color:var(--text);flex:1;font-size:14px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.chip{all:unset;cursor:pointer;background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.chip span{background:#ffffff0f;border-radius:999px;padding:0 7px;font-size:12px}.chip:hover{color:var(--text)}.chip.on{background:var(--sand);color:#2a2010;border-color:#0000}.chip.on span{background:#0000001a}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.card{background:var(--card);border-radius:var(--r);cursor:pointer;border:1px solid var(--line);animation:.45s cubic-bezier(.2,.8,.2,1) both cardIn;animation-delay:calc(var(--i)*25ms);flex-direction:column;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:var(--line2);transform:translateY(-4px)}.card:hover .cover .ci.main{transform:translate(-50%,-52%)scale(1.08)rotate(-4deg)}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}.badge{top:10px;background:var(--orange);color:#fff;z-index:2;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:800;position:absolute;box-shadow:0 4px 12px #f08a2466}.badge:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:10px}.badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:10px}.badge:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:10px}.badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:10px}.card-body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.card-body h3{font-size:17px;font-weight:800}.card-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.meta{color:var(--dim);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.meta span{align-items:center;gap:5px;display:flex}.meta img{width:14px;height:14px}.meta .cat{background:#ffffff0d;border-radius:6px;margin-inline-start:auto;padding:1px 8px}.btn.play{background:linear-gradient(180deg,var(--sand),var(--sand2));color:#2a2010;border-radius:10px;height:38px;margin-top:6px;font-size:14px;box-shadow:inset 0 -3px #00000024}.arrow{background:#f5a524;border-radius:6px;width:18px;height:18px;position:relative;box-shadow:0 2px #0003}.arrow:after{content:"";border-block-start:5px solid #0000;border-block-end:5px solid #0000;border-inline-end:7px solid #3a2405;width:0;height:0;margin:auto;position:absolute;top:0;bottom:0;left:4px;right:0}.empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:40px;font-weight:700}.cover{aspect-ratio:16/10;background:linear-gradient(135deg,var(--a),var(--b));isolation:isolate;position:relative;overflow:hidden}.cover.big{aspect-ratio:16/8;border-radius:18px}.cover-pattern{opacity:.18;background-image:radial-gradient(#ffffffe6 1.2px,#0000 1.6px);background-size:16px 16px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(160deg,#000 20%,#0000 75%);mask-image:linear-gradient(160deg,#000 20%,#0000 75%)}.cover-glow{aspect-ratio:1;filter:blur(6px);background:radial-gradient(circle,#ffffff59,#0000 65%);width:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-shine{pointer-events:none;background:linear-gradient(#ffffff1f,#0000 40%,#00000047);position:absolute;top:0;bottom:0;left:0;right:0}.ci{filter:drop-shadow(0 10px 14px #00000059);pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute}.ci.main{width:46%;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.ci.side{width:26%;bottom:6%;left:6%;transform:rotate(12deg)}.ci.third{width:20%;top:8%;right:7%;transform:rotate(-14deg)}.cover.big .ci.main{width:30%}.cover.big .ci.side{width:17%}.cover.big .ci.third{width:13%}.setup{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);align-items:start;gap:22px;padding:22px 26px 90px;display:grid;overflow-y:auto}.setup-info{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:14px;animation:.4s both cardIn}.setup-text{padding:16px 8px 6px}.cat-pill{color:var(--gold);background:#f2c8791a;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800;display:inline-block}.setup-text h1{margin:6px 0 2px;font-size:30px;font-weight:900}.setup-text p{color:var(--muted);font-size:15px;line-height:1.7}.setup-text h4{align-items:center;margin:18px 0 8px;font-size:15px;display:flex}.how{counter-reset:s;gap:8px;list-style:none;display:grid}.how li{counter-increment:s;color:#d5dae4;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;display:flex}.how li:before{content:counter(s);background:var(--card2);border:1px solid var(--line2);width:24px;height:24px;color:var(--gold);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.set-list{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.set-list li{background:var(--card2);border:1px solid var(--line);border-radius:10px;gap:8px;padding:6px 12px;font-size:13px;display:flex}.set-list span{color:var(--muted)}.setup-seats{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;animation:.4s 80ms both cardIn;position:sticky;top:0}.seats-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.seats-head h3{font-size:18px}.seats-head span{color:var(--gold);background:#f2c8791a;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:800}.seats{grid-template-columns:1fr 1fr;gap:10px;max-height:360px;display:grid;overflow-y:auto}.seat{border-radius:14px;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex;position:relative}.seat.filled{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 18%,var(--card2)),var(--card2));border:1px solid color-mix(in srgb,var(--c) 40%,transparent);animation:.3s cubic-bezier(.2,.8,.2,1) seatIn}.seat.filled .av{border-color:var(--c);width:38px;height:38px}.seat.filled b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.seat .mini{width:16px;height:16px}.seat .x{all:unset;cursor:pointer;top:6px;color:var(--muted);opacity:0;font-size:12px;transition:opacity .15s;position:absolute}.seat .x:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:8px}.seat .x:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:8px}.seat .x:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px}.seat .x:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px}.seat:hover .x{opacity:1}.seat.empty{border:2px dashed var(--line2);color:var(--dim);justify-content:center;font-size:13px;font-weight:700}@keyframes seatIn{0%{opacity:0;transform:scale(.9)}}.specs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;font-size:13px;display:flex}.spec .av{border-width:1px;width:26px;height:26px}.setup-actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.setup-actions .btn{height:50px;font-size:16px}.setup-actions .wait,.res-actions .wait{text-align:center;color:var(--muted);background:var(--card2);border-radius:12px;padding:12px;font-weight:700}.setup-actions .wait b,.res-actions .wait b{color:var(--text)}.setup-seats>.btn.text{margin:12px auto 0;display:block}.countdown{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;opacity:0;pointer-events:none;background:#08090d99;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.countdown.show{opacity:1}.countdown .n{color:var(--gold);text-shadow:0 0 60px #f2c87980;font-size:160px;font-weight:900;line-height:1;animation:.9s cubic-bezier(.2,.8,.2,1) cd}.countdown small{color:var(--muted);font-size:22px;font-weight:800}@keyframes cd{0%{opacity:0;transform:scale(2.2)}30%{opacity:1;transform:scale(.95)}to{transform:scale(1)}}.playing{flex-direction:column;flex:1;min-height:0;display:flex}.hud{border-bottom:1px solid var(--line);background:#0c0e13d9;align-items:center;gap:12px;min-height:56px;padding:8px 14px;display:flex}.hud-left,.hud-right{flex:none;align-items:center;gap:10px;display:flex}.hud-title{font-size:16px;font-weight:900}.hud-players{scrollbar-width:none;flex:1;justify-content:safe center;gap:6px;min-width:0;display:flex;overflow-x:auto}.hud-players::-webkit-scrollbar{display:none}.hp{background:var(--card);border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:13px;transition:all .2s;display:flex;position:relative}.hp .av{border-width:2px;border-color:var(--c);width:26px;height:26px}.hp-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;color:var(--muted);font-weight:700;overflow:hidden}.hp b{color:var(--text);text-align:center;min-width:16px;font-weight:900}.hp.me{border-color:color-mix(in srgb,var(--c) 60%,transparent)}.hp.turn{background:color-mix(in srgb,var(--c) 25%,var(--card));border-color:var(--c);box-shadow:0 0 16px color-mix(in srgb,var(--c) 50%,transparent);transform:translateY(-1px)}.hp.turn .hp-name{color:#fff}.hp.done i{color:var(--green);font-style:normal;font-weight:900}.hp.out{opacity:.45;filter:grayscale()}.hud-timer{font-variant-numeric:tabular-nums;border-radius:10px;min-width:0;padding:0;font-size:18px;font-weight:900}.hud-timer.on{text-align:center;background:var(--card);border:1px solid var(--line);min-width:52px;padding:4px 10px}.hud-timer.low{color:#fff;background:#7f1d1d;border-color:#ef4444;animation:.5s ease-in-out infinite alternate lowPulse}@keyframes lowPulse{to{transform:scale(1.08)}}.play-area{flex:1;min-height:0;position:relative;overflow:hidden}.stage-wrap{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.stage-canvas{border-radius:14px;box-shadow:0 20px 60px #00000080}.results{flex-direction:column;flex:1;align-items:center;padding:26px 20px 100px;display:flex;position:relative;overflow-y:auto}.res-title{text-align:center;background:linear-gradient(180deg,#fff,var(--gold));color:#0000;-webkit-background-clip:text;font-size:38px;font-weight:900;animation:.5s both cardIn}.res-sub{color:var(--muted);margin-bottom:10px;font-weight:700}.podium{align-items:flex-end;gap:14px;margin:26px 0 18px;display:flex}.pod{flex-direction:column;align-items:center;gap:6px;width:150px;animation:.6s cubic-bezier(.2,.8,.2,1) both podIn;display:flex;position:relative}.pod.p1{animation-delay:.35s}.pod.p2{animation-delay:.15s}.pod.p3{animation-delay:.5s}.pod.empty{visibility:hidden}.pod-av{border:3px solid var(--c);object-fit:cover;border-radius:50%;width:70px;height:70px;box-shadow:0 0 0 4px #0000004d}.pod.p1 .pod-av{width:92px;height:92px;box-shadow:0 0 30px #f2c87980}.pod-crown{width:38px;height:38px;animation:1.6s ease-in-out infinite crown;position:absolute;top:-30px}.pod b{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:15px;overflow:hidden}.pod span{color:var(--gold);font-weight:900}.pod-block{border:1px solid var(--line2);background:linear-gradient(#2a3042,#1b1f2a);border-radius:14px 14px 4px 4px;justify-content:center;align-items:flex-start;width:100%;padding-top:10px;display:flex}.pod-block i{color:#ffffff59;font-size:30px;font-style:normal;font-weight:900}.pod.p1 .pod-block{background:linear-gradient(#e9c46a,#b8862b);height:130px}.pod.p1 .pod-block i{color:#3c28008c}.pod.p2 .pod-block{background:linear-gradient(#cbd5e1,#8a97ab);height:96px}.pod.p2 .pod-block i{color:#141e3280}.pod.p3 .pod-block{background:linear-gradient(#e0a46c,#9c5d2b);height:72px}.pod.p3 .pod-block i{color:#3c190080}@keyframes podIn{0%{opacity:0;transform:translateY(40px)}}@keyframes crown{50%{transform:translateY(-5px)rotate(-6deg)}}.res-list{gap:8px;width:min(520px,100%);list-style:none;display:grid}.res-list li{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:8px 14px;animation:.4s both cardIn;display:flex}.res-list li.me{background:linear-gradient(90deg,#f2c8791a,var(--card));border-color:#f2c87973}.res-list .place{background:var(--card2);width:28px;height:28px;color:var(--gold);border-radius:9px;justify-content:center;align-items:center;font-weight:900;display:flex}.res-list img{border-radius:50%;width:34px;height:34px}.res-list b{flex:1}.res-list .score{font-weight:900}.res-list .pts{color:#1b3a12;background:var(--green);direction:ltr;border-radius:999px;padding:1px 10px;font-size:13px;font-weight:900}.res-actions{gap:10px;margin-top:22px;display:flex}.res-actions .btn{height:50px;padding:0 28px}.confetti{pointer-events:none;z-index:3;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.reacts{bottom:14px;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#171a22d9;border-radius:14px;gap:4px;padding:5px;display:flex;position:fixed}.reacts:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:14px}.reacts:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:14px}.reacts:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:14px}.reacts:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:14px}.reacts button{all:unset;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .12s,background .12s;display:flex}.reacts button:hover{background:#ffffff14;transform:scale(1.15)}.reacts img{width:22px;height:22px}.hud-react{position:relative}.hud-react .reacts{top:46px;bottom:auto;z-index:40;display:none;position:absolute}.hud-react .reacts:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:0}.hud-react .reacts:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:0}.hud-react .reacts:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:auto}.hud-react .reacts:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0;right:auto}.hud-react.open .reacts{display:flex}.float-react{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:2px;animation:2.6s ease-out forwards floatUp;display:flex;position:fixed;bottom:70px}.float-react img{filter:drop-shadow(0 6px 12px #0006);width:44px;height:44px}.float-react span{background:#0009;border-radius:999px;padding:0 8px;font-size:12px;font-weight:800}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)scale(.5)}15%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-300px)scale(1)}}.toast{border:1px solid var(--line2);color:var(--text);z-index:9000;opacity:0;pointer-events:none;box-shadow:var(--shadow);text-align:center;background:#20242f;border-radius:12px;max-width:80vw;padding:10px 20px;font-size:14px;font-weight:700;transition:all .25s;position:fixed;top:70px;left:50%;transform:translate(-50%,-20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.bad{background:#3b1219;border-color:#7f1d2d}.toast.good{background:#10301d;border-color:#166534}.toast.info{background:#2a2414;border-color:#6b5420}.modal-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#05060aa6;justify-content:center;align-items:center;padding:20px;animation:.2s fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--bg2);border:1px solid var(--line2);width:min(560px,100%);max-height:88vh;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;animation:.25s cubic-bezier(.2,.8,.2,1) pop;display:flex}.modal.wide{width:min(760px,100%)}@keyframes pop{0%{opacity:0;transform:scale(.95)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-head h2{align-items:center;gap:10px;font-size:20px;display:flex}.modal-head h2 img{width:26px;height:26px}.x{all:unset;cursor:pointer;width:32px;height:32px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;font-size:15px;display:flex}.x:hover{background:var(--card2);color:var(--text)}.modal-body{padding:16px 20px 20px;overflow-y:auto}.top-list{gap:8px;list-style:none;display:grid}.top-list li{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.top-list li.me{border-color:#f2c87966}.rank{width:30px;color:var(--muted);justify-content:center;font-weight:900;display:flex}.rank img{width:26px;height:26px}.top-list .av{border:none;width:36px;height:36px}.top-list b{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tl-meta{color:var(--dim);font-size:12px;font-weight:700}.tl-pts{color:var(--gold);text-align:end;min-width:50px;font-size:17px;font-weight:900}.set-general{gap:10px;margin-bottom:16px;display:grid}.row{background:var(--card);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.row small{color:var(--dim);font-size:12px;display:block}.pts-in{gap:6px;display:flex}.pts-in input,.num input,select{all:unset;box-sizing:border-box;background:var(--card2);border:1px solid var(--line2);height:36px;color:var(--text);cursor:pointer;border-radius:10px;padding:0 10px;font-size:14px;font-weight:700}.pts-in input{text-align:center;width:56px}.num{align-items:center;gap:6px;display:flex}.num input{text-align:center;width:86px}.num span{color:var(--muted);font-size:12px}select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:14px 16px,9px 16px;background-repeat:no-repeat;background-size:5px 5px;min-width:150px;padding-inline-end:28px}select option{background:#1d212b}.sw{cursor:pointer;flex:none;width:46px;height:26px;position:relative}.sw input{opacity:0;cursor:pointer;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.sw i{background:#343a49;border-radius:999px;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}.sw i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;right:3px;box-shadow:0 2px 6px #0000004d}.sw input:checked+i{background:var(--green)}.sw input:checked+i:after{transform:translate(-20px)}.set-search{margin-bottom:12px}.set-games{gap:8px;display:grid}.sg{background:var(--card);border:1px solid var(--line);border-radius:14px;transition:opacity .2s;overflow:hidden}.sg.off{opacity:.55}.sg-head{cursor:pointer;align-items:center;gap:12px;padding:8px 12px;display:flex}.sg-head:hover{background:#ffffff05}.sg-cover{border-radius:10px;flex:none;width:64px;overflow:hidden}.sg-name{flex:1}.sg-name small{color:var(--dim);font-size:12px;display:block}.sg-body{border-top:1px solid var(--line);gap:8px;padding:6px 12px 12px;display:grid}.sg-body .row{background:var(--card2)}@media (max-width:820px){.setup{grid-template-columns:1fr;padding:14px 14px 90px}.setup-seats{position:static}.lobby{padding:14px 14px 90px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card-body p{display:none}.topbar{padding:10px 14px}.brand span{display:none}.search{width:100%;min-width:0}.filters{width:100%}.pod{width:100px}.hud-title{display:none}}main.static .card,main.static .setup-info,main.static .setup-seats,main.static .res-list li,main.static .pod,main.static .res-title,main.static .seat.filled{animation:none}