@layer base,game;@layer base{@font-face{font-family:SpaceGrotesk;src:url(/fonts/SpaceGrotesk300.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SpaceGrotesk;src:url(/fonts/SpaceGrotesk500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SpaceGrotesk;src:url(/fonts/SpaceGrotesk700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--col1: oklch(.84 .28 141.55);--col2: oklch(.63 .23 303.91);--col3: oklch(.98 0 0);--col4: oklch(.16 .01 144.91);--col5: oklch(.23 .04 140.32);--col6: oklch(.21 .04 264);--c1a20: color-mix(in oklch, var(--col1) 20%, transparent);--c1a5: color-mix(in oklch, var(--col1) 5%, transparent);--c1a10: color-mix(in oklch, var(--col1) 10%, transparent);--c1a15: color-mix(in oklch, var(--col1) 15%, transparent);--c1a50: color-mix(in oklch, var(--col1) 50%, transparent);--c1a60: color-mix(in oklch, var(--col1) 60%, transparent);--c2a12: color-mix(in oklch, var(--col2) 12%, transparent);--c2a25: color-mix(in oklch, var(--col2) 25%, transparent);--c4a20: color-mix(in oklch, var(--col4) 20%, transparent);--c4a50: color-mix(in oklch, var(--col4) 50%, transparent);--c4a70: color-mix(in oklch, var(--col4) 70%, transparent);--c4a90: color-mix(in oklch, var(--col4) 90%, transparent);--c6a80: color-mix(in oklch, var(--col6) 80%, transparent)}html{font-size:18px;line-height:1.75}body{font-family:SpaceGrotesk,sans-serif;font-weight:300;background-color:var(--col4);color:var(--col3)}main{position:relative;z-index:1;background:var(--col4);background-image:radial-gradient(circle at 50% 15%,var(--c1a60) 0%,var(--c4a50) 40%,var(--c4a50) 100%);&:after{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(0deg,var(--c1a20) 0%,var(--c4a20) 80%,transparent 100%);background-size:cover;background-position:bottom center;background-repeat:no-repeat;z-index:-1}}section{padding-block:2rem}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;inset:0}*:focus{outline:2px solid var(--col2);outline-offset:2px}.cntr{display:grid;grid-template-columns:1fr;gap:1rem;max-width:996px;margin-inline:auto;padding-inline:1rem;.cntr{margin:0;padding:0}}.content-wrapper{display:flex;flex-direction:column;gap:1rem}a{text-decoration:none;color:var(--col3)}h1,h2,h3{color:var(--col3);max-inline-size:50ch;text-wrap:balance}h1{font-size:3rem}h2{font-size:2rem;line-height:1.25}.brand{font-size:3.5rem;line-height:1.25}.tinted{color:var(--col1)}.img-wrapper{width:100%;height:100%;padding:2rem;background-image:radial-gradient(circle,var(--c1a50) 0%,transparent 65%);transform:translateY(0);animation:floater 4s cubic-bezier(.31,0,.71,1) infinite alternate}.btn{padding:.25rem 1rem;border-radius:1.5rem;border:1px var(--col1) solid;background-color:var(--c1a15);color:var(--col1);font-weight:700;min-height:2rem;width:fit-content;&.cta{background-color:var(--col1);color:var(--col4)}&.icon{display:inline-flex;align-items:center;gap:.5rem}&:hover{cursor:pointer;background-color:var(--c1a50)}}.button-wrapper{display:flex;gap:1rem}.icon-wrapper{width:1rem;height:1rem;overflow:hidden}.is-hidden{display:none}@media(width>=728px){main{background-image:radial-gradient(circle at 72% 22%,var(--c1a60) 0%,var(--c4a50) 35%,var(--c4a50) 100%)}.content-wrapper{max-width:47ch}}@keyframes floater{0%{transform:translateY(-.75rem)}to{transform:translateY(.75rem)}}}header{display:flex;flex-direction:row;gap:.5rem;align-items:center;background-color:var(--col4);padding-block:.5rem;padding-inline:1rem;color:var(--col3);border-bottom:1px solid var(--col6)}.link-logo{font-weight:700;display:flex;flex-direction:row;gap:.5rem;align-items:center}svg.giddy{color:var(--col5);.face{fill:var(--col1)}}.menu{font-weight:300;list-style:none;display:flex;flex-direction:row;gap:1rem}footer{background-color:var(--col4);color:var(--col3);padding-block:2rem;padding-inline:1rem;border-top:1px solid var(--col6)}.footer-content{font-size:.75rem;padding-top:1rem;border-top:1px solid var(--col6)}@media(width>=728px){.footer-navbar{display:flex;flex-direction:row;gap:1rem}.footer-content{display:flex;flex-direction:row;justify-content:space-between}}