.tabCont{border:solid 1px var(--main-color);border-radius:5px;flex-wrap:wrap;justify-content:center;width:fit-content;margin-inline:auto;display:flex}.tab{background-color:light-dark(#fff8,#2228);&.current{background-color:var(--main-color);color:#fff;& a{cursor:default}}& a{color:inherit;padding:.5ch 1ch;text-decoration:none;transition:background-color .25s;display:block}& a:not(.current):hover{background-color:var(--main-transparent)}&:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}&:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}}#tabsLeaderboard{z-index:2;backdrop-filter:blur(10px);margin-block:5px 1em;font-size:80%;position:sticky;top:5px}#leaderboard{text-align:right;max-width:min(60ch,100%);margin-block-start:2em;& h2{text-align:center}}#lb_list{width:fit-content;margin:0 auto;padding:0;list-style-type:decimal-leading-zero}.lb_line{border-bottom:3px solid #0000;border-radius:10px;max-width:100%;margin-block:.2em;padding-inline:.5em;transition:all .5s;position:relative;& button{background-color:#0000;border:none;outline:solid #0000;margin:0;padding:0;&:hover{background-color:#0000}&:focus-visible{background-color:var(--main-transparent);outline-color:var(--main-color)}&:active{color:unset;background-color:#0000}}}.lb_line::marker{color:#0000;font-family:Tektur,sans-serif;font-size:.8em;transition:all .25s}.lbYourLine{border:.7em solid;position:absolute;top:calc(50% - .7em)}#yourLineBefore{border-color:transparent transparent transparent var(--main-color);right:calc(100% - .7em + 3ch)}#yourLineAfter{border-color:transparent var(--main-color) transparent transparent;left:calc(100% - .7em)}.lb_line.negative{opacity:.5}.lb_line.firstToWin{position:relative;&:after{content:"Premier à trouver le jeu";text-align:center;color:#111;filter:drop-shadow(0 0 4px #eed71f);background-color:#eed71faa;border:1px solid #8888;border-radius:1em;padding-inline:1ch;font-size:60%;position:absolute;top:-.8em;right:0}}[data-locale=en] .lb_line.firstToWin:after{content:"First to find the game"}.lb_line:hover,.lb_line:focus-within{border-bottom:3px solid var(--main-color);outline:none;transform:translateY(-5px);&::marker{color:#888}& .trophiesCont{opacity:1}}.lb_line[data-theme-color-override] .pseudo,.lb_line[data-theme-color-override]:is(:hover,:focus) .points{color:var(--main-color)}.lb_line[class*=score]{--score-ribon-size:6px;--score-ribon-spacing:1ch;--score-ribon-right-offset:6ch;background-clip:padding-box}.lb_line.score100{background-image:linear-gradient(-103deg, transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size)))}.lb_line.score200{background-image:linear-gradient(-103deg, transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size)), transparent calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + var(--score-ribon-size)))}.lb_line.score300{background-image:linear-gradient(-103deg, transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size)), transparent calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + var(--score-ribon-size)), transparent calc(var(--score-ribon-right-offset) + 3 * var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 3 * var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 3 * var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + 3 * var(--score-ribon-spacing) + var(--score-ribon-size)))}.lb_line.score400{background-image:linear-gradient(-103deg, transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size)), transparent calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + var(--score-ribon-size)), transparent calc(var(--score-ribon-right-offset) + 3 * var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 3 * var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 3 * var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + 3 * var(--score-ribon-spacing) + var(--score-ribon-size)), transparent calc(var(--score-ribon-right-offset) + 4 * var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 4 * var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 4 * var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + 4 * var(--score-ribon-spacing) + var(--score-ribon-size)))}.lb_line.score500{background-image:linear-gradient(-103deg, transparent calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + 2 * var(--score-ribon-spacing) + var(--score-ribon-size))), linear-gradient(-77deg, transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing)), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + 2px), var(--main-transparent-semi) calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size) - 2px), transparent calc(var(--score-ribon-right-offset) + var(--score-ribon-spacing) + var(--score-ribon-size)))}.scoreGlint{z-index:-1;border-radius:inherit;background-image:linear-gradient(-45deg,#0000 10%,#ff03,#0000 40%);background-repeat:no-repeat;background-size:400% 110%;animation:6s ease-out infinite glintScore;position:absolute;inset:0}@keyframes glintScore{0%{background-position:0%}to{background-position:150%}}.points{vertical-align:bottom;margin-left:2ch;font-family:Tektur,sans-serif;font-size:1.5em;font-weight:600;transition:all 1s cubic-bezier(.22,.61,.36,1)}.trophiesCont{opacity:.7;transition:all .2s;display:inline-flex;position:relative}#trophyRarityLegend{flex-wrap:wrap;justify-content:center;gap:1ch;margin-block-end:4em;font-size:.6em;display:flex}#trophyRarityLegend>span{border-radius:10px;padding:10px}#chartContainer{height:max(500px,80vh)}#graphCont{width:min(90%,100ch);margin:auto;font-size:.8em;position:relative}#graphPreloadCont{z-index:1;background-color:var(--main-transparent-really);backdrop-filter:blur(13px);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:all .5s;display:flex;position:absolute;inset:0}#graphPreloadCont.visible{opacity:1;pointer-events:all}@media screen and (width<=700px){#leaderboard{font-size:50%}.showAllTrophiesBtn{width:1.5em;height:1.5em}#chartContainer{height:max(1000px,80vh)}}@media screen and (width<=500px){.lb_line{margin-block:.5em}}
