:root{--bg: #0b1017;--bg-2: #0f1720;--panel: rgba(255, 255, 255, .045);--panel-hover: rgba(255, 255, 255, .075);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #ece3d2;--text-muted: #8f97a8;--gold: #e0b354;--gold-2: #b3761f;--gold-grad: linear-gradient(135deg, #e0b354, #b3761f);--accent: #d97706;--success: #38b26a;--danger: #e0574f;--info: #4f8cff;--p1: #4f8cff;--p2: #38b26a;--p3: #e0b354;--p4: #e0574f;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--font-head: "Noto Naskh Arabic", serif;--font-body: "Noto Sans Arabic", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.display{font-family:var(--font-head);font-weight:700}button{font-family:inherit}::selection{background:#e0b3544d}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(224,179,84,.14),transparent 65%),radial-gradient(ellipse 50% 40% at 85% 100%,rgba(79,140,255,.08),transparent 70%),radial-gradient(ellipse 45% 40% at 10% 90%,rgba(224,87,79,.06),transparent 70%),linear-gradient(180deg,#0b1017,#0a0f15 55%,#0b1017)}.sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.15rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;color:var(--text);background:transparent;transition:transform .15s ease,box-shadow .15s ease,background .2s,opacity .2s,border-color .2s;white-space:nowrap}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-gold{background:var(--gold-grad);color:#221703;box-shadow:0 6px 26px #e0b35440}.btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #e0b35466}.btn-ghost{border-color:var(--border-strong);background:#ffffff08}.btn-ghost:hover:not(:disabled){background:var(--panel-hover);transform:translateY(-1px)}.btn-danger{background:#e0574f29;border-color:#e0574f66;color:#ffb0aa}.btn-danger:hover:not(:disabled){background:#e0574f47}.btn-sm{padding:.4rem .8rem;font-size:.78rem}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;padding:.22rem .6rem;border-radius:999px;background:#e0b35424;color:var(--gold)}.badge.muted{background:#ffffff12;color:var(--text-muted)}.badge.red{background:#e0574f29;color:#ff9c95}.badge.green{background:#38b26a29;color:#7fe3a7}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{display:flex;flex-direction:column;min-height:100dvh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.7rem 1.25rem;background:#0b1017d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.65rem;cursor:pointer}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#e0b35438,#b3761f1a);border:1px solid rgba(224,179,84,.35);color:var(--gold)}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-family:var(--font-head);font-size:1.12rem}.brand-text span{font-size:.62rem;color:var(--text-muted);letter-spacing:.14em}.topbar-spacer{flex:1;min-width:.5rem}.turn-chip{display:flex;align-items:center;gap:.55rem;padding:.35rem .85rem .35rem .45rem;border-radius:999px;border:1px solid var(--border-strong);background:#ffffff0a;font-size:.8rem;font-weight:600}.turn-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px #ffffff12}.phases{display:flex;align-items:center;gap:.15rem;padding:.2rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--border)}.phase-item{display:flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:999px;font-size:.76rem;font-weight:600;color:var(--text-muted);transition:all .25s}.phase-item.done{color:var(--text-muted);opacity:.65}.phase-item.active{background:var(--gold-grad);color:#221703;box-shadow:0 4px 18px #e0b3544d}.wrap{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:1rem 1.25rem 7.5rem}.table{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:1rem;align-items:start}.col-side{display:flex;flex-direction:column;gap:1rem;position:sticky;top:5.2rem}.actionbar{position:fixed;inset:auto 0 0 0;z-index:40;padding:.7rem 1.25rem;background:#090d13e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border)}.actionbar-inner{max-width:1560px;margin:0 auto;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hint{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-muted);min-width:0}.hint strong{color:var(--gold);font-weight:600}.pool-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;background:#4f8cff24;border:1px solid rgba(79,140,255,.32);color:#a8c4ff;font-size:.78rem;font-weight:700}.spacer{flex:1;min-width:.5rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes pulseRing{0%,to{opacity:.9}50%{opacity:.35}}@keyframes dash{to{stroke-dashoffset:-40}}@keyframes shakeX{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.fade-up{animation:fadeUp .45s ease both}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.map-shell{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg);background:radial-gradient(ellipse 60% 55% at 50% 30%,rgba(224,179,84,.08),transparent 70%),radial-gradient(ellipse 90% 70% at 50% 110%,rgba(0,0,0,.5),transparent 70%),linear-gradient(160deg,#101822,#0a0f16 60%)}.map-svg{display:block;width:100%;height:auto;touch-action:manipulation}.gr-line{stroke:#ffffff17;stroke-width:2}.gr-active{stroke:#e0b354d9;stroke-width:2.6;stroke-dasharray:8 8;animation:dash 1.2s linear infinite}.gr-target{stroke:#e0574fb3;stroke-width:2.2}.node{cursor:pointer}.node .halo{opacity:0;transition:opacity .25s}.node:hover .halo,.node.sel .halo{opacity:1}.node.sel .disc{stroke-width:4}.node:focus{outline:none}.node:focus-visible .disc{stroke:var(--gold);stroke-width:4}.disc{transition:transform .2s ease,stroke-width .2s ease;transform-box:fill-box;transform-origin:center}.node:hover .disc{transform:scale(1.06)}.node.dim{opacity:.42}.node.attackable .ring-target{opacity:1;animation:pulseRing 1.4s ease-in-out infinite}.ring-target{opacity:0;transition:opacity .2s}.rname{font-family:var(--font-head);font-weight:700;font-size:21px;fill:#f2ead9;paint-order:stroke;stroke:#000000b3;stroke-width:5px;stroke-linejoin:round}.rcount{font-weight:700;font-size:27px;paint-order:stroke;stroke:#0009;stroke-width:4px}.rterr{font-size:13px;fill:#ffffff9e;font-weight:500}.map-tip{position:absolute;z-index:12;transform:translate(-50%,-118%);pointer-events:none;min-width:190px;padding:.7rem .85rem;border-radius:var(--radius);background:#090e14f5;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:popIn .16s ease both}.map-tip h4{font-size:.95rem;margin-bottom:.3rem}.map-tip .row{display:flex;justify-content:space-between;gap:.75rem;font-size:.74rem;color:var(--text-muted)}.map-tip .row b{color:var(--text);font-weight:600}.map-tip .sep{height:1px;background:var(--border);margin:.45rem 0}.map-legend{position:absolute;inset-block-end:.75rem;inset-inline-start:.75rem;z-index:10;display:flex;gap:.35rem;flex-wrap:wrap;max-width:calc(100% - 1.5rem);padding:.45rem .6rem;border-radius:999px;background:#090e14c7;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-legend span{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--text-muted)}.map-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.turn-banner{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;z-index:11;display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:999px;background:#090e14d9;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.76rem;font-weight:600}.panel{padding:.9rem 1rem 1rem}.panel-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem}.panel-head h3{font-size:.95rem}.panel-head .ico{color:var(--gold);display:grid;place-items:center}.panel-head .badge{margin-inline-start:auto}.panel-sub{font-size:.72rem;color:var(--text-muted)}.plist{display:flex;flex-direction:column;gap:.45rem}.prow{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--radius-sm);border:1px solid transparent;background:#ffffff08;transition:all .2s}.prow.active{border-color:var(--border-strong);background:#ffffff12}.prow.dead{opacity:.42}.pflag{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#10151d;flex:0 0 auto}.pmeta{display:flex;flex-direction:column;line-height:1.2;min-width:0}.pmeta b{font-size:.82rem;font-weight:600}.pmeta span{font-size:.66rem;color:var(--text-muted)}.pstats{margin-inline-start:auto;display:flex;gap:.35rem;align-items:center}.statchip{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;color:var(--text);background:#ffffff0f;padding:.15rem .45rem;border-radius:6px}.statchip svg{opacity:.7}.log-list{display:flex;flex-direction:column;gap:.25rem;max-height:260px;overflow-y:auto;padding-inline-end:.2rem}.log-list::-webkit-scrollbar{width:5px}.log-list::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}.log-item{display:flex;gap:.45rem;font-size:.76rem;padding:.35rem .5rem;border-radius:6px;color:var(--text-muted)}.log-item b{color:var(--text);font-weight:600}.log-item.battle{background:#e0574f14}.log-item.good{background:#38b26a14}.log-item.event{background:#4f8cff17}.log-dot{width:6px;height:6px;border-radius:50%;margin-top:.4rem;flex:0 0 auto;background:currentColor;opacity:.7}.log-round{font-family:var(--font-head);font-size:.72rem;color:var(--gold);margin:.5rem .15rem .15rem;letter-spacing:.06em}.blocs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.bloc{padding:.45rem .55rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border)}.bloc b{font-size:.72rem;display:block}.bloc span{font-size:.64rem;color:var(--text-muted)}.bloc.held{border-color:#38b26a73;background:#38b26a1a}.bloc.held b{color:#7fe3a7}.setup{max-width:1120px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.hero{text-align:center;padding:2.5rem 0 1.5rem;position:relative}.kicker{display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:.9rem}.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05;margin-bottom:.8rem;background:linear-gradient(180deg,#fdf6e6 20%,#e0b354);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--text-muted);max-width:620px;margin:0 auto;font-size:1rem;line-height:1.75}.hero-orb{width:92px;height:92px;margin:0 auto 1.2rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#e0b35459,#b3761f14);border:1px solid rgba(224,179,84,.4);color:var(--gold);box-shadow:0 0 60px #e0b3542e}.hero-stats{display:flex;justify-content:center;gap:1.75rem;flex-wrap:wrap;margin-top:1.75rem}.hero-stat{text-align:center}.hero-stat b{display:block;font-family:var(--font-head);font-size:1.5rem;color:var(--gold)}.hero-stat span{font-size:.72rem;color:var(--text-muted)}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:2rem}.block{padding:1.15rem 1.25rem 1.3rem}.block h3{font-size:1rem;margin-bottom:.2rem}.block>p{font-size:.78rem;color:var(--text-muted);margin-bottom:.9rem}.opt-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:.5rem}.opt{border:1px solid var(--border);background:#ffffff08;border-radius:var(--radius-sm);padding:.6rem .5rem;cursor:pointer;text-align:center;transition:all .2s;color:var(--text)}.opt:hover{background:var(--panel-hover);transform:translateY(-2px)}.opt.on{border-color:#e0b35499;background:#e0b3541f;box-shadow:0 6px 22px #e0b35426}.opt b{display:block;font-size:.85rem}.opt span{font-size:.66rem;color:var(--text-muted)}.tribes{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.tribe{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;cursor:pointer;transition:all .2s;color:var(--text);text-align:start}.tribe:hover{transform:translateY(-2px);background:var(--panel-hover)}.tribe.on{border-color:#e0b354a6;background:#e0b3541a}.tribe-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:.85rem;color:#10151d;flex:0 0 auto}.tribe-meta{display:flex;flex-direction:column;line-height:1.25}.tribe-meta b{font-size:.85rem}.tribe-meta span{font-size:.66rem;color:var(--text-muted)}.start-row{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.rules{margin-top:1.75rem}.rules details{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.rules summary{padding:.85rem 1.1rem;cursor:pointer;font-weight:600;font-size:.88rem;list-style:none;display:flex;align-items:center;gap:.5rem}.rules summary::-webkit-details-marker{display:none}.rules .body{padding:0 1.1rem 1.1rem;font-size:.82rem;color:var(--text-muted);line-height:1.85}.rules .body li{margin-inline-start:1.1rem}.rules .body b{color:var(--text)}@media (max-width: 820px){.setup-grid,.tribes{grid-template-columns:1fr}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#05080cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeUp .2s ease both}.modal{width:100%;max-width:620px;padding:1.5rem;border-radius:var(--radius-lg);background:linear-gradient(170deg,#121b25,#0b1017);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:popIn .24s ease both;max-height:92dvh;overflow-y:auto}.modal-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.35rem}.modal-head h2{font-size:1.25rem}.modal-head .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e0574f24;color:#ff9c95}.modal-sub{font-size:.78rem;color:var(--text-muted);margin-bottom:1rem}.arena{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;margin-bottom:1rem}.side{padding:.85rem;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff08}.side h3{font-size:.95rem;margin-bottom:.1rem}.side .tiny{font-size:.68rem;color:var(--text-muted);display:flex;align-items:center;gap:.3rem}.versus{font-family:var(--font-head);font-size:1.1rem;color:var(--gold);opacity:.8}.dice-row{display:flex;gap:.35rem;margin-top:.6rem;flex-wrap:wrap}.die{width:36px;height:40px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:1rem;background:#ffffff14;border:1px solid var(--border-strong);animation:popIn .2s ease both;color:var(--text)}.die.win{background:#38b26a38;border-color:#38b26a8c;color:#9df3bd}.die.lose{background:#e0574f33;border-color:#e0574f80;color:#ffb0aa}.die.empty{background:#ffffff05;border-style:dashed;color:var(--text-muted)}.result-line{display:flex;justify-content:space-between;font-size:.8rem;padding:.45rem 0;border-top:1px solid var(--border)}.result-line b{font-weight:700}.slider-wrap{margin:.9rem 0 .4rem}.slider-wrap .lbl{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:.35rem}.slider-wrap .lbl b{color:var(--gold);font-size:.95rem}input[type=range]{width:100%;accent-color:var(--gold);height:22px;cursor:pointer}.modal-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.win-modal{text-align:center}.win-banner{width:96px;height:96px;margin:.5rem auto 1rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#e0b35466,#b3761f14);border:1px solid rgba(224,179,84,.45);color:var(--gold);box-shadow:0 0 70px #e0b35440}.win-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.1rem 0}.win-stats div{padding:.6rem;border-radius:var(--radius-sm);background:#ffffff0a}.win-stats b{display:block;font-family:var(--font-head);font-size:1.2rem;color:var(--gold)}.win-stats span{font-size:.66rem;color:var(--text-muted)}.toast-wrap{position:fixed;inset-block-end:6rem;inset-inline-end:1.25rem;z-index:80;display:flex;flex-direction:column;gap:.45rem}.toast{padding:.65rem 1rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;background:#0f151df5;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:fadeUp .25s ease both;max-width:320px}.toast.success{border-color:#38b26a80;color:#9df3bd}.toast.error{border-color:#e0574f80;color:#ffb0aa}.toast.info{border-color:#4f8cff73;color:#a8c4ff}.shake{animation:shakeX .3s ease}@media (max-width: 1080px){.table{grid-template-columns:1fr}.col-side{position:static}.log-list{max-height:200px}}@media (max-width: 640px){.wrap{padding:.75rem .7rem 8.5rem}.topbar{padding:.55rem .7rem;gap:.6rem}.brand-text span{display:none}.phases{order:5;width:100%;justify-content:space-between}.phase-item{padding:.3rem .5rem;font-size:.68rem}.modal{padding:1.1rem}.arena{grid-template-columns:1fr}.versus{text-align:center}.win-stats{grid-template-columns:1fr}.toast-wrap{inset-inline:1rem;inset-block-end:8.5rem}}