@font-face{font-family:vcrosdneuemedium;src:url(../../assets/fonts/vcrosdneue-webfont.woff2) format('woff2'),url(../../assets/fonts/vcrosdneue-webfont.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:quadrundemedium;src:url(../../assets/fonts/quadrunde-webfont.woff2) format('woff2'),url(../../assets/fonts/quadrunde-webfont.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}:root{--main-font:'vcrosdneuemedium',sans-serif;--secondary-font:'quadrundemedium',sans-serif}:root{--deep-blue:#123555;--light-blue:#28AEE5;--light-blue-tp:#28AEE565;--gold:#FFE100;--light-gold:#F3E99C;--silver:#C6C6C6;--bronze:#D48121;--red-mobius:#C1002F;--text-shadow-black:-2px 2px #000,2px -2px #000,-2px -2px #000,2px 2px #000;--border-score:5px dotted #fff}*{box-sizing:border-box}body{scroll-behavior:smooth;margin:0;background-color:var(--deep-blue);padding-top:env(safe-area-inset-top,1rem)}header{padding:2rem 1rem 0 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}header h1{font-size:min(10vw,3rem);font-family:var(--main-font,sans-serif);text-align:center;color:#fff;margin:0;font-weight:400;width:100%}header img.main_logo{width:80%;max-width:320px}main{margin-top:2rem;width:100%;box-sizing:border-box;font-family:var(--main-font,sans-serif);display:flex;flex-direction:column;gap:2rem;align-items:center}main .logo{margin-top:2rem;margin-bottom:1rem}main:not(:has(.logo)) .scores{margin-top:1.5rem}iframe{aspect-ratio:5/2;width:100%;border:0 none}.game{position:relative;width:100%;box-shadow:0 0 25px 5px rgba(40,174,229,.9)}.game::before{position:absolute;width:100%;top:-4px;left:0;content:"";height:calc(100% - 4px);border-top:4px solid var(--light-blue);border-bottom:4px solid var(--light-blue);box-sizing:content-box;pointer-events:none}.logo a{display:flex;justify-content:center}.logo a img{width:80%;max-width:300px}.scores{width:calc(100% - 2rem);max-width:700px;color:#fff;margin:0 1rem;padding:.5rem;display:flex;flex-direction:column;align-items:center}.scores.bord{border:10px dotted #fff;padding:1.5rem .5rem}.scores h2{text-align:center;color:#fff;font-weight:400;margin:0;font-size:1.75rem;position:relative;border-bottom:3px dotted #fff}.scores h2::after{background-image:linear-gradient(-40deg,transparent 0,transparent 40%,#fff 50%,transparent 60%,transparent 100%);background-repeat:no-repeat;animation:shine 5s infinite;background-clip:text;background-size:1000px;content:"Meilleurs scores";width:100%;height:100%;position:absolute;top:0;left:0;text-shadow:0 0 transparent;color:transparent;pointer-events:none}.scores .leaderboard ol{padding-left:0;display:grid;counter-reset:count;grid-template-columns:50px minmax(150px,1fr) minmax(70px,auto);row-gap:.75rem}.scores .leaderboard ol li{font-size:1.5rem;grid-column:1/-1;grid-template-columns:subgrid;display:grid;counter-increment:count 1;align-items:center;background-color:var(--light-blue-tp);padding:0 .5rem}.scores .leaderboard ol li:not(:first-of-type){border-top:0 none}.scores .leaderboard ol li::before,.scores .leaderboard ol li>*{padding:.45rem .35rem}.scores .leaderboard ol li::before{grid-column:1;content:"#" counter(count)}.scores .leaderboard ol li .ps{grid-column:2}.scores .leaderboard ol li .nb{grid-column:3;text-align:right}.scores .leaderboard ol li:nth-of-type(3){color:var(--bronze);text-shadow:var(--text-shadow-black)}.scores .leaderboard ol li:nth-of-type(2){color:var(--silver);text-shadow:var(--text-shadow-black)}.scores .leaderboard ol li:first-of-type{color:var(--gold);text-shadow:var(--text-shadow-black)}.scores .leaderboard ol .new,.scores .leaderboard ol :is(li:first-of-type,li:nth-of-type(2),li:nth-of-type(3)).new{font-size:2rem;color:var(--gold);text-shadow:var(--text-shadow-black);background-color:var(--red-mobius)}.scores .leaderboard ol .new::before{position:relative}.scores .leaderboard ol .new>*{position:relative}.scores .leaderboard ol .new>::after{background-image:linear-gradient(-40deg,transparent 0,transparent 40%,#fff 50%,transparent 60%,transparent 100%);background-repeat:no-repeat;animation:shine 5s infinite;background-clip:text;background-size:500px;content:attr(data-score-text);width:100%;height:100%;position:absolute;top:.45rem;left:.35rem;text-shadow:0 0 transparent;color:transparent;pointer-events:none}.scores .leaderboard ol .new>.nb::after{text-align:right;right:.35rem;left:unset}footer{font-family:var(--secondary-font);width:100%;margin-top:2rem;color:#fff;font-size:1.2rem;text-align:center;background-color:var(--red-mobius);padding:1rem 1rem calc(env(safe-area-inset-bottom,1rem) + 1rem) 1rem}footer .logo{margin:1rem 0}footer a{color:var(--light-gold);text-decoration:underline;font-weight:700}@keyframes shine{0%{background-position:-500px}100%{background-position:500px}}@media screen and (min-width:720px){header h1,header img.main_logo{font-size:3.5rem}header img.main_logo{max-width:380px}main{padding:0 4rem;gap:1rem}main .logo{margin-top:1rem}.game::before{border:4px solid var(--light-blue);left:-4px}.scores.bord{border:18px dotted #fff}.scores h2{font-size:2rem}.scores .leaderboard ol{grid-template-columns:minmax(50px,auto) minmax(300px,1fr) minmax(70px,auto)}.scores .leaderboard ol .new{font-size:2.4rem}}@media screen and (min-width:1024px){main{padding:0 calc(4rem + (100vw - 1024px)/ 2)}}