*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--color-back:#24160d;--color-back2:#24160dee;--color-main:#ffff67;--color-1:#e2a106;--color-2:#a63707}body{font-family:Walter Turncoat,cursive;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"BLED" 0,"SCAN" -50;min-height:100vh;background-color:var(--color-back);background-image:repeating-linear-gradient(45deg,transparent,#0502,transparent 1em);color:#fff;font-size:min(24px,5vw);scrollbar-gutter:both-edges;overflow-x:clip;overflow-y:scroll}#__next{width:100%}main{display:flex;flex-direction:column;align-items:center;padding:4em 1em}section{width:min(100%,32em)}.link{text-decoration:none;color:#67ffff;opacity:.75;&:focus,&:hover{opacity:1}}button{font:inherit;background:none;border:none;color:#fff;&:not(:disabled){cursor:pointer}}.button{display:inline-block;padding:.5em 1em;color:var(--color-main);background-color:var(--color-back);border:.1em solid var(--color-main);border-radius:.5em;outline-offset:.1em;text-decoration:none;transition:all .25s;&:hover:not(:disabled){background-color:var(--color-main);color:var(--color-back)}&:active:not(:disabled){translate:0 .1em}&:disabled{opacity:.5}}input{font:inherit;&[type=email],&[type=password],&[type=text]{padding:.5em;background:none;border:.1em solid var(--color-main);color:#fff;outline-offset:.1em;&::placeholder{color:#fff7}&.hash-input{width:100%;padding:0;border:none;border-bottom:.1em solid var(--color-main)}}}.toasts{position:fixed;top:2em;right:0;display:flex;flex-direction:column;gap:1em;padding:1em}.toast{padding:1em;border:2px solid;background-color:var(--color-back);&[data-type=info]{color:var(--color-main)}&[data-type=success]{color:#32cd32}&[data-type=error]{color:crimson}}.footer{position:relative;display:flex;flex-direction:column;align-items:center;gap:2em;width:min(100%,42em);font-size:.75em;padding:1em 1em 5em;text-align:center;margin-inline:auto;border-top:1px solid var(--color-main);&:before{content:"ⓘ";position:absolute;left:.25em;top:-.5em;font-size:8em;color:var(--color-2);z-index:-1;opacity:.3}}.box{border:.1em solid var(--color-main);border-radius:.5em;background-color:var(--color-back);overflow:clip;.box-title{width:100%;font-size:.75em;text-align:center;background-color:var(--color-main);color:var(--color-back);border-radius:.5em .5em 0 0}.box-content{flex-direction:column;padding:1em}.box-content,.box-content-row{display:flex;align-items:center;gap:1em}&.inverted{background-color:var(--color-main);color:var(--color-back);.box-content{font-size:.75em}}}next-route-announcer{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}section.top{display:flex;flex-direction:column;align-items:center;.wmg-logo{position:relative;display:grid;place-items:center;font-size:5em;translate:0 .2em;z-index:-1;img{width:1em;scale:1.5}.wmg-logo-text{position:absolute;left:50%;top:50%;font-family:Sigmar One,sans-serif;perspective:20em;i{position:absolute;font-style:normal;letter-spacing:-.08em;left:50%;top:50%;color:hsl(18 92% calc(22% + var(--i) * 1%));transform:translate(-50%,-50%) rotateX(3deg) translateZ(calc(var(--i) * .3em));&:last-child{background-image:linear-gradient(var(--color-main),var(--color-1));background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 5px #0007)}}}}h1.small{padding-block:1em}}h1.big,h2.big{font-family:Sigmar One,sans-serif;color:var(--color-main);text-shadow:2px 2px 0 var(--color-2),-2px 2px 0 var(--color-2),-2px -2px 0 var(--color-2),2px -2px 0 var(--color-2)}.home-page{display:flex;flex-direction:column;align-items:center;gap:2em;overflow-x:clip}.cardsGallery{position:relative;height:12em;perspective:40em;transform-style:preserve-3d;pointer-events:none;&:hover{--animation-play-state:paused}--d:-32em;.gallery-card-container{position:absolute;top:50%;left:50%;translate:-50% -50%;width:12em;pointer-events:all;animation:galleryScroll linear infinite var(--animation-play-state,running),galleryFade ease-out infinite var(--animation-play-state,running);animation-duration:calc(var(--num-cards) * 3s);animation-delay:calc(var(--i) * -3s);transform-style:preserve-3d}img{width:100%;border:1px solid var(--color-main)}}@keyframes galleryScroll{0%{transform:rotateX(-10deg) translateZ(var(--d)) rotateY(0deg) translateZ(calc(var(--d) * 1)) rotateY(1turn) rotate(var(--angle)) scale(.5)}50%{transform:rotateX(-10deg) translateZ(var(--d)) rotateY(180deg) translateZ(calc(var(--d) * 1)) rotateY(180deg) rotate(var(--angle)) scale(1)}to{transform:rotateX(-10deg) translateZ(var(--d)) rotateY(1turn) translateZ(calc(var(--d) * 1)) rotateY(0deg) rotate(var(--angle)) scale(.5)}}@keyframes galleryFade{0%,to{opacity:.5}50%{opacity:1;animation-timing-function:ease-in}}.leaderBoards,.user-action{text-align:center}.leaderBoards{position:relative;display:flex;flex-direction:column;align-items:center;gap:2em;border:.4em solid salmon;padding:2em 1em;&:after{content:"🏆";position:absolute;left:0;top:50%;transform:translate(-25%,-50%) rotate(15deg);font-size:10em;z-index:-1;opacity:.1}}main.signin{max-width:32em;text-align:center;margin-inline:auto;p{margin-bottom:2em}}.loading{display:flex;flex-direction:column;align-items:center;gap:2em}.noUser{.noUser-actions{display:grid;place-items:center;align-items:end;grid-template-rows:1fr 2fr 1fr 2fr 1fr}}.homeLogo{width:15em}.signinForm{display:flex;flex-direction:column;align-items:center;gap:1em;width:min(100%,320px);input{width:100%}.password-input-wrapper{position:relative;width:100%;padding-bottom:1.2em}.show-password-btn{position:absolute;font-size:.9em;right:0;bottom:0;color:#777;opacity:1;pointer-events:all;transition:opacity .25s;:placeholder-shown+&{pointer-events:none;opacity:0}}&[data-disabled=true]{opacity:.25;pointer-events:none}}.guest-info{font-size:.9em;width:32em;text-align:center;text-wrap:balance}.muted{color:#ccc;font-size:.9em}@keyframes spin{0%{rotate:0deg}to{rotate:1turn}}@keyframes scaleUp{0%{scale:0}to{scale:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.instructions{padding-block:8em;section{width:min(90vw,720px);display:flex;flex-direction:column;gap:.5em;padding-bottom:3em;border-bottom:2px solid #333}.balance{text-wrap:balance;text-align:center;font-size:1.25em}.instructions-controls{&>div{display:grid;grid-gap:1em;gap:1em;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.demo{height:4em;background:#666;display:flex;justify-content:center;align-items:center;margin-top:2em;perspective:800px}.demo-sideCard{position:relative;transform:translateZ(4em) rotateX(45deg) rotate(45deg);div:first-child{position:absolute;inset:-3.5em;border:3px solid #fff;background-color:#0007;border-radius:1em}div:nth-child(2){position:absolute;inset:-2.6em;background-color:red;animation:demo-sideCard 3s infinite}}.demo-moveCards{position:relative;transform:translateZ(4em) rotateX(45deg) rotate(45deg);div{position:absolute;inset:-3.5em;background:conic-gradient(from 270deg at 1.2em 1.2em,red 90deg,transparent 0deg),conic-gradient(from 270deg at 1.2em 1.2em,red 90deg,transparent 0deg),conic-gradient(from 270deg at 1.2em 1.2em,red 90deg,transparent 0deg),conic-gradient(from 270deg at 1.2em 1.2em,red 90deg,transparent 0deg),conic-gradient(from 270deg at 1.2em 1.2em,red 90deg,transparent 0deg),#0007;background-size:1.4em 1.4em;background-position-x:.1em,1.5em,2.9em,4.3em,5.7em,center;background-position-y:0,0,0,0,0,center;background-repeat:repeat-y;animation:demo-moveCards1 6s ease-in-out infinite,demo-moveCards2 3s step-end infinite}}}.instructions-card,.superpower-item{display:flex;flex-direction:column;gap:.5em;padding-top:1em;border:2px solid #666;border-radius:.5em;background:#333;h3,p{padding-inline:1rem}}.superpower-list{display:flex;flex-direction:column;gap:1em}.superpower-cost{padding:.5em;background-color:#666;text-align:center}}@keyframes demo-sideCard{0%,60%{rotate:0deg}to{rotate:90deg}}@keyframes demo-moveCards1{0%{background-position-y:.1em,.1em,.1em,.1em,.1em,center}12.5%,7.5%{background-position-y:1.5em,.1em,.1em,.1em,.1em,center}20%,25%{background-position-y:1.5em,1.5em,.1em,.1em,.1em,center}32.5%,37.5%{background-position-y:1.5em,1.5em,1.5em,.1em,.1em,center}45%,50%{background-position-y:1.5em,1.5em,1.5em,1.5em,.1em,center}57.5%,62.5%{background-position-y:1.5em,1.5em,1.5em,1.5em,1.5em,center}70%,75%{background-position-y:1.5em,1.5em,1.5em,2.9em,1.5em,center}82.5%,87.5%{background-position-y:1.5em,1.5em,2.9em,2.9em,1.5em,center}95%,to{background-position-y:1.5em,2.9em,2.9em,2.9em,1.5em,center}}@keyframes demo-moveCards2{0%{rotate:0deg}25%{rotate:90deg}50%{rotate:180deg}75%{rotate:270deg}}.gui{display:flex;flex-direction:column;gap:1em;align-items:center}.players-data{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-evenly;transition:translate .5s;&[data-currentplayer="0"]{translate:25%}&[data-currentplayer="1"]{translate:-25%}}.player{display:flex;flex-direction:column;gap:.3em;padding-inline:1em;align-items:center;&:first-child{--_player-color:var(--player-color-0)}&:nth-child(2){--_player-color:var(--player-color-1)}}.disabled-player{opacity:.25}.player-word{font-size:2em;font-weight:700;color:var(--_player-color);.currentLetter{position:relative;padding-inline:.5em;&:after{content:"";position:absolute;inset:0 10%;border:.125em dotted var(--_player-color)}}}.player-score{font-size:1.25em;font-weight:700;&.good{animation:newScore .25s forwards}&.bad{--_player-color:red;animation:newScore 2s forwards}}@keyframes newScore{0%{scale:1.25;color:var(--_player-color)}}.gui-message{p{animation:scaleUp .25s ease-out}}.board{position:relative;width:20em;aspect-ratio:1;margin-block:4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:rotateX(45deg) rotate(45deg) translateZ(4em);.cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);.cell{transform:translateZ(1px)}}.pushButtons{position:absolute;inset:0;button{position:absolute;width:20%;aspect-ratio:1;background-color:#987;transition:all .5s;&[data-pos="0"]{--pos:0}&[data-pos="1"]{--pos:1}&[data-pos="2"]{--pos:2}&[data-pos="3"]{--pos:3}&[data-pos="4"]{--pos:4}&[data-dir="1"]{--dir:1}&[data-dir="-1"]{--dir:-1}&[data-axis=y]{left:calc(20% * var(--pos));top:calc(40% - 60% * var(--dir));--exRotate:90deg}&[data-axis=x]{left:calc(40% - 60% * var(--dir));top:calc(20% * var(--pos))}&:disabled{cursor:not-allowed;background-color:#654}[data-gamestate=startingGame] &{--delay:calc(var(--pos, 0) * 0.2s);animation:cardFloat 1s var(--delay) ease-out both}&:after{content:"";position:absolute;inset:0;background-color:#000;background-image:conic-gradient(from 140deg at 50% 55%,#000 80deg,transparent 0),conic-gradient(from 160deg at 50% 15%,#fff 40deg,transparent 0);filter:blur(.1em) contrast(5) contrast(1) brightness(.2);opacity:.5;transition:all .5s;rotate:calc(var(--dir, 0) * 90deg + var(--exRotate, 0deg))}}[data-gamestate=gameOver] &{opacity:.6}[data-gamestate=rotateTile] &,[data-gamestate^=tornadoing] &{opacity:.4}}.cards{position:absolute;inset:0;pointer-events:none;.card{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:20%;aspect-ratio:1;color:#0005;border:1px solid #555;transform:translate3d(calc(var(--posX, 0) * 100% - 50%),calc(var(--posY, 0) * 100% - 50%),var(--translateZ,0));transition:all .5s;.card-background{position:absolute;inset:0;overflow:clip;&:before{content:"";position:absolute;inset:-50%;opacity:var(--beforeOpacity,1);animation:rotateStart .25s ease-in-out;background:radial-gradient(var(--road-color) 20%,transparent 0),var(--top-side,none),var(--right-side,none),var(--bottom-side,none),var(--left-side,none),#000;background-repeat:no-repeat;filter:blur(.5em) contrast(25)}}&[data-sides~=top]{--top-side:radial-gradient(circle at 50% 25%,var(--road-color) 10%,transparent 0)}&[data-sides~=right]{--right-side:radial-gradient(circle at 75% 50%,var(--road-color) 10%,transparent 0)}&[data-sides~=bottom]{--bottom-side:radial-gradient(circle at 50% 75%,var(--road-color) 10%,transparent 0)}&[data-sides~=left]{--left-side:radial-gradient(circle at 25% 50%,var(--road-color) 10%,transparent 0)}&:after{content:"";position:absolute;inset:20%;scale:0;border:.25em dotted var(--player-color);border-radius:50%;animation:spin 3s linear infinite;transition:scale .3s}&.current-letter,&.target-letter{color:#fff}&.current-letter{&:after{scale:1}.card-letter{font-size:2em;text-shadow:0 0 .2em #000;transform:rotate(-45deg) translateZ(.5em) rotateX(-45deg)}}[data-gamestate=startingGame] &{--delay:calc(var(--ix, 0) * 0.04s);animation:cardFloat 1s var(--delay) ease-out both}[data-gamestate=checkLink] &{--translateZ:-0.5em;--beforeOpacity:0.5;&.current-letter,&.link-check-highlight{color:var(--player-color,#fff);--translateZ:1em;--beforeOpacity:1}&.side-card{--translateZ:0em}}[data-gamestate=rotateTile] &:not(.rotated-tile){--translateZ:-0.5em;--beforeOpacity:0.5}[data-gamestate=rotateTile] &.side-card,[data-gamestate^=tornadoing] &.side-card{opacity:0;--translateZ:-20em}[data-gamestate=gameOver] &{--beforeOpacity:0.25;&.current-letter{&:after{scale:0}.card-letter{color:#0005;font-size:1.5em;transform:rotate(-45deg);text-shadow:none;transition:transform .3s}}}}.card-letter{font-size:1.5em;transform:rotate(-45deg);transition:transform .3s}}}@keyframes cardFloat{0%{translate:0 0 -20em;opacity:0}to{translate:0 0 0;opacity:1}}@keyframes rotateStart{0%{rotate:-90deg}}.spinner{width:2em;height:2em;border:.3em solid #ccc;border-top-color:red;border-radius:50%;animation:spin 1s linear infinite}.app-nav-button{position:fixed;inset:.5em .5em calc(100% - 2.5em) calc(100% - 2.5em);z-index:10;padding:0}.app-nav-content{position:fixed;inset:0;background-color:var(--color-back);color:var(--color-main);display:none;align-items:center;justify-content:center;padding:3em 1em;z-index:9;transition:opacity .25s;@starting-style{opacity:0}&[data-state=open]{display:grid}ul{list-style:none;display:flex;flex-direction:column;gap:1em;align-items:center;transition:scale .25s;@starting-style{scale:.5}.button{width:16em}}&:after{content:"v.0.2.1";position:absolute;left:.5em;bottom:.5em;font-size:.5em;opacity:.5}}nava{ul{list-style:none}.nav-button{position:fixed;top:1em;left:1em;z-index:10;background-color:#0007}.nav-game{position:fixed;inset:-50%;display:none;flex-direction:column;justify-content:center;align-items:center;gap:2em;background-color:#022;transition:all .25s;@starting-style{scale:.5;opacity:0}}&[data-state=open]{.nav-game{display:flex}}}main.player-page{gap:2em;color:#fff}.player-header{display:flex;flex-direction:column;align-items:center;gap:1em;label.avatar{position:relative;width:min(12em,50vw);height:min(12em,50vw);overflow:clip;border:.2em solid var(--color-main);border-radius:50%;background-color:#000;box-shadow:0 0 1em #0005;img{width:100%;aspect-ratio:1;object-fit:cover}&[data-disabled=false]:after{content:"✎";position:absolute;inset:38%;font-size:1.5em;display:grid;place-items:center;background-color:var(--color-back);color:var(--color-main);border-radius:50%;border:.1em solid var(--color-main);box-shadow:0 0 .5em #000;opacity:0;transition:opacity .25s}&:hover:after{opacity:1}}.player-name{width:100%;text-align:center;padding:.5em 1em;background-color:var(--color-main);color:var(--color-back);border:none;border-radius:.5em}}.score-no-data{padding:2em;text-align:center;border:.1em solid var(--color-2)}.score{position:relative;display:flex;flex-direction:column;align-items:center;.score-totals{display:flex;width:100%;justify-content:space-around;gap:1em;translate:0 -1em}.score-total{display:flex;flex-direction:column;align-items:center;font-size:.75em;color:#fffa;span{display:block;font-size:3em;color:#fff8;line-height:1.2;color:var(--_color)}&[data-type=easy]{--_color:#67ffff}&[data-type=hard]{--_color:#ff67ff}}.score-info-button{position:absolute;left:.3em;top:1em;font-size:1.25em;opacity:.5;&:hover{opacity:1}}}.score-graph-container{width:min(100%,520px);position:relative;padding:.5em;.score-graph{width:100%;background-image:repeating-radial-gradient(closest-side,var(--color-back) 0 4%,transparent,var(--color-back) 6% 10%),radial-gradient(closest-side,green,maroon);border-radius:50%}.score-tooltip{position:absolute;background-color:var(--color-back);color:var(--color-main);border:.1em solid;border-radius:.5em;padding:.5em;pointer-events:none;white-space:nowrap;transform:translate(-50%,-150%);font-size:.75em;z-index:7;&:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,50%) rotate(45deg);width:.5em;aspect-ratio:1;z-index:-1;background-color:var(--color-back);border-color:transparent currentcolor currentcolor transparent;border-style:solid;border-width:.15em}}}.score-info-modal{position:absolute;inset:1.5em 0 0;display:flex;flex-direction:column;gap:1em;background-color:var(--color-back);border-radius:0 0 .5em .5em;overflow-y:auto;padding:3em 1.5em;font-size:.75em;i{opacity:.75}}.stats{display:flex;flex-direction:column;gap:1em;.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1em;gap:1em;@media (max-width:600px){grid-template-columns:repeat(1,1fr)}}}.stat{.stat-values{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-around;grid-gap:1em;gap:1em}.stat-value{font-size:1.5em;padding:.2em;text-align:center;color:var(--color-main);line-height:1.25;span{font-size:.5em;color:#fffa;white-space:nowrap}.stat-small{font-size:.6em}}}.intern-level-select{width:100%;height:2.5em;font:inherit;background:none;border:none;color:var(--color-main);text-align:center;option{background-color:var(--color-back);color:var(--color-main)}&:disabled{opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}}.courses-inputs{position:relative;display:flex;flex-direction:column;gap:.5em;.courses-toggle{display:flex;justify-content:space-between;align-items:center;h2{display:flex;align-items:center;gap:.5em}.courses-toggle-arrow{font-size:2em;translate:0 -.1em;transition:all .25s;&[data-expanded=true]{translate:0;rotate:90deg}}.courses-toggle-state{font-size:.75em;opacity:.5}}}.courses-list{display:flex;flex-direction:column;gap:.5em}.course-data{position:relative;background-color:var(--color-back);border:.1em solid var(--color-main);border-radius:.5em;&:focus-within,&:hover{.course-name{font-size:1.1em}.course-reset:not(:disabled){scale:1}}}.course-name{border-radius:.5rem .5rem 0 0;background-color:var(--color-main);color:var(--color-back);font-size:.75em;text-align:center;transition:font-size .25s ease-in-out}.course-reset{position:absolute;right:-1em;top:-.25em;width:2em;aspect-ratio:1;background-color:var(--color-back);background-image:radial-gradient(closest-side,transparent 45%,var(--color-back) 55%),linear-gradient(45deg,transparent 45%,red,transparent 55%),linear-gradient(-45deg,transparent 45%,red,transparent 55%);border:.1em solid var(--color-main);border-radius:50%;scale:0;transition:scale .25s ease-in-out}.course-inputs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5em;gap:.5em;padding:.5em;accent-color:var(--color-main);input[type=number]{font:inherit;background:none;border:none;color:var(--color-main);border-bottom:2px solid var(--color-main)}}.course-datapoint{position:relative;display:flex;flex-direction:column;align-items:center;span{font-size:.75em;opacity:.75;white-space:nowrap}label{position:relative}.course-mobile-buttons{position:absolute;bottom:150%;left:50%;translate:-50%;display:flex;gap:.25em;padding:.5em;border-radius:1em;box-shadow:0 0 1em #000;background-color:#000;border:.2em solid var(--color-main);&:after{content:"";position:absolute;top:100%;left:50%;translate:-50%;width:1em;height:.75em;aspect-ratio:1;background-color:var(--color-main);-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}}.course-fh-container{display:flex;gap:.25em;align-items:flex-end;height:1.65em}[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;background-color:var(--color-back);border-radius:.25em;border:.1em solid var(--color-main);&:checked{display:grid;align-content:center;justify-items:center;background-color:var(--color-main);&:after{content:"✔";color:var(--color-back);font-size:1.25em}}&:not(:disabled){cursor:pointer}}.course-datapoint-noauth{width:3em;text-align:center;color:var(--color-main);border-bottom:2px solid var(--color-main)}}.hash-input-container{width:100%;display:flex;align-items:baseline;gap:.5em;span{white-space:nowrap}}.save-container{position:fixed;inset:100% 0 auto;display:flex;justify-content:center;gap:2em;background-color:var(--color-back);color:var(--color-main);padding:1em;border-top:.2em solid var(--color-main);transition:translate .25s;&[data-saving=true]{cursor:pointer;translate:0 -100%;z-index:80}button:hover{color:var(--color-main)}}.card-container{display:flex;flex-direction:column;gap:1em;width:min(960px,100%);background-color:var(--color-back);border-radius:1em;padding:1em}.card-top{display:grid;grid-template-columns:12em auto;grid-gap:1em;gap:1em;.card-image{width:100%;aspect-ratio:1;border:.5em solid var(--color-main);border-radius:50%;background-color:#000;z-index:2;box-shadow:0 0 1em #0005}.card-title{display:flex;flex-direction:column;align-items:center;gap:1em;justify-content:center}.card-name{background-color:var(--color-main);color:var(--color-back);width:calc(100% + 2em);text-align:center;font-size:1.5em;padding:.5em 1em .5em 3em;translate:-1em;border-radius:.5em}}main.leaderboards-page{gap:3em}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.leaderboard-title{text-align:center}.leaderboard-image{border-radius:50%;border:1px solid var(--color-main);box-shadow:0 0 20px #000}.multiboard-images{display:flex;justify-content:space-evenly;width:calc(100% - 128px);.multiboard-image{position:relative;width:0;height:128px;background-color:red;&:hover img{transform:scale(1.15);z-index:10}}img{position:absolute;top:0;left:-64px;width:128px}}.singleboard-image img{width:192px}.leaderboard-spilt{display:grid;grid-template-columns:1fr 1fr;grid-gap:3em;gap:3em;width:100%;border-top:1px solid var(--color-main);padding-top:1em;@media (max-width:829px){grid-template-columns:1fr}}.leaderboard-column{width:100%;display:flex;flex-direction:column;align-items:center;gap:1em;h3{border-bottom:1px solid #fff7;padding-inline:.5em}ol{width:100%}li{display:flex;justify-content:space-between;padding:.25em .5em}li:first-child{position:relative;font-weight:700;color:var(--color-main);&:after{content:"🏆";position:absolute;left:0;top:0;transform:translate(-60%,-30%) rotate(15deg);height:1em}}}.leaderboard-name{color:#fff;text-decoration:none;&:hover{color:var(--color-main)}}