@import "https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";*{font-optical-sizing:auto;font-family:Google Sans,sans-serif}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--color-reponse:#e6f0ea;--primary:#78d700;--background:white;--card:white;--onPrimary:#1a2300;--error:#f66151}body{background-color:var(--background)}.alert{border-style:dashed;border-width:.2rem;border-color:var(--primary);background-color:#78d70033;border-radius:.5rem;padding:1rem}.main{flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}@media (width<=480px){.main{padding:.3rem}}.main{gap:1rem}.navbar-link{color:var(--onPrimary);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;text-decoration:none;transition:all .1s;display:flex}.navbar-link svg{font-size:1.5rem}.navbar-link .name{transition:all .1s}.navbar-link:hover .name{font-weight:700}.navbar-link.active .name{font-weight:700}@media (width<=700px){.footer{padding-bottom:5rem}}.navbar{background-color:var(--color-reponse);justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;padding:1rem 2rem;display:flex}.navbar .logoclick{color:#000;text-decoration:none}.navbar .nav-left{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.navbar .links{gap:1.2rem;display:flex}@media (width<=700px){.navbar{text-align:center;flex-direction:column;gap:1rem;padding:1rem}.navbar .links{z-index:1;background-color:var(--color-reponse);border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-evenly;width:100%;padding:1rem;position:fixed;bottom:0;left:0}}.navbar .title-group{flex-direction:column;display:flex}.navbar .title-group h1{line-height:1.5rem}.navbar .title-group p{font-size:.8rem}.navbar .login-button{background-color:var(--primary);color:var(--onPrimary);border-radius:.5rem;padding:.5rem;font-weight:700;transition:all .2s}.navbar .login-button:hover{scale:1.025}.navbar .login-button:active{scale:.9}.navbar .user-details{align-items:center;gap:.5rem;display:flex}.navbar .user-details .usernameDisplayname .displayname{font-size:1rem;font-weight:700}.navbar .user-details .usernameDisplayname .username{opacity:.5;font-size:.8rem}.navbar .user-details .avatar{border-radius:9999px;height:2.5rem}.navbar .user-details .points{margin-left:1rem;font-weight:700}.pointsDisplay{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}@media (width<=480px){.pointsDisplay{font-size:.8rem}}.pointsDisplay .points{font-size:1.3rem;font-weight:700}@media (width<=480px){.pointsDisplay .points{font-size:1rem}}.pointsDisplay .difficulty{font-size:1.2rem;font-weight:700}@media (width<=480px){.pointsDisplay .difficulty{font-size:1rem}}.leaderboard-page{flex-direction:column;align-items:center;display:flex}.leaderboard-page .leaderboard{flex-direction:column;grid-auto-flow:column;align-items:center;gap:1rem 5rem;width:100%;max-width:80rem;padding:1rem;display:grid}@media (width<=1000px){.leaderboard-page .leaderboard{display:flex}}.leaderboard-page .leaderboard .player-entry{background-color:var(--color-reponse);border-radius:.5rem;justify-content:space-between;align-items:center;gap:4rem;width:100%;padding:1rem;display:flex}@media (width<=600px){.leaderboard-page .leaderboard .player-entry{gap:1rem}}.leaderboard-page .leaderboard .player-entry .player{align-items:center;gap:1rem;display:flex}@media (width<=600px){.leaderboard-page .leaderboard .player-entry .player{gap:.5rem}}.leaderboard-page .leaderboard .player-entry .player .order{font-size:1.3rem;font-weight:700}@media (width<=600px){.leaderboard-page .leaderboard .player-entry .player .order{font-size:1rem}}.leaderboard-page .leaderboard .player-entry .player .avatar{border-radius:9999px;width:3rem;height:3rem}.leaderboard-page .leaderboard .player-entry .player .displayname{font-weight:700}.leaderboard-page .leaderboard .player-entry .player .username{opacity:.5;font-size:.9rem}.game-wrapper{flex-direction:column;align-items:center;gap:3rem;display:flex}.game-wrapper .game{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.game-wrapper .game .grid{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.35rem,1.8vw,.85rem);width:min(100%,43rem);display:grid}.game-wrapper .game .game-info{background-color:var(--color-reponse);border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:10rem;height:100%;padding:1rem;display:flex}.game-wrapper .game .game-info .username{font-size:1.2rem;font-weight:700}@media (width<=900px){.game-wrapper .game .game-info{flex-flow:wrap;justify-content:space-around;width:100%}}@media (width<=900px){.game-wrapper .game{flex-direction:column-reverse}}.game-wrapper .leaderboard{background-color:var(--color-reponse);border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:30rem;height:100%;padding:2rem;display:flex}.game-wrapper .leaderboard .player-entry{justify-content:space-between;align-items:center;gap:4rem;width:100%;display:flex}.game-wrapper .leaderboard .player-entry .player{align-items:center;gap:1rem;display:flex}.game-wrapper .leaderboard .player-entry .player .avatar{border-radius:9999px;width:3rem;height:3rem}.game-wrapper .leaderboard .player-entry .player .displayname{font-weight:700}.game-wrapper .leaderboard .player-entry .player .username{opacity:.5;font-size:.9rem}.game-wrapper .leaderboard .player-entry .points{font-size:1.3rem;font-weight:700}.card{aspect-ratio:1;text-align:center;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:clamp(.35rem,2vw,1rem);display:flex}.card .success-rate{font-family:monospace;font-size:.6rem;position:absolute;bottom:.25rem;right:.5rem}@media (width<=600px){.card .success-rate{font-size:.55rem;bottom:.2rem;right:.35rem}}@media (width<=480px){.card{font-size:.7rem}.ruleCard .line-icon,.correctCard .smallLineList .line-icon{width:.9rem!important}}.ruleCard{background-color:var(--color-reponse);flex-direction:column;justify-content:start;align-items:center;gap:.5rem;font-weight:700;display:flex;overflow:auto}.ruleCard .rule{flex-direction:column;gap:.5rem;margin:auto;display:flex}.ruleCard .rule .smallLineList{flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem;display:flex}.ruleCard .rule .smallLineList .line-icon{width:2rem}.explain{text-align:center;max-width:50rem;margin-top:1rem;font-size:.9rem}.correctCard{background-color:var(--color-reponse);border-color:var(--primary);border-style:solid;border-width:.2rem;flex-direction:column;gap:.1rem;display:flex;position:relative;overflow:auto}.correctCard .smallLineList{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}.correctCard .smallLineList .line-icon{width:1.5rem}.correctCard .checkmark{color:#1a2300;background:var(--primary);border-radius:0 0 0 1rem;padding:.25rem .5rem;font-weight:700;position:absolute;top:0;right:0}@media (width<=480px){.correctCard .checkmark{font-size:.8rem}}.correctCard .rarity{opacity:.5;font-size:.8rem}@media (width<=480px){.correctCard .rarity{font-size:.6rem}}.emptyCard{cursor:pointer;border:.1rem solid #000;transition:all .2s;position:relative}.emptyCard:hover{background-color:#0000001a}.disabledCard{cursor:pointer;background-color:#0000001a;border-color:#0000001a;flex-direction:column;gap:1rem;display:flex}.disabledCard:hover{background-color:#0003}.disabledCard .subtitle{font-size:.8rem}@media (width<=480px){.disabledCard .subtitle{font-size:.5rem}}.possible-answers-container{max-height:75svh;margin-top:2rem;padding:1rem;background-color:var(--card)!important;max-width:36rem!important;height:auto!important}.possible-answers-header{justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.close-button{background:var(--card);border:.1rem solid #00000026;border-radius:.4rem;padding:.4rem .8rem}.stopListItem{background-color:var(--background);text-align:left;border:.1rem solid #0000001a;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.8rem;display:flex}.stopListItem .smallLineList{flex-wrap:wrap;gap:.2rem;display:flex}.stopListItem .smallLineList .line-icon{width:1.2rem}.stopListItem .name{font-weight:700}.possible-answers-list{flex-direction:column;gap:.6rem;max-height:50%;display:flex}.tries{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;display:flex}@media (width<=480px){.tries .title{font-size:.8rem}}.tries .triesRow{font-size:1.5rem;display:flex}.tries .triesRow .error{color:var(--error)}.fullscreen-stop-selector{z-index:999;background-color:#0006;flex-direction:column;align-items:center;gap:2rem;width:100svw;height:100svh;display:flex;position:fixed;top:0;left:0}.fullscreen-stop-selector .container{background-color:#0000;border-radius:1rem;flex-direction:column;width:100%;max-width:50rem;max-height:70%;display:flex}.fullscreen-stop-selector .container input{background-color:var(--card);border:.2rem solid #0000;border-radius:.5rem;width:100%;padding:1rem;transition:all .2s}.fullscreen-stop-selector .container input:hover,.fullscreen-stop-selector .container input:focus{border-color:var(--primary);outline:none}.fullscreen-stop-selector .container .content{flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow:auto}.fullscreen-stop-selector .container .content .stop-list{grid-template-columns:auto auto auto;gap:1rem;width:100%;display:grid;overflow:auto}.fullscreen-stop-selector .container .content .stop-list button{height:max-content}@media (width<=480px){.fullscreen-stop-selector .container .content .stop-list{grid-template-columns:auto}}.fullscreen-stop-selector .container .content .stop-list .hint{color:#fff}.fullscreen-stop-selector .container .content .stop-list .stopListItem{border:.2rem solid #0000;border-radius:.5rem;transition:all .2s}.fullscreen-stop-selector .container .content .stop-list .stopListItem:hover{border-color:var(--primary)}button{cursor:pointer;background-color:#0000;border-style:none}.footer{text-align:center;opacity:.5;flex-direction:column;align-items:center;margin-bottom:1rem;font-size:.9rem;display:flex}.footer .sub1{font-size:.8rem}.grid-list{flex-direction:column;gap:1rem;width:100%;max-width:34rem;display:flex}.grid-list .grid-list-item{background-color:var(--color-reponse);color:#000;border:.2rem solid #0000;border-radius:.6rem;justify-content:space-between;align-items:center;padding:.9rem 1rem;text-decoration:none;transition:all .2s;display:flex}.grid-list .grid-list-item:hover{border-color:var(--primary)}.grid-list .grid-list-date{font-weight:700}.grid-list .grid-list-difficulty{opacity:.7}.botAnswerDisplay{background-color:#323339;flex-direction:column;justify-content:center;align-items:center;padding-top:3rem;display:flex}.botAnswerDisplay .avatar{border-radius:99999px;width:6rem}.botAnswerDisplay .credits{color:#fff;opacity:.5;padding-bottom:2rem}.botAnswerDisplay h1{text-align:center;color:#fff}.botAnswerDisplay h2{text-align:center;color:#fff;opacity:.5;padding-bottom:2rem}.botAnswerDisplay .correctCard>*{opacity:0}.botAnswerDisplay .correctCard{background-color:var(--primary)}.botAnswerDisplay .disabledCard>*{opacity:0}.botAnswerDisplay .disabledCard{background-color:var(--error)}