@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_961c6a{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_961c6a{--font-bricolage:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_e3e207{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_e3e207{--font-jetbrains:"JetBrains Mono","JetBrains Mono Fallback"}:root{--paper:#f6f4ee;--ink:#191814;--soft:#8a8577;--body:#4a473f;--card:#ffffff;--rule:#e3dfd4;--p1:#e2532d;--p2:#2a9d8f;--p3:#7b4dd8;--p4:#e2487c;--p5:#f2b31d;--p6:#3f7be0;--f-ui:var(--font-bricolage),ui-sans-serif,system-ui,sans-serif;--f-mono:var(--font-jetbrains),ui-monospace,monospace;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--f-ui);font-size:17px;line-height:1.5;padding-inline:clamp(16px,5vw,56px);padding-block:0}.wrap{max-width:1120px;margin:0 auto}.label{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}h2{font-size:clamp(32px,5vw,56px);line-height:.98;letter-spacing:-.03em;margin:0;font-weight:800;text-wrap:balance}:focus-visible{outline:3px solid var(--p6);outline-offset:3px}nav{display:flex;justify-content:space-between;align-items:center;padding-block:22px;font-weight:800;font-size:22px}nav small{font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--soft)}.logo{display:flex;align-items:center;gap:8px}.logo b{width:14px;height:14px;border-radius:50%;background:var(--p1);box-shadow:16px 0 0 var(--p2),32px 0 0 var(--p3);margin-right:32px}.hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:40px;gap:40px;align-items:center;padding-block:36px 64px}.hero h1{font-size:clamp(46px,8vw,96px);line-height:.9;margin:0 0 16px;font-weight:800;letter-spacing:-.035em;text-wrap:balance}.sub{font-size:21px;margin:0 0 28px;color:var(--body);max-width:30ch}form{display:flex;flex-wrap:wrap;gap:8px;max-width:460px}input{flex:1 1 210px;min-width:0;padding:14px 16px;border-radius:12px;border:2px solid var(--ink);background:#fff;color:var(--ink);outline:none}.btn,button,input{font:inherit;font-size:16px}.btn,button{font-weight:800;cursor:pointer;padding:14px 22px;border-radius:12px;border:0;background:var(--ink);color:var(--paper);text-decoration:none;display:inline-block;transition:background .15s}.btn:hover,button:hover{background:var(--p1)}.note{font-size:14px;color:var(--soft);margin:12px 0 0}.founding{margin-top:20px;max-width:460px;background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:20px;display:grid;grid-gap:8px;gap:8px;justify-items:start;animation:pop .5s cubic-bezier(.3,1.6,.5,1)}.founding h3{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.founding p{margin:0 0 6px;color:var(--body);font-size:16px}.room{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:20px;display:grid;grid-gap:16px;gap:16px;min-width:0}.code{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:13px;color:var(--soft)}.code strong{font-size:26px;color:var(--ink);letter-spacing:.12em}.players{display:flex;flex-wrap:wrap;gap:14px 12px;min-height:110px;align-content:flex-start}.pl{display:grid;justify-items:center;grid-gap:4px;gap:4px;font-family:var(--f-mono);font-size:11px;color:var(--soft);padding-top:8px}.pl,.pl span{max-width:64px}.pl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:800;animation:bob 2.4s ease-in-out infinite}.pl:nth-child(2n) b{animation-delay:-.6s}.pl:nth-child(3n) b{animation-delay:-1.3s}.pl.new b{animation:pop .5s cubic-bezier(.3,1.6,.5,1),bob 2.4s ease-in-out .5s infinite;outline:3px solid var(--ink);outline-offset:2px}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes pop{0%{transform:scale(0)}}.wait{font-family:var(--f-mono);font-size:12px;color:var(--soft);border-top:1px dashed var(--rule);padding-top:12px}.ctrl{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:48px;gap:48px;align-items:center;padding-block:72px;border-top:2px solid var(--ink)}.ctrl p.lead{font-size:19px;color:var(--body);margin:16px 0 28px;max-width:36ch}.steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.steps li{display:grid;grid-template-columns:36px 1fr;grid-gap:12px;gap:12px;align-items:center;font-weight:600}.steps li span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--f-mono);font-size:14px}.stage{position:relative;aspect-ratio:6/5;max-width:100%;min-width:0}.laptop{position:absolute;right:0;top:4%;width:74%}.lscreen{aspect-ratio:16/10;border:2.5px solid var(--ink);border-radius:14px 14px 4px 4px;background:var(--card);position:relative;overflow:hidden}.lbase{height:12px;margin:0 -6%;background:var(--ink);border-radius:2px 2px 12px 12px}.lscreen .court{position:absolute;left:8%;right:8%;bottom:18%;height:2px;background:var(--rule)}.lscreen .net{position:absolute;left:50%;bottom:18%;width:3px;height:22%;background:var(--ink);transform:translateX(-50%)}.lscreen .me{position:absolute;bottom:18%;left:14%;width:11%;background:var(--p1);display:grid;place-items:center;color:#fff;font-weight:800;font-size:clamp(11px,1.6vw,18px);animation:mirror 1.8s ease-in-out infinite;transform-origin:50% 100%}.lscreen .me,.lscreen .rival{aspect-ratio:1;border-radius:50%}.lscreen .rival{position:absolute;bottom:18%;right:14%;width:11%;background:var(--p2);animation:bob 2.4s ease-in-out infinite}.lscreen .hit{position:absolute;bottom:42%;left:26%;width:5%;aspect-ratio:1;border-radius:50%;background:var(--p5);border:2px solid var(--ink);animation:serve 1.8s ease-in-out infinite}.lscreen .tag{position:absolute;top:8%;left:6%;font-family:var(--f-mono);font-size:clamp(9px,1.2vw,12px);color:var(--soft)}.lscreen .perfect{position:absolute;top:16%;left:50%;transform:translateX(-50%);font-weight:800;font-size:clamp(12px,2vw,22px);color:var(--p1);animation:flash 1.8s ease-in-out infinite;letter-spacing:.04em}@keyframes mirror{0%,to{transform:translateX(0) rotate(-10deg)}45%{transform:translateX(40%) rotate(14deg)}55%{transform:translateX(40%) rotate(14deg)}}@keyframes serve{0%,40%{transform:translate(0);opacity:0}48%{opacity:1;transform:translate(0)}75%{transform:translate(500%,-160%)}to{transform:translate(1000%,60%);opacity:1}}@keyframes flash{0%,46%{opacity:0;transform:translateX(-50%) scale(.8)}52%,80%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0}}.phonewrap{position:absolute;left:10%;bottom:0;width:27%;transform-origin:50% 115%;animation:swing 1.8s ease-in-out infinite;z-index:2}.phone{aspect-ratio:9/19;border:3px solid var(--ink);border-radius:22%/11%;background:var(--ink);padding:5%;box-shadow:10px 14px 0 rgba(25,24,20,.12)}.pscreen{height:100%;border-radius:18%/9%;background:var(--p1);position:relative;display:grid;place-items:center;overflow:hidden}.pscreen:before{content:"";position:absolute;top:4%;left:50%;width:34%;height:4.5%;border-radius:99px;background:var(--ink);transform:translateX(-50%)}.pscreen .big{width:52%;aspect-ratio:1;border-radius:50%;background:#fff;color:var(--p1);display:grid;place-items:center;font-weight:800;font-size:clamp(18px,3.2vw,34px)}.pscreen .say{position:absolute;bottom:12%;left:0;right:0;text-align:center;color:#fff;font-family:var(--f-mono);font-weight:700;font-size:clamp(9px,1.3vw,13px);letter-spacing:.14em}@keyframes swing{0%,to{transform:rotate(-10deg)}45%,55%{transform:rotate(28deg)}}.trail{position:absolute;left:-2%;bottom:30%;width:46%;aspect-ratio:1;border-radius:50%;border-left:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid transparent;border-top-color:var(--p1);border-right:3px solid transparent;border-right-color:var(--p1);opacity:0;transform:rotate(-20deg);animation:trail 1.8s ease-out infinite;z-index:1}.trail.t2{width:58%;left:-8%;bottom:24%;border-top-color:var(--p5);border-right-color:var(--p5);animation-delay:.06s}@keyframes trail{0%,30%{opacity:0;transform:rotate(-40deg)}45%{opacity:.9;transform:rotate(-10deg)}70%,to{opacity:0;transform:rotate(10deg)}}.wave{position:absolute;left:36%;bottom:52%;display:flex;gap:6px;z-index:1}.wave i{width:8px;height:8px;border-radius:50%;background:var(--ink);opacity:.15;animation:sig 1.2s linear infinite}.wave i:nth-child(2){animation-delay:.2s}.wave i:nth-child(3){animation-delay:.4s}.wave i:nth-child(4){animation-delay:.6s}@keyframes sig{30%{opacity:.9}}.games{padding-block:72px;border-top:2px solid var(--ink)}.games header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:32px}.games header p{margin:0;color:var(--body);max-width:40ch}.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.game,.grid{display:grid}.game{background:var(--card);border:2px solid var(--ink);border-radius:20px;overflow:hidden}.art{aspect-ratio:3/2;border-bottom:2px solid var(--ink);background:var(--tint)}.art svg{width:100%;height:100%;display:block}.info{padding:18px 20px 20px;display:grid;grid-gap:4px;gap:4px}.info h3{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em}.info p{margin:0;color:var(--body)}.move{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c);font-weight:700}svg .ink{fill:var(--ink)}svg .stroke{stroke:var(--ink)}.fb{transform-box:fill-box}.t-x{animation:tx 1.2s linear infinite alternate}.t-y{animation:ty 1.2s infinite}@keyframes tx{0%{transform:translateX(0)}to{transform:translateX(150px)}}@keyframes ty{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.3,.6,.6,1)}50%{transform:translateY(-78px);animation-timing-function:cubic-bezier(.4,0,.7,.4)}to{transform:translateY(0)}}.rk{transform-box:fill-box;transform-origin:50% 100%;animation:rk 2.4s ease-out infinite}.rk.r{animation-delay:-1.2s}@keyframes rk{0%{transform:rotate(-35deg)}6%{transform:rotate(25deg)}25%,to{transform:rotate(-35deg)}}.rk.r{animation-name:rkr}@keyframes rkr{0%{transform:rotate(35deg)}6%{transform:rotate(-25deg)}25%,to{transform:rotate(35deg)}}.rocket{animation:launch 3s infinite}@keyframes launch{0%{transform:translate(0)}15%,25%,35%,5%{transform:translate(-1.5px)}10%,20%,30%,40%{transform:translate(1.5px)}45%{transform:translate(0);animation-timing-function:cubic-bezier(.5,0,.9,.6)}85%{transform:translateY(-190px);opacity:1}86%{opacity:0;transform:translateY(-190px)}87%{transform:translate(0);opacity:0}to{opacity:1}}.flame{transform-box:fill-box;transform-origin:50% 0;animation:flick .12s infinite alternate,grow 3s infinite}@keyframes flick{to{transform:scaleY(.75)}}@keyframes grow{0%,40%{opacity:.45}45%,85%{opacity:1}}.tank{transform-box:fill-box;transform-origin:50% 100%;animation:fill 3s infinite}@keyframes fill{0%{transform:scaleY(0)}42%{transform:scaleY(1)}85%{transform:scaleY(0)}to{transform:scaleY(0)}}.puff{transform-box:fill-box;transform-origin:center;animation:puff 3s infinite;opacity:0}@keyframes puff{0%,44%{opacity:0;transform:scale(.4)}52%{opacity:.8}75%,to{opacity:0;transform:scale(1.6)}}.pillars{animation:scroll 3.2s linear infinite}@keyframes scroll{to{transform:translateX(-120px)}}.hop{animation:hop 1.1s infinite}.hop.h2{animation-delay:-.35s}.hop.h3{animation-delay:-.75s}@keyframes hop{0%{transform:translateY(12px);animation-timing-function:cubic-bezier(.2,.7,.4,1)}22%{transform:translateY(-22px);animation-timing-function:cubic-bezier(.5,0,.8,.5)}to{transform:translateY(12px)}}.ring{transform-box:fill-box;transform-origin:center;animation:ring 2s ease-out infinite;opacity:0}.ring.r2{animation-delay:.66s}.ring.r3{animation-delay:1.33s}@keyframes ring{0%{transform:scale(.6);opacity:.8}to{transform:scale(2.2);opacity:0}}.pitch{stroke-dasharray:6 300;animation:none}.voice{stroke-dasharray:260;stroke-dashoffset:260;animation:draw 2.6s ease-in-out infinite}@keyframes draw{70%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}.note-g{animation:float 2.6s ease-out infinite;opacity:0}.note-g.n2{animation-delay:.9s}.note-g.n3{animation-delay:1.7s}@keyframes float{0%{transform:translate(0);opacity:0}15%{opacity:1}to{transform:translate(18px,-60px);opacity:0}}.mic{transform-box:fill-box;transform-origin:50% 100%;animation:sway 2.6s ease-in-out infinite}@keyframes sway{50%{transform:rotate(6deg)}}.end{border-top:2px solid var(--ink);padding-block:64px 40px;display:grid;justify-items:start;grid-gap:20px;gap:20px}.end .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dots{display:flex;gap:6px}.dots i{width:12px;height:12px;border-radius:50%;background:var(--c)}footer{padding-block:24px 40px;font-family:var(--f-mono);font-size:12px;color:var(--soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.hero{position:relative}.hero>div:not(.doodles){position:relative;z-index:1}.doodles{position:absolute;inset:0 -2%;pointer-events:none;z-index:0}.doodles svg{position:absolute;stroke:var(--ink);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.13}.dd-racket{width:64px;left:44%;top:4%;transform-origin:50% 100%;animation:d-swing 5s ease-in-out infinite}.dd-rocket{width:44px;left:34%;bottom:2%;animation:d-rise 6s ease-in-out infinite}.dd-bird{width:56px;right:8%;top:2%;animation:d-hop 4s ease-in-out infinite}.dd-mic{width:40px;right:-1%;bottom:4%;transform-origin:50% 100%;animation:d-sway 5.5s ease-in-out infinite}.dd-ball{width:14px;left:52%;top:30%;animation:d-hop 3s ease-in-out infinite reverse}.dd-note{width:22px;right:3%;bottom:34%;animation:d-float 6s ease-in-out infinite}@keyframes d-swing{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes d-rise{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes d-hop{0%,to{transform:translateY(0)}30%{transform:translateY(-12px)}}@keyframes d-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes d-float{0%,to{transform:translate(0)}50%{transform:translate(6px,-10px)}}.dd-bird .wing{transform-box:fill-box;transform-origin:50% 100%;animation:d-flap .7s ease-in-out infinite alternate}@keyframes d-flap{to{transform:scaleY(.35)}}@media (max-width:820px){.dd-racket{left:auto;right:4%;top:0}.dd-ball,.dd-bird{display:none}.dd-rocket{left:auto;right:12%;bottom:48%}.ctrl,.grid,.hero{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before{animation:none!important;transition:none!important}}