@layer base{:root{--bg-primary:#f8f9fc;--bg-secondary:#f1f3f9;--bg-card:#fff;--bg-card-hover:#f5f7ff;--border-subtle:#6366f126;--border-glow:#6366f166;--accent-indigo:#4f46e5;--accent-red:#dc2626;--accent-cyan:#0891b2;--accent-amber:#d97706;--accent-green:#16a34a;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--shadow-card:0 2px 10px #0f172a0d, 0 10px 25px #0f172a08;--shadow-btn:0 4px 14px #4f46e540}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-primary);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}}@layer components{.ambient-optimizer{background-color:#f8faff;background-image:radial-gradient(at 10% 15%,#6366f11f 0,#0000 50%),radial-gradient(at 90% 85%,#818cf826 0,#0000 55%),radial-gradient(#e0e7ff66 0,#0000 70%),linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,32px 32px,32px 32px;position:relative}.ambient-wheel{background-color:#fff9f9;background-image:radial-gradient(at 15% 20%,#ef44441f 0,#0000 55%),radial-gradient(at 85% 80%,#f43f5e24 0,#0000 50%),radial-gradient(#fee2e266 0,#0000 65%),linear-gradient(#dc26260a 1px,#0000 1px),linear-gradient(90deg,#dc26260a 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,32px 32px,32px 32px;position:relative}.ambient-scrutiny{background-color:#f6fbfa;background-image:radial-gradient(at 15% 15%,#06b6d41f 0,#0000 50%),radial-gradient(at 85% 85%,#10b9811f 0,#0000 50%),radial-gradient(#cffafe59 0,#0000 65%),linear-gradient(#0891b20a 1px,#0000 1px),linear-gradient(90deg,#0891b20a 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,32px 32px,32px 32px;position:relative}.ambient-montecarlo{background-color:#fffdf7;background-image:radial-gradient(at 20% 20%,#f59e0b24 0,#0000 50%),radial-gradient(at 80% 80%,#d977061f 0,#0000 55%),radial-gradient(#fef3c766 0,#0000 70%),linear-gradient(#d977060a 1px,#0000 1px),linear-gradient(90deg,#d977060a 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,32px 32px,32px 32px;position:relative}.floating-orb-1{filter:blur(60px);pointer-events:none;z-index:0;opacity:.6;border-radius:50%;width:320px;height:320px;animation:12s ease-in-out infinite alternate floatSlow;position:absolute}.floating-orb-2{filter:blur(55px);pointer-events:none;z-index:0;opacity:.5;border-radius:50%;width:260px;height:260px;animation:14s ease-in-out infinite alternate floatReverse;position:absolute}.card-glass{background:var(--bg-card);box-shadow:var(--shadow-card);z-index:1;border:1px solid #e2e8f0cc;border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.card-glass:hover{border-color:#6366f14d;box-shadow:0 10px 30px #0f172a14}.lottery-ball{width:52px;height:52px;font-family:var(--font-mono);letter-spacing:-.5px;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.12rem;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.lottery-ball:before{content:"";pointer-events:none;background:radial-gradient(#ffffffd9 0%,#fff0 80%);border-radius:50%;width:40%;height:35%;position:absolute;top:3px;left:7px}.lottery-ball:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 -4px 8px #00000040}.lottery-ball.main{color:#1e1b18;text-shadow:0 1px #ffffff80;background:radial-gradient(circle at 35% 30%,#fffbeb 0%,#fde047 22%,#eab308 58%,#ca8a04 88%,#a16207 100%);border:2px solid #facc15;box-shadow:0 4px 12px #ca8a0459,0 2px 4px #0000001a}.lottery-ball.main:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 6px 16px #ca8a0473}.lottery-ball.super{color:#fff;text-shadow:0 1px 2px #0006;background:radial-gradient(circle at 35% 30%,#dbeafe 0%,#60a5fa 22%,#2563eb 58%,#1d4ed8 88%,#1e3a8a 100%);border:2px solid #3b82f6;box-shadow:0 4px 14px #2563eb66,0 2px 4px #0000001a}.lottery-ball.super:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 6px 18px #2563eb8c}.lottery-ball.animating{animation:.45s cubic-bezier(.34,1.56,.64,1) ballPop}.stat-badge{font-family:var(--font-mono);letter-spacing:.3px;border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.stat-badge.green{color:#15803d;background:#f0fdf4;border-color:#15803d4d}.stat-badge.purple{color:#4338ca;background:#eef2ff;border-color:#4338ca4d}.stat-badge.cyan{color:#0369a1;background:#f0f9ff;border-color:#0369a14d}.stat-badge.amber{color:#b45309;background:#fffbeb;border-color:#b453094d}.stat-badge.red{color:#b91c1c;background:#fef2f2;border-color:#b91c1c4d}.btn-primary{font-family:var(--font-sans);cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 60%,#4338ca 100%);border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4f46e573}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{font-family:var(--font-sans);cursor:pointer;color:var(--accent-indigo);background:#fff;border:1px solid #6366f14d;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #4f46e514}.btn-secondary:hover:not(:disabled){border-color:var(--accent-indigo);background:#eef2ff;box-shadow:0 3px 10px #4f46e526}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-crimson{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 60%,#b91c1c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #dc262659}.btn-crimson:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc262680}.btn-teal{cursor:pointer;color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 60%,#0e7490 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #0891b259}.btn-teal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0891b280}.btn-amber{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 60%,#b45309 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #d9770659}.btn-amber:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d9770680}.progress-bar{background:#e2e8f0;border-radius:999px;height:7px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;transition:width .4s}.tab-btn{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tab-btn:hover{color:#1e293b;background:#f1f5f9cc}.tab-btn.active-optimizer{color:#4338ca;background:#eef2ff;border-color:#6366f14d;box-shadow:0 2px 8px #4f46e526}.tab-btn.active-wheel{color:#b91c1c;background:#fef2f2;border-color:#ef44444d;box-shadow:0 2px 8px #dc262626}.tab-btn.active-scrutiny{color:#0e7490;background:#ecfeff;border-color:#06b6d44d;box-shadow:0 2px 8px #0891b226}.tab-btn.active-montecarlo{color:#b45309;background:#fffbeb;border-color:#f59e0b4d;box-shadow:0 2px 8px #d9770626}.ticket-row{box-shadow:var(--shadow-card);background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.ticket-row:hover{border-color:#6366f140;box-shadow:0 6px 20px #0f172a14}.mc-counter{font-family:var(--font-mono);color:#0891b2;letter-spacing:-1px;font-size:2.8rem;font-weight:800;line-height:1}.factor-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 2px 6px #0f172a0a}.num-selector{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;display:grid}.num-selector-btn{aspect-ratio:1;color:#334155;font-family:var(--font-mono);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;font-size:.76rem;font-weight:700;transition:all .15s;display:flex}.num-selector-btn:hover{color:#854d0e;background:#fef9c3;border-color:#facc15}.num-selector-btn.selected{color:#713f12;background:#fef08a;border-color:#eab308;font-weight:900;box-shadow:0 0 0 2px #eab30859}.num-selector-btn.selected-super{color:#1e40af;background:#dbeafe;border-color:#2563eb;font-weight:900;box-shadow:0 0 0 2px #2563eb59}.mono{font-family:var(--font-mono)}}@keyframes ballPop{0%{opacity:0;transform:scale(.3)rotate(-140deg)}70%{opacity:1;transform:scale(1.15)rotate(10deg)}to{transform:scale(1)rotate(0)}}@keyframes floatSlow{0%{transform:translate(0)scale(1)}50%{transform:translate(25px,-30px)scale(1.08)}to{transform:translate(-20px,20px)scale(.95)}}@keyframes floatReverse{0%{transform:translate(0)scale(1)}50%{transform:translate(-30px,35px)scale(1.1)}to{transform:translate(20px,-25px)scale(.92)}}@keyframes spinWheel{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.35s cubic-bezier(.16,1,.3,1) both fadeInUp}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}.text-gradient{background:linear-gradient(135deg,#4f46e5 0%,#0891b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-optimizer{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-wheel{background:linear-gradient(135deg,#dc2626 0%,#e11d48 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-scrutiny{background:linear-gradient(135deg,#0891b2 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-montecarlo{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stats-panel{z-index:50;background:#fff;border:1px solid #e2e8f0e6;border-radius:16px;width:160px;padding:16px 14px;display:none;position:fixed;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 10px 25px #0f172a14}@media (width>=1100px){.stats-panel{display:block}}.stats-counter-label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:.62rem;font-weight:800}.stats-counter-value{font-family:var(--font-mono);margin-bottom:8px;font-size:1.65rem;font-weight:900;line-height:1}.stats-counter-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.stats-counter-btn:hover{color:#0f172a;background:#e2e8f0}.stats-bar-mobile{background:#fff;border-bottom:1px solid #e2e8f0e6;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;overflow-x:auto}@media (width>=1100px){.stats-bar-mobile{display:none}}
