: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;height:100vh;height:100dvh}.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);overflow-y:auto}.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}.gtitle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;color:#fff;cursor:pointer;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.9;padding:8px 2px 4px;margin-top:6px}.gtitle:hover{opacity:1}.gtitle .chev{font-size:11px;opacity:.75}.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-l{display:flex;align-items:center;gap:12px}.topbar h1{margin:0;font-size:24px}.menu-btn{display:none;border:1px solid var(--line);cursor:pointer;font-size:20px;line-height:1;background:var(--card);color:var(--text);border-radius:10px;padding:6px 12px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:30}.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}.chart-img-wrap{position:relative;margin-top:14px;min-height:220px}.chart-img{width:100%;max-width:900px;height:auto;border-radius:12px;background:transparent}.chart-img-loading{position:absolute;top:0;right:0;bottom:0;left:0}.help-text{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13px;line-height:1.55;color:var(--text);margin-top:12px}.model-block{margin-top:16px}.model-block h3{margin:0 0 6px;font-size:15px;color:var(--brand-3)}.set-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0}.set-row .balls{margin:0}.rank-badge{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--line);color:var(--muted);font-size:12px;font-weight:700}.set-row .score{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 (orientation: landscape) and (max-height: 520px){.app{grid-template-columns:210px 1fr}.sidebar{padding:12px 12px 20px;gap:10px}.main{padding:14px 16px 28px}}@media (max-width: 780px) and (orientation: portrait){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:84%;max-width:320px;transform:translate(-100%);transition:transform .25s ease;z-index:40;overflow-y:auto}.app.menu-open .sidebar{transform:translate(0)}.menu-btn{display:inline-flex;align-items:center}.topbar{position:sticky;top:0;z-index:20;margin:-22px -16px 0;padding:12px 16px;background:#0f1226eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.main{padding:22px 16px 40px}}