/* Super Predictor styles */
.lgai-country.super, .lgai-help.super { --bg:#07090f; --card:#0c1124; --text:#eef2ff; --muted:#9aa3b2; --accent:#7de3ff; --chip:#1a2350; --warn:#ffd166; }
.lgai-country.super { background: radial-gradient(1000px 600px at 10% -10%, rgba(255,77,196,.08), transparent), radial-gradient(800px 500px at 110% 20%, rgba(0,180,255,.10), transparent), var(--bg);
    color:var(--text); padding:28px; border-radius:20px; border:1px solid #1f2754; box-shadow:0 12px 34px rgba(0,0,0,.35); position:relative; overflow:hidden; }
.lgai-header { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.lgai-flag { font-size:28px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.4)); }
.lgai-sub { color:var(--muted); margin:2px 0 0; }
.lgai-note { color:var(--warn); }
.lgai-ai-state { margin-left:auto; font-size:18px; }
.lgai-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:18px; }
.lgai-card { background:linear-gradient(180deg, rgba(18,24,49,.9), rgba(10,14,30,.9)); border:1px solid #253062; border-radius:18px; padding:16px; overflow:hidden; }
.lgai-card-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.lgai-card h3 { margin:0; font-size:20px; }
.lgai-link { color:var(--accent); font-size:12px; text-decoration:none; opacity:.9; }
.lgai-link:hover { text-decoration:underline; }
.lgai-rules { margin:10px 0 12px; display:flex; gap:8px; flex-wrap:wrap; }
.lgai-chip { background:var(--chip); color:#dcf1ff; font-size:12px; padding:6px 8px; border-radius:999px; border:1px solid #2a3669; }
.lgai-controls { display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }
.lgai-controls label { font-size:12px; color:#cfe6ff; display:flex; flex-direction:column; gap:6px; }
.lgai-controls select, .lgai-controls input { background:#0b122b; color:#e6e9f4; border:1px solid #243065; padding:8px 10px; border-radius:10px; }
.lgai-ai { display:flex; align-items:center; gap:6px; }
.lgai-ai input { transform: scale(1.2); }
.lgai-btn { appearance:none; cursor:pointer; border-radius:12px; border:1px solid #2b3a72; padding:10px 14px; background:linear-gradient(180deg,#1a2452,#0f173a); color:#eaf4ff; font-weight:700; letter-spacing:.3px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 6px 18px rgba(0,0,0,.35); position:relative; overflow:hidden; }
.lgai-btn:hover { transform: translateY(-1px); }
.lgai-btn:active { transform: translateY(0); }
.lgai-spinner { width:0; height:0; margin-right:0; display:inline-block; border:2px solid transparent; border-top-color:#fff; border-right-color:#fff; border-radius:50%; animation:spin .8s linear infinite; opacity:0; transition:width .2s,height .2s, margin-right .2s, opacity .2s; }
.lgai-btn.loading .lgai-spinner { width:14px; height:14px; margin-right:8px; opacity:.8; }
.lgai-btn.loading .lgai-btn-text { opacity:.7; }
@keyframes spin { to { transform: rotate(1turn); } }
.lgai-results { margin-top:12px; background:rgba(7,12,28,.8); border:1px dashed #273363; border-radius:12px; padding:12px; min-height:54px; }
.lgai-line { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.lgai-line:last-child { border-bottom:0; }
.lgai-balls { display:flex; gap:6px; flex-wrap:wrap; }
.lgai-ball { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.25), transparent 60%), #1a2452; border:1px solid #2e3a78; font-weight:800; font-size:14px; transform: scale(.5); opacity:0; animation: pop .25s ease forwards; }
.lgai-ball.extra { background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.25), transparent 60%), #47215e; border-color:#6b2a9a; }
@keyframes pop { to { transform: scale(1); opacity:1; } }
.lgai-meta { font-size:12px; color:var(--muted); text-align:right; }
.lgai-alert { margin-top:8px; font-size:12px; color:var(--warn); }
.lgai-legal { margin-top:14px; font-size:12px; color:#93a2bf; }