:root{--bg:#070912;--panel:#0f1424;--panel2:#151c30;--line:#273451;--text:#f5f7ff;--muted:#8d9ab3;--a:#6ee7ff;--b:#a78bfa;--hot:#fb7185}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 500px at 50% -10%,#23345a55,transparent 70%),var(--bg);color:var(--text);font:15px system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}
header{position:sticky;top:0;z-index:10;background:#070912e8;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0d}.nav{max-width:1180px;margin:auto;padding:15px 20px;display:flex;align-items:center;gap:22px}.logo{font-weight:900;font-size:23px;letter-spacing:-1px}.logo span{color:var(--a)}nav{display:flex;gap:15px}nav button,.sound{background:none;border:0;color:var(--muted);font-weight:700}nav button:hover,.sound:hover{color:#fff}.spacer{flex:1}.hero{max-width:1180px;margin:0 auto;padding:68px 20px 35px;display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:center}.eyebrow{color:var(--a);font-weight:800;text-transform:uppercase;letter-spacing:2px}.hero h1{font-size:clamp(44px,7vw,78px);line-height:.92;margin:12px 0 18px;letter-spacing:-5px}.hero h1 em{font-style:normal;color:var(--b)}.hero p{font-size:18px;color:var(--muted);max-width:650px}.hero-art{height:280px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#141d34,#0a0e19);display:grid;place-items:center;box-shadow:0 30px 80px #0008;position:relative;overflow:hidden}.hero-art:before{content:"";width:170px;height:170px;border-radius:30px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 0 70px #6ee7ff55;transform:rotate(12deg)}.hero-art:after{content:"PLAY";position:absolute;font-size:55px;font-weight:1000;letter-spacing:5px;color:#fff;text-shadow:4px 4px 0 #0008}.controls{max-width:1180px;margin:auto;padding:0 20px 22px;display:flex;gap:12px;flex-wrap:wrap}.search{flex:1;min-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 16px;color:#fff;outline:none}.search:focus{border-color:var(--a)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip,.btn{border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:10px;padding:10px 14px;font-weight:750}.chip.active,.btn.primary{background:linear-gradient(135deg,#273e5d,#392d63);border-color:#6ee7ff66}.section{max-width:1180px;margin:auto;padding:15px 20px 55px}.section h2{font-size:25px;margin:5px 0 18px}.games{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{background:linear-gradient(145deg,#11182a,#0d1220);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.18s transform,.18s border-color;position:relative}.card:hover{transform:translateY(-5px);border-color:#6ee7ff66}.thumb{height:135px;display:grid;place-items:center;font-size:52px;background:radial-gradient(circle,#26385c,#101627)}.cardbody{padding:14px}.card h3{margin:0 0 5px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:13px;min-height:38px}.meta{display:flex;justify-content:space-between;color:#73829d;font-size:12px;margin-top:10px}.fav{position:absolute;right:9px;top:9px;width:34px;height:34px;border:0;border-radius:9px;background:#070912aa;color:#fff;font-size:18px}.fav.on{color:#facc15}.play{width:100%;margin-top:11px;padding:10px;border-radius:9px;border:0;background:#1e2d49;color:#fff;font-weight:800}.empty{color:var(--muted);padding:30px;text-align:center;border:1px dashed var(--line);border-radius:15px}.modal{position:fixed;inset:0;background:#000b;z-index:30;display:none;align-items:center;justify-content:center;padding:16px}.modal.open{display:flex}.box{width:min(980px,96vw);max-height:94vh;overflow:auto;background:#0b1120;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 30px 100px #000}.gamehead{display:flex;align-items:center;gap:12px}.gamehead h2{margin:0}.gamehead .spacer{flex:1}.gamewrap{display:grid;place-items:center;padding:12px 0}.gamecanvas{max-width:100%;background:#050811;border:1px solid #263451;border-radius:10px;image-rendering:pixelated}.help{text-align:center;color:var(--muted);padding:8px}.scores{color:var(--muted);font-size:13px}.touch{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.touch button{min-width:52px;height:44px;background:#1a2942;border:1px solid var(--line);color:#fff;border-radius:8px}.toast{position:fixed;bottom:20px;right:20px;background:#17233a;border:1px solid var(--line);padding:12px 16px;border-radius:10px;display:none;z-index:50}
@media(max-width:950px){.games{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:600px){nav{display:none}.games{grid-template-columns:repeat(2,1fr)}.hero{padding-top:45px}.hero h1{letter-spacing:-3px}.thumb{height:110px}}