@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101116;--muted:#989aa8;--line:#2a2c36;--lime:#d5ff70}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:#f4f3f7;font-family:'DM Sans',sans-serif}.shell{max-width:1240px;margin:auto;padding:0 48px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}header{min-height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font:700 16px 'Space Grotesk',sans-serif;letter-spacing:1px}.logo{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--lime);color:#101116;font-size:29px;letter-spacing:-4px;transform:skew(-8deg)}.logo span{font-size:19px}.brand-label{color:var(--muted);border-left:1px solid var(--line);padding-left:13px;font-size:11px;font-weight:500}.nav{font-size:10px;letter-spacing:1.5px}.nav span{margin-left:26px;color:var(--lime);font-size:20px}.intro{padding:68px 0 57px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--lime);border-radius:50%}h1{font:600 clamp(56px,7.4vw,96px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-5px;margin:26px 0 27px}h1>span{color:var(--lime)}.intro-bottom{display:flex;align-items:end;justify-content:space-between}.intro-bottom p{font-size:16px;line-height:1.7;color:#b5b7c3;margin:0}.browser-note{font-size:10px;line-height:1.7;letter-spacing:1px;position:relative;padding-right:45px}.browser-note span{position:absolute;right:0;bottom:-5px;color:var(--lime);font-size:39px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-heading h2{font:500 18px 'Space Grotesk',sans-serif;margin:0}.section-heading>span{color:#878a99;font-size:10px;letter-spacing:1.5px}.games{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#17181f;transition:border-color .2s}.card:hover{border-color:#6d7263}.art{display:block;height:290px;position:relative;overflow:hidden}.art-label,.art-index{position:absolute;left:25px;font-size:9px;letter-spacing:1.5px;z-index:5}.art-label{top:23px}.art-index{bottom:22px}.dead-art{background:radial-gradient(ellipse at 70% 40%,#596444 0,#2b362b 28%,#18251f 58%,#111c18 100%);color:#c8d2af}.grid{position:absolute;inset:0;background-image:linear-gradient(#a7bc7010 1px,transparent 1px),linear-gradient(90deg,#a7bc7010 1px,transparent 1px);background-size:32px 32px}.moon{position:absolute;right:60px;top:44px;width:102px;height:102px;border-radius:50%;background:#b4bc72;opacity:.23;box-shadow:0 0 65px #a7bc7066}.city{position:absolute;bottom:0;left:0;right:0;background:#0b1815;clip-path:polygon(0 42%,8% 42%,8% 22%,16% 22%,16% 48%,24% 48%,24% 10%,32% 10%,32% 36%,40% 36%,40% 0,46% 0,46% 54%,58% 54%,58% 27%,68% 27%,68% 8%,77% 8%,77% 47%,87% 47%,87% 18%,94% 18%,94% 40%,100% 40%,100% 100%,0 100%);height:130px}.city-back{opacity:.5;transform:scaleX(-1);bottom:34px}.city-front{opacity:.8}.art-title{position:absolute;left:25px;top:106px;font:700 clamp(35px,4.5vw,58px)/1 'Space Grotesk',sans-serif;letter-spacing:-3px;color:#f0edcf;z-index:4;transform:skew(-5deg);text-shadow:0 4px 25px #05100d}.art-title>span{color:#c4d78e}.art-title small{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:5px;margin-top:14px}.crosshair{position:absolute;right:32px;bottom:35px;border:1px solid #c7d79480;border-radius:50%;width:62px;height:62px;z-index:4}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#c7d79480}.crosshair:before{width:82px;height:1px;left:-11px;top:30px}.crosshair:after{width:1px;height:82px;left:30px;top:-11px}.hatch-art{background:radial-gradient(ellipse at 66% 45%,#c0acd5 0,#8972a4 40%,#5b4e77 100%);color:#f6e6ff}.orbit{position:absolute;width:410px;height:210px;border:1px solid #ecd4ff2b;border-radius:50%;left:28px;top:40px;transform:rotate(-26deg)}.orbit-two{transform:rotate(30deg);left:80px;top:80px}.pets{position:absolute;inset:0}.pets img{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 16px #2b124344)}.dragon{width:210px;height:210px;right:0;top:27px;transform:rotate(8deg)}.chick{width:135px;height:135px;right:120px;top:105px;transform:rotate(-8deg)}.hatch-title{position:absolute;top:91px;left:27px;font:700 76px 'Space Grotesk',sans-serif;letter-spacing:-5px;color:#fff1cc;transform:rotate(-5deg);text-shadow:0 4px 0 #4f3b6a33}.hatch-title span{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-top:3px}.spark{position:absolute;color:#ffe7ac}.spark-one{right:28px;top:38px;font-size:32px}.spark-two{left:45%;top:56px;font-size:23px}.card-body{padding:26px}.tags{display:flex;gap:8px}.tags span{font-size:8px;letter-spacing:1.1px;padding:6px 9px;border:1px solid #3c4135;border-radius:4px;color:#d3dfa9}.hatch .tags span{color:#dbbfef;border-color:#4c3d59}h3{font:600 29px 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:18px 0 10px}.card-body p{font-size:14px;line-height:1.8;color:#a8aab8;margin:0 0 25px}.play{display:flex;align-items:center;justify-content:space-between;background:var(--lime);color:#161b0c;padding:16px 18px;border-radius:6px;font-size:13px;font-weight:700;transition:filter .2s}.play:hover{filter:brightness(1.1)}.play span{font-size:20px;line-height:16px}.hatch .play{background:#dac5f2;color:#30213f}aside{margin:32px 0 62px;border:1px dashed #373944;border-radius:10px;padding:25px;display:flex;align-items:center;gap:20px}.plus{font:300 30px 'Space Grotesk',sans-serif;color:#858896;width:42px;height:42px;display:grid;place-items:center;background:#20212a;border-radius:8px}aside h2{font-size:14px;font-weight:500;margin:0 0 7px}aside p{font-size:12px;color:var(--muted);margin:0}.aside-arrow{margin-left:auto;color:#666a78;font-size:25px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:27px 0 34px;font-size:9px;color:#7e8190;letter-spacing:1px}footer a{color:#bfc2ce}@media(min-width:1100px){.dragon{right:12px}.chick{right:132px}}@media(max-width:750px){.shell{padding:0 22px}header{min-height:84px}.brand{font-size:13px;gap:9px}.brand-label{font-size:9px;padding-left:9px}.nav{font-size:9px}.nav span{margin-left:8px}.intro{padding:45px 0}h1{letter-spacing:-3px;font-size:65px}.intro-bottom p{font-size:14px}.browser-note{display:none}.games{grid-template-columns:1fr;gap:24px}.art{height:290px}.art-title{font-size:58px}.hatch-title{font-size:76px}.section-heading>span{font-size:8px}.section-heading h2{font-size:17px}footer{flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){display:none}aside{padding:20px;gap:14px;margin-bottom:40px}aside p{line-height:1.6}.aside-arrow{display:none}}@media(max-width:380px){.nav{display:none}h1{font-size:56px}.art-title{font-size:48px}.hatch-title{font-size:66px}.dragon{right:-35px}.chick{right:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.rift-art{background:radial-gradient(ellipse at 75% 45%,#466b79,#172c3b 48%,#0d1728);color:#bdffcf}.rift-ring{position:absolute;right:30px;top:40px;width:200px;height:200px;border:14px solid #a0ffd88c;border-radius:50%;box-shadow:0 0 50px #77d7bf55,inset 0 0 50px #77d7bf44;transform:rotate(-25deg) scaleX(.65)}.riftbreak .art-title>span{color:#a7ffbf}.riftbreak .play{background:#a7ffbf}.riftbreak .tags span{color:#a7ffbf;border-color:#385e51}