@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);html{--min-font-size:16px;--max-font-size:24px;font-size:clamp(16px,calc(1rem + .8vw),24px);font-size:clamp(var(--min-font-size),calc(1rem + .8vw),var(--max-font-size))}h1{font-size:3.5rem}h1,h2{line-height:1.1;text-transform:uppercase}h2{font-size:1.5rem}h3{text-transform:uppercase}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(70deg,var(--color-primary-100),var(--color-primary-600),var(--color-primary-300));-webkit-background-clip:text}.text-muted{color:var(--color-surface-600)}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:1.25rem}}.btn-container{display:flex;gap:1rem;justify-content:center;margin-block:1rem}.btn,a.btn:focus,a.btn:hover{text-decoration:none}.btn{border:2px solid #0000;border-radius:4px;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.5rem 1rem;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,color,border-color,box-shadow;transition-timing-function:ease}.btn:focus-visible{box-shadow:var(--focus-box-shadow);outline:var(--focus-outline)}.btn-primary{background-color:color-mix(in srgb,var(--primary) 5%,#0000);border-color:var(--primary);color:var(--primary)}.btn-primary:hover{background-color:color-mix(in srgb,var(--primary) 30%,#0000);color:var(--color-primary-600)}.btn-ghost{background-color:initial;border-color:color-mix(in srgb,#fff 5%,#0000);color:#fff}.btn-ghost:hover{background-color:color-mix(in srgb,#fff 10%,#0000);border-color:color-mix(in srgb,#fff 20%,#0000)}.btn-gray{background-color:var(--color-surface-400);border-color:var(--color-surface-500);color:#fff}.btn-gray:hover{background-color:var(--color-surface-300);border-color:var(--color-surface-600);color:#fff}.btn-red{background-color:#ff000054;border-color:#ff6464;color:#ff6464}.btn-red:hover{background-color:#ff000026;border-color:red;color:red}.btn-discord{background-color:#5865f2;border-color:#868fef;color:#fff;.inside{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:0}.media-container{aspect-ratio:1;flex-shrink:0;width:1.5rem}}.btn-discord:hover{background-color:#4752c4;border-color:#4752c4;color:#fff}.btn-form{font-size:.8rem;padding:.25rem .75rem}.btn-clear{background-color:initial;border:none;color:#fff;cursor:pointer;padding:0}.btn-header,.btn-small{font-size:.75rem;padding-block:.33rem;padding-inline:.75rem}.btn-toggle.btn-primary{background-color:var(--primary);border-color:#0000;color:#fff}.btn-toggle.btn-primary:hover{background-color:color-mix(in srgb,var(--primary) 85%,#000);border-color:#0000;color:#fff}.inside{margin:0 auto;max-width:var(--max-width);padding-inline:1.5rem}.bg-primary{background-color:var(--primary)}.separator{background:linear-gradient(90deg,#0000 0,#5d3663 50%,#0000);height:1px}.dash-container{align-items:center;color:var(--color-surface-600);display:flex;flex-wrap:wrap;font-size:.5rem;justify-content:space-between;.dash{background:linear-gradient(90deg,var(--primary),#0000);border-radius:var(--border-radius);height:.25rem;width:10rem}.dash,p{margin-bottom:.5rem}}.card{background-color:var(--color-surface-200);border:1px solid var(--color-surface-300);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);font-size:.8rem;outline:none;padding:.5rem .25rem;text-align:start;transition-property:box-shadow,transform,border-color,visibility;transition:.3s ease;h2{color:var(--primary);font-size:.667rem;margin-bottom:.25rem}h3{color:var(--color-primary-700);font-size:.5rem;margin-bottom:.1rem}}a.card:hover{text-decoration:none}.card.hidden{opacity:0;pointer-events:none;transform:translateY(5px);visibility:hidden}.animate-hover{&:focus,&:hover{border-color:var(--focus-border-color);box-shadow:var(--shadow-lg-hover);transform:translateY(-2px)}}.map{aspect-ratio:16/9;background-color:var(--color-surface-200);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;outline:2px solid #0000;overflow:hidden;position:relative;transition-property:transform,box-shadow,outline;transition:.3s ease;.map-img-cnt.media-container{flex:1 1;height:100%;position:relative;width:100%;&:after{background:linear-gradient(to bottom,#0000 70%,var(--color-surface-100) 85%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}img{height:100%;object-fit:contain}}.map-info{align-self:stretch;border-bottom:2px solid var(--color-surface-200);border-radius:0 0 var(--border-radius) var(--border-radius);bottom:0;display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;gap:.25rem;justify-content:space-between;left:0;padding:.25rem .5rem;position:absolute;right:0;h3{font-size:.8rem;overflow:hidden;text-overflow:ellipsis}p{font-size:.6667rem}}.map-blurred-bg.media-container{filter:blur(10px);inset:0;position:absolute;img{height:100%;object-fit:cover;width:100%}}&:focus,&:hover{box-shadow:var(--shadow-lg-hover);transform:translateY(-2px);.map-info{border-color:var(--focus-border-color)}}}.leaderboard{.inside{max-width:800px}.leaderboard-entry a:hover,a.leaderboard-entry:hover{text-decoration:none}.leaderboard-entry-wrapper{&:first-child{margin-block-start:.25rem}.map-points{animation:fade-in-top 1s forwards;animation-delay:var(--leaderboard-entry-animation-delay);opacity:0;text-align:end}}.leaderboard-entry{text-wrap:nowrap;grid-column-gap:2ch;grid-row-gap:.5rem;animation:fade-in-top 1s forwards;animation-delay:var(--leaderboard-entry-animation-delay);column-gap:2ch;display:grid;opacity:0;padding:.5rem 1rem;position:relative;row-gap:.5rem;.placing{font-style:italic}&:first-child .placing{color:var(--primary);font-weight:700}&:nth-child(2) .placing{color:var(--color-primary-600)}&:nth-child(3) .placing{color:var(--color-primary-700)}&:before{background:linear-gradient(to right,#0000 0,var(--primary) 25%,#0000 50%,#0000 50%,var(--primary) 75%,#0000 100%);background-position:100%;background-repeat:no-repeat;background-size:200% 1px;bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transition-property:background-position;transition:background-position .75s ease}&:focus,&:hover{&:before{background-position:0}}&>:nth-child(2),.name,.points{overflow:hidden;text-overflow:ellipsis}&>:nth-child(2){text-wrap:nowrap}}}@media (min-width:300px){.leaderboard-entry-wrapper{align-items:center;display:grid;grid-template-columns:1fr 4ch}.leaderboard .leaderboard-entry{grid-template-columns:1ch 1fr auto}}.placeholder-wrapper{display:grid;grid-template-areas:"stack";.placeholder,.placeholder-target{grid-area:stack}.placeholder-target.is-loading{height:0;opacity:0;pointer-events:none;z-index:-1}.placeholder{--border-width:0;--background-color:var(--color-surface-200);--shimmer-dark:var(--color-surface-400);--shimmer-light:var(--color-surface-700);background:radial-gradient(circle,var(--color-surface-300) 30%,var(--color-surface-500));background-repeat:repeat;background-size:400%;position:relative;transition-duration:1s;transition-property:opacity,visibility;transition-timing-function:ease;&:not(.is-loading){opacity:0;pointer-events:none;visibility:hidden}&.is-loading{animation:search-placeholder-pulse 4s ease-in-out infinite}.placeholder-block{background-color:var(--background-color);position:absolute;&.placeholder-block-left,&.placeholder-block-right{bottom:0;top:0}&.placeholder-block-left{left:0}&.placeholder-block-right{right:0}&.placeholder-block-bottom,&.placeholder-block-top{left:0;right:0}&.placeholder-block-top{top:0}&.placeholder-block-bottom{bottom:0}&.with-border,&.with-border-block{&.placeholder-block-left,&.placeholder-block-right{bottom:var(--border-width);top:var(--border-width)}&.placeholder-block-top{top:var(--border-width)}&.placeholder-block-bottom{bottom:var(--border-width)}}&.with-border,&.with-border-inline{&.placeholder-block-left{left:var(--border-width)}&.placeholder-block-right{right:var(--border-width)}&.placeholder-block-bottom,&.placeholder-block-top{left:var(--border-width);right:var(--border-width)}}}}}@keyframes search-placeholder-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-top{0%{opacity:0;transform:translateY(-1rem)}50%{opacity:1}to{opacity:1;transform:translateY(0)}}:root{--max-width:1200px;--element-spacing:48px;--primary:#cc8dd4;--error:#e7195a;--color-primary-100:#9c27b0;--color-primary-200:#a945b9;--color-primary-300:#b55ec2;--color-primary-400:#c176cb;--color-primary-500:#cc8dd4;--color-primary-600:#d7a4dd;--color-primary-700:#e1bbe6;--color-surface-100:#121212;--color-surface-200:#282828;--color-surface-300:#3f3f3f;--color-surface-400:#575757;--color-surface-500:#717171;--color-surface-600:#8b8b8b;--color-surface-700:#a5a5a5;--border-radius:6px;--shadow-sm:#0000003d 0px 3px 8px;--shadow-lg:0px 6px 14px 1px #00000026,0px 19px 40px 11px #0000001a;--shadow-lg-hover:0px 6px 14px 1px #0003,0px 19px 40px 11px #00000026;--focus-box-shadow:0px 0px 20px 4px color-mix(in srgb,var(--color-primary-300) 33%,#0000);--focus-border-color:color-mix(in srgb,var(--primary) 50%,#0000);--focus-outline:2px solid var(--focus-border-color)}*{box-sizing:border-box;&::selection{background-color:#a945b9;background-color:var(--color-primary-200);color:#fff!important}}input{color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}a:focus,a:hover{text-decoration:underline}img,svg{display:block;height:auto;width:100%}body,button{font-family:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif}body{background:#121212;background:var(--color-surface-100);color:#fff;margin:0;scroll-behavior:smooth}body,html{scrollbar-gutter:stable}body,html{overflow-x:clip;scrollbar-color:color-mix(in srgb,#d7a4dd 70%,#0000) #0000;scrollbar-color:color-mix(in srgb,var(--color-primary-600) 70%,#0000) #0000;scrollbar-width:thin}body::-webkit-scrollbar,html::-webkit-scrollbar{height:10px;width:10px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:#0000}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-clip:content-box;background-color:color-mix(in srgb,#d7a4dd 70%,#0000);background-color:color-mix(in srgb,var(--color-primary-600) 70%,#0000);border:2px solid #0000;border-radius:999px}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,#cc8dd4 82%,#111);background-color:color-mix(in srgb,var(--primary) 82%,#111)}body::-webkit-scrollbar-button,html::-webkit-scrollbar-button{display:none;height:0;width:0}body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner{background:#0000}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-end{justify-content:end}input[type=number]{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}input[type=number],input[type=text]{background:#3f3f3f;background:var(--color-surface-300);border:none;border-radius:6px;border-radius:var(--border-radius);color:#fff;font-size:1rem;padding:.75rem;&:focus{box-shadow:0 0 20px 4px color-mix(in srgb,#b55ec2 33%,#0000);box-shadow:var(--focus-box-shadow);outline:2px solid color-mix(in srgb,#cc8dd4 50%,#0000);outline:var(--focus-outline)}}input,label{display:block}header{background-color:initial;border-radius:0 0 8px 8px;font-size:.75rem;position:-webkit-sticky;position:sticky;top:0;transition-duration:.3s;transition-property:box-shadow,background-color,padding;transition-timing-function:ease;z-index:100;&.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:color-mix(in srgb,var(--color-surface-100) 90%,#0000);box-shadow:var(--shadow-sm)}.logo{font-size:1rem;font-weight:700;text-decoration:none!important;text-transform:uppercase}nav{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:var(--max-width);padding:0 20px;.hamburger{display:none}.desktop-nav-links{align-items:center;display:flex;gap:1rem}ul{padding:0;li{display:inline-block}}}.mobile-drawer,.mobile-overlay{display:none}.logout-btn,li:has(.user-icon)>a{display:grid;place-items:center;.media-container,.user-icon{height:1rem;width:1rem;img,svg{height:100%;object-fit:contain;.arrow{transition:transform .15s ease}}}&:hover{svg{.arrow{transform:translateX(2px)}}}}}@media (max-width:850px){header{nav{.desktop-nav-links{display:none}.hamburger{align-items:center;background:#0000;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;gap:5px;height:44px;justify-content:center;width:44px;span{background-color:currentColor;display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:22px}&.is-open{span:first-child{transform:translateY(7px) rotate(45deg)}span:nth-child(2){opacity:0}span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}&:focus-visible{outline:2px solid #7db5ff;outline-offset:2px}}}.mobile-overlay{background:#00000073;border:0;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:120;&.open{opacity:1;pointer-events:auto}}.mobile-drawer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:color-mix(in srgb,var(--color-surface-100) 90%,#0000);box-shadow:var(--shadow-sm);display:block;height:100vh;overflow-y:auto;padding:72px 20px 24px;pointer-events:none;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .2s ease,visibility 0s linear .2s;visibility:hidden;width:min(11rem,50vw);z-index:130;&.open{pointer-events:auto;transform:translateX(0);transition:transform .2s ease;visibility:visible}.drawer-close-btn{align-items:center;background:#0000;border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:44px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:12px;transition:background-color .2s ease;width:44px;&:hover{background-color:#ffffff1a}&:focus-visible{outline:2px solid #7db5ff;outline-offset:2px}}ul{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0}li,ul{margin:0}li{display:block}a{color:#fff;margin-left:0}button{width:100%}}}}.create-leaderboard{opacity:1;transition:opacity .3s ease,margin .3s ease,visibility .3s ease;.create-leaderboard-form{align-items:center;display:flex;font-size:.6667rem;gap:.5rem;margin-top:.5rem;min-height:0;text-align:start;input{flex-grow:1;font-size:.75rem;padding:.25rem .75rem!important}.btn{padding:0 .5rem}}}.create-leaderboard.hidden{margin-top:-2rem;opacity:0;pointer-events:none;visibility:hidden}body:has(.teaser){background:var(--color-surface-100) radial-gradient(circle at center 20rem,#ffffff14,#0000 25rem) top center}.teaser{align-items:start;display:grid;margin-block-start:0!important;margin-inline:auto;min-height:100dvh;padding-block-start:2rem;text-align:center;.inside{--input-padding-block:.5rem;display:grid;max-width:1000px;min-width:0;width:100%;.teaser-text{font-size:.8rem;margin-block-end:1.5rem}.create-map{background-color:initial;border:none;color:var(--primary);cursor:pointer;font-size:.5rem;justify-self:start;margin-block-start:.25rem;&:focus-visible,&:hover{text-decoration:underline}}.cards{align-items:start;column-gap:1rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;.hardest-maps-card,.map-of-the-week{display:flex;margin-block:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;.card-link,.icon-cnt{display:grid;padding-inline:.75rem .75rem;place-items:center;.media-container{aspect-ratio:1;max-height:1.5rem}}.card-link{padding-inline-start:.8rem;transition:transform .15s ease;.media-container{max-height:1.25rem}svg{aspect-ratio:1;height:auto;width:1rem}}&:focus,&:hover{.card-link{transform:translateX(2px)}}}}}}@media (min-width:400px){.teaser{h1 .text-gradient{text-wrap:nowrap}}}@media (min-width:768px){.teaser{padding-block-start:5rem}}@media (min-width:1600px){.teaser{align-items:center;padding-block-start:0;&>.inside{margin-block-start:-5rem!important}}}.teaser{position:relative;.pogo-char{animation-timeline:scroll()!important;animation:scroll-pogo linear;position:absolute;z-index:-1;.slide-in{animation:slide-in 2.5s cubic-bezier(.22,.87,.19,1.01) forwards}}.junker{--scroll-amnt:500px;--direction:-1;--head-top:-30px;--head-left:18px;filter:brightness(.25) drop-shadow(2px 2px 4px rgba(0,0,0,.8));left:25%;top:30%;width:150px}.cheeb{--scroll-amnt:800px;--direction:1;--head-top:-30px;--head-left:40px;filter:brightness(.3) drop-shadow(3px 3px 12px rgba(0,0,0,.75));right:10%;top:15%;width:10rem}}@keyframes scroll-pogo{to{transform:translateY(var(--scroll-amnt))}}@media (max-width:500px){.teaser .junker{left:5%}}@keyframes slide-in{0%{opacity:0;transform:translateX(calc(200px*var(--direction))) translateY(-200px) rotate(calc(120deg*var(--direction)))}50%{opacity:1}}.search-bar{background-color:var(--color-surface-300);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);outline:var(--focus-outline);outline-color:#0000;padding-inline:.9rem .5rem;&:has(input:focus-visible){box-shadow:var(--focus-box-shadow);outline-color:var(--focus-border-color)}.input-with-icon-cnt{align-items:center;background-color:var(--color-surface-300);display:flex;position:relative;z-index:2;.media-container{aspect-ratio:1;height:1rem;svg{height:100%}}input{background-color:initial;border:none;font-size:1rem;padding-block:var(--input-padding-block);width:100%;&:focus{box-shadow:none;outline:none}}&:before{background:linear-gradient(to right,#0000 10%,color-mix(in srgb,var(--primary) 75%,#0000),#0000 90%);background-repeat:no-repeat;background-size:100% 1px;bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform 1.25s ease-out}}&.focused .input-with-icon-cnt:before{transform:scaleX(1)}}.teaser .search-bar .search-results .maps{grid-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:1fr;padding-block:var(--input-padding-block);padding-inline-start:1.75rem;.result-map{grid-gap:1rem;align-items:center;display:grid;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.8));gap:1rem;grid-template-columns:auto 1fr;justify-items:start;min-width:0;padding-block:.25rem;transition:filter .15s ease,transform .15s ease;.media-container{transition:filter .15s ease,transform .15s ease}&:focus,&:hover{text-decoration:none}&:hover{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));transform:translateY(-2px);.media-container{filter:brightness(1.2);transform:scale(1.02)}}.result-map-info{display:grid;justify-items:start;min-width:0;width:100%;.map-name{font-size:.8rem;font-weight:500;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}.creator{color:var(--color-surface-600);font-size:.6667rem;font-style:italic}}.media-container{aspect-ratio:16/9;background-color:var(--color-surface-100);border-radius:var(--border-radius);height:2rem;overflow:hidden;img{height:100%;object-fit:contain}}}}@media (min-width:768px){.teaser .search-bar-with-placeholder-wrapper .search-bar .maps{grid-template-columns:1fr 1fr}}.teaser .search-bar-with-placeholder-wrapper{--transitionTime:0s;.search-bar{transition-duration:.1s;transition-property:opacity;transition-timing-function:ease-out;.search-inside{overflow:hidden;.search-results{transition:var(--transitionTime) ease}}&:not(.focused) .search-results{margin-top:var(--search-result-height);opacity:0;pointer-events:none;visibility:hidden}}.search-bar-placeholder.placeholder{--border-width:2px;--background-color:var(--color-surface-200);--shimmer-dark:var(--color-surface-400);--shimmer-light:var(--color-surface-700);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:flex;min-height:var(--search-input-height);overflow:hidden;.placeholder-icon{aspect-ratio:1;height:100%;position:relative;.placeholder-block-left{width:.75rem}.placeholder-block-right{right:0;width:.25rem}.placeholder-block-bottom,.placeholder-block-top{height:.5rem}}.placeholder-search{flex-grow:1;height:100%;position:relative;.block-bottom,.block-top{height:.6667rem}.block-right{width:1.5rem}.block-left{left:0;width:.5rem}}}}.teaser .search-bar-with-placeholder-wrapper .search-bar:not(.is-loading){--flamingo-queen-1:var(--color-surface-100);--flamingo-queen-2:var(--primary);--flamingo-queen-3:var(--color-surface-100);position:relative;&:after,&:before{animation:spin 4s ease-out forwards,hide .5s ease reverse,hide 1s ease-out 1.25s forwards;background-image:conic-gradient(from var(--angle),var(--flamingo-queen-1) 3.6deg,var(--flamingo-queen-2) .98turn,var(--flamingo-queen-3) 1turn);border-radius:inherit;content:"";inset:-2px;position:absolute;z-index:-1}&:after{filter:blur(14px)}}.home>:not(:first-child){margin-block-start:var(--element-spacing)}.bg-primary+.bg-primary{margin-block-start:0}.see-all-players{padding-block:calc(var(--element-spacing)/4)}.active-maps{.maps{grid-gap:1rem;display:grid;gap:1rem}.btn-container{margin-block-start:2rem}}@media (min-width:768px){.active-maps{.maps{grid-template-columns:repeat(3,minmax(0,1fr))}}}.player-podium{background-color:var(--primary);color:var(--color-surface-200);.inside{padding-block:2rem;text-align:center;.podium{grid-gap:3rem;display:grid;gap:3rem;margin-block:1rem;padding-block-start:2rem;.player-cnt{height:100%;position:relative;&.dummy-user{opacity:0}&:not(.dummy-user){animation:fade-in-top 1s forwards;opacity:0;&:has(.third){animation-delay:0s}&:has(.second){animation-delay:.25s}&:has(.first){animation-delay:.5s}}&:after{background:#00000080;border-radius:50%;bottom:-12px;content:"";filter:blur(8px);height:12px;left:50%;position:absolute;transition:1s ease;transition-property:filter,width;translate:-50% 0;width:6rem;z-index:1}&:has(.player:hover):after{filter:blur(10px);width:7rem}&:has(.first){order:1}&:has(.second){order:2}&:has(.third){order:3}}.player{grid-gap:.25rem;display:grid;gap:.25rem;margin-inline:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;&:hover{text-decoration:none}.medal,.name,.points{transition:transform 1s ease}&:hover{--move-amount:-8px;.medal{transform:translateY(var(--move-amount))}.name{transform:translateY(calc(var(--move-amount)*.667))}.points{transform:translateY(calc(var(--move-amount)*1.25))}}.medal{font-size:4.5rem}.name{font-size:.75rem}.name,.points{font-weight:700}.points{font-size:1.5rem;justify-content:center}}}}}@media (min-width:600px){.player-podium .inside .podium{grid-template-columns:repeat(auto-fit,minmax(0,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(0,max-content));justify-content:center;.player-cnt{&:has(.first):after{filter:blur(12px);width:8rem}&:has(.second):after{filter:blur(10px);width:7rem}&:has(.first:hover):after{filter:blur(14px);width:9rem}&:has(.second:hover):after{filter:blur(12px);width:8rem}.first{transform:translateY(-1.5rem)}.second{transform:translateY(-.75rem)}.third{transform:translateY(0)}&:has(.first){order:2}&:has(.second){order:3}&:has(.third){order:1}}}}.animate-count-up{--value:0;display:inline-flex}.animate-count-up:after{content:counter(num);counter-reset:num var(--value)}.latest-submissions-ticker{background:#ffffff0a;border-bottom:1px solid #ffffff14;box-shadow:var(--shadow-sm);transition-duration:2.5s;transition-property:opacity,visibility,min-height;transition-timing-function:ease;width:100%;&.hidden{min-height:calc(2rem + 1px);opacity:0;visibility:hidden}}.latest-submissions-ticker__content{animation:latest-submissions-scroll 160s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.latest-submissions-ticker__track{display:flex;flex-shrink:0;min-width:-webkit-max-content;min-width:max-content;padding:.25rem 0}.latest-submissions-ticker__item{align-items:center;color:var(--color-surface-600);display:flex;flex-direction:row;font-size:.75rem;white-space:nowrap;&>.media-container{aspect-ratio:1;height:1.5rem;margin-inline:.5rem;position:relative;img{height:75%;object-fit:contain;transform:scaleX(-1)}}}.submission-user{color:var(--color-primary-700)}.submission-time{font-weight:600}@keyframes latest-submissions-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.latest-submissions-ticker__content{animation:none}}.emote-wheel-wrapper{aspect-ratio:1;inset:0 0 auto 0;inset:var(--head-top,0) calc(var(--head-left, 0px)*-1) auto var(--head-left,0);position:absolute;.emote-wheel{inset:0;position:absolute;transition:transform .25s ease,opacity .25s ease;transition-delay:.1s;&.scale-down{opacity:0;transform:scale(0)}.emote{position:absolute;transition:transform .25s ease;width:45%;&.hover{transform:scale(1.15) translateY(calc(4px*var(--y-direction))) translateX(calc(4px*var(--x-direction)))}}.emote-left{--y-direction:0;--x-direction:-1;left:0;top:50%;translate:-15% -50%}.emote-right{--y-direction:0;--x-direction:1;right:0;top:50%;translate:15% -50%}.emote-top{--y-direction:-1;--x-direction:0;left:50%;top:0;translate:-50% -15%}.emote-bottom{--y-direction:1;--x-direction:0;bottom:0;left:50%;translate:-50% 15%}}}.played-emote{animation:play-emote .25s ease forwards;left:50%;position:absolute;top:0;translate:-50% -75%;z-index:2000;&.scale-out{animation:hide-emote .25s ease reverse}}@keyframes play-emote{0%{opacity:0;transform:scale(0) translateY(100px)}to{opacity:1;transform:scale(1.15)}}@keyframes hide-emote{0%{opacity:0;transform:scale(0) translateY(100px)}to{opacity:1;transform:scale(1.15)}}.random-map-suggester{&>.inside{.map-selector-cnt{border-radius:var(--border-radius);margin-block:2rem 3rem;margin-inline:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative;.map-selector{display:flex;gap:.5rem;gap:var(--flex-gap,.5rem);overflow-x:hidden;width:0;width:var(--item-width,0);.map-entry-cnt{flex-shrink:0;transform:translateX(0);transform:translateX(var(--scroll-x,0));.map{text-wrap:nowrap;background-color:var(--color-surface-400);overflow:hidden;text-align:center;width:0;width:var(--item-width,0)}}}&:after,&:before{background-image:conic-gradient(from var(--angle),var(--color-surface-100) 3.6deg,var(--primary) .98turn,var(--color-surface-100) 1turn);border-radius:inherit;content:"";inset:-2px;position:absolute;visibility:hidden;z-index:-1}&:after{filter:blur(14px)}&.animated:after,&.animated:before{animation:spin 4s ease-out forwards,hide .5s ease reverse,hide 1s ease-out 2.5s forwards;visibility:visible}}.buttons{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}}}@keyframes hide{0%{opacity:1!important}to{opacity:0}}@keyframes spin{to{--angle:500deg}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.login,.signup{background:var(--color-surface-100) radial-gradient(circle at center 50%,#ffffff14,#0000 50%) top center;&>.inside{display:grid;margin-block-start:calc(var(--header-height)*-1);min-height:100dvh;place-items:center;form.card{max-width:30rem;padding:.75rem 1.25rem;h1{color:var(--primary);font-size:1rem;font-style:italic}label{margin-block:1rem .25rem;text-transform:uppercase}input{width:100%}.btn-container{flex-wrap:wrap;margin-block-end:0}}}}.create-entry-form{label{font-size:.6667rem;font-weight:500;margin-bottom:.1rem}.input-cnt{display:flex;flex-direction:row;gap:.5rem;input[type=text]{font-size:.8rem;padding:.3rem .5rem}}}.change-difficulty-bonus-form{label{font-size:.6667rem;font-weight:500;margin-bottom:.1rem}.input-cnt{display:flex;flex-direction:row;gap:.5rem;input[type=number]{font-size:.8rem;padding:.3rem .5rem}}}.map-details{.inside{grid-gap:2rem;display:grid;gap:2rem;justify-items:center;&>*>*{margin-bottom:1rem}.col-left{justify-self:stretch;.map-hero{box-shadow:var(--shadow-lg);position:relative;.map-image{aspect-ratio:16/9;height:100%;img{height:100%;object-fit:contain}}.bg-blurred-img{filter:brightness(.5) blur(20px);height:100%;inset:0;object-fit:cover;z-index:-1}.bg-blurred-img,.map-info{position:absolute}.map-info{bottom:0;left:0;padding-inline-start:.5rem;right:0;z-index:2;.details-map-name{font-size:1.5rem;line-height:.8;text-shadow:0 0 20px #000}.details{align-items:end;display:flex;flex-direction:row;justify-content:space-between;text-shadow:0 0 20px #000;width:calc(100% - .75rem);.map-creator{text-wrap:nowrap;color:var(--color-surface-700);font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.difficulty-bonus-cnt{display:flex;filter:drop-shadow(#ff7f00 0 0 3px);flex:1 1;justify-content:end;.hot_pepper.media-container{aspect-ratio:1;max-height:1.25rem}.bonus{background:linear-gradient(200deg,#ff0 40%,#ff7f00 60%,red);background-clip:text;-webkit-background-clip:text;color:#0000;font-style:italic;font-weight:500;text-align:end}}}&:before{background:linear-gradient(to bottom,#0000 50%,var(--color-surface-100));content:"";height:100%;left:0;top:0;width:100%;z-index:-1}}.steam-btn{background:linear-gradient(180deg,#111d2e 0,#051839 21.2%,#0a1b48 40.7%,#132e62 58.1%,#144b7e 73.8%,#136497 87.3%,#1387b8);border:none;border-radius:100%;box-shadow:var(--shadow-sm);padding:0 .1rem 0 0;position:absolute;right:5px;top:5px;transition-duration:.15s;transition-property:transform,box-shadow;transition-timing-function:ease;.media-container{max-height:1.5rem;max-width:1.5rem;width:100%;img{height:100%;width:100%}}&:hover{box-shadow:var(--shadow-lg);transform:scale(1.015) translateY(-1px)}}}}.col-right{width:100%;.map-details{.description{font-size:.75rem}}.admin-panel{h3{margin-block:.5rem .25rem}.admin-card-cnt{display:flex;flex-direction:column;.buttons{display:flex;gap:1rem}}}}.card{padding:.75rem .5rem;h2:last-child{margin:0}}p{overflow-wrap:break-word;word-break:break-word}}}@media (min-width:768px){.map-details>.inside{grid-template-columns:2fr 1fr;.col-right{margin-top:2.5rem}}}.map-hero-placeholder{border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:grid;overflow:hidden;.placeholder{--border-width:2px;--shimmer-dark:var(--color-surface-300);--shimmer-light:var(--color-surface-500);--placeholder-image-block-size:35%;position:relative;.placeholder-image{aspect-ratio:16/9;.placeholder-block-left,.placeholder-block-right{width:var(--placeholder-image-block-size)}.placeholder-block-top{height:calc(var(--placeholder-image-block-size)*.7)}.placeholder-block-left{height:calc(100% - 4rem)}}.placeholder-info{bottom:0;height:4rem;left:0;position:absolute;right:0;.placeholder-info-heading{height:3rem;position:relative;.placeholder-block-top{height:1rem}.placeholder-block-bottom{height:.5rem}.placeholder-block-left{width:.5rem}.placeholder-block-right{width:calc(100% - var(--placeholder-image-block-size) + .5rem)}.placeholder-block-bottom{bottom:0}}.placeholder-info-text{height:1rem;position:relative;.placeholder-block-bottom{height:.5rem}.placeholder-block-top{height:2px;top:0}.placeholder-block-left{width:.5rem}.placeholder-block-right{width:calc(100% - var(--placeholder-image-block-size) + 2rem)}}}}}.map-details-placeholder{border-radius:var(--border-radius);box-shadow:var(--shadow-lg);overflow:hidden;.placeholder{--border-width:1px;--shimmer-dark:var(--color-surface-300);--shimmer-light:var(--color-surface-500)}.placeholder-heading{height:1.917rem;position:relative;.placeholder-block-left,.placeholder-block-right{width:.5rem}.placeholder-block-top{height:.75rem}.placeholder-block-bottom{bottom:0!important;height:.5rem}}.placeholder-content{display:grid;.placeholder-line-1{height:.75rem;position:relative;.placeholder-block-bottom,.placeholder-block-top{height:.25rem}.placeholder-block-left{width:.5rem}.placeholder-block-right{width:10%!important}}.placeholder-line-2{height:1.25rem;position:relative;.placeholder-block-left{width:.5rem}.placeholder-block-top{height:.25rem}.placeholder-block-bottom{height:.75rem}.placeholder-block-right{top:0!important;width:30%!important}}}}@media (min-width:300px){.map-details .inside .col-left .leaderboard .leaderboard-entry{align-items:center;grid-template-columns:1ch 1fr auto auto}}.map-of-the-week{&>.inside>.heading{grid-column:-1/1}.card .buttons{margin-top:1rem}}body:has(.user){background:var(--color-surface-100) radial-gradient(circle at center 20rem,#ffffff14,#0000 25rem) top center;background-repeat:no-repeat}.user{min-height:calc(100vh - var(--header-height));.hero{margin-block-end:2rem;min-height:25vh;padding-block-start:2.5rem;&>.inside{display:flex;flex-direction:column;gap:1rem;justify-content:center;.points-center-display{align-items:center;display:grid;flex:1 1;justify-items:center;h1{font-size:3rem;line-height:1.25}.user-points{font-size:4.5rem;font-weight:700;line-height:.7;margin-bottom:1rem;position:relative;text-shadow:0 0 12vw var(--primary);small{font-size:2rem}}}.motw-info{--bg-opacity:#0003;background:linear-gradient(to right,#0000 1%,var(--bg-opacity) 15%,var(--bg-opacity) 85%,#0000 99%);padding:.5rem;position:relative;&:after,&:before{background:linear-gradient(90deg,#0000 0,#5d3663 50%,#0000);content:"";height:1px;position:absolute}&:before{inset:0 0 auto 0}&:after{inset:auto 0 0 0}h2{color:var(--color-primary-600);font-size:.8rem;margin-bottom:.75rem}h2,h3{text-align:center}h3{color:var(--color-primary-700);font-size:.5rem}.motw-info-content{display:grid;grid-template-columns:repeat(3,1fr);>*{h3{font-style:italic}>div{font-size:1rem;font-weight:500;text-align:center;.flame{font-size:.75rem}}}}}}}.map-placing{font-style:italic}.map-placing.map-pos-1{color:var(--primary);font-weight:700}.map-placing.map-pos-2{color:var(--color-primary-600);font-weight:500}.map-placing.map-pos-3{color:var(--color-primary-700)}}@media (max-width:500px){.user .hero>.inside .points-center-display{.details-map-name{text-wrap:wrap;font-size:2rem;overflow-wrap:anywhere;word-break:break-all}.user-points{font-size:3rem}}}@media (max-width:400px){.user .hero>.inside .points-center-display{.details-map-name{font-size:1.5rem}.user-points{font-size:2rem}}}.points-leaderboard{background:var(--color-surface-100) radial-gradient(circle at center top,#ffffff14,#0000 50%) top center}.error-message-display{inset:0;overflow:hidden;padding-block:20px;pointer-events:none;position:fixed;z-index:1000;.message{border-radius:var(--border-radius);box-shadow:var(--shadow-sm),var(--shadow-lg);font-size:.8rem;margin-inline:auto;padding:.5rem 1rem;pointer-events:auto;width:min(100%,400px);&:not(.fade-out){animation:fadeout .75s ease reverse}&.fade-out{animation:fadeout .75s ease forwards}}.error-message{background-color:#b50000;border:1px solid #d36464}}@keyframes fadeout{to{opacity:0;transform:translateY(-40px)}}body:has(.hardest-maps){background:var(--color-surface-100) radial-gradient(circle at center 10rem,#ffffff14,#0000 25rem) top center;background-repeat:no-repeat}.hardest-maps{min-height:calc(100dvh - var(--header-height) - 2px);.heading{margin-bottom:.75rem;text-align:center}.maps-container{grid-column-gap:1rem;grid-row-gap:.1rem;column-gap:1rem;display:grid;grid-template-columns:1fr auto auto;row-gap:.1rem;.maps-header>span{color:var(--color-surface-600);font-weight:500}.map-row{>.bonus,>.name{color:#5b0f0f;color:var(--row-color,#5b0f0f);filter:brightness(1.75)}>*{animation:fade-in-top .5s ease forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);opacity:0;&:nth-child(2){animation-delay:.05s;animation-delay:calc(var(--animation-delay, 0s) + 50ms)}&:nth-child(3){animation-delay:75ms;animation-delay:calc(var(--animation-delay, 0s) + 75ms)}}}.bonus,.clears{text-align:center}&>*{display:contents}}}footer{margin-block-start:4rem;position:relative;&:before{background:linear-gradient(90deg,#0000 0,#5d3663 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}>.inside{color:var(--color-surface-500);display:flex;font-size:.6667rem;justify-content:start;padding-block:1rem;padding-inline:4rem;>*{display:grid}}}
/*# sourceMappingURL=main.d80c66bf.css.map*/