*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e0e14;--bg-card: #1a1a2a;--bg-card-hover: #222236;--cyan: #00e5ff;--magenta: #ff2ecb;--text: #ccc;--text-bright: #f0f0f0;--text-dim: #777;--font-pixel: "Press Start 2P", monospace;--font-body: "Inter", system-ui, sans-serif;--radius: 8px;--max-w: 1100px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:#0e0e14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-logo{display:flex;align-items:center}.nav-logo:hover{text-decoration:none}.nav-logo-img{height:32px;width:auto;transition:opacity .2s}.nav-logo:hover .nav-logo-img{opacity:.8}.nav-links{display:flex;gap:24px}.nav-links a{color:var(--text-dim);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-bright);text-decoration:none}.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--cyan);color:var(--bg)}.btn-primary:hover{background:#33ecff;box-shadow:0 0 20px #00e5ff4d}.btn-ghost{background:transparent;color:var(--text-bright);border:1px solid rgba(255,255,255,.15)}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.btn-lg{padding:16px 36px;font-size:16px}section{padding:100px 24px}.section-title{font-family:var(--font-pixel);font-size:clamp(16px,3vw,24px);color:var(--text-bright);margin-bottom:48px;text-align:center;letter-spacing:1px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:60px;padding:120px 24px 80px;max-width:var(--max-w);margin:0 auto}.hero-left{flex:1;max-width:560px}.hero-logo{width:100%;max-width:420px;height:auto;margin-bottom:24px;filter:drop-shadow(0 0 30px rgba(0,229,255,.15))}.hero-sub{font-size:18px;color:var(--text);line-height:1.7;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-right{flex:0 0 300px;display:flex;align-items:center;justify-content:center}.hero-sprites{position:relative;width:280px;height:280px}.sprite{position:absolute;image-rendering:pixelated;background-repeat:no-repeat}.sprite-capybara{width:100px;bottom:0;right:10%;animation:bob 4s ease-in-out infinite}.sprite-capybara img{width:100%;image-rendering:pixelated}.sprite-spider{width:60px;height:135px;top:5%;left:40%;background-image:url(/sprites/sheets/spider_sheet.png);background-size:480px 135px;animation:spider-frames .8s steps(8) infinite,bob 3s ease-in-out infinite .7s}@keyframes spider-frames{to{background-position:-480px 0}}.sprite-zombie{width:70px;height:72px;top:10px;right:10px;background-image:url(/sprites/sheets/zombie_sheet.png);background-size:560px 72px;animation:zombie-frames .8s steps(8) infinite,bob 3.5s ease-in-out infinite .5s}@keyframes zombie-frames{to{background-position:-560px 0}}.sprite-bird{width:76px;height:56px;top:0;left:5px;background-image:url(/sprites/sheets/bird_sheet.png);background-size:912px 56px;animation:bird-frames 1s steps(12) infinite,bob 2.5s ease-in-out infinite 1s}@keyframes bird-frames{to{background-position:-912px 0}}.sprite-target{width:50px;height:50px;bottom:20%;left:10%;background-image:url(/sprites/sheets/target_sheet.png);background-size:400px 50px;animation:target-frames .8s steps(8) infinite,bob 3s ease-in-out infinite 1.5s}@keyframes target-frames{to{background-position:-400px 0}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bob-center{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}}@keyframes spin-bob{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.games{max-width:var(--max-w);margin:0 auto}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.game-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:border-color .3s,transform .3s;cursor:pointer}.game-card:hover{border-color:#00e5ff33;transform:translateY(-2px)}.lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox-content{background:var(--bg-card);border-radius:12px;overflow:hidden;max-width:800px;width:100%;border:1px solid rgba(255,255,255,.1);animation:lightbox-in .2s ease}@keyframes lightbox-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-content img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.lightbox-info{padding:24px}.lightbox-info h3{font-family:var(--font-pixel);font-size:16px;color:var(--text-bright);margin-bottom:10px}.lightbox-info p{font-size:15px;color:var(--text);line-height:1.7;margin-top:12px}.game-preview{aspect-ratio:16/10;overflow:hidden;background:#0a0a0f}.game-preview img{width:100%;height:100%;object-fit:cover}.game-info{padding:20px}.game-info h3{font-family:var(--font-pixel);font-size:13px;color:var(--text-bright);margin-bottom:8px}.control-tag{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--magenta);background:#ff2ecb1a;padding:4px 10px;border-radius:4px;margin-bottom:12px}.game-info p{font-size:14px;color:var(--text-dim);line-height:1.6}.try-section{max-width:var(--max-w);margin:0 auto;text-align:center}.try-desc{max-width:560px;margin:-24px auto 40px;color:var(--text-dim);font-size:15px}.try-container{display:inline-block;position:relative}.try-game{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0a0a0f;line-height:0}#game-canvas{display:block;max-width:100%;height:auto}.try-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0fe6;gap:16px}.try-overlay.hidden{display:none}.try-privacy{font-size:12px;color:var(--text-dim)}.try-stop{position:absolute;top:12px;right:12px;padding:8px 16px;font-size:12px;z-index:10}.try-stop.hidden{display:none}.try-score{margin-top:12px;font-family:var(--font-pixel);font-size:14px;color:var(--text-bright);text-align:center}.download{text-align:center;max-width:var(--max-w);margin:0 auto}.download-inner{background:var(--bg-card);border-radius:12px;padding:60px 40px;border:1px solid rgba(255,255,255,.1)}.download p{color:var(--text-dim);margin:-24px auto 32px;max-width:400px;font-size:15px}.footer{text-align:center;padding:20px 24px;color:var(--text-dim);font-size:13px;background:#0e0e14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.06)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.hero{flex-direction:column;text-align:center;gap:40px;padding-top:100px}.hero-actions{justify-content:center}.hero-right{flex:none}.hero-sprites{width:200px;height:200px}.sprite-capybara{width:70px}.sprite-zombie{width:60px}.sprite-bird{width:50px}.sprite-target{width:36px}.games-grid{grid-template-columns:1fr}.download-inner{padding:40px 24px}section{padding:60px 16px}}@media(max-width:480px){.nav{padding:0 16px}.nav-links{gap:16px}.nav-links a,.nav-logo{font-size:12px}.hero-sub{font-size:16px}.btn-lg{padding:14px 28px;font-size:14px}}