@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Sora:wght@600;700&display=swap";
:root{--bg:#f6faf5;--card:#fffc;--card-solid:#fff;--text:#1a1f1b;--muted:#5a665f;--line:#d7e2d9;--primary:#0f8a5f;--primary-dark:#0a6e4b;--secondary:#f5a623;--danger:#b62424;--radius:20px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:linear-gradient(#eef8ee 0%,#f8f6ef 100%);margin:0;font-family:Manrope,sans-serif}.page{gap:18px;max-width:1120px;margin:0 auto;padding:28px 16px 44px;display:grid;position:relative;overflow:hidden}.background-glow{filter:blur(50px);opacity:.4;z-index:0;border-radius:999px;position:absolute}.background-glow-a{background:#9fefcb;width:340px;height:340px;top:-80px;left:-120px}.background-glow-b{background:#ffd48f;width:320px;height:320px;top:180px;right:-110px}.card{z-index:1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:22px;position:relative;box-shadow:0 18px 45px -36px #0009}.hero{background:linear-gradient(115deg,#ffffffe6,#effbf7f2)}.hero-metrics{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.metric-card p{color:var(--muted);margin:0;font-size:13px;font-weight:700}.metric-card h3{margin:6px 0 4px;font-size:clamp(20px,2.8vw,28px)}.metric-card small{color:var(--muted)}.tag{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin:0;font-size:12px;font-weight:800}h1,h2,h3{margin:0;font-family:Sora,sans-serif}h1{margin-top:8px;font-size:clamp(28px,4.7vw,48px);line-height:1.08}h2{margin-bottom:12px;font-size:24px}h3{margin-bottom:8px;font-size:18px}.subtitle{max-width:70ch;color:var(--muted);margin:12px 0 0;font-size:17px}.row{grid-template-columns:1fr auto;gap:10px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}label{gap:6px;font-size:14px;font-weight:700;display:grid}input,select,button{font:inherit}.link-button{color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:12px;justify-content:center;align-items:center;padding:11px 14px;font-weight:700;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.link-button:hover{filter:brightness(1.02);transform:translateY(-1px)}input,select{border:1px solid var(--line);background:var(--card-solid);border-radius:12px;padding:11px 12px}button{cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border:none;border-radius:12px;padding:11px 14px;font-weight:700;transition:transform .12s,filter .12s}button:hover{filter:brightness(1.02);transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed;transform:none}.full{grid-column:1/-1}.ball-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.number-ball{background:#f4faf6;border:1px solid #c5d9cb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex}.number-ball.accent{background:linear-gradient(#ffe8c2,#ffd084);border-color:#f1b24f}.ball-row.compact .number-ball{width:34px;height:34px;font-size:13px}.plays-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:12px;display:grid}.generator-main{border:1px solid #b8e3cf;box-shadow:0 24px 50px -36px #0f8a5f8c}.play-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.play-card p{margin:0;font-weight:700}.play-card small{color:var(--muted);margin-top:8px;display:block}.split{justify-content:space-between;align-items:center;gap:12px;display:flex}.meta{color:var(--muted);margin:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px;display:grid}.stats-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.dual-stats-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.stat-list{gap:4px;margin:0;padding-left:20px;font-size:14px;display:grid}.stat-detail-card{z-index:1;border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;position:relative}.detail-list{max-height:420px;padding-right:8px;overflow:auto}.chart-note{margin:6px 0 12px;font-size:14px}.heatmap-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.heatmap-cell{border:1px solid #0f4a381f;border-radius:12px;align-content:center;justify-items:center;gap:2px;min-height:58px;display:grid;box-shadow:inset 0 1px #ffffff73}.heatmap-cell strong{font-family:Sora,sans-serif;font-size:14px}.heatmap-cell small{opacity:.85;font-size:11px}.heatmap-legend{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:grid}.heatmap-gradient{background:linear-gradient(90deg,#eafaf4,#2ec28c);border-radius:999px;height:8px}.bars-list{gap:10px;display:grid}.bar-row{gap:5px;display:grid}.bar-row-head{justify-content:space-between;gap:10px;font-size:14px;display:flex}.bar-row-head strong{font-family:Sora,sans-serif;font-size:14px}.bar-track{background:#ebf4ef;border-radius:999px;width:100%;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg,#1f8d66,#27b37f);height:100%}.curiosity-card{min-height:124px}.rules ul{gap:6px;margin:0;padding-left:20px;display:grid}.error{color:var(--danger);margin:10px 0 0}.empty{color:var(--muted);margin:0}.ad-slot{background:#fcfffd;border:1px dashed #b8d3c2;border-radius:14px;min-height:110px;padding:12px}.ad-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:800}.ad-copy{color:var(--muted);margin:0;font-size:14px}@media (max-width:760px){.row{grid-template-columns:1fr}.split{flex-direction:column;align-items:flex-start}.card{padding:18px}.heatmap-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}