@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=JetBrains+Mono:wght@400;500&family=Orbitron:wght@700;900&display=swap";:root{--bg: #080b12;--bg-panel: rgba(15, 23, 42, .72);--bg-card: rgba(255, 255, 255, .05);--bg-card-hi: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .09);--border-hi: rgba(217, 119, 6, .42);--primary: #d97706;--primary-2: #f59e0b;--primary-soft: rgba(217, 119, 6, .16);--accent: #6366f1;--muted: #1f1e27;--text: #f4f6fb;--text-muted: #94a0b6;--text-dim: #64708a;--danger: #dc2626;--success: #22c55e;--warning: #f59e0b;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 10px 34px rgba(0, 0, 0, .55);--font-ar: "Cairo", system-ui, sans-serif;--font-display: "Orbitron", "Cairo", monospace;--font-mono: "JetBrains Mono", monospace;--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ar);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none}button{font-family:inherit;cursor:pointer}.num,.mono{font-family:var(--font-mono);direction:ltr}.disp{font-family:var(--font-display);direction:ltr;letter-spacing:.02em}.app{position:fixed;inset:0}.stage{position:absolute;inset:0;display:block;width:100%;height:100%}.screen{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 50% 0%,rgba(217,119,6,.16),transparent 58%),linear-gradient(180deg,#080b12db,#080b12f7);backdrop-filter:blur(7px);overflow-y:auto}.panel{width:min(1120px,100%);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.75rem;backdrop-filter:blur(16px);animation:fadeUp .45s var(--ease) both}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}h1,h2,h3{font-weight:900;letter-spacing:-.01em;line-height:1.25}h1{font-size:clamp(1.6rem,3.4vw,2.5rem)}h2{font-size:clamp(1.15rem,2vw,1.5rem)}h3{font-size:1rem}.sub{color:var(--text-muted);font-size:.95rem;line-height:1.7}.tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.28rem .7rem;border-radius:999px;background:var(--primary-soft);color:var(--primary-2);border:1px solid rgba(217,119,6,.28)}.tag.ghost{background:#ffffff0d;color:var(--text-muted);border-color:var(--border)}.divider{height:1px;background:var(--border);margin:1.25rem 0;border:0}.grid{display:grid;gap:1rem}.g-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.g-3{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.g-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.spread{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.78rem 1.5rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:700;color:var(--text);background:var(--bg-card-hi);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),opacity .18s}.btn:hover{transform:translateY(-2px);background:#ffffff24}.btn:active{transform:translateY(0) scale(.985)}.btn-primary{background:linear-gradient(135deg,#d97706,#f59e0b);color:#1a1206;box-shadow:0 8px 30px #d9770661}.btn-primary:hover{box-shadow:0 12px 40px #d977068c;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn-ghost:hover{color:var(--text);border-color:#ffffff47;background:#ffffff0d}.btn-danger{background:#dc262629;border-color:#dc262666;color:#ffb4b4}.btn-danger:hover{background:#dc262647}.btn-lg{padding:1rem 2.2rem;font-size:1.05rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.mode{position:relative;text-align:right;padding:1.15rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s var(--ease),border-color .2s,background .2s,box-shadow .2s;overflow:hidden}.mode:hover{transform:translateY(-3px);background:var(--bg-card-hi)}.mode.sel{border-color:var(--border-hi);background:var(--primary-soft);box-shadow:0 10px 30px #d9770633}.mode.sel:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.mode .ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#d9770624;color:var(--primary-2);margin-bottom:.7rem}.mode h3{margin-bottom:.35rem}.mode p{color:var(--text-muted);font-size:.84rem;line-height:1.65}.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:.75rem;max-height:320px;overflow-y:auto;padding:.25rem}.wcard{position:relative;text-align:right;padding:.85rem .95rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .18s var(--ease),border-color .18s,background .18s}.wcard:hover{transform:translateY(-2px);background:var(--bg-card-hi)}.wcard.sel{border-color:var(--border-hi);background:var(--primary-soft)}.wcard .top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.wcard .mname{font-size:.78rem;color:var(--text-dim);letter-spacing:.04em}.wcard .cal{font-size:.68rem;font-weight:700;color:var(--primary-2);font-family:var(--font-mono);direction:ltr}.wcard .note{font-size:.74rem;color:var(--text-muted);line-height:1.55;margin-top:.35rem;min-height:2.3em}.wcard .key{position:absolute;top:.6rem;left:.6rem;font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);border:1px solid var(--border);border-radius:5px;padding:.05rem .3rem}.bars{display:grid;gap:.3rem;margin-top:.55rem}.bar{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:.45rem;font-size:.66rem;color:var(--text-dim)}.bar .track{height:4px;background:#ffffff14;border-radius:99px;overflow:hidden}.bar .fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:99px;transition:width .35s var(--ease)}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1rem 1.4rem}.field{display:flex;flex-direction:column;gap:.45rem}.field label{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--text-muted)}.field label b{color:var(--primary-2);font-family:var(--font-mono);font-weight:500;direction:ltr}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:99px;background:#ffffff1f;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#d97706,#fbbf24);cursor:pointer;box-shadow:0 0 0 4px #d977062e}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#f59e0b}.seg{display:flex;gap:.25rem;background:#ffffff0d;border:1px solid var(--border);border-radius:999px;padding:.22rem}.seg button{flex:1;padding:.38rem .5rem;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:700;transition:all .18s var(--ease)}.seg button.on{background:linear-gradient(135deg,#d97706,#f59e0b);color:#1a1206}.chk{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:var(--text-muted)}.hud{position:absolute;inset:0;z-index:10;pointer-events:none}.hud>*{pointer-events:auto}.hud-lock{pointer-events:none!important}.topbar{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.15rem;background:linear-gradient(180deg,#080b12c7,#080b1200)}.stat{display:flex;flex-direction:column;gap:.1rem}.stat .k{font-size:.64rem;letter-spacing:.12em;color:var(--text-dim);font-weight:700}.stat .v{font-family:var(--font-display);font-size:1.5rem;line-height:1.1;color:var(--text)}.stat .v.amber{color:var(--primary-2)}.stat .v.red{color:#ff8a8a}.chips{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;font-size:.74rem;font-weight:700;background:#080b1299;border:1px solid var(--border);color:var(--text-muted);backdrop-filter:blur(8px)}.chip b{color:var(--primary-2);font-family:var(--font-mono);font-weight:500;direction:ltr}.ammo{position:absolute;bottom:1.5rem;right:1.6rem;text-align:right;padding:.9rem 1.2rem;border-radius:var(--radius);background:#080b129e;border:1px solid var(--border);backdrop-filter:blur(10px);min-width:200px}.ammo .wname{font-size:.8rem;font-weight:700;color:var(--text)}.ammo .wmodel{font-size:.66rem;color:var(--text-dim);font-family:var(--font-mono);direction:ltr}.ammo .rounds{display:flex;align-items:baseline;gap:.3rem;justify-content:flex-end;margin-top:.35rem}.ammo .cur{font-family:var(--font-display);font-size:2.4rem;line-height:1;color:var(--primary-2)}.ammo .of{font-family:var(--font-mono);font-size:.95rem;color:var(--text-dim);direction:ltr}.ammo.low .cur{color:#ff8a8a}.ammo .pips{display:flex;gap:3px;justify-content:flex-end;margin-top:.5rem;flex-wrap:wrap;max-width:190px}.pip{width:6px;height:13px;border-radius:2px;background:#ffffff24;transition:background .15s,transform .15s}.pip.on{background:linear-gradient(180deg,#fbbf24,#d97706)}.pip.hot{transform:scaleY(1.15)}.reload-hint{font-size:.72rem;color:#ff8a8a;font-weight:700;margin-top:.4rem;animation:pulse 1s infinite}.bar-rl{height:3px;background:#ffffff1f;border-radius:99px;overflow:hidden;margin-top:.45rem}.bar-rl span{display:block;height:100%;background:linear-gradient(90deg,#d97706,#fbbf24)}.crosshair{position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);transition:opacity .2s;will-change:transform}.crosshair i{position:absolute;background:#f5f6fbd1;box-shadow:0 0 3px #000c}.crosshair i.t{left:50%;top:0;width:2px;height:9px;margin-left:-1px}.crosshair i.b{left:50%;bottom:0;width:2px;height:9px;margin-left:-1px}.crosshair i.l{top:50%;left:0;height:2px;width:9px;margin-top:-1px}.crosshair i.r{top:50%;right:0;height:2px;width:9px;margin-top:-1px}.crosshair i.dot{left:50%;top:50%;width:2px;height:2px;margin:-1px 0 0 -1px;background:var(--primary-2);border-radius:50%}.hitmark{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);opacity:0;transition:opacity .12s linear,transform .12s var(--ease)}.hitmark i{position:absolute;width:12px;height:2.5px;background:#fff;border-radius:2px}.hitmark i:nth-child(1){left:0;top:0;transform:rotate(45deg);transform-origin:left center}.hitmark i:nth-child(2){right:0;top:0;transform:rotate(-45deg);transform-origin:right center}.hitmark i:nth-child(3){left:0;bottom:0;transform:rotate(-45deg);transform-origin:left center}.hitmark i:nth-child(4){right:0;bottom:0;transform:rotate(45deg);transform-origin:right center}.hitmark[data-kind=x] i{background:var(--primary-2);box-shadow:0 0 8px #f59e0be6}.hitmark[data-kind=hit] i{background:#fff}.combo{position:absolute;top:5.4rem;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:1.6rem;color:var(--primary-2);text-shadow:0 0 18px rgba(245,158,11,.55);animation:pop .3s var(--ease)}.toasts{position:absolute;top:4.4rem;right:1.2rem;display:flex;flex-direction:column;gap:.45rem;align-items:flex-end}.toast{padding:.55rem .95rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;background:#080b12db;border:1px solid var(--border);border-right:3px solid var(--primary);backdrop-filter:blur(10px);animation:slideIn .28s var(--ease) both}.toast.error{border-right-color:var(--danger);color:#ffc9c9}.toast.warn{border-right-color:var(--warning);color:#ffe3b0}.toast.good{border-right-color:var(--success);color:#c8f7d4}.quick{position:absolute;bottom:1.5rem;left:1.6rem;display:flex;gap:.35rem;flex-wrap:wrap;max-width:46vw}.qbtn{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:52px;padding:.45rem .4rem;border-radius:10px;background:#080b1299;border:1px solid var(--border);backdrop-filter:blur(8px);color:var(--text-muted);font-size:.6rem;font-weight:700;transition:transform .16s var(--ease),border-color .16s,color .16s,background .16s}.qbtn:hover{transform:translateY(-2px);color:var(--text);background:#ffffff14}.qbtn.on{border-color:var(--border-hi);color:var(--primary-2);background:var(--primary-soft)}.qbtn .k{font-family:var(--font-mono);font-size:.55rem;color:var(--text-dim)}.qbtn.on .k{color:var(--primary-2)}.result-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:1rem 0}.rstat{padding:.85rem;border-radius:var(--radius);text-align:center;background:var(--bg-card);border:1px solid var(--border)}.rstat .v{font-family:var(--font-display);font-size:1.7rem;color:var(--primary-2)}.rstat .k{font-size:.7rem;color:var(--text-dim);font-weight:700;margin-top:.2rem}.rings{display:flex;gap:.4rem;flex-wrap:wrap}.ring-pill{flex:1;min-width:62px;text-align:center;padding:.5rem .3rem;background:#ffffff0a;border:1px solid var(--border);border-radius:10px}.ring-pill .r{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);direction:ltr}.ring-pill .c{font-family:var(--font-display);font-size:1.15rem;color:var(--text)}.badge-best{animation:pop .45s var(--ease)}kbd{font-family:var(--font-mono);font-size:.68rem;direction:ltr;background:#ffffff14;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:.1rem .35rem;color:var(--text)}.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem}.legend div{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-muted)}.touch{position:absolute;inset:0;z-index:12;pointer-events:none}.tbtn{position:absolute;bottom:1.4rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#d9770642;color:#fff;font-weight:800;font-size:.8rem;backdrop-filter:blur(8px);pointer-events:auto}.tbtn.fire{right:1.4rem;width:92px;height:92px}.tbtn.reload{right:7.6rem;bottom:2.2rem;width:62px;height:62px;font-size:.7rem}.tbtn:active{background:#f59e0b80;transform:scale(.95)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width: 860px){.screen{padding:.8rem;align-items:flex-start}.panel{padding:1.1rem;border-radius:var(--radius)}.wgrid{max-height:none}.ammo{bottom:6.4rem;right:.8rem;min-width:150px;padding:.7rem .9rem}.ammo .cur{font-size:1.9rem}.quick{bottom:.7rem;left:.8rem;max-width:62vw}.qbtn{min-width:44px;padding:.35rem .3rem}.topbar{padding:.5rem .7rem}.stat .v{font-size:1.15rem}.toasts{top:3.6rem;right:.7rem;left:.7rem;align-items:stretch}}@media (max-width: 560px){h1{font-size:1.35rem}.panel-head{flex-direction:column}.g-2,.g-3,.g-4{grid-template-columns:1fr}.result-hero{grid-template-columns:repeat(2,1fr)}.stat .v{font-size:1rem}.chip{font-size:.66rem;padding:.24rem .5rem}.quick{display:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#d9770666;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#d97706a6}:focus-visible{outline:2px solid var(--primary-2);outline-offset:2px}