:root{--bg: #07080c;--bg-raise: #0d0f16;--bg-panel: #11141d;--line: #1e2230;--text: #eef0f6;--text-dim: #8b91a5;--text-faint: #565c70;--ball-face: #f4f5f9;--ball-shade: #c3c8d6;--ink: #10131c;--font-display: "Unbounded", sans-serif;--font-body: "Schibsted Grotesk", sans-serif;--font-mono: "Spline Sans Mono", monospace}[data-game=lotto]{--accent: #ff3b4e;--accent-soft: #ff97a1;--accent-deep: #7a0d18;--glow: rgba(255, 59, 78, .33)}[data-game=euromillions]{--accent: #ffc400;--accent-soft: #ffe27a;--accent-deep: #6e5400;--glow: rgba(255, 196, 0, .3)}[data-game=thunderball]{--accent: #d24bff;--accent-soft: #eaa6ff;--accent-deep: #4e1166;--glow: rgba(210, 75, 255, .3)}[data-game=set-for-life]{--accent: #00e5c0;--accent-soft: #86ffe9;--accent-deep: #00564a;--glow: rgba(0, 229, 192, .28)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{position:relative;min-height:100vh;overflow-x:clip}.app:before{content:"";position:fixed;inset:-20% -10% auto -10%;height:90vh;background:radial-gradient(ellipse 60% 55% at 50% 0%,var(--glow),transparent 70%);pointer-events:none;transition:background .8s ease;z-index:0}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:50}.shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 28px 80px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 14px;flex-wrap:wrap}.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:.06em;text-transform:uppercase}.wordmark em{font-style:normal;color:var(--accent);transition:color .5s ease}.tagline{color:var(--text-faint);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-top:2px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{font-family:var(--font-body);font-weight:700;font-size:.88rem;color:var(--text-dim);background:var(--bg-raise);border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;transition:all .25s ease}.tab:hover{color:var(--text);border-color:var(--text-faint)}.tab.active{color:var(--ink);background:var(--accent);border-color:var(--accent);box-shadow:0 0 24px var(--glow)}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:stretch;margin-top:36px}.section-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin:0 0 14px}.section-label b{color:var(--accent);font-weight:600}.panel{background:linear-gradient(180deg,var(--bg-panel),var(--bg-raise));border:1px solid var(--line);border-radius:20px;padding:28px}.gen-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.05;margin:0 0 6px}.gen-sub{color:var(--text-dim);font-size:.95rem;margin:0 0 22px}.modes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.mode{font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:8px;padding:7px 13px;cursor:pointer;transition:all .2s ease}.mode:hover{color:var(--text)}.mode.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.mode-blurb{min-height:2.4em;color:var(--text-faint);font-size:.82rem;margin:6px 0 18px}.lines{display:flex;flex-direction:column;gap:14px;min-height:84px;margin-bottom:24px}.line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.line-sep{width:18px;height:1px;background:var(--line)}.ball{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:1.25rem;color:var(--ink);background:radial-gradient(circle at 32% 28%,#ffffff,var(--ball-face) 45%,var(--ball-shade));border:2.5px solid var(--accent);box-shadow:0 6px 18px #00000073,inset 0 -6px 12px #0000001f;-webkit-user-select:none;user-select:none}.ball.special{background:radial-gradient(circle at 32% 28%,var(--accent-soft),var(--accent) 55%,var(--accent-deep));border-color:var(--accent-soft);box-shadow:0 6px 18px #00000073,0 0 22px var(--glow),inset 0 -6px 12px #00000038}.ball.sm{width:38px;height:38px;font-size:.82rem;border-width:2px}.ball.pop{animation:pop .55s cubic-bezier(.18,1.6,.4,1) both;animation-delay:var(--d, 0ms)}@keyframes pop{0%{transform:scale(0) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.gen-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-draw{font-family:var(--font-display);font-weight:800;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:linear-gradient(180deg,var(--accent-soft),var(--accent));border:none;border-radius:14px;padding:16px 38px;cursor:pointer;box-shadow:0 0 32px var(--glow),0 8px 22px #00000080;transition:transform .15s ease,box-shadow .3s ease}.btn-draw:hover{transform:translateY(-2px);box-shadow:0 0 48px var(--glow),0 12px 26px #00000080}.btn-draw:active{transform:translateY(1px) scale(.98)}.btn-ghost{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:10px;padding:11px 16px;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{color:var(--text);border-color:var(--text-faint)}.count-select{display:flex;align-items:center;gap:8px;color:var(--text-faint);font-size:.8rem;font-family:var(--font-mono)}.count-select button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text-dim);cursor:pointer;font-family:var(--font-mono)}.count-select button:hover{color:var(--text)}.side{display:flex;flex-direction:column;gap:18px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.stat .k{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.stat .v{font-family:var(--font-display);font-weight:600;font-size:1.5rem;margin-top:3px}.stat .v small{font-size:.85rem;color:var(--text-dim);font-family:var(--font-body);font-weight:400}.hotcold{display:flex;flex-direction:column;gap:12px}.hotcold-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hotcold-row .k{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);width:72px}.section{margin-top:56px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.section-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,2.6vw,1.9rem);margin:0}.era-toggle{display:flex;gap:6px}.chart-note{color:var(--text-faint);font-size:.82rem;margin:10px 2px 0}.chart{display:flex;align-items:flex-end;gap:3px;height:220px;padding:18px 6px 6px;position:relative}.bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;cursor:default}.bar{width:100%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 35%,var(--bg-panel)));opacity:.78;transition:height .5s cubic-bezier(.2,.9,.3,1),opacity .2s ease;min-height:2px}.bar-wrap:hover .bar{opacity:1;box-shadow:0 0 14px var(--glow)}.bar-wrap.is-hot .bar{background:linear-gradient(180deg,var(--accent-soft),var(--accent));opacity:1}.bar-wrap.is-cold .bar{opacity:.34}.bar-num{font-family:var(--font-mono);font-size:.6rem;color:var(--text-faint);margin-top:5px}.bar-wrap:hover .bar-num{color:var(--text)}.bar-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--ink);border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:.7rem;white-space:nowrap;border-radius:8px;padding:7px 10px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10}.bar-wrap:hover .bar-tip{opacity:1}.expected-line{position:absolute;left:6px;right:6px;border-top:1px dashed color-mix(in srgb,var(--text) 35%,transparent);z-index:5;pointer-events:none}.expected-line span{position:absolute;right:0;top:-1.5em;font-family:var(--font-mono);font-size:.62rem;color:var(--text-faint);letter-spacing:.08em}.chart.special-chart{height:160px}.overdue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.overdue-card{display:flex;align-items:center;gap:12px;background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.overdue-card .meta .big{font-family:var(--font-display);font-weight:600;font-size:1.05rem}.overdue-card .meta .sub{color:var(--text-faint);font-size:.75rem;font-family:var(--font-mono)}.history{display:flex;flex-direction:column;gap:10px}.draw-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:12px 18px}.draw-row .date{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);width:150px}.draw-row .balls{display:flex;gap:7px;flex-wrap:wrap}.draw-row .extra{margin-left:auto;font-family:var(--font-mono);font-size:.74rem;color:var(--text-faint)}.disclaimer{margin-top:64px;border-top:1px solid var(--line);padding-top:24px;color:var(--text-faint);font-size:.82rem}.disclaimer b{color:var(--text-dim)}.reveal{animation:rise .7s cubic-bezier(.2,.9,.3,1) both;animation-delay:var(--d, 0ms)}@keyframes rise{0%{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}.loading{display:grid;place-items:center;min-height:60vh;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem}@media(max-width:880px){.hero{grid-template-columns:1fr}.chart{gap:1px}.bar-num{display:none}}