*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#ec4899;--cyan:#06b6d4;--purple:#8b5cf6;--green:#10b981;--gold:#f59e0b;--orange:#f97316;--text:#e2e8f0;--text-dim:#94a3b8;--card-bg:rgba(30,27,75,.85);--card-border:rgba(139,92,246,.2)}body{background:linear-gradient(135deg,#0f0a1a,#1a0a2e,#0a1628 60%,#0f0a1a);background-attachment:fixed;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.bg-decor{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-blob{position:absolute;border-radius:50%;opacity:.12;animation:blobFloat 14s ease-in-out infinite alternate}.bg-blob.pink{width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.6),transparent 70%);top:-5%;left:-10%}.bg-blob.purple{width:250px;height:250px;background:radial-gradient(circle,rgba(139,92,246,.5),transparent 70%);bottom:-5%;right:-8%;animation-delay:-5s}.bg-blob.blue{width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,.4),transparent 70%);top:40%;left:55%;animation-delay:-9s}@keyframes blobFloat{0%{transform:translate(0)}to{transform:translate(30px,-20px)}}.stars-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20px 30px,rgba(139,92,246,.3),transparent),radial-gradient(1px 1px at 40px 70px,rgba(236,72,153,.2),transparent),radial-gradient(1px 1px at 50px 160px,rgba(6,182,212,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(245,158,11,.2),transparent),radial-gradient(1px 1px at 130px 80px,rgba(139,92,246,.2),transparent);background-size:200px 200px}.main{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 1.5rem 3rem}.hero{position:relative;text-align:center;width:100%;padding:4rem 1.5rem 3.5rem;margin-bottom:0;background:linear-gradient(180deg,#0a0a1a 0,#0f0a1a 55%,transparent 100%);overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,30,.3)0,rgba(10,10,30,.15) 30%,transparent 60%);pointer-events:none;z-index:1}.hero-content{position:relative;z-index:2}.hero h1{font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace;font-size:clamp(2.8rem,7vw,5rem);font-weight:900;letter-spacing:6px;line-height:1.1;color:#fff;margin:0 0 .5rem}.hero h1 .nz{color:#ff6bcb;text-shadow:0 0 6px #ff6bcb}.hero h1 .ny{color:#8b5cf6;text-shadow:0 0 6px #8b5cf6}.hero h1 .nh{color:#67e8f9;text-shadow:0 0 6px #67e8f9}.hero .subtitle{color:#ffffffb3;font-size:clamp(.8rem,1.8vw,1rem);letter-spacing:4px;margin-bottom:1.5rem;font-weight:400;text-shadow:0 0 10px rgba(139,92,246,.4)}.hero .tagline{color:#06b6d4e6;font-size:clamp(.7rem,1.3vw,.85rem);letter-spacing:2px;font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace;text-shadow:0 0 8px rgba(6,182,212,.5);margin-bottom:.5rem}.hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.8rem}.hero-btn{display:flex;align-items:center;gap:.4rem;padding:.7rem 1.6rem;border-radius:30px;border:1.5px solid rgba(139,92,246,.5);background:#8b5cf61a;color:#c4b5fd;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:1px;backdrop-filter:blur(10px);transition:all .3s}.hero-btn:hover{background:#8b5cf640;border-color:#a78bfa;box-shadow:0 0 25px #8b5cf64d;transform:translateY(-2px)}.hero-btn.primary{background:linear-gradient(135deg,#ec489966,#8b5cf666);border-color:#ec489999;color:#fff}.hero-btn.primary:hover{box-shadow:0 0 30px #ec489966}.hero-btn .icon{font-size:1.1rem}.section-title{font-size:1.1rem;color:#a78bfa;margin:2rem 0 1rem;padding-left:.8rem;border-left:4px solid #ec4899;letter-spacing:2px;font-weight:700}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tab{padding:.5rem 1.2rem;border-radius:20px;border:1.5px solid rgba(139,92,246,.25);background:#1e1b4b80;color:var(--text-dim);cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.5px;transition:all .3s;font-family:inherit;backdrop-filter:blur(8px)}.tab:hover,.tab.active{border-color:#a78bfa;color:#c4b5fd;background:#8b5cf626;box-shadow:0 2px 12px #8b5cf626}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.card{background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:18px;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);border-color:#8b5cf680}.card:active{transform:translateY(-2px);transition:all .1s}.card.featured{border-color:#ffd70073;box-shadow:0 0 20px #ffd7001f,inset 0 0 20px #ffd7000a}.card.featured:hover{border-color:#ffd700a6;box-shadow:0 0 28px #ffd7002e,inset 0 0 20px #ffd7000f}.card.featured .card-art:before{content:"⭐";position:absolute;top:8px;right:10px;font-size:14px;z-index:2;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.card.featured .card-art{border-bottom:2px solid rgba(255,215,0,.2)}.card-art{height:130px;display:flex;align-items:center;justify-content:center;font-size:3.8rem;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--art-from,#1a1040),var(--art-to,#2d1b4e))}.card-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(139,92,246,.1),transparent 60%),radial-gradient(circle at 70% 60%,rgba(236,72,153,.08),transparent 50%);pointer-events:none}.card-art .emoji{position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s}.card-art img{position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .3s}.card:hover .card-art .emoji,.card:hover .card-art img{transform:scale(1.1)}.card-art.sprite{background-image:url(assets/sprites/brain.png),linear-gradient(135deg,var(--art-from,#1a1040),var(--art-to,#2d1b4e));background-size:auto 100%,cover;background-repeat:no-repeat,no-repeat;background-position:center,center;background-blend-mode:screen,normal}.card-art.sprite .emoji{display:none}.card-info{padding:.8rem 1rem 1rem;display:flex;flex-direction:column;gap:.15rem}.card-info h3{font-size:.92rem;font-weight:700;color:#e2e8f0;line-height:1.3;margin:0}.card-info .desc{font-size:.75rem;color:var(--text-dim);line-height:1.4}.hidden{display:none!important}.footer{text-align:center;padding:2rem 1rem;color:var(--text-dim);font-size:.75rem;letter-spacing:2px;position:relative;z-index:1;margin-top:2rem;font-weight:600}@media (max-width:900px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:600px){.main{padding:0 .8rem 2rem}.hero{padding:2.5rem 1rem}.hero h1{font-size:2rem;letter-spacing:3px}.hero .subtitle{font-size:.75rem;letter-spacing:2px}.hero .tagline{font-size:.65rem}.hero-btn{padding:.5rem 1rem;font-size:.75rem}.game-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.card{border-radius:14px}.card-art{height:100px;font-size:2.8rem}.card-info{padding:.6rem .75rem .75rem}.card-info h3{font-size:.8rem}.card-info .desc{font-size:.7rem}.tabs{gap:.3rem}.tab{padding:.4rem .8rem;font-size:.7rem}}