:root{--bg: #0b0b1a;--bg-2: #13132b;--panel: rgba(255, 255, 255, .06);--panel-2: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .12);--text: #f4f3ff;--muted: #a7a6c9;--brand: #8b5cf6;--brand-2: #ec4899;--ok: #22c55e;--bad: #ef4444;--gold: #fbbf24;--silver: #cbd5e1;--bronze: #f59e0b;--a0: #e21b3c;--a1: #1368ce;--a2: #d89e00;--a3: #26890c;--radius: 18px;--font: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Changa", var(--font)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a.btn,a.icon-btn{color:inherit;text-decoration:none}input{font:inherit}img{display:block;max-width:100%}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(900px 600px at 85% -10%,rgba(139,92,246,.35),transparent 60%),radial-gradient(800px 600px at 0% 110%,rgba(236,72,153,.25),transparent 60%),linear-gradient(180deg,#0d0c22,#0b0b1a)}.stage:before,.stage:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;animation:drift 18s ease-in-out infinite alternate}.stage:before{width:420px;height:420px;background:#6d28d9;top:20%;left:10%}.stage:after{width:360px;height:360px;background:#0ea5e9;bottom:10%;right:15%;animation-duration:22s}@keyframes drift{to{transform:translate(80px,-60px) scale(1.15)}}.app{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:14px;font-weight:700;font-size:1.05rem;background:var(--panel-2);border:1px solid var(--line);transition:transform .12s,background .2s,opacity .2s}.btn:hover{background:#ffffff29}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;box-shadow:0 10px 30px #8b5cf673}.btn-primary:hover{background:linear-gradient(135deg,#9d74ff,#f062a8)}.btn-xl{padding:20px 44px;font-size:1.45rem;border-radius:18px;font-family:var(--display)}.icon-btn{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-size:1.15rem;transition:background .2s}.icon-btn:hover{background:var(--panel-2)}.icon-btn[aria-pressed=true]{background:#8b5cf659;border-color:var(--brand)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shape{display:inline-grid;place-items:center;width:1.4em;height:1.4em;flex:none}.shape svg{width:100%;height:100%;fill:#fff}.ans-0{--c: var(--a0)}.ans-1{--c: var(--a1)}.ans-2{--c: var(--a2)}.ans-3{--c: var(--a3)}.ans-4{--c: #7c3aed}.ans-5{--c: #0891b2}.ring{position:relative;display:grid;place-items:center}.ring svg{transform:rotate(-90deg)}.ring .track{stroke:#ffffff1f}.ring .bar{stroke:var(--brand);transition:stroke .3s;stroke-linecap:round}.ring.low .bar{stroke:var(--bad)}.ring .num{position:absolute;font-family:var(--display);font-weight:800}.avatar{width:48px;height:48px;border-radius:50%;flex:none;overflow:hidden;display:grid;place-items:center;font-weight:800;background:var(--accent, #7c3aed);border:2px solid rgba(255,255,255,.35)}.avatar img{width:100%;height:100%;object-fit:cover}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pop{animation:pop .35s cubic-bezier(.2,1.4,.4,1) both}.rise{animation:rise .45s ease both}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:.9rem;color:var(--muted)}.chip b{color:var(--text)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:50;background:#1f1d3d;border:1px solid var(--line);padding:12px 20px;border-radius:14px;box-shadow:0 12px 40px #00000080;animation:rise .3s ease both;max-width:90vw}.toast.err{border-color:#ef444499}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cs-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#0a081e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cs{width:min(440px,100%);background:#fff;color:#1b1838;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #00000059;animation:pop .3s cubic-bezier(.2,1.4,.4,1) both}.cs header{display:flex;align-items:center;justify-content:space-between}.cs h2{margin:0;font-family:var(--display);font-size:1.3rem}.cs-x{width:34px;height:34px;border-radius:10px;border:1px solid #e6e3f3}.cs-lead{margin:0;line-height:1.8;color:#4b4770}.cs-days{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cs-days button{padding:10px;border-radius:12px;border:2px solid #e6e3f3;font-weight:700}.cs-days button.on{border-color:#7c3aed;background:#f6f2ff;color:#5b21b6}.cs-go{padding:13px;border-radius:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777)}.cs-go:disabled{opacity:.6}.cs-qr{width:200px;align-self:center;border-radius:14px;border:1px solid #eee}.cs-link input{width:100%;padding:12px;border-radius:12px;border:1px solid #e6e3f3;background:#fbfaff;color:#1b1838;font-size:.9rem}.cs-actions{display:flex;gap:8px}.cs-actions .cs-go{flex:1.4}.cs-alt{flex:1;display:grid;place-items:center;border-radius:14px;border:1px solid #e6e3f3;font-weight:700;color:#1b1838;text-decoration:none}.cs-note{margin:0;font-size:.82rem;color:#6c6890;text-align:center}.cs-err{margin:0;color:#dc2626;font-weight:600}.stage{--g1: rgba(139, 92, 246, .35);--g2: rgba(236, 72, 153, .25);--b1: #6d28d9;--b2: #0ea5e9;--base1: #0d0c22;--base2: #0b0b1a}.stage{background:radial-gradient(900px 600px at 85% -10%,var(--g1),transparent 60%),radial-gradient(800px 600px at 0% 110%,var(--g2),transparent 60%),linear-gradient(180deg,var(--base1),var(--base2))}.stage:before{background:var(--b1)}.stage:after{background:var(--b2)}.stage[data-skin=arena]{--brand: #f59e0b;--brand-2: #ef4444;--g1: rgba(239, 68, 68, .4);--g2: rgba(245, 158, 11, .3);--b1: #b91c1c;--b2: #f59e0b;--base1: #1a0707;--base2: #0f0505}.stage[data-skin=neon]{--brand: #22d3ee;--brand-2: #e879f9;--g1: rgba(34, 211, 238, .35);--g2: rgba(232, 121, 249, .3);--b1: #0891b2;--b2: #c026d3;--base1: #030712;--base2: #020617}.stage[data-skin=kids]{--brand: #f97316;--brand-2: #22c55e;--g1: rgba(250, 204, 21, .4);--g2: rgba(34, 197, 94, .35);--b1: #f472b6;--b2: #38bdf8;--base1: #1e1b4b;--base2: #172554}.stage[data-skin=royal]{--brand: #d4af37;--brand-2: #a16207;--g1: rgba(212, 175, 55, .3);--g2: rgba(30, 64, 175, .35);--b1: #1e3a8a;--b2: #a16207;--base1: #0b1022;--base2: #070a17}.stage[data-skin=stage]{--brand: #a3e635;--brand-2: #14b8a6;--g1: rgba(163, 230, 53, .25);--g2: rgba(20, 184, 166, .3);--b1: #15803d;--b2: #0f766e;--base1: #04140f;--base2: #020c09}@keyframes flash{0%{opacity:.85}to{opacity:0}}.flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff,transparent 70%);animation:flash .6s ease-out forwards}@keyframes shine{to{background-position:200% center}}.shine{background:linear-gradient(90deg,#fff 20%,var(--brand) 40%,#fff 60%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 2.5s linear infinite}