html{--mobile-design-width: 1700;--desktop-design-width: 1700;--ultrawide-design-width: 2100;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=1200px){html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=2100px){html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}html{--color-black: #000;--color-white: #e5e5e5;scrollbar-width:thin;color-scheme:dark light}body{overflow:hidden}.top-10-21-container{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;min-height:100dvh;overflow:hidden;color:var(--color-white);font-family:Tiny5,sans-serif;user-select:none;touch-action:manipulation}.top-10-21-container *{user-select:none}.top-10-21-container button{cursor:pointer}.top-10-21-pixels{--c: 24;--r: 16;position:absolute;inset:0;z-index:2}.top-10-21-pixels[data-hidden]{display:none}.top-10-21-pixels-grid{display:grid;grid-template-columns:repeat(var(--c),1fr);grid-auto-rows:auto;align-content:start;position:absolute;inset:0;z-index:3}.top-10-21-pixels-grid>div{background:var(--color-white);aspect-ratio:1;opacity:0}.top-10-21-pixels-text{position:absolute;inset:50% auto auto 50%;z-index:4;transform:translate(-50%,-50%);color:var(--color-black);font-family:Tiny5,sans-serif;font-weight:400;font-size:max(12px,18rem);line-height:120%;text-align:center;text-transform:uppercase}.top-10-21-pixels-background{position:absolute;inset:0;z-index:1;background:var(--color-black)}.top-10-21-pixels-background[data-hidden]{display:none}.top-10-21-tong{--s: 15rem;--p: var(--p-n);--p-e: 10;--p-n: 8;--p-h: 7;display:flex;flex-flow:column nowrap;position:relative;z-index:1;width:1000rem;height:720rem;border-top:var(--s) solid var(--color-white);border-bottom:var(--s) solid var(--color-white);font-family:Tiny5,sans-serif;font-weight:400;line-height:100%;touch-action:manipulation}@media(width<1200px){.top-10-21-tong{--s: 20rem;max-height:calc(100dvh - 110px)}}.top-10-21-tong:before{content:"";position:absolute;inset:0 auto 0 calc(50% - var(--s) / 2);z-index:1;width:var(--s);background:repeating-linear-gradient(to bottom,var(--color-white) 0%,var(--color-white) calc(var(--s) * 2),transparent calc(var(--s) * 2),transparent calc(var(--s) * 4))}.top-10-21-tong[data-hidden]{visibility:hidden}.top-10-21-tong[data-portrait]{border-color:transparent}.top-10-21-tong[data-portrait]:before{background:transparent}.top-10-21-tong[data-portrait]+.top-10-21-warning{visibility:visible}.top-10-21-tong[data-portrait] *{visibility:hidden}.top-10-21-tong-intro{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:80rem;position:absolute;inset:0;z-index:3;background:var(--color-black);border-left:var(--s) solid var(--color-white);border-right:var(--s) solid var(--color-white);text-transform:uppercase}@media(width<1200px){.top-10-21-tong-intro{gap:45rem}}.top-10-21-tong-intro[data-hidden]{display:none}.top-10-21-tong-intro[data-hidden]~.top-10-21-tong-paddles,.top-10-21-tong-intro[data-hidden]~.top-10-21-tong-mobile-controls{visibility:visible}.top-10-21-tong-intro-title{display:flex;flex-flow:column nowrap;align-items:center;font-size:max(90px,200rem);line-height:64%;text-align:center}.top-10-21-tong-intro-title>div{position:relative;z-index:1}.top-10-21-tong-intro-title>div:first-child:before,.top-10-21-tong-intro-title>div:last-child:before{content:"I";position:absolute;inset:0 auto auto 1.39ch;z-index:1;transform:rotate(21deg) scaleY(1.4) translateY(.03ch)}.top-10-21-tong-intro-options{display:flex;flex-flow:row nowrap;gap:50rem}.top-10-21-tong-intro-options[data-hidden]{display:none}.top-10-21-tong-intro-options button{position:relative;z-index:1;font-size:max(18px,34rem);line-height:100%;text-transform:uppercase}.top-10-21-tong-intro-options button:before{content:"";position:absolute;inset:-40rem -20rem;z-index:1}.top-10-21-tong-intro-options button i{display:block;transform:rotate(-90deg) translate(.1ch);font-style:normal}@media(pointer:coarse){.top-10-21-tong-intro-options button span{display:none}}.top-10-21-tong-intro-options button[disabled]{pointer-events:none}.top-10-21-tong-intro-options:has(button:hover) button:not(:hover),.top-10-21-tong-intro-options:has(button[data-active]) button:not([data-active]){opacity:.3}.top-10-21-tong-intro-info{display:flex;flex-flow:column nowrap;align-items:center;gap:max(6px,12rem);font-size:max(12px,20rem);line-height:64%}.top-10-21-tong-intro-info>div{display:flex;flex-flow:column nowrap;align-items:center;gap:max(6px,12rem)}@media(hover:hover)and (pointer:fine){.top-10-21-tong-intro-info>div:nth-child(2){display:none}}@media(pointer:coarse){.top-10-21-tong-intro-info>div:nth-child(3){display:none}}.top-10-21-tong-score{display:flex;flex-flow:row nowrap;gap:var(--s);font-size:120rem;line-height:64%}.top-10-21-tong-score>div{flex:0 0 calc(50% - var(--s) / 2);padding:calc(var(--s) * 2)}.top-10-21-tong-score>div:first-child{transform:translate(16rem);text-align:right}.top-10-21-tong-score>div:last-child{text-align:left}.top-10-21-tong-paddles{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;position:absolute;inset:0;z-index:2;visibility:hidden}.top-10-21-tong-paddles>div{display:flex;align-items:center;width:var(--s);height:100%}.top-10-21-tong-paddles>div>div{width:var(--s);height:calc(var(--s) * var(--p));background:var(--color-white)}.top-10-21-tong-ball{position:absolute;inset:50% auto auto 50%;z-index:2;transform:translate(-50%,-50%);width:var(--s);height:var(--s);background:var(--color-white)}.top-10-21-tong-ball[data-hidden]{visibility:hidden}.top-10-21-tong-game-over{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;position:absolute;inset:0;z-index:3;text-transform:uppercase}.top-10-21-tong-game-over[data-hidden]{display:none}.top-10-21-tong-game-over>div{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:40rem;padding:60rem 30rem;background:var(--color-black)}@media(width<1200px){.top-10-21-tong-game-over>div{margin-top:7%;padding:40rem 10rem}}.top-10-21-tong-game-over-title{font-size:80rem;line-height:64%}.top-10-21-tong-game-over-result{font-size:120rem;line-height:64%}.top-10-21-tong-game-over-buttons{display:flex;flex-flow:row nowrap;gap:40rem}.top-10-21-tong-game-over-buttons:has(button:active) button:not(:active){opacity:.3}@media(hover:hover)and (pointer:fine){.top-10-21-tong-game-over-buttons:has(button:hover) button:not(:hover){opacity:.3}}.top-10-21-tong-game-over button{position:relative;z-index:1;font-size:max(18px,34rem);line-height:64%;text-transform:uppercase}.top-10-21-tong-game-over button:before{content:"";position:absolute;inset:-40rem -20rem;z-index:1}@media(pointer:coarse){.top-10-21-tong-game-over button span{display:none}}.top-10-21-tong-mobile-controls{position:absolute;inset:50% auto auto 50%;z-index:1;transform:translate(-50%,-50%);width:100dvw;height:calc(100% + var(--s) * 2);max-width:calc(100dvw - 100rem);visibility:hidden;font-size:60rem;pointer-events:none;touch-action:manipulation}@media(pointer:fine){.top-10-21-tong-mobile-controls{display:none}}.top-10-21-tong-mobile-controls>button[data-action]{display:none;position:absolute;z-index:1;font-size:max(18px,34rem);line-height:100%;text-transform:uppercase;pointer-events:auto}.top-10-21-tong-mobile-controls>button[data-action]:before{content:"";position:absolute;inset:-40rem -20rem;z-index:1}.top-10-21-tong-mobile-controls>button[data-action][data-action=start],.top-10-21-tong-mobile-controls>button[data-action][data-action=pause]{inset:0 auto auto 0}.top-10-21-tong-mobile-controls>button[data-action][data-action=start][data-hidden],.top-10-21-tong-mobile-controls>button[data-action][data-action=pause][data-hidden]{display:none}.top-10-21-tong-mobile-controls>button[data-action][data-action=reset]{inset:0 0 auto auto}@media(pointer:coarse){.top-10-21-tong-mobile-controls>button[data-action] span{display:none}}.top-10-21-tong-mobile-controls-joysticks{display:grid;grid-template-columns:1fr 1000rem 1fr;gap:90rem;height:100%}@media(hover:hover)and (pointer:fine){.top-10-21-tong-mobile-controls-joysticks{display:none}}.top-10-21-tong-mobile-controls-joysticks>div{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-end}.top-10-21-tong-mobile-controls-joystick{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:1px solid var(--color-white);border-radius:50%;opacity:.5;pointer-events:auto;touch-action:none;transition:opacity .321s}.top-10-21-tong-mobile-controls-joystick[data-hidden]{display:none}.top-10-21-tong-mobile-controls-joystick>button{position:relative;z-index:1;transform:scale(.85);width:50%;aspect-ratio:1;border:2px solid var(--color-white);border-radius:50%;font-size:0}.top-10-21-tong-mobile-controls-joystick>button:before{content:"";position:absolute;inset:-180rem;z-index:1}.top-10-21-tong-mobile-controls-joystick:has(button[data-active]){opacity:.79}.top-10-21-tong-mobile-controls-joystick:has(button[data-active])>button{transform:scale(1)}.top-10-21-warning{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:123;padding:0 200rem;background:var(--color-black);color:var(--color-white);visibility:hidden;font-family:Tiny5,sans-serif;font-size:max(21px,90rem);font-weight:400;line-height:120%;text-align:center;text-transform:uppercase;pointer-events:auto}.top-10-21-countdown{position:absolute;inset:auto 18px 15px auto;z-index:1;padding:6px 3px;color:color-mix(in srgb,#fff,transparent 66%);font-family:Martian Mono,monospace;font-size:9px;font-weight:500;line-height:1;cursor:default;transition:color .765s}@media(width<768px){.top-10-21-countdown{font-size:7px;inset:auto 11px 8px auto}}.top-10-21-countdown:hover{color:color-mix(in srgb,#fff,transparent 42%)}.top-10-21-countdown:hover:before{opacity:1}.top-10-21-countdown:before{content:"Next release in ";opacity:0;pointer-events:none;transition:opacity .765s}