@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:#f0f2f8;--charcoal:#e4e8f2;--surface:#fffffff2;--surface-hi:#f8f9fffa;--neon-green:#00a855;--neon-pink:#e8174f;--neon-cyan:#08b;--neon-yellow:#c49000;--neon-orange:#d45000;--glow-green:#00a85533;--glow-pink:#e8174f2e;--glow-cyan:#08b3;--glow-yellow:#c4900033;--border-raw:#00000017;--border-neon:#00a8554d;--text-base:#1a1c2e;--text-dim:#7a7f96;--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;--tilt-x:0deg;--tilt-y:0deg;--shadow-card:0 2px 12px #00000012, 0 1px 3px #0000000d;--shadow-card-hover:0 8px 32px #0000001f, 0 2px 8px #0000000f}*,: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,#0000000f 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%,#e8174f0a 0%,#0000 70%),radial-gradient(50% 50% at 90% 80%,#0088bb0a 0%,#0000 70%),radial-gradient(40% 60%,#00a85508 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:#fffffff5;align-items:center;height:62px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #00a8551a,0 1px #0000000f}.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-pink);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);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-pink);filter:brightness()}to{box-shadow:0 0 20px 6px var(--glow-pink);filter:brightness(1.1)}}.brand-name{font-family:var(--font-hero);letter-spacing:3px;color:var(--neon-green);text-shadow:0 1px 4px 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:#00a85514;border:1px solid #00a85540;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 6px 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:#00000008;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 #0088bb1f}.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:#e8174f0a;margin-bottom:14px;padding:10px 16px;font-size:12px;line-height:1.4}.disclaimer-banner{border-radius:var(--radius-hard);color:#825a00e6;font-size:12px;font-family:var(--text-mono);background:#c490000f;border:1px solid #c4900038;align-items:center;gap:12px;margin-bottom:24px;padding:10px 14px;display:flex}.disc-badge{background:var(--neon-yellow);color:#fff;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);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)}30%{color:var(--neon-yellow);transform:translate(-1px,2px)skew(-1deg)}40%{transform:translate(1px,-2px)skew(1deg)}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:#e8174f0a;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:#0088bb0a}.cat-label.cat-next .cat-label-text{color:var(--neon-cyan)}.cat-label.cat-rest{border-color:var(--text-dim);background:#00000005}.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), #00d478)}.game-card.cat-next-card:before{background:linear-gradient(90deg, var(--neon-cyan), #00b8e0)}.game-card.cat-rest-card:before{background:var(--border-raw)}.game-card:hover{box-shadow:var(--shadow-card-hover);border-color:#00a8554d;animation-play-state:paused}.game-card.highlight:hover{border-color:#00a85573}.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-pink);opacity:.7}.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:#f5f6fa;border:1px solid #0000001a}.num-badge.today{border:2px solid var(--neon-pink);color:var(--neon-pink);background:#e8174f14;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:#00a85514;animation:2s ease-in-out infinite alternate live-green-pulse}@keyframes live-num-pulse{0%{box-shadow:0 0 #e8174f26}to{box-shadow:0 0 0 6px #e8174f00}}@keyframes live-green-pulse{0%{box-shadow:0 0 #00a85533}to{box-shadow:0 0 0 6px #00a85500}}.num-badge.pending{color:#00000026;background:#f5f6fa;border:1px dashed #0000001f;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,#fff,#f8fff4);border:1px solid #00a85533;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00a85514,0 1px 4px #0000000d}.hero-card:after{content:"";background:linear-gradient(90deg, var(--neon-green), #00d478, var(--neon-cyan));height:3px;position:absolute;top:0;left:0;right:0}.hero-card:hover{border-color:#00a85566;animation-play-state:paused;box-shadow:0 8px 32px #00a85526,0 2px 8px #0000000f}.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;font-size:72px;line-height:1;display:block}.hero-number.pending-hero{color:#00a85540}.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:#fff;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 #0000000f;padding:10px 14px;font-size:14px}.brutalist-table thead tr{background:#f8f9fc}.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:#0088bb0a}.brutalist-table td.day-col{color:var(--text-dim);background:#f5f6fa;border-right:1px solid #00000014;font-size:12px;font-weight:600}.brutalist-table td.num-col{color:#0000002e;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:#e8174f0a;font-weight:600}.month-nav{border-top:1px solid var(--border-raw);background:#f8f9fc;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:#0088bb0d;border:1px solid #0088bb40;padding:6px 14px;font-size:11px;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-block}.nav-btn:hover{color:var(--neon-cyan);background:#0088bb1f;box-shadow:0 0 0 3px #0088bb1f}.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,#0088bb0f,#e8174f0a);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:#00a8550d;border:1px solid #00a85540;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:#00a8551a;box-shadow:0 0 0 3px #00a8551a}.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 #0000000f;padding:8px 10px}.annual-table thead tr{background:#f8f9fc}.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:#f5f6fa;border-right:1px solid #00000014;font-size:11px;font-weight:600}.annual-table td.num-cell{color:#00000026;transition:color .2s}.annual-table td.num-cell.has-num{color:var(--neon-yellow);font-weight:600}.annual-table tbody tr:hover{background:#0088bb08}.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:#0088bb14;box-shadow:0 0 0 3px #0088bb1a}.year-btn:hover:not(.active){color:var(--text-base);background:#f5f6fa;border-color:#0003}#footer{border-top:1px solid var(--border-raw);text-align:center;background:#fff;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:#fff;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 #0088bb1a}.btn-go{background:var(--neon-pink);color:#fff;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 8px #e8174f4d}.btn-go:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8174f59}.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-pink);color:#fff;box-shadow:0 4px 16px #e8174f4d}.fab-refresh:hover{box-shadow:0 8px 24px #e8174f66}@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:#f0f2f8}::-webkit-scrollbar-thumb{background:#00a8554d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00a85599}