:root,[data-game=lotto]{--bg-deep:#061a14;--bg:#0b2a20;--bg-elev:#12352a;--felt:#0f3d2e;--felt-hi:#145239;--felt-lo:#0c2f22;--ink:#e8f2ec;--muted:#9bb5a8;--accent:#f0c44d;--accent-hi:#fff6d0;--accent-deep:#d4a017;--accent-glow:#f0c44d1f;--wash-glow:#3c785f59;--bg-tail:#0a221a;--ball-ink:#1a2e24;--ball-hi:#fff6d0;--cold:#5b8fd9;--hot:#e07a3a;--line:#e8f2ec1f;--switch-track:#061a1473;--link-hover:#ffe08a;--accent-soft:var(--accent-soft);--accent-border:#f0c44d66;--radius:1.25rem;--font-display:"Fraunces", Georgia, serif;--font-ui:"Outfit", system-ui, sans-serif;--max:68rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-game=eurojackpot]{--bg-deep:#0a0e1c;--bg:#12182c;--bg-elev:#1a2240;--felt:#1b2550;--felt-hi:#24306a;--felt-lo:#12183a;--ink:#e8ecf8;--muted:#9aa6c4;--accent:#7eb6ff;--accent-hi:#c9e0ff;--accent-deep:#3d7fd4;--accent-glow:#7eb6ff24;--wash-glow:#5a46a047;--bg-tail:#0c1020;--ball-ink:#12182c;--ball-hi:#f2f6ff;--cold:#6ec8d4;--hot:#e08a5a;--line:#e8ecf81f;--switch-track:#0a0e1c8c;--link-hover:#c9e0ff;--accent-soft:#7eb6ff29;--accent-border:#7eb6ff73}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-ui);color:var(--ink);background:radial-gradient(1200px 700px at 70% -10%, var(--accent-glow), transparent 55%), radial-gradient(900px 600px at -10% 40%, var(--wash-glow), transparent 50%), linear-gradient(165deg, var(--bg-deep), var(--bg) 40%, var(--bg-tail) 100%);background-attachment:fixed;margin:0;font-size:1.05rem;line-height:1.55;transition:color .35s}body:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:soft-light;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}#app{z-index:1;position:relative}.boot{min-height:100vh;color:var(--muted);place-items:center;padding:2rem;display:grid}.boot--error{color:#ffb4a8;text-align:center}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--link-hover)}.nav{flex-wrap:wrap;justify-content:flex-end;gap:.75rem 1.25rem;margin-bottom:1.5rem;display:flex}.nav a{color:var(--muted);font-size:.95rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--ink)}.game-switch{border:1px solid var(--line);background:var(--switch-track);border-radius:999px;gap:.35rem;margin-bottom:2.25rem;padding:.3rem;display:inline-flex}.game-switch__btn{color:var(--muted);letter-spacing:.01em;border-radius:999px;padding:.45rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s;display:inline-block}.game-switch__btn:hover{color:var(--ink)}.game-switch__btn.is-active{color:var(--ball-ink);background:linear-gradient(135deg, var(--accent-hi), var(--accent) 55%, var(--accent-deep));box-shadow:0 2px 10px #00000040}[data-game=eurojackpot] .game-switch__btn.is-active{color:#0a0e1c}.hero{max-width:var(--max);flex-direction:column;justify-content:center;min-height:100vh;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,2rem) clamp(3rem,8vw,5rem);display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent);margin:0 0 .75rem;font-size:clamp(3rem,10vw,6.5rem);font-weight:700;line-height:.95}.hero__title{max-width:18ch;font-family:var(--font-display);color:var(--ink);margin:0 0 1rem;font-size:clamp(1.35rem,3.2vw,2rem);font-weight:500;line-height:1.25}.hero__lede{max-width:36rem;color:var(--muted);margin:0 0 .75rem;font-size:1.05rem}.hero__status{max-width:36rem;color:var(--accent);margin:0 0 2rem;font-size:.9rem;font-weight:500}.hero__draw{border-radius:var(--radius);background:radial-gradient(circle at 30% 20%, #ffffff14, transparent 45%), linear-gradient(145deg, var(--felt-hi), var(--felt) 55%, var(--felt-lo));padding:clamp(1.25rem,3vw,2rem);box-shadow:inset 0 1px #ffffff1f,0 24px 60px #00000059}.hero__draw-label{color:color-mix(in srgb, var(--ink) 75%, transparent);text-transform:capitalize;margin:0 0 1rem;font-size:.9rem}.hero__meta{color:color-mix(in srgb, var(--ink) 55%, transparent);margin:1rem 0 0;font-size:.8rem}.balls{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.ball{--size:clamp(2.4rem, 6vw, 3.4rem);width:var(--size);height:var(--size);font-weight:700;font-size:calc(var(--size) * .38);color:var(--ball-ink);background:radial-gradient(circle at 32% 28%, var(--ball-hi), var(--accent) 42%, var(--accent-deep));border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -3px 6px #0000002e,0 4px 10px #00000040}.ball--sz{color:var(--ink);background:radial-gradient(circle at 32% 28%,#7ec8ff,#2f6fb5 48%,#1a4575)}.ball--euro{color:var(--ink);background:radial-gradient(circle at 32% 28%,#e8d9ff,#9b6dff 48%,#5a2fbf)}.ball--hot{background:radial-gradient(circle at 32% 28%, #ffd2b0, var(--hot) 50%, #a84a1c);color:#1a120c}.ball--cold{background:radial-gradient(circle at 32% 28%, #d4e6ff, var(--cold) 50%, #2a4f8a);color:#0c1524}.ball--in{animation:.55s cubic-bezier(.22,1,.36,1) both ball-in;animation-delay:calc(var(--i,0) * 70ms)}@keyframes ball-in{0%{opacity:0;transform:scale(.55)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}main{max-width:var(--max);margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem) 4rem}.section{border-top:1px solid var(--line);padding:clamp(2.5rem,6vw,4rem) 0}.section__head{max-width:38rem;margin-bottom:1.75rem}.section__head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.section__head p{color:var(--muted);margin:0}.subhead{font-family:var(--font-display);margin:2rem 0 1rem;font-size:1.25rem;font-weight:500}.filters{flex-wrap:wrap;align-items:end;gap:1rem 1.5rem;margin-bottom:1.25rem;display:flex}.filters label{color:var(--muted);gap:.35rem;font-size:.85rem;display:grid}.filters select{appearance:none;border:1px solid var(--line);background:var(--bg-elev);min-width:10rem;color:var(--ink);font:inherit;border-radius:.65rem;padding:.55rem .85rem}.filters__count{color:var(--muted);margin:0;font-size:.9rem}.archive-list{gap:.65rem;display:grid}.archive-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;animation:.4s both row-in;animation-delay:calc(var(--i,0) * 25ms);background:#12352a8c;border:1px solid #0000;border-radius:.85rem;grid-template-columns:6.5rem 2.5rem 1fr;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:border-color .2s,background .2s,transform .2s;display:grid}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.archive-row:hover{border-color:var(--accent-border);background:#144634bf}.archive-row__date{font-variant-numeric:tabular-nums;font-weight:600}.archive-row__day{color:var(--muted);font-size:.9rem}.archive-row .ball{--size:2rem}.btn{background:var(--accent);color:var(--ball-ink);font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.2rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn--ghost:hover{border-color:var(--accent)}.draw-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);width:min(32rem,100vw - 2rem);color:var(--ink);padding:0}.draw-dialog::backdrop{background:#040e0ab8}.draw-dialog__inner{margin:0;padding:1.5rem;position:relative}.draw-dialog__close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1;position:absolute;top:.65rem;right:.75rem}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .35rem;font-size:.85rem}.dialog-note{color:var(--muted);margin:1.25rem 0 .75rem;font-size:.95rem}.class-legend{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.9rem}.heatmap{grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;display:grid}.heat-cell{aspect-ratio:1;background:color-mix(in srgb, var(--accent) calc(var(--t) * 85%), var(--bg-elev));color:color-mix(in srgb, var(--ball-ink) calc(var(--t) * 70%), var(--ink));animation:.45s both cell-in;animation-delay:calc(var(--i,0) * 12ms);border-radius:.55rem;place-content:center;gap:.1rem;display:grid}@keyframes cell-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.heat-cell__n{font-size:clamp(.85rem,2.5vw,1.05rem);font-weight:700}.heat-cell__c{opacity:.8;font-size:.7rem}.heat-legend{color:var(--muted);align-items:center;gap:.75rem;margin-top:.85rem;font-size:.85rem;display:flex}.heat-legend__bar{background:linear-gradient(90deg, var(--bg-elev), var(--accent));border-radius:999px;flex:1;height:.45rem}.sz-chart{grid-template-columns:repeat(var(--sz-cols,10), minmax(0, 1fr));align-items:end;gap:.5rem;min-height:10rem;display:grid}.sz-bar{text-align:center;grid-template-rows:1fr auto auto;gap:.25rem;height:10rem;display:grid}.sz-bar__fill{height:var(--h);animation:.6s both bar-grow;animation-delay:calc(var(--i,0) * 40ms);transform-origin:bottom;background:linear-gradient(#7ec8ff,#2f6fb5);border-radius:.4rem .4rem .15rem .15rem;align-self:end}@keyframes bar-grow{0%{opacity:.4;transform:scaleY(.15)}to{opacity:1;transform:scaleY(1)}}.sz-bar__c{color:var(--muted);font-size:.75rem}.sz-bar__n{font-weight:700}.hotcold{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.hotcold__label{color:var(--muted);margin:0 0 .65rem;font-weight:600}.quotas__jackpot{border-left:3px solid var(--accent);background:var(--accent-soft);margin:0 0 1rem;padding:.85rem 1rem}.table-wrap{border:1px solid var(--line);border-radius:.85rem;overflow-x:auto}.quotas-table{border-collapse:collapse;width:100%;font-size:.95rem}.quotas-table th,.quotas-table td{border-bottom:1px solid var(--line);text-align:left;padding:.75rem 1rem}.quotas-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.quotas-table tr:last-child td{border-bottom:none}.quotas-table .num{font-variant-numeric:tabular-nums;text-align:right}.tip-board{border-radius:var(--radius);border:1px solid var(--line);background:#12352a73;padding:1.25rem}.pick-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;display:grid}.pick-grid--sz{grid-template-columns:repeat(10,minmax(0,1fr));max-width:32rem}.pick{aspect-ratio:1;border:1px solid var(--line);background:var(--bg-deep);color:var(--ink);font:inherit;cursor:pointer;border-radius:.5rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.pick:hover{border-color:var(--accent-border)}.pick[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ball-ink)}.pick--sz[aria-pressed=true]{color:#fff;background:#2f6fb5;border-color:#7ec8ff}.pick--euro[aria-pressed=true]{color:#fff;background:#6b4fc4;border-color:#c9b8ff}.pick-grid--euro{grid-template-columns:repeat(6,minmax(0,1fr));max-width:24rem}.tip-sz-label{color:var(--muted);margin:1.25rem 0 .5rem;font-size:.9rem}.tip-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.tip-status{color:var(--muted);margin:.85rem 0 0;font-size:.9rem}.tip-result{margin-top:1.5rem}.tip-result__summary{margin-bottom:1.25rem}.tip-result__summary p{color:var(--muted);margin:.85rem 0 0}.tip-hits{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.tip-hits li{background:#12352a73;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.tip-hits .ball{--size:1.85rem}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-left:auto;padding:.2rem .55rem;font-size:.8rem;font-weight:600}.footer{max-width:var(--max);border-top:1px solid var(--line);color:var(--muted);margin:0 auto;padding:2rem clamp(1.25rem,4vw,2rem) 3rem;font-size:.9rem}.footer p{margin:0 0 .5rem}@media (width<=700px){.nav{justify-content:flex-start;margin-bottom:2rem}.archive-row{grid-template-columns:1fr auto;grid-template-areas:"date day""balls balls"}.archive-row__date{grid-area:date}.archive-row__day{grid-area:day;justify-self:end}.archive-row .balls{grid-area:balls}.heatmap{grid-template-columns:repeat(7,minmax(0,1fr))}.hotcold{grid-template-columns:1fr}.pick-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.pick-grid--sz{grid-template-columns:repeat(5,minmax(0,1fr))}}
