*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #010109;--bg2: #040413;--surface: #07071a;--panel: #0b0b20;--border: #14142a;--border2: #1e1e3c;--cyan: #00f5e0;--cyan2: #00f5e055;--cyan3: #00f5e018;--cyan4: #00f5e00c;--mag: #e040fb;--mag2: #e040fb44;--yel: #ffd740;--yel2: #ffd74044;--green: #69ff47;--green2: #69ff4730;--red: #ff1744;--text: #c0cce8;--text2: #7888a8;--dim: #2c2c55;--dim2: #181830;--px: "Press Start 2P", monospace;--mono: "Share Tech Mono", monospace;--sans: "Rajdhani", sans-serif}html{height:100%}body{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;overflow-x:hidden;cursor:crosshair}body:before{content:"";position:fixed;inset:0;z-index:9000;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 3px)}body:after{content:"";position:fixed;inset:0;z-index:8999;pointer-events:none;background:radial-gradient(ellipse 140% 110% at 50% 50%,transparent 48%,rgba(0,0,0,.7) 100%)}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}#app:before,#app:after{content:"";position:fixed;top:0;bottom:0;width:2px;z-index:500;pointer-events:none;background:linear-gradient(to bottom,transparent 5%,var(--cyan) 25%,var(--cyan) 75%,transparent 95%);box-shadow:0 0 20px var(--cyan),0 0 60px var(--cyan3);opacity:.4}#app:before{left:0}#app:after{right:0}#progress-bar{position:fixed;top:0;left:0;right:0;height:2px;z-index:9999;pointer-events:none}#progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--mag));box-shadow:0 0 10px var(--cyan),0 0 24px var(--cyan2);transition:width .18s ease}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.84}94%{opacity:1}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes neon-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 8px var(--cyan))}50%{filter:brightness(1.22) drop-shadow(0 0 22px var(--cyan))}}@keyframes float-up{0%{transform:translateY(110vh)}to{transform:translateY(-6px)}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glitch{0%,to{clip-path:none;transform:none}18%{clip-path:inset(10% 0 82% 0);transform:translate(-5px)}19%{clip-path:inset(10% 0 82% 0);transform:translate(5px)}20%{clip-path:none;transform:none}78%{clip-path:inset(68% 0 6% 0);transform:translate(4px)}79%{clip-path:none;transform:none}}@keyframes card-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes gameover-drop{0%{transform:translateY(-60px) scaleX(1.08);opacity:0}to{transform:translateY(0) scaleX(1);opacity:1}}@keyframes score-pop{0%{transform:scale(1)}35%{transform:scale(1.5);color:var(--yel);text-shadow:0 0 24px var(--yel)}to{transform:scale(1)}}@keyframes hint-fade{0%,60%{opacity:1}to{opacity:0}}@keyframes hs-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-sweep{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}#site-header{position:relative;padding:3.8rem 2rem 0;text-align:center;overflow:hidden;animation:flicker 11s infinite}#site-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% -10%,#00f5e014 0%,transparent 65%),radial-gradient(ellipse 40% 30% at 50% 0%,#00f5e00c 0%,transparent 55%)}#site-header:after{content:"";position:absolute;bottom:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan2),transparent)}.stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}.stars span{position:absolute;border-radius:50%;background:#fffc;animation:float-up linear infinite}.retro-grid{position:absolute;bottom:0;left:0;right:0;height:110px;perspective:200px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%)}.retro-grid:before{content:"";position:absolute;inset:0;transform:rotateX(58deg);transform-origin:50% 100%;background-image:linear-gradient(to right,#00f5e010 1px,transparent 1px),linear-gradient(to bottom,#00f5e010 1px,transparent 1px);background-size:52px 26px}.site-title{font-family:var(--px);font-size:clamp(1.6rem,5.5vw,3.4rem);letter-spacing:.06em;color:var(--cyan);text-shadow:0 0 10px var(--cyan),0 0 32px #00f5e066,0 0 80px #00f5e028;position:relative;display:inline-block;animation:neon-pulse 4s ease-in-out infinite}.site-title:before{content:attr(data-text);position:absolute;color:var(--mag);text-shadow:0 0 8px var(--mag);animation:glitch 10s infinite steps(1);inset:0 0 0 3px;pointer-events:none}.site-title:after{content:attr(data-text);position:absolute;color:var(--cyan);animation:glitch 10s 1.8s infinite steps(1) reverse;inset:0 0 0 -3px;pointer-events:none}.site-sub{font-family:var(--sans);font-weight:600;font-size:.78rem;color:var(--text2);letter-spacing:.4em;text-transform:uppercase;margin-top:.9rem}.hero-meta{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.6rem 0 2.8rem;flex-wrap:wrap}.hero-chip{display:flex;align-items:center;gap:.55rem;background:var(--panel);border:1px solid var(--border2);padding:.42rem 1rem}.hero-chip-label{font-family:var(--px);font-size:.3rem;color:var(--dim);letter-spacing:.2em}.hero-chip-val{font-family:var(--px);font-size:.52rem;color:var(--cyan);text-shadow:0 0 8px var(--cyan);letter-spacing:.05em}.hero-chip.hl .hero-chip-val{color:var(--yel);text-shadow:0 0 8px var(--yel)}.hero-divider{width:1px;height:22px;background:var(--border2);flex-shrink:0}#ticker{background:#000000b3;border-top:1px solid var(--border);border-bottom:1px solid var(--border2);height:26px;overflow:hidden;position:relative}#ticker:before,#ticker:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}#ticker:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}#ticker:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.ticker-track{display:flex;align-items:center;height:100%;animation:ticker-scroll 32s linear infinite;white-space:nowrap;will-change:transform}.ticker-item{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--px);font-size:.32rem;letter-spacing:.18em;color:var(--dim);padding:0 1.6rem}.ticker-item.accent{color:var(--cyan)}.ticker-sep{color:var(--dim2);padding:0 .8rem}#grid-view{flex:1;padding:3rem 2rem;max-width:1180px;width:100%;margin:0 auto;animation:slide-up .35s ease}.section-head{display:flex;align-items:center;gap:1.2rem;margin-bottom:2.4rem}.section-head:before{content:"";flex:1;height:1px;background:linear-gradient(to left,var(--border2),transparent)}.section-head:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border2),transparent)}.section-label{font-family:var(--px);font-size:.42rem;color:var(--dim);letter-spacing:.35em;white-space:nowrap}.section-count{font-family:var(--px);font-size:.32rem;color:var(--dim2);letter-spacing:.1em}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.8rem;perspective:1400px}.game-card{--ac: var(--cyan);position:relative;background:var(--surface);border:1px solid var(--border);cursor:pointer;overflow:hidden;animation:card-enter .5s ease both;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.25,.46,.45,.94),border-color .22s,box-shadow .25s}.game-card:hover{transform:perspective(1000px) rotateY(4deg) rotateX(-2deg) translateY(-10px);border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 0 40px -8px var(--ac),20px 26px 64px -12px #000c,inset 0 0 60px -28px var(--ac)}.game-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 100%,color-mix(in srgb,var(--ac) 8%,transparent) 0%,transparent 70%),radial-gradient(ellipse 50% 30% at 50% 0%,color-mix(in srgb,var(--ac) 4%,transparent) 0%,transparent 60%);opacity:0;transition:opacity .3s}.game-card:hover:before{opacity:1}.corner-tl,.corner-br{position:absolute;width:16px;height:16px;border-color:var(--ac);border-style:solid;opacity:0;transition:opacity .22s,transform .22s;z-index:12}.corner-tl{top:7px;left:7px;border-width:1.5px 0 0 1.5px;transform:translate(-5px,-5px)}.corner-br{bottom:7px;right:7px;border-width:0 1.5px 1.5px 0;transform:translate(5px,5px)}.game-card:hover .corner-tl,.game-card:hover .corner-br{opacity:1;transform:translate(0)}.game-card:nth-child(1){animation-delay:.06s}.game-card:nth-child(2){animation-delay:.14s}.game-card:nth-child(3){animation-delay:.22s}.game-card:nth-child(4){animation-delay:.3s}.game-card:nth-child(5){animation-delay:.38s}.card-screen{position:relative;height:210px;background:#000;overflow:hidden;border-bottom:1px solid var(--border)}.card-screen:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 40%,color-mix(in srgb,var(--ac) 14%,transparent) 0%,transparent 72%);transition:opacity .28s;opacity:.7}.game-card:hover .card-screen:before{opacity:1.1}.card-screen:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='1' height='1' fill='%23ffffff06'/%3E%3C/svg%3E");background-size:4px 4px}.card-art{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center}.card-screen-sweep{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.card-screen-sweep:before{content:"";position:absolute;left:0;right:0;height:35%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.04) 50%,transparent);opacity:0}.game-card:hover .card-screen-sweep:before{opacity:1;animation:scan-sweep 1.6s linear infinite}.card-screen-title{position:absolute;bottom:9px;left:0;right:0;z-index:5;text-align:center;font-family:var(--px);font-size:.4rem;letter-spacing:.12em;color:var(--ac);text-shadow:0 0 8px var(--ac);opacity:.3;transition:opacity .22s,bottom .18s}.game-card:hover .card-screen-title{opacity:.9;bottom:14px}.card-body{padding:1.1rem 1.2rem 1.2rem}.card-accent-bar{width:28px;height:2px;background:var(--ac);box-shadow:0 0 8px var(--ac);margin-bottom:.75rem;transition:width .22s}.game-card:hover .card-accent-bar{width:50px}.card-title{font-family:var(--px);font-size:.68rem;color:#fff;letter-spacing:.05em;line-height:1.8;margin-bottom:.5rem;text-shadow:0 0 18px rgba(255,255,255,.12)}.card-tagline{font-family:var(--sans);font-weight:400;font-size:.9rem;color:var(--text2);line-height:1.5}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--border)}.card-meta{font-family:var(--mono);font-size:.64rem;color:var(--dim);letter-spacing:.08em}.card-play{font-family:var(--px);font-size:.38rem;color:var(--ac);letter-spacing:.14em;opacity:0;transition:opacity .18s,transform .18s;transform:translate(-5px)}.game-card:hover .card-play{opacity:1;transform:translate(0)}.card-hs{position:absolute;top:9px;right:9px;z-index:13;display:flex;align-items:center;gap:.3rem;background:#000000d9;border:1px solid var(--yel2);padding:.22rem .5rem;animation:hs-in .3s ease}.card-hs-label{font-family:var(--px);font-size:.28rem;color:var(--dim);letter-spacing:.1em}.card-hs-val{font-family:var(--px);font-size:.4rem;color:var(--yel);text-shadow:0 0 6px var(--yel)}.card-soon{background:#030310;border:1px dashed #0e0e25;cursor:default;opacity:.35}.card-soon:hover{transform:none;border-color:#0e0e25;box-shadow:none}.card-soon .card-screen{background:#020210;height:210px}.card-soon .corner-tl,.card-soon .corner-br{display:none}.soon-screen-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem}.soon-qmark{font-family:var(--px);font-size:2.4rem;color:#12123a;text-shadow:0 0 18px #12123a}.soon-label{font-family:var(--px);font-size:.34rem;color:#111130;letter-spacing:.3em}.hidden{display:none!important}#game-view{flex:1;display:flex;flex-direction:column;align-items:center;padding:.8rem 1rem 1.6rem;background:var(--bg2);animation:slide-up .22s ease}#game-hud{width:100%;max-width:860px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8rem;margin-bottom:.75rem;padding:.5rem .9rem;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 0 var(--cyan3)}#btn-back{background:none;border:1px solid var(--border2);color:var(--text2);padding:.3rem .7rem;font-family:var(--px);font-size:.36rem;letter-spacing:.08em;cursor:pointer;transition:border-color .14s,color .14s,box-shadow .14s}#btn-back:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 10px var(--cyan3)}#game-title-hud{font-family:var(--px);font-size:.52rem;letter-spacing:.18em;color:#fff;text-align:center;text-shadow:0 0 12px rgba(255,255,255,.25);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#wave-display{font-family:var(--px);font-size:.36rem;color:var(--mag);letter-spacing:.1em;text-shadow:0 0 8px var(--mag);opacity:0;transition:opacity .3s}#wave-display.visible{opacity:1}#score-wrap{text-align:right}.score-label{font-family:var(--px);font-size:.27rem;color:var(--dim);letter-spacing:.2em;display:block;margin-bottom:.1rem}#score-display{font-family:var(--px);font-size:.9rem;color:var(--yel);text-shadow:0 0 10px var(--yel),0 0 24px var(--yel2);letter-spacing:.08em;min-width:7ch;display:inline-block;text-align:right}#score-display.pop{animation:score-pop .3s ease}#monitor-frame{position:relative;width:100%;max-width:860px}#monitor-frame:before{content:"";position:absolute;inset:-16px -18px;background:linear-gradient(180deg,#0d0d22,#0a0a1e);border:2px solid #181830;box-shadow:0 0 0 1px #222240,0 10px 50px #000000f2,inset 0 0 24px #0006;border-radius:10px;z-index:-1}#monitor-frame:after{content:"";position:absolute;top:-12px;left:9%;width:22%;height:28%;background:linear-gradient(130deg,rgba(255,255,255,.045) 0%,transparent 55%);pointer-events:none;z-index:10;border-radius:5px}#monitor-brand{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-family:var(--px);font-size:.26rem;letter-spacing:.3em;color:#1a1a38;white-space:nowrap;z-index:10}#monitor-led{position:absolute;bottom:-22px;right:26px;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green),0 0 18px var(--green2);animation:blink 3.6s step-start infinite}#canvas-wrap{position:relative;width:100%;border:2px solid #12122a;box-shadow:0 0 0 1px var(--cyan3),0 0 50px -10px var(--cyan3),inset 0 0 60px #00000059}#canvas-wrap canvas{width:100%;display:block}#controls-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:1.6rem;align-items:center;background:#000000d9;border:1px solid var(--border2);padding:.5rem 1.3rem;z-index:40;pointer-events:none;animation:hint-fade 5.5s ease forwards;white-space:nowrap}.hint-key{font-family:var(--px);font-size:.3rem;color:var(--dim);letter-spacing:.05em;display:flex;align-items:center;gap:.3rem}.hint-key kbd{background:var(--dim2);border:1px solid var(--border2);padding:.14rem .28rem;font-family:var(--mono);font-size:.7rem;color:var(--text);border-radius:2px}#game-over-overlay{display:none;position:absolute;inset:0;background:#000000f0;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;z-index:50}#game-over-overlay.visible{display:flex}.go-title{font-family:var(--px);font-size:clamp(1.4rem,5vw,2.8rem);color:var(--mag);letter-spacing:.18em;text-shadow:0 0 10px var(--mag),0 0 40px var(--mag),0 0 100px var(--mag2);animation:gameover-drop .5s cubic-bezier(.15,.85,.25,1.25) both}.go-divider{width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--dim2),transparent)}.go-score-row{display:flex;flex-direction:column;align-items:center;gap:.3rem}.go-score-label{font-family:var(--px);font-size:.34rem;color:var(--dim);letter-spacing:.3em}.go-score{font-family:var(--px);font-size:2.6rem;color:var(--yel);text-shadow:0 0 12px var(--yel),0 0 40px var(--yel2);letter-spacing:.08em;min-width:8ch;text-align:center;line-height:1}.go-hs-row{display:flex;align-items:center;gap:.9rem}.go-hs-label{font-family:var(--px);font-size:.3rem;color:var(--dim);letter-spacing:.22em}.go-hs-val{font-family:var(--px);font-size:.58rem;color:var(--green);text-shadow:0 0 10px var(--green)}.go-new-hs{font-family:var(--px);font-size:.46rem;letter-spacing:.2em;color:var(--yel);text-shadow:0 0 14px var(--yel);animation:blink .65s step-start infinite}#btn-restart{background:none;border:1px solid var(--cyan);color:var(--cyan);padding:.7rem 2.4rem;font-family:var(--px);font-size:.48rem;letter-spacing:.22em;cursor:pointer;margin-top:.3rem;transition:background .14s,color .14s,box-shadow .16s}#btn-restart:hover{background:var(--cyan);color:#000;box-shadow:0 0 40px var(--cyan2)}.go-hint{font-family:var(--mono);font-size:.7rem;color:var(--dim);animation:blink 1.8s step-start infinite}#site-footer{padding:1rem 2.5rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-family:var(--sans);font-size:.7rem;color:var(--dim);flex-wrap:wrap;gap:.5rem}#site-footer a{color:var(--dim);text-decoration:none}#site-footer a:hover{color:var(--cyan)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--dim2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--dim)}@media (max-width: 640px){.site-title{font-size:1.5rem}#game-hud{grid-template-columns:auto 1fr auto}#wave-display,#controls-hint{display:none}#monitor-frame:before{inset:-6px}#app:before,#app:after{display:none}.hero-meta{gap:.6rem}.hero-chip{padding:.35rem .7rem}}