@layer core,playground,project;@layer project{html{--mobile-design-width: 500;--desktop-design-width: 1600;--ultrawide-design-width: 1600;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=768px){html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=1600px){html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}body .playground-ui-bar-top-right,body .playground-ui-bar-bottom-right,body .playground-ui-mobile-navigation select{color:#e0e0e0;opacity:1;font-weight:300}body .playground-ui-bar-top-right a:hover,body .playground-ui-bar-bottom-right a:hover,body .playground-ui-mobile-navigation select a:hover{color:#fff}body .playground-ui-bar-bottom-right a:has(svg) svg{margin-right:0}body .playground-ui-bar-bottom-right a:has(svg) svg path{stroke-width:.8px}html{--color-gray: #666;--color-green: #090;--color-red: #bb0000}@media(prefers-color-scheme:light){html{--playground-body-color-background: color-mix(in srgb, #212121, black 21%);--playground-body-color-text: #e0e0e0}}html[data-theme=light]{--playground-body-color-background: color-mix(in srgb, #212121, black 21%);--playground-body-color-text: #e0e0e0}.top-9-21{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;min-height:100dvh;font-family:Martian Mono,monospace;font-size:10rem;font-weight:300}.top-9-21-debug{display:flex;flex-flow:row wrap;width:100%;gap:10rem;position:relative;z-index:2;padding:16rem 0;font-size:10rem;text-transform:uppercase}.top-9-21-debug button{color:inherit;font-size:inherit!important;text-decoration:underline}.top-9-21-game{display:flex;flex-flow:row wrap;gap:40rem;position:relative;z-index:2;width:calc(1600rem - var(--playground-ui-sidebar-width));padding:80rem;pointer-events:none}.top-9-21-game button{font-size:14rem;font-weight:500;text-transform:uppercase}.top-9-21-game button em{font-style:normal}.top-9-21-game button[disabled]{pointer-events:none}.top-9-21-game a,.top-9-21-game button,.top-9-21-game label,.top-9-21-game iframe{pointer-events:auto}.top-9-21-game-player{position:fixed;inset:80rem 40rem;left:calc(40rem + var(--playground-ui-sidebar-width));z-index:1;background:var(--playground-body-color-background);visibility:hidden}.top-9-21-game-player>*{width:100%;height:100%;opacity:.21}.top-9-21-game-player[data-visible]{visibility:visible}.top-9-21-game-stats{flex:0 0 100%;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:space-between;gap:30rem;position:relative;z-index:2}.top-9-21-game-stats>div{display:flex;flex-flow:row nowrap;gap:30rem}.top-9-21-game-stats>div+div{text-align:right}.top-9-21-game-stats>div>div{display:flex;flex-flow:column nowrap;gap:4rem;font-size:16rem;font-weight:400}.top-9-21-game-stats>div>div:before{font-size:10rem;font-weight:300;text-transform:uppercase}.top-9-21-game-stats>div>div[data-round]{font-size:28rem}.top-9-21-game-stats>div>div[data-round]:before{content:"Round: "}.top-9-21-game-stats>div>div[data-remaining-time]{font-size:28rem}.top-9-21-game-stats>div>div[data-remaining-time]:before{content:"What's your ETA?: "}.top-9-21-game-stats>div>div[data-round-time]:before{content:"Round time: "}.top-9-21-game-stats>div>div[data-total-time]:before{content:"Total time: "}.top-9-21-game-stats>div>div[data-score]{font-size:28rem}.top-9-21-game-stats>div>div[data-score]:before{content:"Total score: "}.top-9-21-game-stats>div>div[data-score-modifier]:before{content:"Score mod: "}.top-9-21-game-stats>div>div[data-streak-modifier]:before{content:"Streak mod: "}.top-9-21-game-stats>div>div[data-score-ratio]{font-size:28rem}.top-9-21-game-stats>div>div[data-score-ratio]:before{content:"Guess ratio: "}.top-9-21-game-answers{flex:0 0 32%;position:relative;z-index:2;width:30%;text-transform:uppercase}.top-9-21-game-answers>p{margin-bottom:12rem}.top-9-21-game-answers-list{display:flex;flex-flow:column nowrap;gap:12rem}.top-9-21-game-answers-list[data-text-hidden] button span{opacity:0}.top-9-21-game-answers-list button{flex:1 1 auto;height:59rem;border:1px solid color-mix(in srgb,var(--playground-body-color-text) 50%,transparent);padding:0 20rem;background:var(--playground-body-color-text);color:var(--playground-body-color-background);border-radius:7rem;text-align:left}.top-9-21-game-answers-list button[data-wrong][disabled],.top-9-21-game-answers-list button[data-wrong]{border-color:var(--color-red);box-shadow:inset 0 0 0 2rem var(--color-red)}.top-9-21-game-answers-list button[data-correct][disabled],.top-9-21-game-answers-list button[data-correct]{border-color:var(--color-green);box-shadow:inset 0 0 0 2rem var(--color-green)}.top-9-21-game-answers-list button[data-timeout][disabled],.top-9-21-game-answers-list button[data-timeout]{border-color:color-mix(in srgb,var(--playground-body-color-text) 50%,transparent);box-shadow:inset 0 0 0 2rem color-mix(in srgb,var(--playground-body-color-text) 50%,transparent)}.top-9-21-game-answers-list button[disabled]{background:transparent;border:1px solid color-mix(in srgb,var(--playground-body-color-text) 50%,transparent);color:var(--playground-body-color-text);cursor:default}.top-9-21-game-answers-list button span{opacity:1}.top-9-21-game-action-button{position:absolute;inset:50% auto auto 50%;z-index:3;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--playground-body-color-text) 50%,transparent);width:25%;padding:30rem 20rem;background:var(--playground-body-color-text);border-radius:7rem;color:var(--playground-body-color-background);font-size:21rem!important}.top-9-21-game-action-button[disabled]{background:transparent;color:var(--playground-body-color-text);cursor:default}.top-9-21-game-action-button span{position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:0 0;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--playground-body-color-text) 12%,transparent))}.top-9-21-game-action-button span:after{content:"";position:absolute;inset:-42rem 0 -42rem auto;border-left:2rem solid var(--playground-body-color-text)}.top-9-21-game-play-again-button{position:absolute;inset:50% auto auto 50%;z-index:2;transform:translate(-50%,-50%);border:1px solid var(--playground-body-color-text);margin-top:88rem;padding:20rem 30rem;background:var(--playground-body-color-text);border-radius:7rem;color:var(--playground-body-color-background);font-weight:600!important}.top-9-21-game-results{flex:0 0 32%;display:flex;flex-flow:column nowrap;position:relative;z-index:2;width:30%;margin-left:auto;text-align:right;text-transform:uppercase}.top-9-21-game-results>p{margin-bottom:12rem}.top-9-21-game-results-list{flex:1 1 auto;display:flex;flex-flow:column nowrap;gap:12rem;max-height:414rem;padding:20rem;overflow:hidden auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;color-scheme:dark light;border:1px solid color-mix(in srgb,var(--playground-body-color-text) 50%,transparent);border-radius:7rem;font-size:14rem;text-align:right;line-height:150%;pointer-events:auto}.top-9-21-game-results-list p{display:flex;flex-flow:row-reverse nowrap;align-items:center;gap:12rem}.top-9-21-game-results-list p:before{content:"";flex:0 0 16rem;width:16rem;aspect-ratio:1;clip-path:polygon(50% 0%,100% 85%,0% 85%)}.top-9-21-game-results-list p[data-result=correct]:before{background:var(--color-green)}.top-9-21-game-results-list p[data-result=wrong]:before{transform:rotate(180deg);background:var(--color-red)}.top-9-21-game-results-list p[data-result=timeout]:before{transform:rotate(180deg);background:var(--color-gray)}.top-9-21-game-results-list a{display:flex;flex-flow:column nowrap}.top-9-21-game-results-list a span{font-weight:500}.top-9-21-game-results-list a span+span{font-size:10rem;font-weight:300;line-height:160%}.top-9-21-game-results-list-summary{margin-bottom:12rem;padding-bottom:24rem;border-bottom:1px solid color-mix(in srgb,var(--playground-body-color-text) 50%,transparent);font-weight:400}.top-9-21-game-results-list-summary>span{display:block;margin-top:6rem;font-size:21rem;line-height:140%}.top-9-21-game-results-list-summary div{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end;gap:6rem;max-width:90%;margin:12rem 0 0 auto;font-size:10rem}.top-9-21-game-results-list-summary div>span{flex:0 0 100%;margin-bottom:-4rem}.top-9-21-game-results-list-summary div a,.top-9-21-game-results-list-summary div button{padding:9rem 10rem;border:1px solid color-mix(in srgb,var(--playground-body-color-text) 70%,transparent);border-radius:5rem;line-height:1}.top-9-21-game-results-list-summary div a{background:var(--playground-body-color-text);color:var(--playground-body-color-background);font-weight:500}.top-9-21-game-results-list-summary div button{font-size:inherit}.top-9-21-game-options{flex:0 0 100%;position:relative;z-index:2;margin-top:6rem;text-transform:uppercase}.top-9-21-game-options-container{display:flex;flex-flow:row nowrap;gap:30rem}.top-9-21-game-option{display:inline-flex;flex-flow:column nowrap;gap:6rem}.top-9-21-game-option:last-of-type{margin-left:auto}.top-9-21-game-option-toggle{position:relative;z-index:1;cursor:pointer}.top-9-21-game-option-toggle input{position:absolute;opacity:0;pointer-events:none}.top-9-21-game-option-toggle input+span{display:flex;position:absolute;inset:0;z-index:1;width:16rem;border:1px solid color-mix(in srgb,var(--playground-body-color-text) 35%,transparent);border-radius:4rem}.top-9-21-game-option-toggle input+span:before{content:"";position:absolute;inset:3rem auto auto 50%;z-index:1;transform:translate(-50%);width:calc(100% - 6rem);height:calc(50% - 6rem);background:var(--playground-body-color-text);border-radius:2rem}.top-9-21-game-option-toggle input:checked+span:before{top:calc(50% + 3rem)}.top-9-21-game-option-toggle input:focus-visible+span{outline:1px dashed color-mix(in srgb,var(--playground-body-color-text),transparent 70%);outline-offset:7rem}.top-9-21-game-option-toggle>span:last-of-type{display:flex;flex-flow:column nowrap;gap:4rem;padding-left:24rem}.top-9-21-game-option-toggle>span:last-of-type span>span{text-transform:none}.top-9-21-game-option-toggle>span:last-of-type [data-toggle-option]{opacity:.4}.top-9-21-game-option-toggle input:not(:checked)+span+span [data-toggle-option=unchecked],.top-9-21-game-option-toggle input:checked+span+span [data-toggle-option=checked]{opacity:1}.top-9-21-game-option[hidden]{display:none}.top-9-21-game-share{display:flex;display:none;flex-flow:row wrap;align-items:center;gap:6rem;position:relative;z-index:2;font-size:10rem;text-transform:uppercase}.top-9-21-game-share p{flex:0 0 100%;margin-bottom:2rem}.top-9-21-game-share a,.top-9-21-game-share button{padding:7rem 10rem;border:1px solid color-mix(in srgb,var(--playground-body-color-text) 70%,transparent);border-radius:5rem;font-weight:400}.top-9-21-game-share a{background:var(--playground-body-color-text);color:var(--playground-body-color-background)}.top-9-21-game-share button{font-size:inherit}@media(width<768px){.top-9-21-game{flex-flow:column nowrap;width:100%;padding:120rem 20rem}.top-9-21-game button em{display:none}.top-9-21-game-player{inset:100rem 0}.top-9-21-game-stats{gap:10rem}.top-9-21-game-stats>div{flex-flow:row wrap;gap:20rem}.top-9-21-game-stats>div+div{justify-content:flex-end}.top-9-21-game-stats>div>div[data-round],.top-9-21-game-stats>div>div[data-remaining-time],.top-9-21-game-stats>div>div[data-score-ratio],.top-9-21-game-stats>div>div[data-score]{font-size:25rem}.top-9-21-game-stats>div>div[data-score-modifier]{order:1}.top-9-21-game-stats>div>div[data-streak-modifier]{order:2}.top-9-21-game-answers{width:100%}.top-9-21-game-answers-list button{text-align:center}.top-9-21-game-action-button{position:relative;inset:0;width:100%;transform:none}.top-9-21-game-action-button span:after{inset:-21rem 0 -21rem auto}.top-9-21-game-play-again-button{position:relative;inset:0;width:100%;transform:none;margin:-25rem 0 0}.top-9-21-game-results{width:100%;text-align:left}.top-9-21-game-results-list{height:240rem;text-align:left}.top-9-21-game-results-list p{flex-direction:row}.top-9-21-game-results-list-summary div{justify-content:flex-start;margin-left:0}.top-9-21-game-options{display:flex;margin:0 -20rem -20rem;padding:0 20rem 20rem;overflow:auto hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;color-scheme:dark light;mask-image:linear-gradient(to right,transparent,black 20rem,black calc(100% - 50rem),transparent 100%);pointer-events:auto}.top-9-21-game-options-container{flex:0 0 auto;gap:20rem}.top-9-21-game-option{flex:0 0 auto}.top-9-21-game-option:last-of-type{margin:0}}}