@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/350b852752f8489d-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,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-weight:400;font-display:swap;src:url(/_next/static/media/5ec84f17416dda4d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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-weight:400;font-display:swap;src:url(/_next/static/media/01f0c602c274ea55-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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-weight:600;font-display:swap;src:url(/_next/static/media/350b852752f8489d-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,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-weight:600;font-display:swap;src:url(/_next/static/media/5ec84f17416dda4d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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-weight:600;font-display:swap;src:url(/_next/static/media/01f0c602c274ea55-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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-weight:700;font-display:swap;src:url(/_next/static/media/350b852752f8489d-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,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-weight:700;font-display:swap;src:url(/_next/static/media/5ec84f17416dda4d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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-weight:700;font-display:swap;src:url(/_next/static/media/01f0c602c274ea55-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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-weight:900;font-display:swap;src:url(/_next/static/media/350b852752f8489d-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,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-weight:900;font-display:swap;src:url(/_next/static/media/5ec84f17416dda4d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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-weight:900;font-display:swap;src:url(/_next/static/media/01f0c602c274ea55-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cairo Fallback;src:local("Arial");ascent-override:137.65%;descent-override:60.32%;line-gap-override:0.00%;size-adjust:94.66%}.__className_d8564f{font-family:Cairo,Cairo Fallback;font-style:normal}.__variable_d8564f{--font-cairo:"Cairo","Cairo Fallback"}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/dd994fbf464986f0-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,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:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e97026df054cf2a3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/63a79a6cf340c5d2-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,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:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f15f45d13243c643-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1ebb550cd0a67fc6-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,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:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ce401babc0566bc1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/420b3da95f5fbf98-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,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:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/0a61324d85234ed0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Tajawal Fallback;src:local("Arial");ascent-override:67.93%;descent-override:37.71%;line-gap-override:21.13%;size-adjust:94.66%}.__className_ba73b8{font-family:Tajawal,Tajawal Fallback;font-style:normal}.__variable_ba73b8{--font-tajawal:"Tajawal","Tajawal Fallback"}:root{--navy:#0d1b2a;--navy2:#13263b;--navy3:#1b3a57;--gold:#e0b143;--gold2:#c9971f;--cream:#f5e9c8;--green:#2fa874;--green-d:#0d5c2e;--blue:#3d7fc4;--blue-d:#1e3a5f;--amber:#d4951c;--amber-d:#8b6914;--red:#d65a4a;--red-d:#8b0000;--ink:#0a1420;--line:rgba(224,177,67,.22)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%;overflow:hidden}body{position:fixed;width:100%;top:0;left:0;font-family:var(--font-tajawal),sans-serif;background:var(--navy);color:var(--cream);background-image:radial-gradient(circle at 15% 20%,rgba(61,127,196,.14),transparent 45%),radial-gradient(circle at 85% 80%,rgba(224,177,67,.12),transparent 45%),linear-gradient(160deg,#0d1b2a,#0a1420)}#rotate{display:none!important}.corner{position:fixed;top:max(10px,calc(env(safe-area-inset-top) + 2px));left:14px;z-index:50;font-size:11px;opacity:.4;font-family:var(--font-tajawal);pointer-events:none}.screen{position:fixed;inset:0;display:none;flex-direction:column;padding:max(env(safe-area-inset-top),clamp(8px,1.5vw,20px)) clamp(10px,2vw,28px) max(env(safe-area-inset-bottom),clamp(8px,1.5vw,20px));overflow:hidden;animation:fade .4s ease}.screen.active{display:flex}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.logo{font-family:var(--font-cairo),sans-serif;font-weight:900;color:var(--gold);letter-spacing:1px;text-shadow:0 4px 24px rgba(224,177,67,.35)}.btn{font-family:var(--font-tajawal);font-weight:700;border:none;cursor:pointer;border-radius:clamp(10px,1.5vw,16px);transition:.18s;color:#fff;font-size:clamp(14px,1.8vw,20px)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.35;pointer-events:none}.btn-gold{background:linear-gradient(145deg,var(--gold),var(--gold2));color:#2a1c00;box-shadow:0 6px 18px rgba(224,177,67,.4)}.btn-ghost{background:rgba(255,255,255,.06);border:1.5px solid var(--line);color:var(--cream)}.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-shrink:0;position:relative;min-height:60px}.head .logo{font-size:34px;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none}.step{font-size:13px;opacity:.6}.modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(5,10,18,.75);align-items:center;justify-content:center;padding:30px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal.show{display:flex;animation:fade .2s ease}.modal .card{background:var(--navy2);border:1.5px solid var(--line);border-radius:20px;padding:26px 30px;max-width:420px;text-align:center}.modal .card h3{font-family:var(--font-cairo);font-weight:900;font-size:22px;color:var(--gold);margin-bottom:10px}.modal .card p{opacity:.8;font-size:15px;margin-bottom:20px;line-height:1.6}.modal .row{display:flex;gap:12px;justify-content:center}.modal .row .btn{padding:11px 30px}.hintbox{background:rgba(224,177,67,.15);border:1.5px solid var(--gold);border-radius:13px;padding:12px 22px;margin-top:14px;font-family:var(--font-tajawal);font-weight:700;font-size:16px;color:var(--cream)}#home{align-items:center;justify-content:center;gap:clamp(8px,1.5vw,16px);text-align:center;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#auth .logo,#home .logo{font-size:clamp(70px,14vw,140px);line-height:1.05;margin-bottom:clamp(6px,1.5vw,14px)}.brand-spark{width:clamp(54px,11vw,84px);height:auto;display:block;margin:0 auto -4px;filter:drop-shadow(0 4px 16px rgba(224,177,67,.35));animation:bounce 2.8s ease-in-out infinite}#auth .tag,#home .tag{color:var(--cream);opacity:.7;font-size:clamp(14px,2vw,20px);margin-bottom:6px}#home .pill{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:6px 16px;border-radius:30px;font-size:13px;opacity:.85;margin-bottom:18px}#home .btn{padding:14px 54px}.demo-note{margin-top:14px;font-size:12px;opacity:.5}#suggest{padding:12px 16px}#suggest .sg-body{flex:1 1;overflow-y:auto;padding:0 4px 8px;direction:rtl}.sg-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px}.sg-card h3{font-family:var(--font-cairo);font-weight:700;font-size:15px;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:8px}.sg-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap}.sg-label{font-size:13px;opacity:.7;margin-bottom:5px}.sg-input,.sg-label{font-family:var(--font-tajawal)}.sg-input{width:100%;background:rgba(255,255,255,.06);border:1.5px solid var(--line);color:var(--cream);border-radius:10px;padding:9px 13px;font-size:15px;direction:rtl}.sg-input:focus{outline:none;border-color:var(--gold);background:rgba(224,177,67,.06)}.sg-input::placeholder{opacity:.4}.sg-select{background:rgba(255,255,255,.06);border:1.5px solid var(--line);color:var(--cream);border-radius:10px;padding:9px 13px;font-family:var(--font-tajawal);font-size:14px;cursor:pointer}.sg-select:focus{outline:none;border-color:var(--gold)}.sg-select option{background:#1b3a57;color:var(--cream)}.sg-q-row{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;margin-bottom:8px;position:relative}.sg-q-num{font-family:var(--font-cairo);font-weight:700;font-size:12px;color:var(--gold);margin-bottom:8px;opacity:.8}.sg-q-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sg-q-grid .full{grid-column:1/-1}.sg-remove{position:absolute;top:8px;left:10px;background:rgba(214,90,74,.15);border:1px solid rgba(214,90,74,.3);color:#f3b3aa;border-radius:7px;padding:3px 10px;font-size:12px;cursor:pointer;font-family:var(--font-tajawal)}.sg-remove:hover{background:rgba(214,90,74,.3)}.add-q-btn{width:100%;background:rgba(224,177,67,.08);border:1.5px dashed rgba(224,177,67,.3);color:var(--gold);border-radius:10px;padding:10px;font-family:var(--font-tajawal);font-weight:700;font-size:14px;cursor:pointer;transition:.15s;margin-top:4px}.add-q-btn:hover{background:rgba(224,177,67,.14);border-color:rgba(224,177,67,.5)}.sg-status{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:8px 18px;font-family:var(--font-tajawal);font-weight:700;font-size:14px;margin-top:8px}.sg-status.pending{background:rgba(224,177,67,.12);border:1.5px solid rgba(224,177,67,.3);color:var(--gold)}.sg-status.sent{background:rgba(47,168,116,.12);border:1.5px solid var(--green);color:#7be0a8}.sg-status.error{background:rgba(214,90,74,.14);border:1.5px solid var(--red);color:#f3b3aa}.sub-item{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px}.sub-item .sub-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sub-item .sub-name{font-family:var(--font-cairo);font-weight:700;font-size:14px;display:flex;align-items:center;gap:7px}.sub-item .sub-badge{font-size:11px;padding:2px 10px;border-radius:10px}.sub-item .sub-badge.pending{background:rgba(224,177,67,.15);color:var(--gold)}.sub-item .sub-badge.approved{background:rgba(47,168,116,.15);color:#7be0a8}.sub-item .sub-meta{font-size:12px;opacity:.55}#teams .body{gap:24px;justify-content:center}#teams .body,.team-card{flex:1 1;display:flex;align-items:center}.team-card{max-width:360px;background:rgba(255,255,255,.04);border:1.5px solid var(--line);border-radius:20px;padding:26px;text-align:center;flex-direction:column}.team-card.t1{box-shadow:inset 0 0 0 2px rgba(61,127,196,.3)}.team-card.t2{box-shadow:inset 0 0 0 2px rgba(224,177,67,.3)}.team-card h3{font-family:var(--font-cairo);font-size:20px;margin-bottom:14px}.team-card .ava{font-size:46px;margin-bottom:8px}.team-card input{width:100%;background:var(--ink);border:1.5px solid var(--line);color:var(--cream);border-radius:12px;padding:12px 14px;font-family:var(--font-tajawal);font-size:17px;text-align:center;font-weight:700}.team-card input:focus{outline:none;border-color:var(--gold)}#teams .foot{display:flex;justify-content:center;margin-top:12px;flex-shrink:0}#teams .btn{padding:13px 60px}#cats .sub{text-align:center;font-size:14px;opacity:.7;margin-bottom:10px;flex-shrink:0}.cats-scroll{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;gap:14px}.cat-group,.cats-scroll{display:flex;flex-direction:column}.cat-group{gap:7px}.cat-group-head{display:flex;align-items:center;gap:8px;position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:5px 2px;background:linear-gradient(180deg,#0c1a28 70%,rgba(12,26,40,0));font-family:var(--font-cairo);font-weight:700;font-size:15px;color:var(--gold)}.cat-group-head .cg-ic{font-size:17px}.cat-group-head .cg-label{flex:1 1}.cat-group-head .cg-count{font-size:12px;font-weight:700;opacity:.85;color:var(--cream);background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:10px;padding:1px 9px}#cats .grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;align-content:start}.cat-pick{background:rgba(255,255,255,.04);border:1.5px solid var(--line);border-radius:16px;padding:14px 6px;text-align:center;cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}.cat-pick .ic{font-size:30px}.cat-pick .nm{font-size:13px;font-weight:700}.cat-pick:active{transform:scale(.95)}.cat-pick.sel{background:linear-gradient(145deg,rgba(224,177,67,.25),rgba(224,177,67,.1));border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 6px 16px rgba(224,177,67,.25)}.cat-pick.sel .chk{position:absolute}.cat-speak-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:.14s;margin-top:-2px}.cat-speak-btn:active,.cat-speak-btn:hover{color:var(--gold)}.cat-speak-btn:active{transform:scale(.92)}.cat-speak-btn svg{width:16px;height:16px}#cats .foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;flex-shrink:0}#cats .count{font-size:15px;font-weight:700;color:var(--gold)}#cats .btn{padding:12px 40px}@media (min-width:640px) and (orientation:landscape){#cats .grid{grid-template-columns:repeat(9,1fr);gap:clamp(4px,.6vw,8px);align-content:start}.cat-pick{padding:clamp(6px,1vw,10px) 4px;gap:3px;border-radius:10px}.cat-pick .ic{font-size:clamp(18px,2.2vw,28px)}.cat-pick .nm{font-size:clamp(10px,1.1vw,13px)}}@media (orientation:portrait){#cats .grid{align-content:start}.cat-pick{padding:10px 4px;gap:3px;border-radius:10px}.cat-pick .ic{font-size:22px}.cat-pick .nm{font-size:11px}}#board{padding:max(env(safe-area-inset-top),clamp(6px,1vw,12px)) max(env(safe-area-inset-right),clamp(8px,1.2vw,14px)) max(env(safe-area-inset-bottom),clamp(6px,1vw,12px)) max(env(safe-area-inset-left),clamp(8px,1.2vw,14px));flex-direction:row;gap:clamp(6px,1vw,12px)}#boardLeft{flex:1 1;display:flex;flex-direction:column;gap:clamp(5px,.8vw,10px);min-width:0}#boardLeft .topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}#board .turn{flex:1 1;text-align:center;font-size:clamp(11px,1.4vw,15px);font-weight:700;color:var(--cream)}#board .turn b{color:var(--gold)}.exit-btn{background:rgba(255,255,255,.06);border:1.5px solid var(--line);color:var(--cream);border-radius:9px;padding:clamp(4px,.6vw,8px) clamp(10px,1.2vw,16px);font-family:var(--font-tajawal);font-weight:700;font-size:clamp(11px,1.2vw,14px);cursor:pointer;display:flex;align-items:center;gap:5px;flex-shrink:0}.exit-btn:hover{background:rgba(224,177,67,.14);border-color:var(--gold)}.exit-btn:active{transform:scale(.95)}.board-grid{flex:1 1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-gap:clamp(5px,.8vw,10px);gap:clamp(5px,.8vw,10px);overflow:hidden}#boardSide{width:clamp(130px,15vw,220px);flex-shrink:0;gap:clamp(5px,.8vw,10px);padding:4px 0}#boardSide,.sb{display:flex;flex-direction:column;min-height:0;overflow:hidden}.sb{gap:clamp(3px,.5vw,6px);padding:clamp(7px,1vw,12px) clamp(8px,1.2vw,14px);border-radius:clamp(10px,1.5vw,16px);background:rgba(255,255,255,.04);border:1.5px solid var(--line);transition:.2s;flex:1 1;justify-content:center}.sb.act{border-color:var(--gold);box-shadow:0 0 0 1px rgba(224,177,67,.4),0 4px 16px rgba(224,177,67,.1)}.sb-name{display:flex;align-items:center;gap:6px;font-family:var(--font-cairo);font-weight:700;font-size:clamp(11px,1.3vw,15px);color:var(--cream)}.sb-name .dot{width:clamp(6px,.8vw,10px);height:clamp(6px,.8vw,10px);border-radius:50%;flex-shrink:0}.sb.t1 .dot{background:var(--blue)}.sb.t2 .dot{background:var(--gold)}.sb-score-row{gap:clamp(4px,.6vw,8px)}.adj-btn,.sb-score-row{display:flex;align-items:center;justify-content:center}.adj-btn{width:clamp(20px,2.2vw,30px);height:clamp(20px,2.2vw,30px);border-radius:50%;background:rgba(224,177,67,.12);border:1.5px solid rgba(224,177,67,.35);color:var(--gold);font-family:var(--font-cairo);font-weight:900;font-size:clamp(14px,1.8vw,22px);cursor:pointer;flex-shrink:0;line-height:1;transition:.15s;padding:0}.adj-btn:active{transform:scale(.88);background:rgba(224,177,67,.28)}.sb-score{font-family:var(--font-cairo);font-weight:900;font-size:clamp(20px,3vw,36px);color:var(--gold);text-align:center;line-height:1;padding:0}.sb-lives-label{font-size:clamp(9px,.9vw,11px);opacity:.5;text-align:center;font-family:var(--font-tajawal)}.sb-lives{display:flex;gap:clamp(3px,.4vw,5px);justify-content:center;flex-wrap:wrap}.vs-divider{text-align:center;font-family:var(--font-cairo);font-weight:900;font-size:clamp(12px,1.4vw,18px);color:rgba(224,177,67,.4);flex-shrink:0}.cat-col{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:clamp(8px,1.2vw,14px);padding:clamp(3px,.5vw,7px) clamp(4px,.6vw,8px);display:flex;align-items:stretch;gap:clamp(3px,.5vw,6px)}.cat-col .side{display:flex;flex-direction:column;gap:clamp(2px,.35vw,4px);flex:1 1;justify-content:stretch}.cat-col .ttl{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.4vw,5px);justify-content:center;font-family:var(--font-cairo);font-weight:700;font-size:clamp(13px,1.6vw,19px);min-width:clamp(58px,8vw,100px);max-width:clamp(72px,10vw,120px);text-align:center;padding:0 clamp(3px,.4vw,6px);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.cat-col .ttl .ic{font-size:clamp(22px,3vw,38px);line-height:1}.cat-col .ttl .nm{line-height:1.25;color:rgba(255,255,255,.9);font-size:clamp(12px,1.55vw,18px);font-weight:700}.pts{border:none;border-radius:clamp(3px,.4vw,6px);font-family:var(--font-cairo);font-weight:700;font-size:clamp(7px,.65vw,9px);cursor:pointer;transition:.13s ease;display:flex;align-items:center;justify-content:center;flex:1 1;position:relative;overflow:hidden;letter-spacing:.2px}.pts:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);pointer-events:none}.pts:hover{filter:brightness(1.18);transform:scale(1.03)}.pts:active{transform:scale(.93);filter:brightness(.95)}.p200{background:linear-gradient(150deg,#0e1f30,#15293d);color:rgba(201,162,39,.6);box-shadow:inset 0 0 0 1px rgba(201,162,39,.1)}.p400{background:linear-gradient(150deg,#122236,#1a3048);color:rgba(201,162,39,.78);box-shadow:inset 0 0 0 1px rgba(201,162,39,.18)}.p600{background:linear-gradient(150deg,#162840,#1f3755);color:#c9a227;box-shadow:inset 0 0 0 1px rgba(201,162,39,.32)}.p1000{background:linear-gradient(150deg,#0b1622,#111f2e);color:#e0b143;box-shadow:inset 0 0 0 1.5px rgba(224,177,67,.5),0 0 10px rgba(224,177,67,.12)}.pts.used{background:rgba(255,255,255,.03)!important;color:rgba(255,255,255,.13)!important;box-shadow:none!important;pointer-events:none;text-decoration:line-through;transform:none!important;filter:none!important}.pts.used:after{display:none}.lifel,.sb-lives{gap:clamp(2px,.4vw,5px);flex-wrap:nowrap}.lifel,.ll,.sb-lives{display:flex;justify-content:center}.ll{width:clamp(22px,2.5vw,30px);height:clamp(22px,2.5vw,30px);border-radius:7px;align-items:center;font-size:clamp(11px,1.3vw,16px);background:rgba(255,255,255,.07);border:1px solid var(--line);cursor:default;transition:.15s}.ll.used{opacity:.25;filter:grayscale(1)}.ll.active{cursor:pointer;border-color:var(--gold);background:rgba(224,177,67,.18);box-shadow:0 0 0 1px var(--gold)}.ll.active:active{transform:scale(.9)}.ll.armed{border-color:var(--gold);background:linear-gradient(145deg,var(--gold),var(--gold2));color:#2a1c00;animation:llpulse .8s ease-in-out infinite}@keyframes llpulse{50%{box-shadow:0 0 10px 2px rgba(224,177,67,.7)}}@media (orientation:portrait){#board{flex-direction:column;padding:clamp(4px,1vw,8px) clamp(6px,1.5vw,10px);gap:clamp(4px,1vw,6px)}#boardSide{order:2;width:100%;flex-direction:row;align-items:stretch;gap:6px;padding:0;flex-shrink:0;max-height:clamp(100px,22vh,140px)}#boardLeft{order:1}.sb{flex:1 1;min-width:0;padding:4px 6px;gap:2px;border-radius:10px}.sb-name{font-size:clamp(9px,2.5vw,12px)}.sb-score{font-size:clamp(16px,5vw,22px);line-height:1}.adj-btn{width:clamp(16px,5vw,22px);height:clamp(16px,5vw,22px);font-size:clamp(12px,4vw,17px)}.sb-score-row{gap:3px}.sb-lives-label{display:none}.sb-lives{gap:clamp(2px,1vw,4px)}.ll{width:clamp(18px,5vw,24px);height:clamp(18px,5vw,24px);font-size:clamp(10px,3vw,14px);border-radius:5px}.vs-divider{display:flex;align-items:center;padding:0 2px;font-size:clamp(9px,2vw,12px)}#boardLeft{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:4px}#boardLeft .topbar{flex-shrink:0}.exit-btn{padding:3px 8px;gap:3px}#board .turn,.exit-btn{font-size:clamp(9px,2.5vw,12px)}#board .turn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.board-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(4px,1vw,7px);min-height:0;flex:1 1;overflow:hidden}.cat-col{flex-direction:column;min-height:0;padding:clamp(3px,.8vw,6px);gap:clamp(2px,.5vw,4px);border-radius:10px}.cat-col .ttl{flex-direction:row;flex-shrink:0;min-width:unset;max-width:unset;width:100%;border-left:none;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:clamp(3px,1vw,7px) 2px;justify-content:center;align-items:center;gap:clamp(4px,1vw,8px)}.cat-col .ttl .ic{font-size:clamp(18px,4.5vw,28px)}.cat-col .ttl .nm{font-size:clamp(10px,2.5vw,15px);line-height:1.15}.lp{display:flex;flex-direction:row;gap:clamp(2px,.5vw,4px)}.lp,.lp .pts{flex:1 1;min-height:0}.lp .pts{font-size:clamp(8px,2vw,12px);border-radius:5px}}@media (min-width:900px){.cat-col .ttl .ic{font-size:clamp(28px,3.2vw,44px)}.cat-col .ttl .nm{font-size:clamp(15px,1.8vw,22px)}.cat-col .ttl{min-width:clamp(74px,9vw,110px);max-width:clamp(90px,11vw,130px)}.pts{font-size:clamp(8px,.7vw,10px)}.sb-score{font-size:clamp(26px,3.2vw,48px)}}@media (min-width:1400px){.cat-col .ttl .ic{font-size:clamp(32px,3.5vw,52px)}.cat-col .ttl .nm{font-size:clamp(18px,2vw,26px)}.pts{font-size:clamp(9px,.75vw,12px)}}#ques{padding:0;animation:none}#ques.active{display:flex;flex-direction:column;position:fixed;inset:0;overflow:hidden}#qbg{position:absolute;inset:0;z-index:0;pointer-events:none;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);opacity:0;transition:opacity .55s ease}#qbg.visible{opacity:1}.qbg-cell{display:flex;align-items:center;justify-content:center;font-size:clamp(32px,5.5vw,58px);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qbg-cell:nth-child(4n){opacity:.22}.qbg-cell:nth-child(4n+1){opacity:.13}.qbg-cell:nth-child(4n+2){opacity:.18}.qbg-cell:nth-child(4n+3){opacity:.08}#qbg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 85% 75% at 50% 45%,rgba(10,20,32,.52) 0,rgba(10,20,32,.68) 55%,rgba(10,20,32,.88) 100%)}#lvlBar{position:absolute;top:0;bottom:0;right:0;width:4px;z-index:3;transition:background .3s;border-radius:0 0 0 0}#qBot,#qMid,#qTopRow{position:relative;z-index:2}#qTopRow{justify-content:space-between;padding:10px 20px 8px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(10,20,32,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#qTopRow,#qcat{display:flex;align-items:center}#qcat{font-family:var(--font-cairo);font-weight:700;font-size:14px;gap:7px;color:rgba(255,255,255,.9)}#qcat .cat-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:3px 12px;gap:6px;font-size:13px}#qcat .cat-badge,.timer{display:flex;align-items:center}.timer{font-family:var(--font-cairo);font-weight:900;font-size:28px;width:64px;height:64px;border-radius:50%;justify-content:center;border:3px solid var(--gold);color:var(--gold);background:rgba(224,177,67,.07);flex-shrink:0}.timer.warn{border-color:var(--red);color:var(--red);animation:pulse .6s infinite}@keyframes pulse{50%{transform:scale(1.08)}}#qpts{font-family:var(--font-cairo);font-weight:900;font-size:18px;color:var(--gold);background:rgba(224,177,67,.1);border:1px solid rgba(224,177,67,.25);border-radius:20px;padding:4px 14px}#qMid{flex:1 1;flex-direction:column;align-items:center;padding:16px 32px;text-align:center;min-height:0;overflow:hidden}#qMid,.qtext-wrap{display:flex;justify-content:center}.qtext-wrap{align-items:flex-start;gap:10px;max-width:88%}.qtext{font-family:var(--font-cairo);font-weight:700;font-size:clamp(18px,3.2vw,32px);line-height:1.6;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.6)}.speak-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:.14s;margin-top:2px}.speak-btn:active,.speak-btn:hover{color:var(--gold)}.speak-btn:active{transform:scale(.92)}.choices{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.choice{background:rgba(255,255,255,.09);border:1.5px solid rgba(255,255,255,.16);border-radius:13px;padding:12px 26px;font-family:var(--font-tajawal);font-weight:700;font-size:17px;color:var(--cream);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.15s;display:flex;align-items:center;gap:8px}.choice:active{transform:scale(.95);background:rgba(255,255,255,.15)}.hintbox{display:flex;align-items:center;gap:10px}#answerArea{width:100%}#qBot{gap:10px;justify-content:center;flex-wrap:wrap;flex-shrink:0;padding:10px 20px 12px;border-top:1px solid rgba(255,255,255,.07);background:rgba(10,20,32,.35)}#qBot,.life-btn{display:flex;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.life-btn{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.13);border-radius:10px;padding:8px 16px;font-family:var(--font-tajawal);font-weight:700;font-size:13px;color:var(--cream);cursor:pointer;gap:6px;transition:.14s}.life-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}.life-btn:active{transform:scale(.95)}.life-btn .e{font-size:16px}.reveal-btn{padding:9px 32px;font-size:15px}.ansbox{background:linear-gradient(145deg,rgba(47,168,116,.2),rgba(13,92,46,.15));border:1.5px solid var(--green);border-radius:16px;padding:14px 26px;margin-top:14px;text-align:center}.ansbox .lbl{font-size:13px;opacity:.7;margin-bottom:4px}.ansbox .ans{font-family:var(--font-cairo);font-weight:900;font-size:24px;color:#7be0a8}.whoans{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}.who{padding:11px 22px;border-radius:12px;font-family:var(--font-tajawal);font-weight:700;font-size:15px;cursor:pointer;border:1.5px solid var(--line)}.who.w1{background:rgba(61,127,196,.18);border-color:var(--blue)}.who.w2{background:rgba(224,177,67,.18);border-color:var(--gold)}.who.wn{background:rgba(255,255,255,.05)}.who:active{transform:scale(.95)}#winner{align-items:center;justify-content:center;text-align:center;gap:10px;position:relative}#winner .crown{font-size:70px;animation:bounce 1.2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}#winner .wtitle{font-family:var(--font-cairo);font-weight:900;font-size:clamp(30px,5vw,54px);color:var(--gold);text-shadow:0 4px 30px rgba(224,177,67,.5)}#winner .wsub{opacity:.7;font-size:16px}#winner .meme{font-size:54px;margin:6px 0}#winner .finalscore{display:flex;gap:28px;margin:12px 0}#winner .fs{background:rgba(255,255,255,.05);border:1.5px solid var(--line);border-radius:16px;padding:14px 32px}#winner .fs .n{font-size:14px;opacity:.7}#winner .fs .v{font-family:var(--font-cairo);font-weight:900;font-size:30px;color:var(--gold)}#winner .wbtns{display:flex;gap:12px;margin-top:8px}#winner .btn{padding:13px 34px}.confetti{position:absolute;width:10px;height:14px;top:-20px;z-index:5;opacity:.9;border-radius:2px}#sudden{align-items:center;justify-content:center;gap:clamp(10px,1.5vw,24px);text-align:center;overflow:hidden}.sd-flash{position:absolute;inset:0;background:rgba(214,90,74,.06);animation:sdflash .8s ease-out 1 forwards;pointer-events:none;z-index:0}@keyframes sdflash{0%{opacity:1}to{opacity:0}}.sd-title{font-family:var(--font-cairo);font-weight:900;font-size:clamp(26px,5vw,60px);color:var(--red);text-shadow:0 0 30px rgba(214,90,74,.6)}.sd-sub,.sd-title{position:relative;z-index:1}.sd-sub{font-size:clamp(13px,1.8vw,20px);opacity:.75}.sd-qbox{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.14);border-radius:clamp(12px,1.5vw,20px);padding:clamp(14px,2vw,28px) clamp(18px,3vw,40px);max-width:min(780px,88vw);position:relative;z-index:1}.sd-qtext{font-family:var(--font-cairo);font-weight:700;font-size:clamp(17px,2.8vw,34px);color:#fff;line-height:1.55;text-shadow:0 2px 10px rgba(0,0,0,.5)}.sd-buzz{display:flex;gap:clamp(16px,3vw,50px);position:relative;z-index:1}.sd-team-btn{min-width:clamp(110px,18vw,200px);padding:clamp(14px,2vw,24px) clamp(20px,3vw,44px);border-radius:clamp(12px,1.5vw,18px);font-family:var(--font-cairo);font-weight:900;font-size:clamp(15px,2.2vw,26px);cursor:pointer;border:2.5px solid;transition:.12s;display:flex;flex-direction:column;align-items:center;gap:4px}.sd-team-btn:active{transform:scale(.93)}.sd-team-btn.sd-t1{background:rgba(61,127,196,.18);border-color:var(--blue);color:#85c5ff}.sd-team-btn.sd-t2{background:rgba(224,177,67,.18);border-color:var(--gold);color:var(--gold)}.sd-team-btn:disabled{opacity:.35;pointer-events:none;cursor:default}.sd-team-btn .sd-icon{font-size:clamp(22px,3.5vw,40px)}.sd-count{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;font-family:var(--font-cairo);font-weight:900;font-size:clamp(90px,26vw,240px);line-height:1;color:var(--gold);text-shadow:0 0 50px rgba(224,177,67,.7),0 0 14px rgba(224,177,67,.5);animation:sdpop .9s ease}@keyframes sdpop{0%{transform:scale(.4);opacity:0}40%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.sd-result{position:relative;z-index:1;max-width:min(600px,88vw)}.sd-answer-box{background:rgba(47,168,116,.15);border:1.5px solid var(--green);border-radius:14px;padding:14px 22px;margin-bottom:14px}@keyframes fall{to{transform:translateY(105vh) rotate(2turn);opacity:0}}#howto .howto-scroll{flex:1 1;overflow-y:auto;padding:0 10px 10px;direction:rtl}#howto .howto-wrap{max-width:700px;margin:0 auto}.howto-card{background:rgba(255,255,255,.04);border:1px solid rgba(224,177,67,.2);border-radius:16px;padding:18px 22px;margin-bottom:14px}.howto-card .h{font-family:var(--font-cairo);font-weight:900;font-size:18px;color:var(--gold);margin-bottom:12px}.howto-text{font-family:var(--font-tajawal);font-size:15px;line-height:2;color:rgba(255,255,255,.85)}.howto-points{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.howto-pt{border-radius:10px;padding:10px;text-align:center}.howto-pt .v{font-family:var(--font-cairo);font-weight:900;font-size:22px}.howto-pt .l{font-size:12px;opacity:.65}.howto-life{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.03);border-radius:12px;padding:12px 14px}.howto-life .e{font-size:26px;flex-shrink:0}.howto-life .t{font-family:var(--font-cairo);font-weight:700;font-size:15px;color:var(--gold);margin-bottom:3px}.howto-life .d{font-size:13px;opacity:.75;line-height:1.7}.set-card{max-width:430px;width:100%;text-align:right}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)}.set-row:last-of-type{border-bottom:none}.set-lbl{font-size:14.5px;color:var(--cream);font-weight:600;white-space:nowrap}.set-seg{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.set-opt{min-width:42px;padding:7px 11px;border-radius:10px;cursor:pointer;background:rgba(255,255,255,.05);border:1.5px solid var(--line);color:var(--cream);font-family:var(--font-cairo);font-weight:700;font-size:14px;transition:.14s}.set-opt:hover{background:rgba(255,255,255,.1)}.set-opt.on{background:var(--gold);border-color:var(--gold);color:#1a1205}.set-opt.help{font-size:18px;filter:grayscale(1);opacity:.45}.set-opt.help.on{filter:none;opacity:1;background:rgba(224,177,67,.18);border-color:var(--gold)}.set-switch{width:50px;height:28px;border-radius:999px;border:none;cursor:pointer;background:rgba(255,255,255,.16);position:relative;transition:.18s;padding:0}.set-switch.on{background:var(--gold)}.set-switch .knob{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 3px rgba(0,0,0,.4)}.set-switch.on .knob{right:25px}.gear-btn{position:absolute;top:max(16px,calc(env(safe-area-inset-top) + 6px));left:16px;z-index:5;width:42px;height:42px;border:none;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.gear-btn:active,.gear-btn:hover{color:var(--gold)}.gear-btn:active{transform:scale(.92)}.timer-wrap{position:relative;width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.timer-ring{position:absolute;inset:0;transform:rotate(-90deg)}.timer-ring .ring-fg{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .95s linear,stroke .3s}.timer-wrap .timer{width:56px;height:56px;font-size:25px;border-color:rgba(224,177,67,.18)}.board-progress{position:relative;height:14px;border-radius:8px;flex-shrink:0;margin:5px 0 2px;background:rgba(255,255,255,.06);border:1px solid var(--line);overflow:hidden}.board-progress .bp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--gold),#f0cf7a);border-radius:8px;transition:width .5s ease}.board-progress .bp-label{position:relative;z-index:1;display:block;text-align:center;font-family:var(--font-cairo);font-weight:700;font-size:10px;line-height:14px;color:var(--navy2)}.mute-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px 6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:.14s}.mute-btn:active,.mute-btn:hover{color:var(--gold)}.mute-btn:active{transform:scale(.92)}.pts.just-used{animation:flipUsed .55s ease}@keyframes flipUsed{0%{transform:rotateY(0)}45%{transform:rotateY(90deg);filter:brightness(1.6)}to{transform:rotateY(0)}}#board .turn{animation:turnPulse .5s ease}@keyframes turnPulse{0%{transform:scale(.94);opacity:.4}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}.resume-btn{box-shadow:0 0 0 0 rgba(224,177,67,.5);animation:resumeGlow 1.8s ease-in-out infinite}@keyframes resumeGlow{50%{box-shadow:0 0 18px 2px rgba(224,177,67,.45)}}.team-avatar{border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.team-avatar.emoji{background:radial-gradient(circle at 35% 30%,#2a4a6e,#0f2238);border:1.5px solid var(--line);line-height:1}.ava-btn{position:relative;background:none;border:none;cursor:pointer;padding:0;border-radius:50%}.ava-btn:hover{transform:scale(1.04)}.ava-edit{position:absolute;bottom:-2px;left:-2px;background:var(--gold);color:#1a1205;width:24px;height:24px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid var(--navy2)}.ava-picker{margin:8px 0;background:rgba(10,20,32,.6);border:1.5px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;max-width:240px}.ava-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px}.ava-opt{font-size:20px;width:100%;aspect-ratio:1;border-radius:9px;cursor:pointer;background:rgba(255,255,255,.05);border:1.5px solid transparent;transition:.12s;line-height:1}.ava-opt:hover{background:rgba(255,255,255,.12)}.ava-opt.on{border-color:var(--gold);background:rgba(224,177,67,.18)}.ava-upload{padding:8px;border-radius:10px;cursor:pointer;font-family:var(--font-cairo);font-weight:700;font-size:13px;background:rgba(61,127,196,.18);border:1.5px solid var(--blue);color:#bcd8f5}.ava-upload:hover{background:rgba(61,127,196,.3)}.sb-name .team-avatar{margin-left:5px}.winner-ava{position:relative;display:inline-block;margin-bottom:6px}.winner-ava .team-avatar{border:3px solid var(--gold);box-shadow:0 0 24px rgba(224,177,67,.5)}.winner-ava .crown-badge{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:34px}#winner .fs{flex-direction:column;gap:3px}#winner .fs,.reaction-overlay{display:flex;align-items:center}.reaction-overlay{position:fixed;inset:0;z-index:300;justify-content:center;padding:24px;cursor:pointer;animation:fade .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reaction-overlay.tone-good{background:radial-gradient(circle,rgba(29,107,69,.5),rgba(5,10,18,.82))}.reaction-overlay.tone-gold{background:radial-gradient(circle,rgba(224,177,67,.42),rgba(5,10,18,.82))}.reaction-overlay.tone-bad{background:radial-gradient(circle,rgba(214,90,74,.45),rgba(5,10,18,.85));animation:fade .18s ease,shake .5s ease}.reaction-overlay.tone-neutral{background:radial-gradient(circle,rgba(120,120,140,.35),rgba(5,10,18,.85))}.reaction-card{text-align:center;animation:reactionPop .45s cubic-bezier(.2,1.3,.5,1);max-width:90vw}.reaction-emoji{font-size:clamp(80px,22vw,150px);line-height:1;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5));animation:reactionBounce 1s ease-in-out infinite}.reaction-team{font-family:var(--font-cairo);font-weight:900;font-size:clamp(18px,3.4vw,30px);color:var(--gold);margin-top:8px}.reaction-line{font-family:var(--font-cairo);font-weight:800;font-size:clamp(20px,4vw,38px);color:#fff;margin-top:6px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.reaction-hint{margin-top:16px;font-size:13px;color:rgba(255,255,255,.6)}@keyframes reactionPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes reactionBounce{50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes shake{10%,90%{transform:translateX(-6px)}30%,70%{transform:translateX(8px)}50%{transform:translateX(-10px)}}.reaction-gif{width:clamp(180px,46vw,320px);height:clamp(180px,46vw,320px);object-fit:contain;border-radius:18px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5))}.winner-gif{width:clamp(200px,40vw,300px);max-height:34vh;object-fit:contain;border-radius:16px;margin:8px 0;border:2px solid var(--gold);box-shadow:0 6px 22px rgba(0,0,0,.45)}.gif-reaction{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;cursor:pointer;background:rgba(5,10,18,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s ease}.gif-reaction-img{width:clamp(220px,58vw,380px);max-height:74vh;object-fit:contain;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.6)}.sd-gif{width:clamp(180px,40vw,280px);max-height:32vh;object-fit:contain;border-radius:16px;margin:4px 0;border:2px solid var(--red);box-shadow:0 6px 22px rgba(0,0,0,.45)}#auth{align-items:center;justify-content:center;text-align:center;gap:10px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.auth-card{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px;margin-top:10px;background:var(--navy2);border:1.5px solid var(--line);border-radius:18px;padding:20px}.auth-tabs{display:flex;gap:6px;margin-bottom:8px}.auth-tab{flex:1 1;padding:9px;border-radius:10px;cursor:pointer;font-family:var(--font-cairo);font-weight:700;font-size:14px;background:rgba(255,255,255,.05);border:1.5px solid var(--line);color:var(--cream);transition:.14s}.auth-tab.on{background:var(--gold);border-color:var(--gold);color:#1a1205}.auth-label{text-align:right;font-size:13px;color:var(--cream);opacity:.85;margin-top:4px}.auth-input{padding:11px 13px;border-radius:11px;border:1.5px solid var(--line);background:rgba(255,255,255,.04);color:var(--cream);font-size:15px;outline:none;width:100%}.auth-input:focus{border-color:var(--gold)}.auth-msg{font-size:13px;border-radius:9px;padding:8px 10px;margin-top:2px}.auth-msg.err{background:rgba(214,90,74,.15);border:1px solid var(--red);color:#f3b3aa}.auth-msg.ok{background:rgba(47,168,116,.15);border:1px solid #2fa874;color:#9be3c0}.auth-switch{font-size:13px;opacity:.8;margin-top:8px}.auth-switch button{background:none;border:none;color:var(--gold);cursor:pointer;font-family:var(--font-cairo);font-weight:700;font-size:13px}.account-chip{position:absolute;top:max(16px,calc(env(safe-area-inset-top) + 6px));right:16px;z-index:5;display:flex;align-items:center;gap:11px;background:rgba(10,20,32,.5);border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;font-size:15px;max-width:70vw;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.account-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.auth-title{font-family:var(--font-cairo);font-weight:900;font-size:22px;color:var(--gold);text-align:center;margin-bottom:4px}.auth-sep{height:1px;background:var(--line);margin:12px 0 4px}.auth-swap-btn{width:100%;padding:11px;font-size:14px;border-color:var(--gold);color:var(--gold)}.auth-swap-btn:hover{background:rgba(224,177,67,.12)}.auth-remember{font-size:12px;opacity:.7;text-align:center;margin-top:10px}.auth-submit-btn{width:100%;padding:11px;font-size:14px;margin-top:8px}.auth-hint{font-size:11px;opacity:.6;font-weight:400}.auth-pw-wrap{position:relative;display:flex}.auth-pw-wrap .auth-input{flex:1 1;padding-right:42px}.auth-pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--cream);opacity:.55;cursor:pointer;padding:6px;display:flex;align-items:center;line-height:0}.auth-pw-toggle:hover{opacity:1;color:var(--gold)}.auth-forgot{align-self:flex-start;background:none;border:none;color:var(--gold);cursor:pointer;font-family:var(--font-cairo),sans-serif;font-weight:700;font-size:12px;padding:2px 0;opacity:.9}.auth-forgot:hover{text-decoration:underline;opacity:1}.account-chip .chip-edit{background:rgba(224,177,67,.16);border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:3px 9px;font-size:12px;cursor:pointer;flex-shrink:0}.account-chip .chip-edit:hover{background:rgba(224,177,67,.28)}.set-reset{width:100%;margin-top:16px;padding:9px;font-size:13px;border-color:var(--line);color:var(--cream);opacity:.85}.set-reset:hover{opacity:1;border-color:var(--red);color:#f3b3aa}.chip-menu{background:none;border:none;color:var(--cream);font-size:21px;cursor:pointer;flex-shrink:0;line-height:1;padding:0 2px;opacity:.85}.chip-menu:hover{opacity:1;color:var(--gold)}.menu-backdrop{position:fixed;inset:0;z-index:25}.account-menu{position:absolute;top:60px;right:16px;z-index:30;min-width:200px;background:var(--navy2);border:1.5px solid var(--line);border-radius:14px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 30px rgba(0,0,0,.5);animation:fade .15s ease}.account-menu-head{font-size:12px;opacity:.6;padding:6px 12px 8px;border-bottom:1px solid var(--line);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu button{text-align:right;background:none;border:none;color:var(--cream);font-family:var(--font-cairo);font-weight:600;font-size:14px;padding:11px 12px;border-radius:9px;cursor:pointer}.account-menu button:hover{background:rgba(255,255,255,.07)}.account-menu button.danger:hover{background:rgba(214,90,74,.16);color:#f3b3aa}.tag.slogan{color:var(--gold);font-weight:700;font-style:normal}@media (max-height:620px){#auth,#home{justify-content:flex-start;gap:6px;padding-top:16px;padding-bottom:26px}#auth .logo,#home .logo{font-size:clamp(34px,9vh,64px);margin-bottom:4px}.brand-spark{width:clamp(36px,9vh,56px);margin-bottom:0}#auth .tag,#home .tag{font-size:clamp(12px,3.4vh,16px);margin-bottom:4px}#home .pill{margin-bottom:10px;font-size:12px;padding:5px 14px}#home .btn{padding:10px 40px}.auth-card{margin-top:6px;padding:16px}}@media (orientation:landscape){#auth{flex-direction:row;justify-content:center;align-items:center;gap:clamp(16px,4vw,48px);padding:max(env(safe-area-inset-top),12px) clamp(16px,4vw,40px) max(env(safe-area-inset-bottom),12px)}#auth .auth-brand{flex-shrink:0;display:flex;flex-direction:column;align-items:center}#auth .logo{font-size:clamp(34px,9vh,64px);margin-bottom:4px}#auth .brand-spark{width:clamp(40px,10vh,64px);margin-bottom:0}#auth .tag{font-size:clamp(12px,3vh,16px);margin:0;max-width:30vw}#auth .auth-card{margin:0;max-height:100%;overflow-y:auto;flex-shrink:1}}.head .brand-header{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.head .brand-header .logo{position:static;transform:none;font-size:clamp(20px,4.2vw,28px);line-height:1}.brand-spark-h{width:26px;height:26px;margin:0;animation:none;filter:none;flex-shrink:0}.back-btn{background:rgba(255,255,255,.06);border:1.5px solid var(--line);color:var(--cream);border-radius:10px;padding:7px 16px;font-family:var(--font-tajawal);font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;transition:.15s}.back-btn:hover{background:rgba(224,177,67,.14);border-color:var(--gold)}