@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--ink:#17221f;--cream:#f5f1e8;--lime:#d9f36a;--muted:#68716b;--line:#d9d7ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Space Grotesk',sans-serif}header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;font-weight:700}.brand:first-letter{background:var(--lime)}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:.92rem}.button{display:inline-flex;gap:18px;align-items:center;padding:14px 20px;background:var(--ink);color:var(--cream);text-decoration:none;font-weight:600;border-radius:2px}.button.small{padding:10px 15px;font-size:.82rem}.hero{min-height:510px;padding:80px 10vw 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.eyebrow{font:500 .7rem 'DM Mono',monospace;letter-spacing:.16em;color:var(--muted);margin:0 0 18px}.hero h1{font-size:clamp(3.8rem,7vw,6.6rem);line-height:.92;letter-spacing:-.07em;margin:0 0 25px}.hero h1 em{font-style:normal;color:#8ba21d}.hero-copy{max-width:360px;color:var(--muted);line-height:1.6;margin:0 0 30px}.hero-art{height:330px;position:relative;background:#b9dce0;border-radius:50% 50% 0 0;overflow:hidden}.sun{position:absolute;width:125px;height:125px;border-radius:50%;background:#f3c564;top:40px;right:20%}.mountain{position:absolute;bottom:-2px;width:0;height:0;border-left:180px solid transparent;border-right:180px solid transparent}.mountain.back{left:4%;border-bottom:230px solid #79afb0}.mountain.front{right:2%;border-left-width:240px;border-right-width:240px;border-bottom:175px solid #3d7771}.pixel-player{position:absolute;bottom:80px;left:47%;font-size:3.5rem;color:var(--lime);text-shadow:7px 0 var(--ink),0 7px var(--ink),7px 7px var(--ink)}.ad-slot{height:90px;margin:0 6vw;border-block:1px solid var(--line);display:grid;place-items:center;color:#9a9d94;font:500 .65rem 'DM Mono',monospace;letter-spacing:.15em}.games-section{padding:85px 6vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2,.about h2,.submit h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em;margin:0}.search{border-bottom:1px solid var(--ink);padding:8px 0;display:flex;gap:8px}.search input{border:0;background:none;outline:0;font:inherit;width:150px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{background:#fff;border:1px solid var(--line);transition:.2s}.game-card:hover{transform:translateY(-5px);box-shadow:5px 5px 0 var(--lime)}.game-art{height:175px;display:grid;place-items:center;font-size:3.5rem}.game-card:nth-child(1) .game-art{background:#dce8ff}.game-card:nth-child(2) .game-art{background:#ffe0ac}.game-card:nth-child(3) .game-art{background:#d8efbd}.game-info{padding:18px}.game-info h3{margin:0 0 6px}.game-info p{margin:0;color:var(--muted);font-size:.88rem}.play{display:block;margin-top:18px;font-weight:600;font-size:.85rem}.empty{color:var(--muted)}.about{padding:75px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--ink);color:var(--cream)}.about .eyebrow{color:#a7afa6}.about p:last-child{line-height:1.7;color:#c4cbc2}.submit{text-align:center;padding:85px 20px}.submit p{color:var(--muted);margin:14px 0 25px}.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}footer{padding:25px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}@media(max-width:700px){nav a:not(.button){display:none}.hero{padding:55px 7vw 35px;display:block}.hero-art{height:230px;margin-top:45px}.games-section{padding:60px 7vw}.section-heading{display:block}.search{margin-top:22px;width:max-content}.game-grid{grid-template-columns:1fr}.about{padding:60px 7vw;display:block}.about p:last-child{margin-top:25px}.ad-slot{margin:0 7vw}footer{padding:22px 7vw;display:block}footer span{display:block;margin-top:5px}}