:root{--bg: #0f1226;--bg-2: #161a36;--card: #1b2044;--card-2: #222a55;--text: #eef1ff;--muted: #9aa3d0;--line: #2c3466;--brand-1: #4338ca;--brand-2: #7c3aed;--brand-3: #db2777;--brand-4: #f97316;--accent: #34d399;--radius: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#241a4d 0%,var(--bg) 55%);color:var(--text)}.app{display:grid;grid-template-columns:280px 1fr;min-height:100%}.sidebar{background:linear-gradient(160deg,var(--brand-1) 0%,var(--brand-2) 42%,var(--brand-3) 78%,var(--brand-4) 100%);padding:18px 16px 28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.5px}.brand .logo{width:34px;height:34px;border-radius:9px}.sidebar .seg{display:flex;background:#00000038;border-radius:12px;padding:3px}.sidebar .seg button{flex:1;border:0;background:transparent;color:#fff;padding:7px 8px;border-radius:9px;cursor:pointer;font-weight:600;opacity:.8}.sidebar .seg button.on{background:#ffffffe6;color:#1b1240;opacity:1}.sidebar select{width:100%;padding:9px 10px;border-radius:10px;border:0;background:#ffffffeb;color:#1b1240;font-weight:600}.nav-group{margin-top:6px}.nav-group>.gtitle{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.85;margin:8px 2px 4px}.nav-item{display:block;width:100%;text-align:left;border:0;cursor:pointer;background:#ffffff1a;color:#fff;padding:8px 11px;border-radius:10px;margin:4px 0;font-size:14px}.nav-item:hover{background:#fff3}.nav-item.on{background:#fff;color:#24134f;font-weight:700}.nav-item.dim{opacity:.55}.nav-ico{display:inline-block;width:20px;text-align:center}.sidebar .foot{margin-top:auto;font-size:11.5px;line-height:1.5;opacity:.9}.main{padding:22px 26px 40px;overflow:auto}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar h1{margin:0;font-size:24px}.topbar .status{color:var(--muted);font-size:13px}.card{background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:18px;box-shadow:var(--shadow)}.card h2{margin:0 0 12px;font-size:18px}.controls{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.control{display:flex;flex-direction:column;gap:6px;min-width:140px}.control label{font-size:12px;color:var(--muted);font-weight:600}.control input[type=text],.control input[type=number],.control select{background:#10142e;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:9px;font-size:14px}.control input[type=range]{accent-color:var(--brand-3);width:190px}.slidernum{font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}.btn{border:0;cursor:pointer;padding:9px 14px;border-radius:10px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--brand-2),var(--brand-3))}.btn.ghost{background:#10142e;border:1px solid var(--line);color:var(--text)}.disclaimer{margin-top:14px;padding:11px 13px;border-radius:11px;font-size:13px;line-height:1.5;background:#f973161f;border:1px solid rgba(249,115,22,.4);color:#ffd9b0}.tip{color:var(--muted);font-size:12.5px}.balls{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.ball{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;background:radial-gradient(circle at 32% 28%,#fff5,#fff0 60%),linear-gradient(160deg,var(--brand-2),var(--brand-3));box-shadow:inset 0 -3px 8px #00000059}.ball.special{background:radial-gradient(circle at 32% 28%,#fff6,#fff0 60%),linear-gradient(160deg,var(--brand-4),#eab308)}table.prizes{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}table.prizes th,table.prizes td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}table.prizes th{color:var(--muted);font-weight:600}.err{color:#ff9aa2}.center{display:grid;place-items:center;min-height:200px;color:var(--muted)}@media (max-width: 780px){.app{grid-template-columns:1fr}.sidebar{flex-direction:column}}