@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800&family=Share+Tech+Mono&family=Bebas+Neue&family=Outfit:wght@400;600;700;800;900&display=swap";
:root{--bg:#06060d;--ink:#0d0d18;--card:#ffffff0b;--card-hover:#ffffff14;--line:#ffffff1a;--line-strong:#fff3;--text:#eef0f8;--dim:#9aa0b8;--cyan:#22d3ee;--violet:#a855f7;--pink:#f472b6;--lime:#a3e635;--amber:#fbbf24;--red:#fb5f5f;--wa:#25d366;--wa-dark:#128c4e;--glow-cyan:0 0 20px #22d3ee59;--glow-lime:0 0 20px #a3e63559;--glow-pink:0 0 20px #f472b659;--glow-violet:0 0 20px #a855f759;--glow-wa:0 0 20px #25d36673;--font-hero:"Bebas Neue", "Outfit", sans-serif;--font-mono:"Share Tech Mono", monospace;--font-body:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;padding-bottom:80px;font-size:15px;line-height:1.6;position:relative;overflow-x:hidden}a{color:var(--cyan);text-decoration:none;transition:color .2s,opacity .2s}a:hover{opacity:.85}.wrap{z-index:2;max-width:1080px;margin:0 auto;padding:0 16px;position:relative}.aurora{z-index:0;filter:blur(40px);pointer-events:none;background:radial-gradient(38% 44% at 20% 25%,#a855f747,#0000 60%),radial-gradient(34% 40% at 78% 20%,#22d3ee3d,#0000 60%),radial-gradient(40% 44% at 60% 85%,#f472b638,#0000 60%);animation:22s ease-in-out infinite alternate auroraDrift;position:fixed;inset:-30%}@keyframes auroraDrift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(3%,-3%)scale(1.1)}to{transform:translate(-3%,3%)scale(1.05)}}.orbs{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{background:var(--cyan);opacity:.35;filter:blur(1px);border-radius:50%;width:8px;height:8px;animation:16s linear infinite floatUp;position:absolute}.orb:first-child{background:var(--cyan);animation-duration:14s;animation-delay:0s;left:10%}.orb:nth-child(2){background:var(--violet);animation-duration:20s;animation-delay:3s;left:25%}.orb:nth-child(3){background:var(--pink);animation-duration:16s;animation-delay:6s;left:45%}.orb:nth-child(4){background:var(--lime);animation-duration:18s;animation-delay:2s;left:70%}.orb:nth-child(5){background:var(--cyan);animation-duration:22s;animation-delay:5s;left:85%}@keyframes floatUp{0%{opacity:0;transform:translateY(110vh)scale(.6)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-12vh)scale(1.2)}}.wait-spinner{color:var(--amber);justify-content:center;align-items:center;animation:1.5s ease-in-out infinite pulseWait;display:inline-flex}.clock-hand{transform-origin:12px 12px;animation:2.8s linear infinite spinClock}@keyframes spinClock{to{transform:rotate(360deg)}}@keyframes pulseWait{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}.btn-wa{font-family:var(--font-body);letter-spacing:.3px;box-shadow:var(--glow-wa), inset 0 1px 0 #fff3;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#1db954 50%,#128c4e 100%);border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:inline-flex;color:#fff!important}.btn-wa:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 0 30px #25d366bf,inset 0 1px #ffffff40;color:#fff!important}.btn-wa:active{transform:translateY(-1px)scale(.98)}.wa-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#25d36626,#128c4e40);border:1px solid #25d36666;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:14px 20px;display:flex;box-shadow:0 4px 20px #0000004d}.wa-banner-text{flex-direction:column;display:flex}.wa-banner-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.wa-banner-sub{color:var(--dim);margin-top:2px;font-size:12px}.floating-wa{z-index:50;position:fixed;bottom:24px;left:24px}.btn-floating-wa{font-family:var(--font-body);letter-spacing:.5px;background:linear-gradient(135deg,#25d366 0%,#1db954 50%,#128c4e 100%);border:2px solid #ffffff4d;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:800;text-decoration:none;animation:2s infinite pulseWa,.7s cubic-bezier(.34,1.56,.64,1) both fabSlideUp;display:inline-flex;box-shadow:0 6px 24px #25d3668c,inset 0 1px #fff3;color:#fff!important}@keyframes pulseWa{0%,to{box-shadow:0 0 15px #25d36680}50%{box-shadow:0 0 28px #25d366d9}}.lrs{z-index:45;color:#fff;font-family:var(--font-body);text-align:center;background:linear-gradient(135deg,#8e0f16 0%,#c0161f 50%,#8e0f16 100%);border-bottom:3px solid #fc0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:10px 16px;display:flex;position:relative;box-shadow:0 4px 18px #c0161f66}.lrs-tag{letter-spacing:.5px;text-transform:uppercase;background:#00000059;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.lrs-dot{background:#43e660;border-radius:50%;width:8px;height:8px;animation:1.2s infinite lrsBlink;box-shadow:0 0 8px #43e660}@keyframes lrsBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}.lrs-game{letter-spacing:.5px;font-size:17px;font-weight:800}.lrs-time{color:#ffd9a0;font-size:13px;font-weight:600}.lrs-arrow{color:#fc0;font-size:16px}.lrs-num{color:#7a0d12;letter-spacing:1px;background:#fc0;border-radius:8px;padding:2px 14px;font-size:24px;font-weight:900;line-height:1.2;box-shadow:0 2px 8px #0000004d}.nav{z-index:40;border-bottom:1px solid #0000;border-image:linear-gradient(90deg, var(--cyan) 0%, var(--violet) 50%, var(--pink) 100%) 1;-webkit-backdrop-filter:blur(20px);background:#06060de0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 28px #0000008c,0 1px #22d3ee1f}.brand-wrapper{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:var(--ink);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:box-shadow .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.brand-wrapper:hover .brand-mark{box-shadow:0 0 18px #22d3ee8c,0 0 36px #a855f74d}.brand-mark:before{content:"";background:conic-gradient(from 0deg, var(--cyan), var(--violet), var(--pink), var(--cyan));z-index:-1;border-radius:12px;animation:4s linear infinite spin;position:absolute;inset:-2px}@keyframes spin{to{transform:rotate(360deg)}}.brand-dot{background:linear-gradient(135deg, var(--cyan), var(--violet));border-radius:50%;width:14px;height:14px}.brand-text{flex-direction:column;display:flex}.brand-title{font-family:var(--font-hero);letter-spacing:1.5px;color:#fff;background:linear-gradient(120deg, #fff 30%, var(--cyan) 70%, var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:23px;line-height:1;transition:filter .3s}.brand-wrapper:hover .brand-title{filter:brightness(1.15)}.brand-sub{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--dim);text-transform:uppercase;font-size:10px}.nav-center{flex:1;max-width:300px}.search-box{width:100%;position:relative}.search-input{border:1px solid var(--line);color:#fff;width:100%;font-family:var(--font-body);background:#ffffff0d;border-radius:20px;outline:none;padding:8px 14px 8px 36px;font-size:13px;transition:all .28s cubic-bezier(.4,0,.2,1)}.search-input::placeholder{color:#9aa0b8a6;font-size:12.5px}.search-input:focus{border-color:var(--cyan);background:#ffffff17;box-shadow:0 0 12px #22d3ee40}.search-icon{color:var(--dim);pointer-events:none;font-size:12px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.nav-right{align-items:center;gap:10px;display:flex}.clock-badge{font-family:var(--font-mono);color:var(--cyan);white-space:nowrap;background:#22d3ee12;border:1px solid #22d3ee59;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;animation:3s ease-in-out infinite clockRingPulse;display:inline-flex;box-shadow:0 0 #22d3ee66}@keyframes clockRingPulse{0%,to{box-shadow:0 0 #22d3ee00}50%{box-shadow:0 0 0 4px #22d3ee1f}}.ticker{z-index:2;border-bottom:1px solid var(--line);background:#ffffff08;padding:8px 0;position:relative;overflow:hidden}.ticker-track{white-space:nowrap;gap:32px;animation:28s linear infinite marquee;display:inline-flex}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{color:var(--dim);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.ticker-item b{color:#fff}.ticker-item .val{color:var(--lime);font-weight:800;font-family:var(--font-mono)}.ticker-item .val.wait{color:var(--amber);align-items:center;gap:4px;display:inline-flex}.section-head{border-bottom:1px solid #0000;border-image:linear-gradient(90deg, var(--cyan) 0%, transparent 80%) 1;justify-content:space-between;align-items:center;margin:32px 0 16px;padding-bottom:12px;display:flex}.section-title{font-family:var(--font-hero);letter-spacing:2px;color:#fff;text-shadow:0 2px 12px #0000004d;align-items:center;gap:8px;font-size:27px;display:flex}.section-meta{font-family:var(--font-mono);color:var(--dim);font-size:12px}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px;display:grid}.hero-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px 18px 18px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.hero-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#22d3ee0f 0%,#0000 60%);transition:opacity .35s;position:absolute;inset:0}.hero-card:hover:after{opacity:1}.hero-card:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--violet), var(--pink));opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.hero-card:hover{box-shadow:var(--glow-cyan), 0 12px 32px #00000073;background:var(--card-hover);border-color:#22d3ee80;transform:translateY(-6px)scale(1.01)}.hero-card:active{transform:translateY(-2px)scale(.99)}.hero-game-name{letter-spacing:.5px;color:#fff;margin-bottom:8px;font-size:17px;font-weight:800}.hero-number{font-family:var(--font-hero);letter-spacing:3px;color:var(--lime);text-shadow:0 0 20px #a3e63599,0 4px 12px #0006;margin:8px 0;font-size:58px;font-weight:700;line-height:1;transition:text-shadow .3s;display:inline-block}.hero-card:hover .hero-number{text-shadow:0 0 28px #a3e635cc,0 4px 12px #0006}.hero-number.pending-hero{color:var(--amber);text-shadow:0 0 15px #fbbf2480;justify-content:center;align-items:center;display:inline-flex}.hero-meta{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.hero-time{font-family:var(--font-mono);color:var(--dim);font-size:11px}.hero-badge{letter-spacing:.5px;color:var(--lime);background:#a3e63526;border:1px solid #a3e6354d;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.cat-label{border-left:3px solid var(--cyan);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--font-hero);letter-spacing:1px;color:#fff;background:#ffffff0d;align-items:center;gap:8px;margin:24px 0 12px;padding:4px 14px;font-size:18px;display:inline-flex}.cat-next{border-left-color:var(--amber)}.cat-rest{border-left-color:var(--lime)}.results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.game-card{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--dim);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:14px 18px;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex}.game-card[id*=LIVE],.results-grid:first-of-type .game-card{border-left-color:var(--cyan)}.game-card:hover{background:var(--card-hover);border-color:#a855f780;border-left-color:var(--violet);transform:translateY(-3px);box-shadow:0 8px 24px #00000073,0 0 0 1px #a855f726}.game-card:active{transform:translateY(-1px)scale(.99)}.game-card.highlight{background:#22d3ee08;border-color:#22d3ee66}.game-info{flex:1}.game-title{letter-spacing:.4px;color:#fff;font-size:16px;font-weight:800}.game-time{font-family:var(--font-mono);color:var(--dim);margin:4px 0 6px;font-size:12px}.chart-link{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.5px;align-items:center;gap:4px;font-size:11px;font-weight:600;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.chart-link:after{content:"→";margin-left:2px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:inline-block}.chart-link:hover{color:#fff;gap:6px}.chart-link:hover:after{transform:translate(4px)}.numbers-wrapper{align-items:center;gap:10px;display:flex}.num-box{flex-direction:column;align-items:center;gap:4px;display:flex}.num-label{font-family:var(--font-mono);color:var(--dim);letter-spacing:1px;font-size:10px}.num-badge{border-radius:var(--radius-sm);width:48px;height:44px;font-family:var(--font-hero);letter-spacing:1px;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.num-badge.yesterday{border:1px solid var(--line);color:var(--dim);background:#ffffff0f}.num-badge.today{color:var(--lime);background:linear-gradient(135deg,#a3e63533,#22d3ee26);border:1px solid #a3e63580;box-shadow:0 0 12px #a3e63540}.num-badge.today.is-highlight-num{border-color:var(--cyan);color:#fff;box-shadow:var(--glow-cyan);background:linear-gradient(135deg,#22d3ee4d,#a855f740)}.num-badge.pending{color:var(--amber);background:#fbbf241a;border:1px dashed #fbbf2466}.chart-wrapper,.annual-chart-wrapper{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:16px 0 32px;padding:16px;overflow-x:auto}.brutalist-table,.annual-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);text-align:center;font-size:13px}.brutalist-table th,.annual-table th{border-bottom:2px solid var(--line-strong);color:var(--cyan);letter-spacing:1px;background:#ffffff0a;padding:10px 8px;font-weight:700}.brutalist-table td,.annual-table td{color:var(--dim);border:1px solid #ffffff0d;padding:8px 6px}.brutalist-table tr:hover td,.annual-table tr:hover td{background:#ffffff08}.day-col{background:#22d3ee0a;font-size:14px;font-weight:800;color:var(--cyan)!important}.num-col.has-num,.num-cell.has-num{background:#a3e6350a;font-weight:800;color:var(--lime)!important}.today-row td{position:relative;background:#22d3ee1a!important}.today-row td:first-child{border-left:3px solid var(--cyan);font-weight:900;color:var(--cyan)!important}.month-nav,.year-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.nav-btn,.year-btn{border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.nav-btn:hover,.year-btn:hover{border-color:var(--cyan);color:var(--cyan);background:#22d3ee26;transform:translateY(-1px);box-shadow:0 4px 12px #22d3ee33}.nav-btn:active,.year-btn:active{transform:translateY(0)scale(.97)}.year-btn.active{background:var(--cyan);border-color:var(--cyan);color:#06060d;box-shadow:var(--glow-cyan);font-weight:800}#footer{border-top:1px solid var(--line);text-align:center;margin-top:48px;padding:24px 0}.form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);max-width:500px;margin:0 auto;padding:20px}.form-card h3{color:var(--dim);margin-bottom:14px;font-size:15px}.form-inline{justify-content:center;gap:12px;display:flex}.form-inline select{border:1px solid var(--line);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono);cursor:pointer;background:#ffffff14;outline:none;padding:8px 16px;font-size:13px}.form-inline select:focus{border-color:var(--cyan)}.floating-bar{z-index:50;position:fixed;bottom:24px;right:24px}.btn-fab{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#fff;font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:12px 22px;font-size:13px;font-weight:700;transition:all .28s cubic-bezier(.34,1.56,.64,1);animation:.6s cubic-bezier(.34,1.56,.64,1) both fabSlideUp;display:inline-flex;box-shadow:0 4px 20px #22d3ee66,inset 0 1px #fff3}@keyframes fabSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn-fab:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 28px #a855f799}.btn-fab:active{transform:translateY(-1px)scale(.97)}@media (max-width:768px){.nav{flex-wrap:wrap;padding:10px 14px}.nav-center{order:3;max-width:100%;margin-top:8px}.hero-grid{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-grid{grid-template-columns:1fr}.lrs{gap:6px 10px;padding:8px 12px}.lrs-game{font-size:14px}.lrs-num{padding:2px 10px;font-size:20px}}.adv-banner{width:100%;max-width:1280px;margin:14px auto 0;padding:0 16px}.adv-banner-inner{-webkit-backdrop-filter:blur(12px);background:linear-gradient(90deg,#ff2d6b2e,#00e5ff2e,#00ff882e);border:1px solid #fff3;border-radius:8px;align-items:center;gap:14px;padding:12px 18px;animation:3s ease-in-out infinite bannerPulse;display:flex;box-shadow:0 0 24px #00e5ff26}@keyframes bannerPulse{0%,to{border-color:#ff2d6b66;box-shadow:0 0 16px #ff2d6b33}50%{border-color:#00e5ff80;box-shadow:0 0 28px #00e5ff4d}}.adv-badge{letter-spacing:1.5px;color:#fff;text-transform:uppercase;background:#ff2d6b;border-radius:4px;flex-shrink:0;padding:4px 10px;font-family:monospace;font-size:11px;font-weight:800}.adv-text{color:#fff;letter-spacing:.3px;word-break:break-word;font-size:14px;font-weight:600;line-height:1.45}.adv-text a{color:#00e5ff;font-weight:800;text-decoration:underline}