@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(./instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(./instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");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:Work Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./work-sans-vietnamese-300-normal-DQHlWx2s.woff2)format("woff2"),url(./work-sans-vietnamese-300-normal-NLNV1oy7.woff)format("woff");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:Work Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./work-sans-latin-ext-300-normal-CVclhcFk.woff2)format("woff2"),url(./work-sans-latin-ext-300-normal-BQO3H0qq.woff)format("woff");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:Work Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./work-sans-latin-300-normal-DD7pq2q9.woff2)format("woff2"),url(./work-sans-latin-300-normal-BaDF4XPg.woff)format("woff");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:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./work-sans-vietnamese-500-normal-Czn2Xkog.woff2)format("woff2"),url(./work-sans-vietnamese-500-normal-90nhZfxs.woff)format("woff");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:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./work-sans-latin-ext-500-normal-CAKEIVkc.woff2)format("woff2"),url(./work-sans-latin-ext-500-normal-CW9ss9Cz.woff)format("woff");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:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./work-sans-latin-500-normal-BKGnScDy.woff2)format("woff2"),url(./work-sans-latin-500-normal-BmdXWF6_.woff)format("woff");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{--white:#fff;--ink:#142a48;--navy:#05152d;--serif:"Instrument Serif",serif;--sans:"Work Sans",system-ui,sans-serif;--out-expo:cubic-bezier(.19,1,.22,1);--spring:cubic-bezier(.19,1.51,.29,.99);--out-quad:cubic-bezier(.25,.46,.45,.94);--io-quad:cubic-bezier(.455,.03,.515,.955)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{overscroll-behavior:none;background:#000;height:100%;font-size:7.5px;line-height:1.1em;overflow:hidden}body{color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;font-weight:300;position:fixed;inset:0;overflow:hidden}::selection{color:#000;background:#fffc}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}svg{display:block}#stage{contain:strict;position:fixed;inset:0;overflow:hidden}#gl,#trail{width:100%;height:100%;display:block;position:absolute;inset:0}#trail{pointer-events:none}.ui{position:absolute;inset:0}.ui>*{position:absolute}.fx{opacity:0;transition:opacity .3s}.fx.in{opacity:1;transition:opacity 2s var(--d,0s)}.tag.fx{transform:translateX(var(--sx,0));transition:opacity .25s,transform .25s}.tag.fx.in{transition:opacity 1.1s .2s var(--io-quad),transform 1.1s .2s var(--io-quad);transform:none}.tag--opp{--sx:1.5em}.tag--you{--sx:-1.5em}.logo{color:#fff;flex-direction:column;align-items:center;gap:.5em;width:13.5em;font-size:1em;display:flex}.logo svg{width:5.4em;height:auto}.logo span{font:500 2em/1 var(--sans);letter-spacing:.04em;white-space:nowrap}.logo i{margin:0 .15em;font-style:normal;font-weight:300}.screen{text-align:center;justify-content:center;align-items:center;display:none;inset:0}.screen.on{display:flex}.stack{flex-direction:column;align-items:center;display:flex}.home .stack>.fx:first-child{justify-content:center;display:flex}.title{font:italic 400 15em/1 var(--serif);text-align:center;max-width:none;margin-top:.425em}.desc{font:300 1.6em/1.1 var(--sans);max-width:21em;margin:2.3em auto 0}.home .desc{max-width:33.7em}.home .btn{margin-top:5em}.btn{transition:border-color .3s var(--out-expo);border:.17em solid #ffffff81;border-radius:.476em;padding:.47em}.btn__in{color:var(--ink);font:300 1em/1 var(--sans);transition:transform .3s var(--out-quad);background:#fff;border-radius:.234em;justify-content:center;align-items:center;gap:1em;padding:1.9em 1.5em;display:flex}.btn__in .lbl{font-size:max(13px,1.6em);line-height:1}.btn__in svg{width:2.4em;height:2.4em}.btn.fx{transition:opacity .3s,border-color .3s var(--out-expo)}.btn.fx.in{transition:opacity 2s var(--d,0s),border-color .3s var(--out-expo)}@media (hover:hover){.btn:hover{border-color:#0000}.btn:hover .btn__in{transform:scale(1.1)}}.ubtn{font:300 max(14px,1.6em)/1 var(--sans);align-items:center;gap:.6em;padding-bottom:.45em;display:inline-flex;position:relative}.ubtn svg{fill:currentColor;flex:none;width:.9em;height:.9em}.ubtn:after{content:"";transform-origin:0;height:.1em;transition:transform .25s var(--out-quad);background:#fff;position:absolute;bottom:0;left:0;right:0}@media (hover:hover){.ubtn:hover:after{transform-origin:100%;transform:scaleX(0)}}.sw{display:grid;position:relative}.sw>span{grid-area:1/1;transition:opacity .3s,transform .3s}#shareB{opacity:0;transform:translateY(.4em)}.copied #shareA{opacity:0;transform:translateY(-.4em)}.copied #shareB{opacity:1;transform:none}.intro .step{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translateY(.6em)}.intro .step.in{opacity:1;transition:opacity .8s .4s var(--out-expo),transform .8s .4s var(--spring);transform:none}.intro .step.out{opacity:0;transition:opacity .45s,transform .45s cubic-bezier(.36,.07,.19,.97);transform:translateY(-.6em)}.step--text p{font:italic 400 7.2em/1.1 var(--serif)}.step--players{gap:4em;width:75em;margin:auto;right:auto;transform:translate(-50%);flex-direction:row!important;left:50%!important}.intro .step--players{inset:0 auto 0 50%;transform:translate(-50%,.6em)}.intro .step--players.in{transform:translate(-50%)}.intro .step--players.out{transform:translate(-50%,-.6em)}.step--players .p{font:italic 400 6.2em/1 var(--serif);opacity:0;flex:1;transition:opacity .45s}.step--players.in .p{opacity:1;transition:opacity .8s .55s var(--out-expo),transform .8s .55s var(--io-quad);transform:none}.p--l{text-align:right;transform:translate(-1.35em)}.p--r{text-align:left;transform:translate(1.35em)}.step--players .vs{font:italic 400 2.2em/1 var(--serif);transition:transform .2s;transform:scale(.5)}.step--players.in .vs{transform:none}.ctl{font:italic 400 7.2em/.8 var(--serif);align-items:center;gap:.5em;padding:0 .8em;display:flex}.ctl--tap{text-align:center;font-size:4.2em;line-height:1.05;display:none}.caps{gap:.25em;font-size:.1em;display:flex}.key{width:7em;height:7em;color:var(--ink);background:#ffffffe0 padding-box padding-box;border:.17em solid #ffffff81;border-radius:.6em;justify-content:center;align-items:center;font-size:1em;animation:2s ease-in-out infinite keyhint;display:flex}.key+.key{animation-delay:1s}.key svg{width:44%;height:44%}.key--sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff57;border-radius:.5em;width:5.2em;height:5.2em;font-size:1em;animation:none}.key--sm:active{color:var(--ink);background:#ffffffb3}@keyframes keyhint{0%,60%,to{transform:none}25%{transform:translateY(.4em)scale(.94)}}.next{font:300 max(14px,1.6em)/1 var(--sans);opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:.8em;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:31em;left:50%;transform:translate(-50%,.8em)}.next.in{opacity:1;pointer-events:auto;transition:opacity .4s .2s var(--out-expo),transform .4s .2s var(--out-expo);transform:translate(-50%)}.next__t{align-items:center;gap:.5em;display:flex}.next__t svg{width:1em;height:1em;transition:transform .3s}@media (hover:hover){.next:hover .next__t svg{transform:translate(.2em)}}.next__bar{background:#ffffff40;border-radius:.1em;width:100%;min-width:5.5em;height:.2em;display:block;overflow:hidden}.next__bar i{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.next--reveal{bottom:10%}.court-logo{opacity:0;mix-blend-mode:overlay;pointer-events:none;width:18.4em;transition:opacity .8s;top:50%;left:50%;transform:translate(-50%,-50%)}.court-logo.in{opacity:.9}.court-logo .logo{width:100%;font-size:1.36em}.tag{font:300 1.8em/1 var(--sans);text-transform:uppercase;letter-spacing:.04em;pointer-events:none}.tag--opp{top:17%;left:54.7%}.tag--you{top:83.4%;right:55%}.score{font:400 15em/1 var(--serif);opacity:0;pointer-events:none;mix-blend-mode:overlay;color:#fff;height:1em;transition:opacity .6s;display:flex;overflow:hidden}.score.in{opacity:1}.score--opp{top:21.3%;right:28.2%}.score--you{top:69%;left:28.5%}.score .col{text-align:center;width:.47em;height:1em;overflow:hidden}.score .strip{transition:transform .8s var(--out-quad);flex-direction:column;display:flex}.score .strip div{height:1em;line-height:1}.ghost{font:400 34em/1 var(--serif);opacity:0;color:#fff;mix-blend-mode:overlay;pointer-events:none;transition:opacity .8s;top:50%;transform:translateY(-50%)}.ghost.in{opacity:.55}.ghost--you{left:16%;transform:translate(-50%,-50%)}.ghost--opp{left:83%;transform:translate(-50%,-50%)}.round{width:4.5em;height:4.5em;color:var(--ink);background:radial-gradient(50% 50%,#bcbcbc,#ababab);border-radius:50%;justify-content:center;align-items:center;font-size:1em;transition:transform .3s;display:flex;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:inset 0 2.83px 16.96px #ffffffa6,inset .2px .2px .5px #fff,inset -.2px -.2px 1px #fff}.round svg{width:44%;height:44%}.round.in{transition:transform 1.1s var(--spring);transform:translate(-50%,-50%)scale(1)}@media (hover:hover){.round.in:hover{transition:transform .25s cubic-bezier(.55,0,.1,1);transform:translate(-50%,-50%)scale(1.1)}}.round--pause{top:12.8%}.round--sound{top:87.2%}.touch{pointer-events:none;opacity:0;justify-content:space-between;padding:0 4.5% 3.6%;transition:opacity .5s;display:none;inset:auto 0 0}.touch.in{opacity:1}.touch .key{pointer-events:auto;touch-action:none}.touch.avail{display:flex}.paddle{opacity:0;will-change:transform;pointer-events:none;background:#b0b0b0ed;border:1.5px solid #ffffff9e;border-radius:1.1em .15em 1.7em .25em;transition:opacity .6s,box-shadow .15s;top:0;left:0;box-shadow:0 0 1.8em .2em #e6e6e680,.5em .35em 1em #0000002e}.paddle.in{opacity:1}.paddle.hit{box-shadow:0 0 3em .6em #ffffffd9,.5em .35em 1em #0000002e}.paddle i{opacity:.7;background:linear-gradient(#ffffffe6,#ffffff0d 85%);border-radius:1em;position:absolute;inset:8% 28%}.portrait .paddle i{background:linear-gradient(90deg,#ffffffe6,#ffffff0d 85%);inset:28% 8%}.ball{opacity:0;will-change:transform;pointer-events:none;width:3.2em;height:3.2em;margin:-1.6em 0 0 -1.6em;transition:opacity .4s;top:0;left:0}.ball.in{opacity:1}.ball b{background:radial-gradient(circle at 35% 30%,#fff,#eef0d2 60%,#c9cf86);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 .8em #ffffff80}.ball b:before,.ball b:after{content:"";border:.14em solid #fffffff2;border-radius:50%;width:140%;height:140%;position:absolute}.ball b:before{top:-20%;left:-95%}.ball b:after{top:-20%;left:55%}.ball i{filter:blur(.5em);z-index:-1;background:#00000047;border-radius:50%;height:34%;position:absolute;bottom:-38%;left:12%;right:-12%}.count{pointer-events:none;font:italic 400 23.2em/1 var(--serif);justify-content:center;align-items:center;display:flex;inset:0}.count span{position:absolute}.overlay{background:var(--navy);opacity:0;pointer-events:none;transition:opacity .2s;inset:0}.overlay.in{transition:opacity .15s}.modal{pointer-events:none}.modal.on{pointer-events:auto}.modal .stack{padding-bottom:0}.title--modal{font-size:9.2em}.modal .logo{margin-bottom:0}.modal .title{margin:.5em 0 0}.modal .desc{width:30em;max-width:none;margin:3em auto 0;font-size:1.4em;font-weight:300;line-height:1.25}.modal .col{flex-direction:column;align-items:center;gap:2.2em;margin-top:2.5em;display:flex}.modal .col .ubtn,.modal .col .btn{pointer-events:auto}.modal.on .fx{transition:opacity .3s}.modal.on .fx.in{transition:opacity 2s var(--d,0s)}#preloader{background:var(--navy);z-index:50;transform-origin:50% 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#preloader.gone{transition:transform .8s cubic-bezier(.91,0,.195,.99);transform:scaleY(0)}.pre-logo{justify-content:center;font-size:calc(max(89px,4.6vw)/13.5);display:flex;position:absolute;top:50px;left:0;right:0}.pre-ball{--s:max(35px,1.8vw);width:var(--s);height:var(--s);transition:opacity .3s;position:relative}.gone .pre-ball{opacity:0}.pre-b{transform-origin:50% 100%;background:radial-gradient(circle at 35% 30%,#fff,#eef0d2 60%,#c9cf86);border-radius:50%;animation:.8s infinite bounce;position:absolute;inset:0}.pre-shadow{filter:blur(4px);background:#0000008c;border-radius:50%;height:8px;animation:.8s infinite shadow;position:absolute;bottom:-14px;left:10%;right:10%}@keyframes bounce{0%{animation-timing-function:cubic-bezier(.55,.085,.68,.53);transform:translateY(-90px)}50%{animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translateY(0)scale(1.3,.65)}to{transform:translateY(-90px)}}@keyframes shadow{0%{opacity:.3;animation-timing-function:cubic-bezier(.55,.085,.68,.53);transform:scale(.3)}50%{opacity:.9;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(1.3)}to{opacity:.3;transform:scale(.3)}}@media (width<=1080px) and (orientation:portrait){html{font-size:9.7px}.title{font-size:8.4em}.desc,.home .desc{max-width:26em;font-size:1.4em}.home .stack{justify-content:center;height:100%;position:relative}#homeLogo{position:absolute;top:11%;left:0;right:0}.home .btn{margin:0;position:absolute;top:82%;left:50%;transform:translate(-50%)}.step--text p{font-size:3.6em}.step--players{gap:.6em;width:auto;flex-direction:column!important}.step--players .p{text-align:center;flex:none;font-size:4.2em}.p--l,.p--r{text-align:center}.ctl{flex-direction:column;gap:.3em;font-size:4.2em}.ctl--keys{display:none}.ctl--tap{display:block}.next{bottom:7em}.next--reveal{bottom:8%}.tag{writing-mode:vertical-rl;font-size:1.4em;transform:rotate(180deg)translate(0)}.tag.fx{transform:rotate(180deg)}.tag--opp{top:24.4%;left:7%;right:auto}.tag--you{writing-mode:vertical-rl;inset:auto 7% 26% auto;transform:none}.tag.fx.in,.tag--you.fx.in{transform:none}.tag--opp.fx.in{transform:rotate(180deg)}.score{font-size:8.2em}.score--opp{top:25.5%;right:8%}.score--you{top:auto;bottom:25.5%;left:8%}.count{font-size:8.2em}.round{width:3.9em;height:3.9em}.round--pause{top:10%}.round--sound{top:90%}.court-logo{font-size:.8em}.ghost{font-size:20em}.ghost--you{top:70%;left:50%}.ghost--opp{top:30%;left:50%}.modal .title,.title--modal{font-size:4.2em}.modal .desc{width:24em;font-size:1.4em}.touch{padding-bottom:8.5%}}@media (prefers-reduced-motion:reduce){.pre-b,.pre-shadow,.key{animation:none}.fx.in,.intro .step.in,.intro .step.out,.round.in,.next.in{transition-duration:10ms;transition-delay:0s}.step--players .p{transition-duration:10ms}}.ui.rv :is(.paddle,.ball,.score,.tag,.court-logo,.round,.touch){opacity:0!important;transition:opacity .4s!important}