@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Share+Tech+Mono&family=Bebas+Neue&display=swap";
:root{--void:#030810;--charcoal:#060e1c;--surface:#060e1cf5;--surface-hi:#081224fa;--neon-green:#00d4ff;--neon-pink:#09c;--neon-cyan:#0ef;--neon-yellow:#0bd;--neon-orange:#f46;--glow-green:#00d4ff4d;--glow-pink:#0099cc40;--glow-cyan:#00eeff4d;--glow-yellow:#00bbdd40;--border-raw:#00d4ff1a;--border-neon:#00d4ff66;--text-base:#c8e8f8;--text-dim:#4a6878;--text-mono:"Share Tech Mono", monospace;--font-hero:"Bebas Neue", cursive;--font-body:"Space Grotesk", sans-serif;--radius-hard:4px;--radius-mid:8px;--float-dur:5s;--float-delay:0s;--float-amp:14px;--shadow-card:0 2px 16px #000000b3, 0 1px 4px #00d4ff0d;--shadow-card-hover:0 8px 40px #00d4ff33, 0 2px 10px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--void);color:var(--text-base);min-height:100vh;padding-bottom:120px;line-height:1.55;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#00d4ff14 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 10% 10%,#00d4ff12 0%,#0000 70%),radial-gradient(50% 50% at 90% 80%,#0099cc0f 0%,#0000 70%),radial-gradient(40% 60%,#00eeff0a 0%,#0000 80%);position:fixed;inset:0}#wrapper{z-index:2;position:relative}#container{max-width:1140px;margin:0 auto;padding:0 16px}#header{z-index:200;border-bottom:2px solid var(--neon-green);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030810f7;align-items:center;height:62px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 24px #00d4ff2e,0 1px #00d4ff0f}.header-inner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1140px;margin:0 auto;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-icon{background:var(--neon-green);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);color:#030810;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;animation:3s ease-in-out infinite alternate icon-pulse;display:flex}@keyframes icon-pulse{0%{box-shadow:0 0 0 0 var(--glow-green);filter:brightness()}to{box-shadow:0 0 28px 10px var(--glow-green);filter:brightness(1.2)}}.brand-name{font-family:var(--font-hero);letter-spacing:3px;color:var(--neon-green);text-shadow:0 0 24px var(--glow-green);font-size:28px;line-height:1}.brand-sub{font-family:var(--text-mono);letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;margin-top:3px;font-size:9px}.header-live-badge{border-radius:var(--radius-hard);font-family:var(--text-mono);color:var(--neon-green);background:#00d4ff0f;border:1px solid #00d4ff33;flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex}.live-dot{background:var(--neon-green);width:8px;height:8px;box-shadow:0 0 10px var(--neon-green);border-radius:50%;animation:1.2s ease-in-out infinite dot-blink}@keyframes dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.header-search{flex:1;max-width:300px;position:relative}.header-search input{border:1px solid var(--border-raw);border-radius:var(--radius-hard);width:100%;color:var(--text-base);font-family:var(--text-mono);background:#00d4ff0a;outline:none;padding:8px 14px 8px 36px;font-size:13px;transition:border-color .2s,box-shadow .2s}.header-search input::placeholder{color:var(--text-dim)}.header-search input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00eeff26}.header-search:before{content:"⌕";color:var(--text-dim);pointer-events:none;font-size:18px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.seo-strip{border-left:3px solid var(--neon-pink);color:var(--text-dim);border-radius:0 var(--radius-hard) var(--radius-hard) 0;background:#00d4ff0a;margin-bottom:14px;padding:10px 16px;font-size:12px;line-height:1.4}.disclaimer-banner{border-radius:var(--radius-hard);color:#00d4ffb3;font-size:12px;font-family:var(--text-mono);background:#00d4ff0a;border:1px solid #00d4ff26;align-items:center;gap:12px;margin-bottom:24px;padding:10px 14px;display:flex}.disc-badge{background:var(--neon-yellow);color:#030810;letter-spacing:1.5px;white-space:nowrap;border-radius:2px;flex-shrink:0;padding:3px 7px;font-size:9px;font-weight:700}.section-head{border-bottom:2px solid var(--border-raw);align-items:baseline;gap:14px;margin:32px 0 16px;padding-bottom:10px;display:flex}.section-title{font-family:var(--font-hero);letter-spacing:4px;color:var(--neon-cyan);text-shadow:0 0 18px var(--glow-cyan);font-size:28px;line-height:1}.section-meta{font-family:var(--text-mono);letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;font-size:10px}@keyframes float-a{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(calc(var(--float-amp) * -1)) rotate(-.4deg)}66%{transform:translateY(calc(var(--float-amp) * .5)) rotate(.3deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-b{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(var(--float-amp)) rotate(.5deg)}80%{transform:translateY(calc(var(--float-amp) * -.4)) rotate(-.25deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-c{0%{transform:translateY(calc(var(--float-amp) * .3)) rotate(.2deg)}50%{transform:translateY(calc(var(--float-amp) * -1)) rotate(-.5deg)}to{transform:translateY(calc(var(--float-amp) * .3)) rotate(.2deg)}}@keyframes glitch-shake{0%{transform:translate(0)skew(0)}10%{color:var(--neon-cyan);transform:translate(-2px,1px)skew(-3deg)}20%{color:var(--neon-pink);transform:translate(2px,-1px)skew(3deg)}50%{color:inherit;transform:translate(0)skew(0)}to{transform:translate(0)skew(0)}}.glitch-update{animation:.5s forwards glitch-shake}.cat-label{border-left:3px solid var(--neon-pink);border-radius:0 var(--radius-hard) var(--radius-hard) 0;background:#0099cc0f;align-items:center;gap:10px;margin:20px 0 10px;padding:8px 12px;display:flex}.cat-label-text{font-family:var(--text-mono);letter-spacing:3px;color:var(--neon-pink);text-transform:uppercase;font-size:11px;font-weight:600}.cat-label.cat-next{border-color:var(--neon-cyan);background:#00eeff0a}.cat-label.cat-next .cat-label-text{color:var(--neon-cyan)}.cat-label.cat-rest{border-color:var(--text-dim);background:#ffffff05}.cat-label.cat-rest .cat-label-text{color:var(--text-dim)}.results-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.game-card{background:var(--surface);border:1px solid var(--border-raw);border-radius:var(--radius-mid);cursor:default;animation:float-a var(--float-dur) var(--float-delay) ease-in-out infinite;transform-style:preserve-3d;will-change:transform;box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:border-color .3s,box-shadow .3s,transform .2s;display:flex;position:relative;overflow:hidden}.game-card:before{content:"";background:var(--border-raw);height:3px;transition:background .3s;position:absolute;top:0;left:0;right:0}.game-card.highlight:before{background:linear-gradient(90deg, var(--neon-green), var(--neon-cyan))}.game-card.cat-next-card:before{background:linear-gradient(90deg, var(--neon-cyan), #0fe)}.game-card.cat-rest-card:before{background:var(--border-raw)}.game-card:hover{box-shadow:var(--shadow-card-hover);border-color:#00d4ff66;animation-play-state:paused}.game-card.highlight:hover{border-color:#00d4ff99}.game-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.game-title{font-family:var(--text-mono);color:var(--text-base);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.game-card.highlight .game-title{color:var(--neon-green)}.game-time{font-family:var(--text-mono);color:var(--text-dim);letter-spacing:.5px;font-size:11px}.chart-link{font-family:var(--text-mono);color:var(--neon-pink);letter-spacing:.5px;margin-top:4px;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s,opacity .2s;display:inline-block}.chart-link:hover{color:var(--neon-cyan);opacity:.85}.numbers-wrapper{flex-shrink:0;align-items:center;gap:10px;display:flex}.num-box{flex-direction:column;align-items:center;gap:3px;display:flex}.num-label{font-family:var(--text-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);font-size:8px}.num-badge{width:52px;height:48px;font-family:var(--font-hero);letter-spacing:1px;border-radius:var(--radius-hard);justify-content:center;align-items:center;font-size:26px;display:flex;position:relative;overflow:hidden}.num-badge.yesterday{color:var(--text-dim);background:#ffffff08;border:1px solid #ffffff0f}.num-badge.today{border:2px solid var(--neon-pink);color:var(--neon-pink);background:#0099cc1f;animation:2s ease-in-out infinite alternate live-num-pulse}.num-badge.today.is-highlight-num{border-color:var(--neon-green);color:var(--neon-green);background:#00d4ff1a;animation:2s ease-in-out infinite alternate live-green-pulse}@keyframes live-num-pulse{0%{box-shadow:0 0 #0099cc40}to{box-shadow:0 0 0 8px #09c0}}@keyframes live-green-pulse{0%{box-shadow:0 0 #00d4ff4d}to{box-shadow:0 0 0 8px #00d4ff00}}.num-badge.pending{color:#ffffff14;background:#ffffff05;border:1px dashed #ffffff0f;font-size:20px}.live-hero-section{margin:24px 0 8px;position:relative}.live-hero-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.hero-card{border-radius:var(--radius-mid);animation:float-a var(--float-dur) var(--float-delay) ease-in-out infinite;background:linear-gradient(135deg,#060e1c,#0a1828);border:1px solid #00d4ff33;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00d4ff1a,0 1px 4px #0006}.hero-card:after{content:"";background:linear-gradient(90deg, var(--neon-green), var(--neon-cyan), #0fa);height:3px;position:absolute;top:0;left:0;right:0}.hero-card:hover{border-color:#00d4ff80;animation-play-state:paused;box-shadow:0 8px 40px #00d4ff33,0 2px 8px #0006}.hero-game-name{font-family:var(--text-mono);letter-spacing:3px;color:var(--neon-green);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.hero-number{font-family:var(--font-hero);color:var(--neon-green);letter-spacing:4px;min-height:72px;text-shadow:0 0 30px var(--glow-green);font-size:72px;line-height:1;display:block}.hero-number.pending-hero{color:#00d4ff2e;text-shadow:none}.hero-meta{justify-content:space-between;align-items:flex-end;margin-top:10px;display:flex}.hero-time{font-family:var(--text-mono);color:var(--text-dim);letter-spacing:1px;font-size:10px}.hero-badge{font-family:var(--text-mono);letter-spacing:2px;background:var(--neon-green);color:#030810;border-radius:2px;padding:3px 8px;font-size:9px;font-weight:700}.chart-wrapper{background:var(--surface);border:1px solid var(--border-raw);border-radius:var(--radius-mid);box-shadow:var(--shadow-card);margin-bottom:24px;overflow-x:auto}.brutalist-table{border-collapse:collapse;width:100%;font-family:var(--text-mono)}.brutalist-table th,.brutalist-table td{text-align:center;border:1px solid #00d4ff0d;padding:10px 14px;font-size:14px}.brutalist-table thead tr{background:#00d4ff0a}.brutalist-table th{letter-spacing:2px;text-transform:uppercase;color:var(--neon-cyan);font-size:11px;font-weight:600}.brutalist-table th:first-child{color:var(--text-dim)}.brutalist-table tbody tr{transition:background .15s}.brutalist-table tbody tr:hover{background:#00d4ff0a}.brutalist-table td.day-col{color:var(--text-dim);background:#ffffff05;border-right:1px solid #00d4ff14;font-size:12px;font-weight:600}.brutalist-table td.num-col{color:#ffffff14;letter-spacing:1px;font-size:15px;transition:color .2s}.brutalist-table td.num-col.has-num{color:var(--neon-yellow);font-weight:600}.brutalist-table td.num-col.today-row{color:var(--neon-pink);background:#00d4ff0d;font-weight:600}.month-nav{border-top:1px solid var(--border-raw);background:#00d4ff05;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.nav-btn{font-family:var(--text-mono);letter-spacing:2px;color:var(--neon-cyan);text-transform:uppercase;border-radius:var(--radius-hard);cursor:pointer;background:#00eeff0a;border:1px solid #0ef3;padding:6px 14px;font-size:11px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-block}.nav-btn:hover{color:var(--neon-cyan);background:#00eeff1a;box-shadow:0 0 0 3px #00eeff1a}.chart-page-header{border:1px solid var(--border-raw);border-radius:var(--radius-mid);border-left:4px solid var(--neon-cyan);background:linear-gradient(135deg,#00d4ff0f,#0099cc0a);margin-bottom:28px;padding:24px 28px}.chart-page-header h1{font-family:var(--font-hero);letter-spacing:3px;color:var(--neon-cyan);margin-bottom:8px;font-size:36px;line-height:1}.chart-page-header p{font-family:var(--text-mono);color:var(--text-dim);letter-spacing:1px;font-size:12px}.back-link{font-family:var(--text-mono);letter-spacing:2px;color:var(--neon-green);text-transform:uppercase;border-radius:var(--radius-hard);background:#00d4ff0d;border:1px solid #00d4ff33;align-items:center;gap:8px;margin-top:16px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex}.back-link:hover{background:#00d4ff1a;box-shadow:0 0 0 3px #00d4ff1a}.annual-chart-wrapper{background:var(--surface);border:1px solid var(--border-raw);border-radius:var(--radius-mid);box-shadow:var(--shadow-card);margin-bottom:32px;overflow-x:auto}.annual-table{border-collapse:collapse;width:100%;font-family:var(--text-mono);font-size:13px}.annual-table th,.annual-table td{text-align:center;border:1px solid #00d4ff0d;padding:8px 10px}.annual-table thead tr{background:#00d4ff08}.annual-table th{letter-spacing:1.5px;text-transform:uppercase;color:var(--neon-cyan);min-width:52px;font-size:10px;font-weight:600}.annual-table th.day-head{color:var(--text-dim);min-width:42px}.annual-table td.day-col{color:var(--text-dim);background:#ffffff05;border-right:1px solid #00d4ff14;font-size:11px;font-weight:600}.annual-table td.num-cell{color:#ffffff14;transition:color .2s}.annual-table td.num-cell.has-num{color:var(--neon-yellow);font-weight:600}.annual-table tbody tr:hover{background:#00d4ff08}.year-nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px;display:flex}.year-btn{font-family:var(--text-mono);letter-spacing:2px;border-radius:var(--radius-hard);border:1px solid var(--border-raw);color:var(--text-dim);background:var(--surface);cursor:pointer;padding:7px 18px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s}.year-btn.active{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00eeff12;box-shadow:0 0 0 3px #00eeff1a}.year-btn:hover:not(.active){color:var(--text-base);background:#00d4ff0a;border-color:#00d4ff40}#footer{border-top:1px solid var(--border-raw);text-align:center;background:#030810fa;margin-top:40px;padding:28px 20px}.form-card{background:var(--surface);border:1px solid var(--border-raw);border-radius:var(--radius-mid);max-width:480px;box-shadow:var(--shadow-card);margin:0 auto;padding:22px 28px}.form-card h3{font-family:var(--text-mono);letter-spacing:3px;text-transform:uppercase;color:var(--neon-cyan);margin-bottom:16px;font-size:11px;font-weight:600}.form-inline{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.form-inline select{border:1px solid var(--border-raw);border-radius:var(--radius-hard);color:var(--text-base);font-family:var(--text-mono);cursor:pointer;background:#00d4ff0a;outline:none;padding:9px 14px;font-size:13px;transition:border-color .2s}.form-inline select:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00eeff1a}.btn-go{background:var(--neon-pink);color:#030810;border-radius:var(--radius-hard);font-family:var(--font-hero);letter-spacing:2px;cursor:pointer;border:none;padding:9px 22px;font-size:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 12px #0099cc59}.btn-go:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0099cc73}.floating-bar{z-index:999;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.btn-fab{border-radius:var(--radius-hard);font-family:var(--text-mono);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:8px;padding:11px 18px;font-size:11px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.btn-fab:hover{transform:translateY(-3px)}.fab-refresh{background:var(--neon-green);color:#030810;box-shadow:0 4px 20px #00d4ff59}.fab-refresh:hover{box-shadow:0 8px 30px #00d4ff80}@media (max-width:680px){.brand-name{font-size:20px}.header-live-badge{display:none}.results-grid{grid-template-columns:1fr}.live-hero-grid{grid-template-columns:1fr 1fr}.hero-number{font-size:52px}.section-title{font-size:20px}.floating-bar{bottom:14px;right:14px}.header-search{max-width:160px}.chart-page-header h1{font-size:24px}.annual-table th,.annual-table td{padding:6px 7px;font-size:11px}}@media (max-width:420px){.live-hero-grid{grid-template-columns:1fr}.hero-number{font-size:64px}.header-search{display:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#030810}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff99}.scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000a 2px 4px);position:fixed;inset:0}