:root{--bg: #070d1a;--bg-2: #0b1424;--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--text: #eef2fb;--muted: #98a3bd;--primary: #2563eb;--secondary: #7c3aed;--gold: #f59e0b;--gold-2: #fbbf24;--ok: #10b981;--bad: #e11d48;--ans-0: #e11d48;--ans-1: #2563eb;--ans-2: #f59e0b;--ans-3: #10b981;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--shadow: 0 10px 40px rgba(2, 6, 23, .55);--shadow-lg: 0 24px 70px rgba(2, 6, 23, .7);--grad-primary: linear-gradient(135deg, #2563eb, #7c3aed);--grad-gold: linear-gradient(135deg, #f59e0b, #fbbf24);--icon-sm: 16px;--icon-md: 20px;--icon-lg: 26px;--font-display: "Noto Naskh Arabic", "Amiri", "Times New Roman", serif;--font-body: "Noto Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;color-scheme:dark}[data-theme=light]{--bg: #eff6ff;--bg-2: #ffffff;--surface: rgba(255, 255, 255, .92);--surface-2: rgba(37, 99, 235, .08);--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .22);--text: #0f172a;--muted: #4b5673;--shadow: 0 10px 34px rgba(15, 23, 42, .1);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .16);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:-30% -10% auto -10%;height:65vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 60% at 25% 0%,rgba(37,99,235,.3),transparent 65%),radial-gradient(ellipse 50% 50% at 80% 5%,rgba(245,158,11,.18),transparent 65%)}[data-theme=light] body:before{background:radial-gradient(ellipse 60% 60% at 50% 0%,rgba(37,99,235,.16),transparent 70%)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.25;letter-spacing:0}h1{font-size:clamp(2rem,5.2vw,3.4rem)}h2{font-size:clamp(1.35rem,3.2vw,2rem)}h3{font-size:clamp(1.1rem,2.2vw,1.4rem)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 1.25rem}.container-narrow{max-width:680px}.section{padding:2.5rem 0}.row{display:flex;align-items:center;gap:.75rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:1rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.86rem}.mono-num{font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:.18em}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:1.5rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.card-flat{box-shadow:none;background:var(--surface-2)}.panel-title{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.02rem;margin-bottom:.9rem}.panel-title svg{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.35rem;min-height:46px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 8px 30px #2563eb59}.btn-primary:hover:not(:disabled){box-shadow:0 14px 42px #2563eb80}.btn-gold{background:var(--grad-gold);color:#241505;box-shadow:0 8px 30px #f59e0b59}.btn-ghost{border-color:var(--border-strong);background:#ffffff08}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:transparent;border-color:#e11d4880;color:#fda4af}.btn-danger:hover:not(:disabled){background:#e11d481f}.btn-lg{font-size:1.05rem;padding:.9rem 1.8rem;min-height:56px}.btn-block{width:100%}.btn-icon{padding:.5rem;min-height:40px;border-radius:12px;border-color:var(--border)}label.field{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--muted)}input,select,textarea{width:100%;min-height:46px;padding:.6rem .95rem;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.98rem;outline:none;transition:border-color .18s,box-shadow .18s}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff}textarea{min-height:84px;resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb40}input.invalid{border-color:var(--bad)}.field-error{color:#fda4af;font-size:.78rem}.checkbox{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:var(--text);cursor:pointer;min-height:44px}.checkbox input{width:20px;height:20px;min-height:20px;accent-color:var(--primary);cursor:pointer}input[type=radio]{width:20px;height:20px;min-height:20px;accent-color:var(--ok);cursor:pointer}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .7rem;border-radius:999px;font-size:.74rem;font-weight:700;background:#2563eb29;color:#93b4ff;border:1px solid rgba(37,99,235,.3)}[data-theme=light] .badge{color:#1d4ed8}.badge.gold{background:#f59e0b29;color:var(--gold-2);border-color:#f59e0b52}.badge.ok{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.badge.bad{background:#e11d4826;color:#fda4af;border-color:#e11d484d}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.85rem;animation:popIn .3s ease}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;background:var(--grad-primary);flex:none}.navbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.navbar .container{display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.08rem;font-weight:700;cursor:pointer;background:none;border:none;color:var(--text)}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--grad-primary);color:#fff;box-shadow:0 6px 20px #2563eb66}.nav-links{display:flex;align-items:center;gap:.35rem;margin-inline-start:auto}.nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--muted);background:none;border:none;font-family:inherit;cursor:pointer;transition:color .18s,background .18s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface-2)}.hero{padding:3.5rem 0 2rem;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.1rem;padding:.3rem .9rem;border-radius:999px;border:1px solid rgba(245,158,11,.35);background:#f59e0b1a;color:var(--gold-2);font-size:.76rem;font-weight:700;letter-spacing:.06em}.hero h1{margin-bottom:.9rem}.hero h1 .grad{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p.lead{max-width:620px;margin:0 auto 1.8rem;color:var(--muted);font-size:1.06rem}.hero-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.sec-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}.sec-head h2{font-size:clamp(1.2rem,2.4vw,1.6rem)}.sec-head svg{color:var(--gold)}.step-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:1.05rem;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--gold-2);margin-bottom:.8rem}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#2563eb29;border:1px solid rgba(37,99,235,.3);color:#93b4ff;margin-bottom:.9rem}.pin-box{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.4rem 1.2rem;border-radius:var(--radius-lg);background:var(--surface-2);border:1px dashed var(--border-strong)}.pin-value{font-size:clamp(2.6rem,9vw,4.4rem);font-weight:800;line-height:1;letter-spacing:.12em;direction:ltr;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pin-hint{color:var(--muted);font-size:.88rem}.join-url{direction:ltr;font-size:.84rem;word-break:break-all;color:var(--muted)}.timer-wrap{display:flex;align-items:center;gap:1rem}.timer-clock{min-width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:2px solid var(--border-strong);font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums;flex:none;transition:border-color .25s,color .25s}.timer-clock.warn{border-color:var(--gold);color:var(--gold-2)}.timer-clock.danger{border-color:var(--bad);color:#fda4af;animation:pulse 1s infinite}.timer-track{flex:1;height:14px;border-radius:999px;background:#ffffff14;overflow:hidden}.timer-fill{height:100%;border-radius:999px;background:var(--grad-primary);transition:width .2s linear,background .3s}.timer-fill.warn{background:var(--grad-gold)}.timer-fill.danger{background:linear-gradient(135deg,#e11d48,#fb7185)}.progress-pills{display:flex;gap:5px;flex-wrap:wrap}.progress-pill{width:22px;height:6px;border-radius:999px;background:#ffffff24}.progress-pill.done{background:var(--gold)}.progress-pill.current{background:var(--primary);box-shadow:0 0 12px #2563ebb3}.question-text{font-family:var(--font-display);font-size:clamp(1.4rem,3.6vw,2.3rem);font-weight:700;line-height:1.45;text-align:center;margin:1.2rem 0 1.6rem}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.answer-tile{position:relative;display:flex;align-items:center;gap:.8rem;min-height:88px;padding:1rem 1.15rem;border-radius:var(--radius);border:2px solid transparent;color:#fff;font-family:inherit;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;text-align:start;cursor:pointer;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,filter .16s}.answer-tile:nth-child(1){background:linear-gradient(135deg,#be123c,var(--ans-0))}.answer-tile:nth-child(2){background:linear-gradient(135deg,#1d4ed8,var(--ans-1))}.answer-tile:nth-child(3){background:linear-gradient(135deg,#b45309,var(--ans-2));color:#2a1a02}.answer-tile:nth-child(4){background:linear-gradient(135deg,#047857,var(--ans-3))}.answer-tile:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 16px 40px #02061780}.answer-tile:disabled{cursor:default;opacity:.55}.answer-tile.dimmed{filter:grayscale(.45) brightness(.72);opacity:.75}.answer-tile.correct{border-color:#fff;box-shadow:0 0 0 6px #10b98159,0 18px 50px #10b98159;opacity:1;filter:none}.answer-tile.chosen{border-color:var(--gold-2);opacity:1;filter:none}.answer-key{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#00000038;flex:none}.answer-count{margin-inline-start:auto;font-size:.85rem;font-weight:700;padding:.15rem .6rem;border-radius:999px;background:#00000047}.dist-row{display:grid;grid-template-columns:minmax(90px,1fr) 3fr auto;align-items:center;gap:.75rem;padding:.4rem 0}.dist-label{display:flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dist-dot{width:12px;height:12px;border-radius:4px;flex:none}.dist-track{height:22px;border-radius:8px;background:#ffffff12;overflow:hidden}.dist-fill{height:100%;border-radius:8px;transition:width .5s cubic-bezier(.16,1,.3,1)}.dist-count{font-variant-numeric:tabular-nums;font-weight:700;min-width:2.5rem;text-align:end}.lb-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:.85rem;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .2s,border-color .2s}.lb-row+.lb-row{margin-top:.4rem}.lb-row.me{background:#2563eb24;border-color:#2563eb59}.lb-row.top1{background:#f59e0b21;border-color:#f59e0b59}.lb-rank{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums}.lb-row.top1 .lb-rank{background:var(--grad-gold);color:#241505;border-color:transparent}.lb-name{display:flex;align-items:center;gap:.6rem;font-weight:600;overflow:hidden}.lb-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold-2)}.podium{display:flex;align-items:flex-end;justify-content:center;gap:.9rem;margin:1.5rem 0;flex-wrap:wrap}.podium-col{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:130px;animation:riseUp .6s cubic-bezier(.16,1,.3,1) both}.podium-block{width:100%;border-radius:var(--radius) var(--radius) 6px 6px;display:grid;place-items:center;font-size:2.2rem;font-weight:800;padding:1rem .5rem;color:#241505;background:var(--grad-gold);border:1px solid var(--border-strong)}.podium-col.p1 .podium-block{height:168px}.podium-col.p2 .podium-block{height:128px;background:linear-gradient(135deg,#cbd5e1,#f8fafc)}.podium-col.p3 .podium-block{height:100px;background:linear-gradient(135deg,#b45309,#f0a868)}.podium-name{font-weight:700;text-align:center;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-size:.86rem;color:var(--muted);font-variant-numeric:tabular-nums}.toast-wrap{position:fixed;inset-block-end:1.25rem;inset-inline-start:1.25rem;z-index:100;display:flex;flex-direction:column;gap:.5rem;max-width:min(92vw,380px)}.toast{display:flex;align-items:center;gap:.55rem;padding:.75rem 1.05rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;background:#0d1626;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.toast.success{border-color:#10b98173;color:#6ee7b7}.toast.error{border-color:#e11d4873;color:#fda4af}.toast.info{border-color:#2563eb73;color:#93b4ff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#0206179e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease}.modal{width:100%;max-width:460px;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.6rem}.skeleton{height:14px;border-radius:8px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f,#ffffff0d 75%);background-size:200%;animation:shimmer 1.4s infinite;margin-bottom:.6rem}.empty{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:2.2rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius)}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--gold);animation:spin .8s linear infinite}.divider{border:none;border-top:1px solid var(--border);margin:1.2rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes riseUp{0%{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.06)}}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.d1{animation-delay:.07s}.d2{animation-delay:.14s}.d3{animation-delay:.21s}.d4{animation-delay:.28s}.footer{margin-top:auto;border-top:1px solid var(--border);padding:1.4rem 0;color:var(--muted);font-size:.84rem}.footer .container{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.verdict{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.4rem;border-radius:var(--radius-lg);animation:popIn .35s cubic-bezier(.16,1,.3,1);text-align:center}.verdict.ok{background:#10b98124;border:1px solid rgba(16,185,129,.4)}.verdict.bad{background:#e11d4821;border:1px solid rgba(225,29,72,.4)}.verdict.wait{background:var(--surface-2);border:1px solid var(--border)}.verdict-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800}.verdict-points{font-size:2rem;font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums}.score-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.score-hero .value{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;color:var(--gold-2);font-variant-numeric:tabular-nums;line-height:1.1}.bank-list-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;text-align:start;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.bank-list-item:hover{transform:translateY(-2px);border-color:var(--border-strong)}.bank-list-item.active{border-color:var(--primary);background:#2563eb24}.q-editor{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--surface-2)}.q-editor+.q-editor{margin-top:.8rem}.q-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.q-index{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:var(--grad-primary);color:#fff;flex:none}.choices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;margin-top:.7rem}.choice-field{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08}.choice-field.correct{border-color:#10b9818c;background:#10b98117}@media (max-width: 640px){.navbar{height:58px}.nav-links .label{display:none}.hero{padding:2.4rem 0 1.4rem}.answer-grid{grid-template-columns:1fr}.answer-tile{min-height:70px}.timer-clock{min-width:66px;height:66px;font-size:1.4rem}.dist-row{grid-template-columns:minmax(70px,1fr) 2fr auto}.lb-row{grid-template-columns:38px 1fr auto}.podium-col{min-width:104px}.podium-col.p1 .podium-block{height:130px}.podium-col.p2 .podium-block{height:104px}.podium-col.p3 .podium-block{height:84px}.card{padding:1.15rem}}