@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#f5f4ef;--panel:#fff;--text:#22251f;--muted:#77796f;--line:#e5e4dc;--green:#277b52;--shadow:0 12px 30px #27331a10}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:72px;display:flex;align-items:center;gap:22px;padding:0 max(5vw,20px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-weight:700;font-size:1.25rem;white-space:nowrap}.logo{width:30px;height:30px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center}.search{margin-left:auto;width:min(330px,50%);display:flex;gap:10px;align-items:center;background:#f5f5f0;border:1px solid var(--line);border-radius:12px;padding:0 12px;height:42px;color:var(--muted)}.search span{font-size:1.4rem}.search input{background:none;border:0;outline:0;width:100%;color:var(--text)}main{width:min(1160px,90%);margin:auto}.hero{margin:28px 0 24px;border-radius:24px;padding:42px 6%;background:#dff0d8;display:flex;justify-content:space-between;align-items:center;min-height:265px;overflow:hidden;position:relative}.eyebrow{font-size:.7rem;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 10px}.hero h1{font-family:'Space Grotesk';font-size:clamp(2.5rem,5vw,4rem);line-height:1;letter-spacing:-2px;margin:0}.hero h1 span{color:var(--green)}.hero p:not(.eyebrow){color:#4e6654;margin:15px 0 22px}.cta{display:inline-block;background:var(--green);color:#fff;padding:12px 17px;border-radius:11px;font-weight:700}.hero-icons{display:flex;gap:12px;align-items:center;transform:rotate(-6deg)}.hero-icons span{display:grid;place-items:center;width:68px;height:80px;background:#ffffffa6;border:1px solid #fff;border-radius:18px;font-size:2.4rem;box-shadow:var(--shadow)}.hero-icons span:nth-child(2n){transform:translateY(-25px) rotate(8deg)}.filters{display:flex;gap:9px;overflow-x:auto;padding:2px 0 8px;margin-bottom:32px}.filters button{border:1px solid var(--line);background:var(--panel);padding:10px 15px;border-radius:11px;white-space:nowrap;color:var(--muted);cursor:pointer}.filters button.active,.filters button:hover{background:var(--green);border-color:var(--green);color:#fff}#games{padding-bottom:36px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.heading h2{font-family:'Space Grotesk';font-size:1.8rem;margin:0;letter-spacing:-.7px}.heading .eyebrow{margin-bottom:6px}#count{color:var(--muted);font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card{padding:0;text-align:left;overflow:hidden;border:1px solid var(--line);background:var(--panel);border-radius:17px;color:var(--text);cursor:pointer;transition:transform .18s,border-color .18s;box-shadow:var(--shadow)}.game-card:hover{transform:translateY(-4px);border-color:#87b89a}.art{height:125px;display:grid;place-items:center;font-size:3.5rem;position:relative;overflow:hidden}.art:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #ffffff55;border-radius:50%;right:-25px;top:-48px}.art span{filter:drop-shadow(0 8px 6px #0002);z-index:1}.a1{background:linear-gradient(135deg,#8dcead,#32966b)}.a2{background:linear-gradient(135deg,#ffdc86,#f49d4b)}.a3{background:linear-gradient(135deg,#a7d7ff,#6288e7)}.a4{background:linear-gradient(135deg,#ffb2c9,#d46ab4)}.a5{background:linear-gradient(135deg,#d0b5ff,#8a67d8)}.a6{background:linear-gradient(135deg,#a8e9e5,#55a8b8)}.a7{background:linear-gradient(135deg,#ffd2a2,#ee765c)}.a8{background:linear-gradient(135deg,#d8ed9d,#80b34d)}.info{padding:13px 14px 15px}.info h3{margin:0 0 5px;font-size:.98rem}.info p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.4;min-height:32px}.tag{display:inline-block;margin-top:10px;padding:5px 7px;border-radius:6px;background:#e8f4e9;color:#28754e;font-size:.65rem;font-weight:700;letter-spacing:.3px}.tag.soon{background:#f0eee8;color:#817c70}.disclaimer{color:var(--muted);font-size:.78rem;line-height:1.6;margin:0 0 36px}footer{border-top:1px solid var(--line);background:#fff;padding:23px 5%;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.8rem}.empty{text-align:center;color:var(--muted);padding:40px}@media(max-width:850px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-icons span{width:52px;height:62px;font-size:1.8rem}}@media(max-width:600px){.topbar{height:64px;gap:12px}.brand{font-size:1rem}.logo{width:27px;height:27px}.search{height:38px;width:auto;flex:1}.hero{min-height:250px;padding:30px 7%}.hero-icons{position:absolute;right:-45px;bottom:10px;opacity:.4}.hero h1{font-size:2.8rem}.hero p:not(.eyebrow){max-width:235px;line-height:1.5}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.art{height:112px;font-size:3rem}.info{padding:11px}.heading h2{font-size:1.5rem}footer{gap:12px;flex-wrap:wrap}}