@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{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{align-items:center;gap:1.2rem;display:flex}.navbar .nav-link{color:#000;border:.1rem solid #0000001f;border-radius:.5rem;padding:.45rem .75rem;font-weight:700;text-decoration:none;transition:all .2s}.navbar .nav-link:hover{background-color:#0000000d}@media (width<=480px){.navbar{text-align:center;flex-direction:column;gap:1rem;padding:1rem}}.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}}.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}@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:center;align-items:center;gap:.5rem;font-weight:700;display:flex;overflow:auto}.ruleCard .smallLineList{flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem;display:flex}.ruleCard .smallLineList .line-icon{width:2rem}@media (width<=480px){.ruleCard{justify-content:start}}.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}.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}.possible-answers-list{flex-direction:column;gap:.6rem;max-height:50%;display:flex}.possible-answers-list .stopListItem{background-color:var(--background);text-align:left;border:.1rem solid #0000001a;border-radius:.5rem;padding:.8rem}.possible-answers-list .name{margin-bottom:.3rem;font-weight:700}.possible-answers-list .smallLineList{flex-wrap:wrap;gap:.2rem;display:flex}.possible-answers-list .smallLineList .line-icon{width:1.2rem}.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{background-color:var(--card);border:.2rem solid #0000;border-radius:.5rem;height:max-content;padding:1rem;transition:all .2s}.fullscreen-stop-selector .container .content .stop-list .stopListItem:hover{border-color:var(--primary)}.fullscreen-stop-selector .container .content .stop-list .stopListItem .name{font-weight:700}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}