@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;700&display=swap";:root{--bg: #0a0f1c;--bg-2: #0e1526;--card: rgba(255, 255, 255, .05);--card-solid: #111a2e;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #f2f5fb;--muted: #98a2b8;--accent: #2563eb;--accent-grad: linear-gradient(135deg, #2563eb, #7c3aed);--gold: #f59e0b;--gold-soft: rgba(245, 158, 11, .14);--success: #34d399;--danger: #f87171;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--shadow: 0 6px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 54px rgba(0, 0, 0, .55);--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;font-family:Noto Sans Arabic,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,.nav-logo{font-family:Noto Naskh Arabic,serif;letter-spacing:-.01em}body{min-height:100dvh;-webkit-font-smoothing:antialiased;background:var(--bg)}.app{position:relative;min-height:100dvh;padding-bottom:3rem}.glow{position:fixed;inset:-30% -10% auto -10%;height:62vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%,rgba(37,99,235,.28),transparent 62%),radial-gradient(ellipse at 80% 10%,rgba(245,158,11,.12),transparent 55%)}.shell{max-width:760px;margin:0 auto;padding:1.25rem 1rem 2rem;position:relative;z-index:1}.muted{color:var(--muted)}.small{font-size:.8rem}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:58px;background:#0a0f1cd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-logo{font-size:1.15rem;font-weight:700;color:var(--gold)}.nav-link{background:none;border:none;color:var(--muted);font:inherit;font-size:.88rem;cursor:pointer;transition:color .2s}.nav-link:hover{color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:1.1rem;margin-bottom:1rem;transition:transform .2s ease,box-shadow .2s ease}.card h3{font-size:1.02rem;margin-bottom:.6rem;display:flex;align-items:center;gap:.45rem}.card ul{padding-inline-start:1.1rem;display:grid;gap:.4rem;font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.6rem 1.1rem;border-radius:999px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,background .2s,opacity .2s}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:0 8px 26px #2563eb59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #2563eb80}.btn-ghost{background:#ffffff0a;border:1.5px solid var(--border-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){background:#ffffff17;transform:translateY(-2px)}.btn-danger{background:#f8717129;color:var(--danger);border:1.5px solid rgba(248,113,113,.35)}.btn-danger:hover{background:#f8717142}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;background:#2563eb29;color:#9dc0ff}.badge.green{background:#34d39924;color:var(--success)}.badge.amber{background:var(--gold-soft);color:#fbc76a}input{width:100%;padding:.7rem 1rem;margin-top:.35rem;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb38}label{display:block;font-size:.84rem;font-weight:600;color:var(--muted)}.tabs{display:flex;gap:.25rem;background:#ffffff0a;border:1px solid var(--border);border-radius:999px;padding:.22rem}.tab{flex:1;min-height:40px;padding:.4rem .7rem;border-radius:999px;border:none;background:none;font:inherit;font-size:.84rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s}.tab.active{background:var(--accent-grad);color:#fff}.hero{text-align:center;padding:1.6rem .5rem 1.2rem}.crest{width:72px;height:72px;margin:0 auto .7rem;border-radius:24px;display:grid;place-items:center;color:#1b1305;background:linear-gradient(135deg,#f7c765,#d99a24);box-shadow:0 12px 34px #f59e0b52}.hero h1{font-size:clamp(1.9rem,7vw,2.6rem);font-weight:700;background:linear-gradient(135deg,#fff,#f3c979);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--muted);font-size:.95rem;max-width:34rem;margin:.35rem auto .75rem}.hero-chips{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.diff-row{margin-top:.9rem;display:grid;gap:.5rem}.modes{display:grid;gap:.8rem;grid-template-columns:1fr;margin:1rem 0}.mode-card{text-align:start;cursor:pointer;font:inherit;color:var(--text);background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem;display:grid;gap:.4rem;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .2s}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.mode-card svg{color:var(--gold)}.mode-card h3{font-size:1.1rem}.mode-card p{color:var(--muted);font-size:.88rem}.mode-tag{justify-self:start;font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:var(--gold-soft);color:#fbc76a}.quick-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.quick-row .btn{flex:1 1 auto}.stats-strip{display:flex;justify-content:space-between;gap:.6rem;text-align:center}.stats-strip div{display:grid;gap:.15rem;flex:1}.stats-strip strong{font-size:1.25rem;color:var(--gold)}.cats-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.cat-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted)}.cat-pill.clickable{cursor:pointer;min-height:40px;transition:all .18s}.cat-pill.clickable:hover{color:var(--text);border-color:var(--border-strong)}.cat-pill.on{background:#2563eb33;color:#bcd3ff;border-color:#2563eb80}.qcard{background:var(--card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem;box-shadow:var(--shadow);margin-bottom:.9rem}.qhead{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.timer{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;font-size:.95rem;color:var(--muted)}.timer.urgent{color:var(--danger)}.tbar{height:6px;border-radius:999px;background:#ffffff12;margin:.7rem 0 .9rem;overflow:hidden}.tbar-fill{display:block;height:100%;border-radius:999px;transition:width .9s linear,background .3s}.qtext{font-size:clamp(1.05rem,4.4vw,1.32rem);line-height:1.7;margin-bottom:1rem}.options{display:grid;gap:.55rem}.opt{display:flex;align-items:center;gap:.7rem;width:100%;min-height:54px;text-align:start;cursor:pointer;font:inherit;font-size:.94rem;color:var(--text);background:#ffffff0b;border:1.5px solid var(--border);border-radius:var(--radius);padding:.7rem .85rem;transition:transform .14s ease,background .2s,border-color .2s,opacity .2s}.opt:hover:not(:disabled){background:#ffffff17;transform:translateY(-2px);border-color:var(--border-strong)}.opt:disabled{cursor:default}.opt-letter{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;font-weight:700;font-size:.82rem;color:var(--muted)}.opt-text{flex:1}.opt.gone{opacity:.32}.opt.right{background:#34d39929;border-color:#34d3998c}.opt.right .opt-letter{background:#34d39947;color:#d7fff0}.opt.wrong{background:#f8717126;border-color:#f8717180}.opt.wrong .opt-letter{background:#f871714d;color:#ffe6e6}.shield-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:1rem}.shield-row .btn{font-size:.8rem;padding:.5rem .85rem;min-height:42px}.hud{padding:.85rem}.hud-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.hud-row.owners{margin-top:.55rem;gap:.55rem}.owner-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--muted)}.owner-chip i{width:10px;height:10px;border-radius:50%;display:inline-block}.owner-chip b{color:var(--text)}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:1rem}.region{position:relative;aspect-ratio:1 / 1;border-radius:14px;cursor:default;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font:inherit;display:grid;align-content:center;gap:.15rem;padding:.3rem;text-align:center;transition:transform .16s ease,box-shadow .16s ease,border-color .2s}.region:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:var(--owner);opacity:.22}.region.mine:before{opacity:.42}.region-name{position:relative;font-size:.72rem;font-weight:600}.region-power{position:relative;font-size:.66rem;color:var(--muted)}.region.mine{border-color:#f59e0b8c}.region-flag{position:absolute;top:5px;inset-inline-end:6px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.region.can-pick{cursor:pointer;border-color:var(--gold);animation:pulse 1.5s infinite}.region.can-pick:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 26px #f59e0b59}.region.selected{border-color:var(--gold)}.attack-panel{text-align:center}.attack-panel h3{justify-content:center}.log{list-style:none;display:grid;gap:.3rem;font-size:.82rem;color:var(--muted);margin-bottom:1rem}.log li{padding-inline-start:.9rem;position:relative}.log li:before{content:"•";position:absolute;inset-inline-start:0;color:var(--gold)}.ladder{display:flex;gap:.25rem;overflow-x:auto;margin-top:.7rem;padding-bottom:.2rem}.rung{flex:0 0 auto;font-size:.68rem;padding:.15rem .45rem;border-radius:999px;background:#ffffff0d;color:var(--muted)}.rung.passed{color:var(--success)}.rung.now{background:var(--gold-soft);color:#fbc76a;font-weight:700}.audience h4{display:flex;align-items:center;gap:.4rem;font-size:.9rem;margin-bottom:.6rem}.bars{display:flex;align-items:flex-end;gap:.5rem;height:110px}.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:.2rem}.bar-fill{width:100%;background:linear-gradient(180deg,#7c3aed,#2563eb);border-radius:8px 8px 4px 4px;min-height:4px}.bar small{font-size:.7rem;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:1rem;animation:fadeUp .22s ease}.modal{position:relative;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.4rem;max-width:460px;width:100%;box-shadow:var(--shadow-lg);display:grid;gap:.7rem}.modal h3{font-size:1.1rem}.modal p{font-size:.9rem;color:var(--muted)}.modal-x{position:absolute;top:.7rem;inset-inline-start:.7rem;background:none;border:none;color:var(--muted);cursor:pointer;padding:.35rem;border-radius:8px}.modal-x:hover{color:var(--text);background:#ffffff12}.modal-actions{display:flex;flex-wrap:wrap;gap:.5rem}.modal-actions .btn{flex:1 1 45%}.ad-slot{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:repeating-linear-gradient(45deg,#ffffff05 0,#ffffff05 10px,#ffffff0d 10px,#ffffff0d 20px);display:grid;place-items:center;min-height:86px;color:var(--muted);font-size:.78rem;text-align:center;padding:.6rem}.ad-slot.big{min-height:170px;font-size:1rem;font-weight:700;color:var(--gold)}.result-icon{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold)}.catrow{display:grid;grid-template-columns:5.2rem 1fr 4.6rem;align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.84rem}.catrow-name{color:var(--muted)}.catrow-bar{height:8px;border-radius:999px;background:#ffffff12;overflow:hidden}.catrow-bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#f59e0b)}.catrow-val{text-align:end;font-weight:600}.board-list{list-style:none;display:grid;gap:.4rem}.board-list li{display:grid;grid-template-columns:1.4rem 1fr auto auto;gap:.5rem;align-items:center;font-size:.88rem;padding:.45rem .55rem;border-radius:10px;background:#ffffff09}.board-list b{color:var(--gold)}.board-list strong{color:var(--text)}.toast-wrap{position:fixed;bottom:1.2rem;inset-inline-start:1.2rem;z-index:100;display:grid;gap:.45rem}.toast{padding:.65rem 1rem;border-radius:var(--radius-sm);font-size:.86rem;font-weight:600;box-shadow:var(--shadow-lg);animation:fadeUp .26s ease}.toast.success{background:#34d39929;border:1px solid rgba(52,211,153,.35);color:#b9f6e0}.toast.error{background:#f8717129;border:1px solid rgba(248,113,113,.35);color:#ffd9d9}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}.fade-up{animation:fadeUp .42s cubic-bezier(.16,1,.3,1) forwards}.delay-1{animation-delay:.06s;opacity:0}.delay-2{animation-delay:.12s;opacity:0}.delay-3{animation-delay:.18s;opacity:0}@media (min-width: 620px){.modes{grid-template-columns:1fr 1fr}.board{gap:.55rem}.region-name{font-size:.82rem}.region-power{font-size:.72rem}}@media (max-width: 380px){.region-name{font-size:.64rem}.shield-row .btn{flex:1 1 45%;font-size:.75rem}.catrow{grid-template-columns:4.4rem 1fr 3.6rem;font-size:.78rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}