@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(9dfdc5f1afd1e0015b0d.woff2),format("woff2-variations")}@font-face{font-display:block;font-family:Inter;font-style:italic;font-weight:100 900;src:url(a2f3f9be0e5df2a289dc.woff2),format("woff2-variations")}@font-face{font-display:block;font-family:Urbanist;font-style:normal;font-weight:100 900;src:url(c7ba79fc330d48e45a57.woff2),format("woff2-variations")}@font-face{font-display:block;font-family:Urbanist;font-style:italic;font-weight:100 900;src:url(99df43e15950901ff52c.woff2),format("woff2-variations")}*{box-sizing:border-box;font-family:Urbanist,serif;font-weight:550;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--ui-text);font-family:Inter,sans-serif;font-weight:200}button,input{appearance:none;background-color:none;border:none;color:var(--button-text);outline:none}:root{--player-1:#006aff;--player-2:red;--player-3:#28c84b;--player-4:#a014c8;--background:#6eb4ff;--accent-1:#135194;--button-border:#3f3f3f;--button-background:#bbb;--button-background-checked:#fff;--button-background-hover:#f1f1f1;--button-text:#000;--ui-text:#fff}:root.dark{--background:#000;--accent-1:#232323;--button-border:#c8c8c8;--button-background:#141414;--button-background-checked:#969696;--button-background-hover:#3c3c3c;--button-text:#fff;--ui-text:#fff}:root.light{--background:#fff;--accent-1:#c8c8c8;--button-border:#000;--button-background:#e6e6e6;--button-background-checked:#fff;--button-background-hover:#b4b4b4;--button-text:#000;--ui-text:#000}.hidden{display:none!important}body{background-color:var(--background)}header{align-items:center;background-color:var(--accent-1);display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:1rem 2rem}.instruction{border:.5rem solid var(--ui-text);border-radius:2rem;padding:1rem 2rem}.initial{display:grid;gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:fit-content fit-content fit-content;margin:0 auto;width:fit-content}.initial,.player{justify-content:center}.player{display:flex;flex-wrap:wrap;gap:2rem;grid-column:1/-1;grid-row:1}.player.four,.player.one,.player.three,.player.two{align-items:center;display:flex;flex-direction:column;gap:0}.one.icon{fill:var(--player-1)}.one.name{border-color:var(--player-1)}.two.icon{fill:var(--player-2)}.two.name{border-color:var(--player-2)}.three.icon{fill:var(--player-3)}.three.name{border-color:var(--player-3)}.four.icon{fill:var(--player-4)}.four.name{border-color:var(--player-4)}.name{background-color:var(--button-background);border:.5rem solid var(--button-border);border-radius:2rem;color:var(--button-text);font-size:2rem;padding:.5rem;width:20rem}.row-2{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;grid-column:1/3;grid-row:2;justify-content:center}.close-settings,.settings-button,.tutorial-button{background-color:var(--button-background);border:.5rem solid var(--button-border);border-radius:2rem;font-size:2rem;padding:1rem 2rem}.settings-menu::backdrop{backdrop-filter:brightness(50%)}.settings-menu{background-color:var(--accent-1);border:none;border-radius:2rem;box-shadow:0 16px 16px;display:flex;flex-direction:column;gap:3rem;margin:auto;max-width:90vw;padding:1rem}.settings.header{display:flex;justify-content:space-between;padding:0 1rem}.all-settings{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.settings.title{font-size:5rem;grid-column:1/-1;grid-row:1;justify-self:center;margin-top:-.5rem}.close-settings{grid-column:2;grid-row:1;justify-self:end;width:fit-content;z-index:1000}.setting{align-items:center;display:flex;flex-direction:column;gap:1rem}h3.title{font-size:2.5rem}.players.setting{grid-column:1;grid-row:2}.questions.setting{grid-column:2;grid-row:2}.theme.setting{grid-column:1/-1;grid-row:3}.theme-toggle,button.players,button.questions{background-color:var(--button-background);border:.5rem solid var(--button-border);font-size:2rem;padding:1rem 2rem}.theme-toggle{border-radius:2rem;color:var(--button-text);margin-bottom:auto;margin-top:auto;outline:none}.theme-toggle:hover option{background-color:var(--button-background)}.five.questions,.two.players{border-bottom-left-radius:2rem;border-top-left-radius:2rem;margin-right:-.5rem}.four.players,.ten.questions{border-bottom-right-radius:2rem;border-top-right-radius:2rem;margin-left:-.5rem}.players.checked,.questions.checked{background-color:var(--button-background-checked);font-weight:700;padding:1.5rem 2.5rem}.close-settings:hover,.settings-button:hover,.submit-name:hover,.theme-toggle:hover,.tutorial-button:hover,button.players:hover:not(.checked),button.questions:hover:not(.checked){background-color:var(--button-background-hover)}.submit-name{background-color:var(--button-background);border:.5rem solid var(--button-border);border-radius:2rem;font-size:2rem;grid-column:1/3;grid-row:3;justify-self:center;padding:1rem 5rem;width:fit-content}.tutorial{background-color:var(--accent-1);border-radius:1rem;color:var(--ui-text);margin:1rem;padding:1rem 2rem}.tutorial.title{font-size:3.5rem;text-align:center}.tutorial.text{font-size:1.5rem;margin-bottom:-1rem}.close-tutorial{background-color:var(--button-background);border:.5rem solid var(--button-border);border-radius:2rem;display:block;font-size:2rem;margin:2rem auto;padding:1rem 2.5rem}.close-tutorial:hover{background-color:var(--button-background-hover)}.game{display:grid;gap:2rem;grid-template-columns:2fr 3fr;grid-template-rows:1fr 3fr;height:fit-content;margin:0 auto;padding:1rem 2rem}.numpad{direction:rtl;display:grid;grid-column:1;grid-row:1/3;grid-template-columns:repeat(3,8rem);grid-template-rows:repeat(4,8rem);justify-self:center}.numpadBtn{align-items:center;border:.5rem solid var(--button-background);display:flex;justify-content:center}.numpadBtn:hover{filter:brightness(1.5)}.numpadBtn-icon{height:7.5rem;pointer-events:none;width:7.5rem}.questionBox{background-color:var(--button-background-hover);border:1rem solid var(--button-background);border-radius:2rem;color:var(--button-text);font-size:4.5rem;grid-column:2;padding:0 1rem}.currentPlayerInfo{background-color:var(--accent-1);border:1rem solid #000;border-radius:2rem;display:grid;grid-column:2;grid-row:2;grid-template-columns:1fr 3fr;grid-template-rows:1fr 4fr;padding:1rem 2rem}.currentPlayerNameText{font-size:3rem;grid-column:1/3}.info.icon{grid-column:1;grid-row:2}.scoreGrid{display:grid;grid-auto-rows:1fr 1fr;grid-column:2;grid-row:2;grid-template-columns:1fr 1fr 1fr 1fr 1fr;place-items:center}.correct{fill:#3dff64}.wrong{fill:red}.transitionCard{align-items:center;background-color:var(--accent-1);border-radius:2rem;display:flex;flex-direction:column;margin:1rem 2rem;padding:1rem 2rem}.transitionTitle{color:var(--ui-text);font-size:2.5rem;margin-bottom:-1rem;text-align:center}.transitionButton{background-color:var(--button-background);border:.5rem solid var(--button-border);border-radius:2rem;display:block;font-size:2rem;padding:1rem 2.5rem}.play-again:hover,.transitionButton:hover{background-color:var(--button-background-hover)}.resultsCard{background-color:var(--accent-1);display:flex;flex-direction:column;gap:2rem;justify-content:center;margin:1rem 2rem;padding:2rem}.playerResults,.resultsCard{align-items:center;border-radius:2rem}.playerResults{background-color:var(--button-background);border:1rem solid #000;color:var(--button-text);display:grid;grid-template-columns:1fr 4fr;grid-template-rows:2fr 1fr 1fr 1fr;padding:1rem;width:100%}.result.icon{grid-column:1;grid-row:1/-1}.playerName{color:inherit;font-size:4rem;grid-column:2;grid-row:1}.playerScore{grid-row:2}.playerScore,.playerTime{color:inherit;font-size:2.5rem;grid-column:2}.playerTime{grid-row:3}.playerWins{color:inherit;font-size:2.5rem;grid-column:2;grid-row:4}.winner{border-color:#ff0}.winner .icon{stroke:#ff0}.winner .playerName{color:#ff0}.play-again{background-color:var(--button-background);border:.5rem solid var(--button-border);border-radius:2rem;display:flex;font-size:2rem;justify-self:center;margin-bottom:1rem;padding:1rem 2rem}
/*# sourceMappingURL=main.c6df863a9771642b5837.css.map*/