:root{--paper:#fbfaf7;--paper-2:#efece6;--ink:#121214;--ink-soft:#45454d;--pink:#f2a0ad;--pink-ink:#b04a5e;--gold:#e3b04b;--head:"Baloo 2", ui-rounded, system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, sans-serif;--gutter:clamp(16px, 6.5vw, 96px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:17px;line-height:1.55;overflow-x:hidden}a{color:inherit}svg{display:block}h1,h2,h3{font-family:var(--head);margin:0;font-weight:800;line-height:1}.hl{background:linear-gradient(transparent 60%, var(--pink) 60%, var(--pink) 88%, transparent 88%)}.top{max-width:1440px;padding:calc(env(safe-area-inset-top) + 28px) var(--gutter) 10px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.mark svg{width:52px;height:52px;transition:transform .25s;transform:rotate(-6deg)}.brand:hover .mark svg{transform:rotate(4deg)scale(1.06)}.word{font-family:var(--head);white-space:nowrap;font-size:30px;font-weight:800}nav{align-items:center;gap:6px;display:flex}nav a{border-radius:999px;padding:8px 14px;font-weight:800;text-decoration:none}nav a:hover{background:var(--paper-2)}nav .nav-cta{background:var(--ink);color:var(--paper);padding:8px 18px}nav .nav-cta:hover{background:#2a2a30}.btn{font-family:var(--head);border-radius:18px;align-items:center;gap:10px;padding:14px 26px 11px;font-size:22px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn svg{fill:currentColor;width:18px;height:18px}.btn.primary{background:var(--ink);color:#fff;box-shadow:6px 6px 0 var(--pink)}.btn.primary:hover{box-shadow:8px 8px 0 var(--pink);transform:translate(-2px,-2px)}.btn.primary:active{box-shadow:2px 2px 0 var(--pink);transform:translate(4px,4px)}.btn.small{box-shadow:5px 5px 0 var(--pink);border-radius:14px;padding:10px 18px 7px;font-size:18px}a:focus-visible{outline:3px solid var(--pink-ink);outline-offset:3px}main{max-width:1440px;margin:0 auto}.hero{padding:40px var(--gutter) 0;justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(56px,7vw,104px);line-height:.92}.hero-side{flex-direction:column;align-items:flex-start;gap:18px;max-width:420px;padding-bottom:10px;display:flex}.lede{color:var(--ink-soft);margin:0;font-size:20px}.stage{margin-top:56px;padding-bottom:70px;position:relative;overflow:clip visible}.marquee{background:var(--ink);align-items:center;height:150px;display:flex;position:absolute;top:190px;left:0;right:0;overflow:hidden}@media (min-width:1441px){.marquee{left:calc(50% - 50vw);right:calc(50% - 50vw)}}.marquee-track{white-space:nowrap;font-family:var(--head);text-transform:uppercase;color:var(--paper);align-items:center;gap:48px;padding-left:48px;font-size:64px;font-weight:800;animation:26s linear infinite marquee;display:flex}.marquee-track .star.s0{color:var(--pink)}.marquee-track .star.s1{color:var(--gold)}@keyframes marquee{to{transform:translate(-50%)}}.phones{justify-content:center;align-items:flex-start;gap:64px;display:flex;position:relative}.phone{width:250px;margin:0}.phone.center{width:290px;animation:6s ease-in-out infinite bob;position:relative}.phone.left{animation:7s ease-in-out infinite rise-left}.phone.right{animation:8s ease-in-out infinite rise-right}.frame{background:var(--ink);box-shadow:8px 8px 0 var(--gold);border-radius:40px;padding:10px}.phone.center .frame{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--pink);border-radius:46px}.frame video,.frame img{aspect-ratio:390/844;object-fit:cover;background:#3c9fe0;border-radius:31px;width:100%;display:block}.phone.center .frame video{border-radius:36px}.phone figcaption{text-align:center;margin-top:16px;font-size:16px;font-weight:800}.peek{z-index:2;width:124px;position:absolute;top:-70px;left:50%;transform:translate(-50%)}.peek svg{width:100%;height:auto}@keyframes bob{50%{transform:translateY(-16px)}}@keyframes rise-left{0%,to{transform:rotate(-8deg)translateY(30px)}50%{transform:rotate(-7deg)translateY(16px)}}@keyframes rise-right{0%,to{transform:rotate(8deg)translateY(30px)}50%{transform:rotate(9deg)translateY(18px)}}.games{padding:40px var(--gutter) 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:26px;display:flex}.section-head h2{font-size:52px}.section-head p{color:var(--ink-soft);margin:0;font-size:18px;font-weight:700}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.card{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:24px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card.live{grid-column:span 2}.card.live:hover{box-shadow:11px 11px 0 var(--ink);transform:translate(-3px,-3px)}.shot,.cover{border-right:3px solid var(--ink);background:#3c9fe0;flex:none;justify-content:center;align-items:flex-end;width:300px;padding-top:28px;display:flex;overflow:hidden}.shot img{border:3px solid var(--ink);border-bottom:0;border-radius:24px 24px 0 0;width:230px;display:block}.cover{align-items:stretch;padding:0}.cover svg{width:100%;height:100%}.body{flex-direction:column;gap:10px;padding:30px 34px;display:flex}.tagline{letter-spacing:.08em;text-transform:uppercase;color:var(--pink-ink);margin:0;font-size:14px;font-weight:800}.card h3{font-size:46px}.blurb{color:var(--ink-soft);margin:0;font-size:18px}.tags{flex-wrap:wrap;gap:8px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.tags li{border:2px solid var(--ink);border-radius:999px;padding:2px 12px;font-size:14px;font-weight:800}.card .btn{align-self:flex-start}.soon-card{background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--pink);flex-direction:column;justify-content:space-between;gap:16px;padding:28px}.soon-card .tagline{color:var(--gold)}.soon-card h3{margin-bottom:8px;font-size:34px}.soon-card .blurb{color:var(--paper);opacity:.8;font-size:16px}.soon{border:2px dashed var(--paper);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:14px;font-weight:800}.apps{padding:80px var(--gutter)}.apps-card{background:var(--ink);color:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--pink);border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:36px 40px;display:flex}.apps-card h2{font-size:40px}.apps-card p{opacity:.85;max-width:32em;margin:8px 0 0}.badges{flex-wrap:wrap;gap:12px;display:flex}.badge{background:var(--paper);color:var(--ink);font-family:var(--head);border-radius:14px;align-items:center;gap:10px;padding:10px 18px 10px 14px;font-size:20px;font-weight:700;line-height:1;display:flex}.badge svg{width:26px;height:26px;fill:var(--ink)}.badge small{font-family:var(--body);opacity:.75;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.foot{max-width:1440px;padding:24px var(--gutter) calc(env(safe-area-inset-bottom) + 30px);color:var(--ink-soft);border-top:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 auto;font-size:15px;font-weight:700;display:flex}@media (max-width:1100px){.phones{gap:28px}.phone{width:200px}.phone.center{width:250px}.marquee{height:120px;top:160px}.marquee-track{font-size:50px}}@media (max-width:900px){.hero{flex-direction:column;align-items:flex-start;gap:22px;padding-top:24px}.grid{grid-template-columns:1fr}.card.live{grid-column:auto}}@media (max-width:640px){body{font-size:16px}nav a:not(.nav-cta){display:none}.word{font-size:25px}.mark svg{width:44px;height:44px}.lede{font-size:18px}.btn{font-size:20px}.stage{margin-top:70px;padding-bottom:50px}.marquee{height:84px;top:110px}.marquee-track{gap:28px;font-size:34px}.phones{gap:0}.phone{width:128px;margin-top:40px}.phone.left{margin-right:-34px}.phone.right{margin-left:-34px}.phone.center{z-index:1;width:190px;margin-top:0}.frame{box-shadow:5px 5px 0 var(--gold);border-radius:26px;padding:6px}.phone.center .frame{box-shadow:7px 7px 0 var(--pink);border-radius:32px}.frame video,.frame img{border-radius:21px}.phone.center .frame video{border-radius:26px}.phone figcaption{font-size:13px}.phone.side figcaption{display:none}.peek{width:84px;top:-48px}.section-head h2{font-size:38px}.card{flex-direction:column}.shot,.cover{border-right:0;border-bottom:3px solid var(--ink);width:auto;height:190px}.shot img{width:200px}.card h3{font-size:36px}.body{padding:22px}.apps{padding:60px var(--gutter)}.apps-card{padding:28px 22px}.apps-card h2{font-size:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.phone,.phone.center{animation:none}.phone.left{transform:rotate(-8deg)translateY(24px)}.phone.right{transform:rotate(8deg)translateY(24px)}}