@charset "UTF-8";@layer core,playground,project;@layer project{html{--mobile-design-width: 412;--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}@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-size:12rem;font-weight:300;text-transform:uppercase}.top-9-21-debug{display:flex;flex-flow:row wrap;width:100%;gap:10rem;position:relative;z-index:2;padding:16rem 0}.top-9-21-debug button{color:inherit;font-size:12rem!important;text-decoration:underline}.top-9-21-game{display:flex;flex-flow:column nowrap;gap:40rem;position:relative;z-index:2;width:calc(1600rem - var(--playground-ui-sidebar-width));padding:40rem;pointer-events:none}.top-9-21-game button{font-size:16rem;font-weight:500;text-transform:uppercase}.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:0;left:var(--playground-ui-sidebar-width);z-index:1;background:var(--playground-body-color-background);visibility:hidden}.top-9-21-game-player:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.top-9-21-game-player>*{width:100%;height:100%;opacity:.21}.top-9-21-game-player[data-visible]{visibility:visible}.top-9-21-game-timers{display:flex;flex-flow:row nowrap;gap:40rem;position:relative;z-index:2}.top-9-21-game-timers>div{display:flex;flex-flow:column nowrap;font-size:24rem}.top-9-21-game-timers>div:before{font-size:12rem}.top-9-21-game-timers>div[data-round-time]:before{content:"Round time: "}.top-9-21-game-timers>div[data-total-time]:before{content:"Total time: "}.top-9-21-game-timers>div[data-score]:before{content:"Score: "}.top-9-21-game-action-button{position:relative;z-index:2;border:1px solid var(--playground-body-color-text);padding:20rem;background:var(--playground-body-color-text);color:var(--playground-body-color-background)}.top-9-21-game-action-button[disabled]{background:transparent;color:var(--playground-body-color-text);cursor:default}.top-9-21-game-answers{position:relative;z-index:2}.top-9-21-game-answers>p{margin-bottom:12rem}.top-9-21-game-answers-list{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-evenly;gap:12rem;visibility:hidden}.top-9-21-game-answers-list[data-visible]{visibility:visible}.top-9-21-game-answers-list[data-text-hidden] button span{opacity:0}.top-9-21-game-answers-list button{flex:1 1 auto;border:1px solid color-mix(in srgb,var(--playground-body-color-text) 50%,transparent);padding:20rem;background:var(--playground-body-color-text);color:var(--playground-body-color-background)}.top-9-21-game-answers-list button[data-wrong][disabled],.top-9-21-game-answers-list button[data-wrong]{background:red;border-color:transparent}.top-9-21-game-answers-list button[data-correct][disabled],.top-9-21-game-answers-list button[data-correct]{background:green;border-color: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-results{position:relative;z-index:2}.top-9-21-game-results:not(:has(.top-9-21-game-results-list p)){display:none}.top-9-21-game-results>p{margin-bottom:12rem}.top-9-21-game-results-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12rem;font-size:16rem;line-height:1.5}.top-9-21-game-results-list p[data-result=correct]:before{content:"✔ ";color:green}.top-9-21-game-results-list p[data-result=wrong]:before{content:"✘ ";color:red}.top-9-21-game-options{display:flex;flex-flow:row nowrap;gap:30rem;position:relative;z-index:2}.top-9-21-game-option{display:inline-flex;flex-flow:column nowrap;gap:6rem}.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:21rem;border:1px solid color-mix(in srgb,var(--playground-body-color-text) 35%,transparent)}.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)}.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:2rem;padding-left:32rem}.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}}