@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-italic-DS6JCx7O.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-italic-Cq9u_6Zz.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:italic;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-italic-BuvkOFDm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--green:#17b53f;--green-hi:#2ee35b;--green-deep:#0a5a22;--ink:#0b0f0c;--paper:#eef5ef;--soft:#0b0f0ca8;--gutter:6vw}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo Variable,system-ui,sans-serif}a{color:inherit}:focus-visible{outline:2.5px solid var(--green);outline-offset:4px;border-radius:8px}.nav{z-index:10;padding:2.2vh var(--gutter) 0;grid-template-columns:1fr auto 1fr;align-items:center;transition:background .3s,padding .3s;display:grid;position:fixed;inset:0 0 auto}.nav.solid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eef5efdb;padding-top:1.4vh;padding-bottom:1.4vh}.logo-sm{font-variation-settings:"wdth" 125;letter-spacing:-.04em;color:var(--ink);justify-self:start;font-size:max(22px,1.95vw);font-style:italic;font-weight:900;text-decoration:none}.nav nav{gap:max(24px,3.1vw);display:flex}.nav nav a{color:var(--ink);padding:.4vw 0 .65vw;font-size:max(14px,.98vw);text-decoration:none;position:relative}.nav nav a:after{content:"";background:var(--green);border-radius:2px;height:2.5px;transition:transform .25s;position:absolute;bottom:0;left:-2px;right:-2px;transform:scaleX(0)}.nav nav a.on{color:#12963a;font-weight:600}.nav nav a.on:after,.nav nav a:hover:after{transform:scaleX(1)}.social{justify-self:end;gap:max(16px,1.9vw);display:flex}.social a{color:#0d1a12;width:max(20px,1.6vw);height:max(20px,1.6vw);transition:color .2s,transform .2s}.social a:hover{color:var(--green);transform:translateY(-2px)}.social svg{fill:currentColor;width:100%;height:100%}.menu-btn{display:none}.hero{background:var(--paper);height:100vh;min-height:560px;position:relative;overflow:hidden}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-copy{left:var(--gutter);z-index:2;position:absolute;top:16.2vh}.kicker,.motto{color:#1d2a21;white-space:nowrap;margin:0;font-weight:500}.kicker{letter-spacing:.32em;margin-left:.9vw;font-size:max(10px,.82vw)}.motto{letter-spacing:.42em;margin-top:1.4vh;font-size:max(12px,1.05vw)}.logo{margin:1.2vh 0 0;line-height:.8}.logo span{font-variation-settings:"wdth" 125;letter-spacing:-.05em;--s:0%;--g:0;--mx:50%;--my:50%;background:radial-gradient(circle at var(--mx) var(--my), rgba(190, 255, 210, calc(var(--g) * .95)), rgba(74, 240, 122, calc(var(--g) * .5)) 9%, #4af07a00 24%), linear-gradient(100deg, #050806 calc(0% + var(--s)), #0c1a10 calc(40% + var(--s)), #0f7a2c calc(58% + var(--s)), #22c84c calc(74% + var(--s)), #4af07a calc(100% + var(--s)));cursor:default;color:#0000;filter:drop-shadow(0 10px 18px #0a3c1940);-webkit-background-clip:text;background-clip:text;padding-right:.08em;font-size:max(64px,9.2vw);font-style:italic;font-weight:900;display:inline-block}.yt{color:#fff;letter-spacing:.04em;background:linear-gradient(#13702e,#0a4d1d);border-radius:999px;align-items:center;gap:18px;margin-top:4.4vh;padding:max(14px,1.5vw) max(28px,2.6vw);font-size:max(14px,1.08vw);font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 0 2px #2ee35bbf,0 0 26px #2ee35b8c,inset 0 1px #fff3}.yt svg{width:max(30px,1.8vw);height:max(22px,1.3vw)}.yt .chev{width:max(10px,.6vw);height:max(16px,.95vw);margin-left:.9vw}.yt:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #2ee35b,0 0 40px #2ee35bbf,inset 0 1px #fff3}.panel-wrap{z-index:2;perspective:1400px;width:26.5vw;position:absolute;top:8.5vh;right:3.2vw}.games-panel{transform-style:preserve-3d;transform-origin:85%;will-change:transform;background:linear-gradient(160deg,#0a2816eb,#061a0eeb);border-radius:1.6vw;gap:1.2vw;padding:1.3vw;display:grid;transform:rotateY(-20deg)rotate(-4deg)rotateX(4deg);box-shadow:0 0 0 2px #2ee35bbf,0 0 40px #2ee35b73,0 30px 60px -20px #00280f80}.game{aspect-ratio:16/6.6;color:#fff;min-width:0;transform-style:preserve-3d;border-radius:.9vw;text-decoration:none;display:block;position:relative}.slab{--gap:.3vw;border-radius:inherit;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(var(--lift,0px));justify-content:flex-end;align-items:flex-end;gap:.8vw;padding:0 1.1vw .9vw 0;transition:transform .28s ease-out;animation:5.2s ease-in-out infinite bob;display:flex;position:absolute;inset:0}.game:nth-child(2) .slab{animation-delay:-1.7s}.game:nth-child(3) .slab{animation-delay:-3.4s}@keyframes bob{0%,to{translate:0}50%{translate:0 -.25vw 1vw}}.game:hover .slab,.game:focus-visible .slab{--gap:.55vw;--lift:3vw;animation-play-state:paused}.ex{border-radius:inherit;pointer-events:none;background:color-mix(in srgb, #2bdc62 calc(100% - var(--n) * 10%), #04260f);transform:translateZ(calc(var(--n) * var(--gap) * -1));transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.plate{border-radius:inherit;pointer-events:none;background:var(--img) 30% 35% / cover;transition:box-shadow .35s;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.plate:after{content:"";background:linear-gradient(90deg,#0000 35%,#0000008c);position:absolute;inset:0}.game:hover .plate,.game:focus-visible .plate{box-shadow:inset 0 0 0 2px var(--green-hi), 0 0 30px #2ee35bb3}.game span{z-index:1;letter-spacing:.02em;text-shadow:0 2px 8px #0009;font-size:max(14px,1.55vw);font-weight:800;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateZ(1.2vw)rotate(-4deg)}.game i{z-index:1;border:2px solid #fff;border-radius:50%;width:max(22px,1.9vw);height:max(22px,1.9vw);transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateZ(1.2vw)rotate(-4deg)}.game:hover span,.game:focus-visible span{transform:translateZ(3.6vw)rotate(-4deg)}.game:hover i,.game:focus-visible i{transform:translateZ(4.4vw)rotate(-4deg)scale(1.12)}.game i:after{content:"";border:2px solid #fff;border-width:2px 2px 0 0;width:28%;height:28%;position:absolute;top:30%;left:36%;transform:rotate(45deg)}.block{z-index:2;padding:14vh var(--gutter);position:relative}.block h2{font-variation-settings:"wdth" 125;letter-spacing:-.04em;margin:0 0 14px;font-size:max(44px,5.6vw);font-style:italic;font-weight:900;line-height:.95}.lede{max-width:36rem;color:var(--soft);margin:0 0 5vh;font-size:max(17px,1.1vw);line-height:1.55}.vids{grid-template-columns:repeat(4,minmax(0,1fr));gap:max(16px,1.6vw);display:grid}.vid{background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:10px 10px 16px;text-decoration:none;transition:translate .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 1px #0b0f0c0f,0 18px 40px -26px #0a461e73}.vid img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.vid .tag{color:#0f7a2c;background:#e3f6e8;border-radius:999px;align-self:flex-start;margin-top:4px;padding:3px 9px;font-size:max(12px,.72vw);font-weight:700}.vid strong{font-size:max(15px,.95vw);font-weight:700;line-height:1.3}.vid em{color:var(--soft);font-size:max(13px,.8vw);font-style:normal}.vid.is-hot{box-shadow:0 0 0 2px var(--green), 0 22px 46px -22px #17b53f99}.more{color:#0f7a2c;text-underline-offset:4px;margin-top:4vh;font-weight:700;text-decoration-thickness:2px;display:inline-block}.about-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:6vw;display:grid}.about-text p{color:#1d2a21;max-width:38rem;margin:0 0 1.2em;font-size:max(17px,1.15vw);line-height:1.65}.stats{gap:14px;margin:0;display:grid}.stats div{color:#fff;background:linear-gradient(135deg,#0b3a19,#0f6a2a);border-radius:18px;padding:20px 24px;box-shadow:0 0 0 1px #2ee35b66}.stats dt{opacity:.8;font-size:max(13px,.8vw)}.stats dd{font-variation-settings:"wdth" 125;margin:4px 0 0;font-size:max(34px,2.6vw);font-style:italic;font-weight:900;line-height:1}.links{grid-template-columns:repeat(4,minmax(0,1fr));gap:max(14px,1.4vw);display:grid}.links a{background:#fff;border-radius:18px;flex-direction:column;gap:4px;padding:24px;text-decoration:none;transition:box-shadow .2s,translate .2s;display:flex;box-shadow:0 0 0 1.5px #0b0f0c14}.links b{font-size:max(19px,1.25vw)}.links span{color:var(--soft);font-size:max(14px,.9vw)}.links a.is-hot{box-shadow:0 0 0 2px var(--green), 0 0 24px #2ee35b59}.games-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:6vw;display:grid}.gcard{background:#fff;border-radius:18px;max-width:34rem;margin-top:18px;padding:24px 26px;position:relative;box-shadow:0 0 0 1.5px #0b0f0c14,0 18px 40px -26px #0a461e73}.gcard h3{font-variation-settings:"wdth" 125;letter-spacing:-.02em;margin:10px 0 6px;font-size:max(26px,2vw);font-style:italic;font-weight:900}.gcard p{color:var(--soft);margin:0;font-size:max(15px,.95vw);line-height:1.55}.gcard .tag{color:#0f7a2c;background:#e3f6e8;border-radius:999px;padding:3px 9px;font-size:max(12px,.72vw);font-weight:700}.gcard.soon{opacity:.7}.gcard.soon .tag{color:var(--soft);background:#eceeed}.gcard.is-hot{box-shadow:0 0 0 2px var(--green), 0 22px 46px -22px #17b53f99}.play-btn{color:#fff;background:linear-gradient(#13702e,#0a4d1d);border-radius:999px;margin-top:18px;padding:13px 26px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:0 0 0 2px #2ee35b99,0 0 22px #2ee35b73}.phone{aspect-ratio:9/18.5;background:linear-gradient(150deg,#1c2a21,#050806);border-radius:44px;justify-self:center;width:max(240px,min(360px,26vw,40vh));padding:12px;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block;transform:perspective(1400px)rotateY(-14deg)rotateX(4deg);box-shadow:0 0 0 2px #2ee35b59,0 40px 80px -30px #0a461eb3}.phone:hover{transform:none}.phone-screen{background:#05060f url(/play/orbit-hop/poster.jpg) 50%/cover;border-radius:34px;height:100%;display:block;position:relative;overflow:hidden}.phone-screen video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.phone-play{background:#17b53feb;border-radius:50%;place-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;transition:scale .2s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 6px #2ee35b4d,0 0 40px #2ee35bb3}.phone:hover .phone-play{scale:1.08}.phone-play svg{fill:#fff;width:38px;height:38px;margin-left:5px}#tracer{z-index:6;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (width<=1100px){.vids,.links{grid-template-columns:repeat(2,minmax(0,1fr))}}.links span{overflow-wrap:anywhere}@media (width<=700px){.about-grid,.links,.games-grid{grid-template-columns:1fr}.phone{width:64vw;min-width:0;transform:none}.vids{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){#tracer{display:none}}@media (aspect-ratio<=1),(width<=700px){.nav{grid-template-columns:1fr auto auto;gap:4vw}.nav nav{z-index:-1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;background:#eef5eff7;flex-direction:column;justify-content:center;gap:1.2vh;padding:0 10vw;transition:opacity .3s,visibility 0s .3s;position:fixed;inset:0}.nav.open nav{opacity:1;visibility:visible;transition:opacity .3s}.nav.open{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.nav nav a{font-variation-settings:"wdth" 125;letter-spacing:-.04em;opacity:0;align-self:flex-start;padding:.6vh 0;font-size:max(34px,11vw);font-style:italic;font-weight:900;line-height:1.05;transition:transform .4s,opacity .4s,color .2s;transform:translateY(14px)}.nav.open nav a{opacity:1;transform:none}.nav.open nav a:nth-child(2){transition-delay:40ms}.nav.open nav a:nth-child(3){transition-delay:80ms}.nav.open nav a:nth-child(4){transition-delay:.12s}.nav.open nav a:nth-child(5){transition-delay:.16s}.nav.open nav a:nth-child(6){transition-delay:.2s}.nav nav a:after{height:4px;bottom:2px}.menu-btn{cursor:pointer;background:linear-gradient(#13702e,#0a4d1d);border:0;border-radius:12px;place-content:center;gap:5px;width:42px;height:42px;padding:0;display:grid;box-shadow:0 0 0 2px #2ee35b80,0 0 16px #2ee35b59}.menu-btn i{background:#fff;border-radius:2px;width:20px;height:2.5px;transition:transform .3s,opacity .2s;display:block}.nav.open .menu-btn i:first-child{transform:translateY(7.5px)rotate(45deg)}.nav.open .menu-btn i:nth-child(2){opacity:0}.nav.open .menu-btn i:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.hero{height:100svh}.hero-copy{text-align:center;top:11vh;left:0;right:0}.kicker{letter-spacing:.24em;margin-left:0;font-size:max(9px,2.3vw)}.motto{letter-spacing:.3em;font-size:max(10px,2.6vw)}.logo span{font-size:21vw}.yt{gap:3vw;margin-top:2.6vh;padding:3.4vw 6vw;font-size:max(13px,3.4vw)}.yt svg{width:7vw;height:5vw}.yt .chev{width:2.2vw;height:3.6vw;margin-left:2vw}.panel-wrap{width:auto;inset:auto 6vw 4vh}.games-panel{border-radius:4vw;grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw;padding:2.4vw;transform:rotateX(8deg)}.game{aspect-ratio:3/4;border-radius:2.6vw}.slab{--gap:.5vw;justify-content:center;padding:0 2vw 2vw}.game span{font-size:max(11px,3.2vw);transform:none}.game:hover span,.game:focus-visible span{transform:none}.nav{padding-top:2vh}.logo-sm{font-size:max(22px,6vw)}.social{gap:4vw}.social a{width:max(20px,5.2vw);height:max(20px,5.2vw)}.game i{display:none}}@media (prefers-reduced-motion:reduce){.games-panel{transform:none}.slab{animation:none}}.filters{flex-wrap:wrap;gap:10px;margin:0 0 4vh;display:flex}.filters button{font:inherit;cursor:pointer;color:var(--ink);background:#fff;border:1.5px solid #0b0f0c24;border-radius:999px;padding:11px 22px;font-size:max(15px,.95vw);font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.filters button:hover{border-color:var(--green)}.filters button[aria-selected=true]{color:#fff;background:linear-gradient(#13702e,#0a4d1d);border-color:#0000;box-shadow:0 0 0 2px #2ee35b99,0 0 22px #2ee35b73}.vids{perspective:1200px}.tilt{transform-style:preserve-3d;will-change:transform}.tilt:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), #ffffff38, #fff0 55%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.tilt.is-hot:after{opacity:1}.vid img,.vid strong{transform:translateZ(28px)}.vid .tag,.vid em{transform:translateZ(18px)}.stats div,.links a{position:relative}.stats dd,.links b{transform:translateZ(26px)}@media (hover:none){.tilt:active{scale:.98}}.foot{z-index:2;padding:28px var(--gutter);color:var(--soft);border-top:1px solid #0b0f0c14;flex-wrap:wrap;gap:24px;font-size:15px;display:flex;position:relative}.foot a{color:#0f7a2c}.foot .legal{flex-basis:100%;max-width:60rem;margin:6px 0 0;font-size:13px;line-height:1.5}
