*,: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;--z-index-save:100;--z-index-toast:200;--z-index-overlay:300;--z-index-pointer:500}body,html{scrollbar-gutter:stable}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);overflow-x:clip;overflow-y:auto;&:has([data-overlayopen=true]){overflow-y:hidden}}#__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;cursor:none;&.circle{display:inline-block;width:2em;aspect-ratio:1;border:.1em solid var(--color-main);border-radius:50%;font-size:2.5em;transition:all .25s;&:hover:not(:disabled){background-color:var(--color-main);color:var(--color-back)}}}.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;cursor: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}}}.toasts{position:fixed;top:2.5em;right:0;display:flex;flex-direction:column;gap:1em;padding:1em;z-index:var(--z-index-toast)}.toast{padding:1em;border:2px solid;color:#fff;&[data-type=info]{background-color:var(--color-back);color:var(--color-main)}&[data-type=success]{border-color:#32cd32;background-color:#273b14}&[data-type=error]{border-color:crimson;background-color:#4c1617}}.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;&.noClip{overflow:visible}.box-title{position:relative;width:100%;font-size:.75em;text-align:center;background-color:var(--color-main);color:var(--color-back);border-radius:.5em .5em 0 0}.box-viewState{position:absolute;top:0;right:0;translate:.3em -.3em;width:2em;aspect-ratio:1;opacity:.75;background-image:radial-gradient(#333 .35em,transparent .45em);&[data-active=true]{--t:"Visible";background-image:radial-gradient(#32cd32 .2em,green .4em,transparent .5em)}&:hover{opacity:1;scale:1.1}&[data-text]:before{content:var(--t,"Hidden");position:absolute;right:100%;top:50%;translate:15% -55%;color:var(--color-back);opacity:.5;font-size:.75em}}.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}}.box-note{position:relative;font-size:.75em;color:#fffa;&.star{text-indent:1em}&.star:before{content:"★ ";position:absolute;top:0;left:0;font-size:3em;translate:-65% -50%;color:var(--color-1);opacity:.5;animation:noteStarPulse 1s ease-in-out infinite alternate}}}@keyframes noteStarPulse{to{scale:.9}}.kofi{position:relative;display:block;font-size:.75em;padding-inline:4.2em 1em;margin-inline:auto;width:14em;img{position:absolute;left:0;top:50%;translate:-10% -50%;width:6em}}.U_center{text-align:center;text-wrap:balance}section.top{display:flex;flex-direction:column;gap:.5em;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-align:center;line-height:1;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}}.user-action{text-align:center}.leaderBoards{position:relative;gap:2em;text-align:center;border:.4em solid salmon;padding:2em 1em;&:before{content:"🏆";position:absolute;left:0;top:50%;transform:translate(-25%,-50%) rotate(15deg);font-size:10em;z-index:-1;opacity:.1}}.leaderBoards,.search-form{display:flex;flex-direction:column;align-items:center}.search-form{gap:.5em;width:100%;max-width:26em;input{border:1px solid var(--color-1);flex:1 1;width:100%}@media (min-width:560px){flex-direction:row;input{border-radius:3em 0 0 3em;padding:.5em 1em}button{border-radius:0 3em 3em 0}}}.index-mini-games{position:relative;display:flex;flex-direction:column;align-items:center;gap:1em;border:.2em solid var(--color-1);padding:2em 1em;h3{display:flex;flex-direction:column;width:7em;font-size:2em;line-height:.8;rotate:-10deg;padding-bottom:.5em;span:nth-child(2){align-self:flex-end}}&:before{content:"⛳";position:absolute;right:0;top:50%;transform:translate(25%,-50%);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}.overlay-button{position:fixed;top:1em;right:.5em;width:2em;height:2em;z-index:calc(var(--z-index-overlay) + 1);padding:0}.overlay-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 1em;z-index:var(--z-index-overlay);transition:opacity .25s;@starting-style{opacity:0}&[data-state=open]{display:grid}}.app-nav{ul{list-style:none;display:flex;flex-direction:column;gap:1em;align-items:center;transition:scale .25s;@starting-style{scale:.5}.button{width:16em}.secondary{position:relative;width:13.333em;border:.2em solid var(--color-1);color:var(--color-1);font-size:1.2em;&:after{content:"⛳";position:absolute;top:50%;left:0;translate:0 -52%;font-size:1.7em}&:hover{border-color:var(--color-main)}}}&:after{content:"v.0.4.4";position:absolute;left:.5em;bottom:.5em;font-size:.5em;opacity:.5}a{text-align:center}}.searchModule{display:grid;grid-template-rows:auto 1fr;align-items:center;grid-gap:1em;gap:1em;width:min(100vw,26em);height:100%;padding:1em;.search-error{color:crimson;text-align:center;padding:.5em}.search-results{width:100%;height:100%}.box-content{height:calc(100% - 1em);overflow-y:auto;overscroll-behavior:contain}.search-results-items{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%;height:100%;contain:size}.search-result-item{width:100%;background-color:var(--color-back);display:grid;grid-template-columns:4em auto;align-items:center;grid-gap:.5em;gap:.5em;text-decoration:none;color:var(--color-main);img{width:100%;aspect-ratio:1;border-radius:50%;border:.1em solid var(--color-main)}.info{display:flex;flex-direction:column;gap:.25em}.link{font-size:.75em}}.spacer{width:100%;height:1px;background-color:var(--color-main);opacity:.25;flex:0 0 1px}.search-limit{color:var(--color-main);opacity:.75;font-size:.75em;text-align:center;text-wrap:balance;padding-bottom:2em}}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}}.playerGraph{position:relative;padding:2.5em 1em 1em;.playerGraph-header{position:absolute;top:0;left:0;display:flex;justify-content:space-between;width:100%;padding:.5em;button{width:1.5em;aspect-ratio:1;border-radius:.1em;border:.1em solid #fff;opacity:.5;&:hover{opacity:1}}}.playerGraph-info-button{position:relative;z-index:1;&:after{content:"ℹ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skewX(-10deg)}}.playerGraph-type-button{&[data-type=spider]{background:radial-gradient(circle at .5em .5em,#67ffff .25em,transparent .3em),linear-gradient(90deg,transparent .2em,#67ffff .25em .75em,transparent .8em) 0 100% /1.5em .75em no-repeat,radial-gradient(circle at .8em .8em,#ff67ff .25em,transparent .3em),linear-gradient(90deg,transparent .5em,#ff67ff .55em 1.05em,transparent 1.1em) 0 100% /1.5em .5em no-repeat}&[data-type=bars]{background:radial-gradient(#67ffff .15em,transparent .2em .35em,#ff67ff .4em .5em,transparent .55em)}}.playerGraph-bars{position:relative;display:flex;width:100%;height:10em;border-inline:1px solid #fff7;&:after{content:"";position:absolute;top:2.4em;left:0;width:100%;height:.2em;background-image:linear-gradient(transparent,#fff7,transparent)}}.playerGraph-courseBars{position:relative;width:100%;height:100%;transform-origin:bottom;transform-style:preserve-3d}.playerGraph-courseBar{position:absolute;width:50%;height:calc(.5em + abs(var(--_score)) * .2em);transform-origin:bottom;&[data-type=easy]{background-color:#67ffff;left:10%;--_score:var(--score-easy)}&[data-type=hard]{background-color:#ff67ff;right:10%;--_score:var(--score-hard)}&[data-pos=above]{bottom:75%;border-radius:1em 1em 0 0;box-shadow:inset -.1em .1em .1em #0007}&[data-pos=below]{top:25%;border-radius:0 0 1em 1em;box-shadow:inset -.1em -.1em .1em #0007}}.playerGraph-spider{position:relative;width:min(100%,420px);margin:-1.5em auto;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%;svg{g[data-type=easy]{--_color:#67ffff;--_color2:#67ffff55}g[data-type=hard]{--_color:#ff67ff;--_color2:#ff67ff55}polygon{pointer-events:none;stroke-width:3;stroke:var(--_color);fill:var(--_color2)}circle{&:nth-child(2n){r:4;fill:var(--_color)}&:nth-child(odd){stroke-width:2;r:9;fill:transparent;stroke:var(--_color);cursor:pointer}}}}.playerGraph-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;text-align:center;transform:translate(-50%,-100%);font-size:.75em;z-index:2;&[data-type=easy]{color:#67ffff}&[data-type=hard]{color:#ff67ff}&: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}}.playerGraph-tooltip-scores{display:flex;width:100%;justify-content:center;gap:.5em;[data-type=easy]{color:#67ffff}[data-type=hard]{color:#ff67ff}}.playerGraph-scores{display:flex;width:100%;justify-content:space-around;gap:1em}.playerGraph-score{align-items:center;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}}.playerGraph-info,.playerGraph-score{display:flex;flex-direction:column;font-size:.75em}.playerGraph-info{position:absolute;inset:0;gap:1em;background-color:var(--color-back);border-radius:0 0 .5em .5em;overflow-y:auto;padding:3em 1.5em;i{opacity:.75}}}.score-no-data{padding:2em;text-align:center;border:.1em solid var(--color-2)}.stats{display:flex;flex-direction:column;gap:1em;.stats-grid{display:flex;gap:1em;@media (max-width:600px){flex-direction:column}&>div{flex:1 1}}&:has(.stats-grid:only-child:empty){display:none}}.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}}.favoriteballs-content{display:flex;align-items:center;justify-content:center;gap:1em;padding:1em}.favoriteballs-ball{position:relative;width:5em;aspect-ratio:1;background-size:600% 300%;border-radius:50%;box-shadow:0 0 1em #000;&:not(:disabled):after{content:"";inset:30%;font-weight:700;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:2px solid var(--color-main);border-radius:50%}&:disabled:after,&:not(:disabled):after{position:absolute;background-color:var(--color-back);box-shadow:0 0 1em #000;scale:0;transition:scale .3s}&:disabled:after{content:attr(data-course);bottom:100%;left:50%;translate:-50% -10%;padding:.5em;border:2px solid var(--color-main);border-radius:.5em;white-space:nowrap;transform-origin:bottom}&:focus-within,&:hover{cursor:none;&:after{scale:1}}}.favoriteballs-add-modal{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:1em}.favoriteballs-add-header{display:flex;justify-content:space-between;align-items:center;gap:1em;width:100%;border-top:2px solid var(--color-main);padding-top:1em}.favoriteballs-add-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1em;width:100%}.favoriteball-add-ball{width:4em;height:4em;background-size:600% 300%;border-radius:50%;box-shadow:0 0 1em #000;cursor:pointer;transition:scale .3s;&:not(:disabled):hover{scale:1.2}&:disabled{opacity:.1}&[data-x="0"]{background-position-x:0}&[data-x="1"]{background-position-x:20%}&[data-x="2"]{background-position-x:40%}&[data-x="3"]{background-position-x:60%}&[data-x="4"]{background-position-x:80%}&[data-x="5"]{background-position-x:100%}&[data-y="0"]{background-position-y:0}&[data-y="1"]{background-position-y:50%}&[data-y="2"]{background-position-y:100%}}.favoriteputter-header{z-index:1;width:100%;display:flex;justify-content:space-between;align-items:center;&.view{font-size:1.5em;justify-content:center;margin-left:calc(min(60%, max(0px, 100vw - 720px)) / 2)}}.favoriteputter-image{position:relative;height:6em;filter:drop-shadow(0 0 1em #000);img{position:absolute;top:30%;left:50%;width:10em;translate:-50% -50%;rotate:-60deg}&.view{margin-right:calc(min(60%, max(0px, 100vw - 720px)) / 2)}}.allScors{background-color:var(--color-main);color:var(--color-back);border-radius:.5em;padding:.5em;.allScors-title{display:flex;justify-content:space-between;align-items:center;gap:.5em;padding:.25em;width:100%;color:var(--color-2);font-size:1.5em;span:nth-child(2){font-weight:700;opacity:var(--opacity,.75);transition:all .25s;&[data-expanded=true]{rotate:90deg}}&:hover{--opacity:1}}.allScors-header{display:flex;gap:.5em;justify-content:center;align-items:center;padding-block:1em;color:var(--color-back);span{font-size:.75em}select{font:inherit;background:none;border:none;text-align:center;padding-right:.25em;border-bottom:2px solid var(--color-back);option{background-color:var(--color-back);color:var(--color-main)}&:disabled{opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}}.allScors-reverse{input{display:none;&:checked+span{opacity:1}}span{opacity:.5;font-size:.75em;cursor:pointer;color:var(--color-2)}}}.allScors-course,.allScors-list{display:flex;flex-direction:column;gap:.5em}.allScors-course{position:relative;align-items:center;padding:.5em;background:linear-gradient(#000d,#0007),var(--backgroundImage);background-repeat:no-repeat;background-size:105%;background-position:50%;border-radius:.5em;color:#fff;&:focus-within,&:hover{.allScors-courseReset:not(:disabled){scale:1}}}.allScors-courseReset{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:.3em solid var(--color-main);border-radius:50%;scale:0;transition:scale .25s ease-in-out}.allScors-inputs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5em;gap:.5em;width:100%;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)}}.allScors-datapoint{display:flex;flex-direction:column;align-items:center;justify-content:space-between;span{font-size:.75em;opacity:.75;white-space:nowrap}label{position:relative}.allScors-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%)}}.allScors-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}}.allScors-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:.2em;border:.1em solid var(--color-1);padding:.25em .4em;color:#fffa;span{white-space:nowrap}.hash-input{width:100%;padding:0;border:none}}.shareButtons{display:flex;gap:.5em}.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:var(--z-index-save)}button:hover{color:var(--color-main)}}.comparison{.comparison-loading{display:flex;align-items:center;gap:1em}.box-content{font-size:.9em;max-height:15em;overflow-y:auto}.comparison-ai{font-size:.75em;display:flex;align-items:center;gap:.25em;padding-top:1em;align-self:flex-end;opacity:.75;;img{width:1.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:1}}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%;counter-reset:rank}li{position:relative;display:grid;grid-template-columns:auto min-content;justify-content:space-between;grid-gap:.5em;gap:.5em;padding:.25em .5em;counter-increment:rank;&:before{content:var(--rank,counter(rank))".";position:absolute;left:0;bottom:0;font-size:.6em;translate:-50% -50%;opacity:.5}&:hover{.leaderboard-name{color:var(--color-main)}&:before{opacity:1}}}li:first-child{position:relative;font-weight:700;color:var(--color-main);&:before{font-size:.8em;translate:-50% -25%}&:after{content:"🏆";position:absolute;right:0;top:0;transform:translate(60%) rotate(15deg);height:1em}}}.leaderboard-name{color:#fff;text-decoration:none;overflow:hidden;text-overflow:ellipsis}.leaderboard-currentuser{font-weight:700;background-color:#fff4;border-radius:.5em}li.leaderboard-yourname{font-size:.9em;background-color:#fff2;border-radius:.5em;margin-top:1em;button{width:100%}&:before{display:none}}.leaderboard-ranked{display:block;font-size:.8em;opacity:.75;text-align:center}.laserPointer-container{display:none}@media (hover:hover){body{cursor:none}.laserPointer-container{position:fixed;inset:0;display:block;z-index:var(--z-index-pointer);pointer-events:none;perspective:var(--perspective);--perspective:1000px;*{transform-style:preserve-3d}}.laserPointer{position:absolute;left:-36px;top:-36px;width:72px;height:72px;background-image:radial-gradient(closest-side,red 10%,11%,transparent)}.laserPointer-beam{position:absolute;left:34px;top:50%;width:4px;height:var(--perspective);background-image:linear-gradient(red,1%,transparent);transform-origin:top;transform:rotateX(90deg);&:nth-child(2){transform:rotateX(90deg) rotateY(90deg)}}}.print{font-size:24px;gap:1em;width:32em;border:2px solid var(--color-main);padding:1em;background-color:var(--color-back);background-image:repeating-linear-gradient(45deg,transparent,#0502,transparent 1em)}.print,.print-top{position:relative;display:flex;flex-direction:column}.print-top{width:90%;justify-content:center;text-align:center;padding-inline:6em 0;padding-block:1em;h1{font-family:Sigmar One,sans-serif;font-size:1.75em;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)}.player-name{width:100%;text-align:center;padding:.25em .5em;background-color:var(--color-main);color:var(--color-back);border:none;border-radius:.25em;font-size:1.5em;overflow:clip;text-overflow:ellipsis}.avatar{position:absolute;top:0;left:0;width:8em;height:8em;overflow:clip;border:.2em solid var(--color-main);border-radius:50%;box-shadow:0 0 1em #0005;img{width:100%;aspect-ratio:1;object-fit:cover}}}._printView{&.playerGraph{padding:1em}&:has(.playerGraph-spider){display:grid;grid-template-columns:auto 360px;.playerGraph-scores{order:1;flex-direction:column;justify-content:center;gap:2em}.playerGraph-spider{order:2;margin:0}}}.print-link{font-size:2em;text-align:center;color:#fff;span{font-size:.75em}}main.game-page{gap:1em}.miniGames-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(14em,1fr));grid-gap:1em;gap:1em;.miniGames-title{background-color:var(--color-main);font-size:1.2em;color:var(--color-back);text-align:center}.miniGames-content{display:grid;place-items:center;padding:2em;text-align:center;text-wrap:balance;height:9em;background-image:linear-gradient(#000a,#000),url(/images/games/allballs.png);background-size:18em;background-position:50%}a{text-decoration:none;color:inherit;transition:translate .2s;&:hover{translate:0 -.2em}}}.game-box{position:relative;width:min(100%,24em);.box-title{display:flex;align-items:center;justify-content:space-around;height:2.5em;span{font-size:1.8em}}}.game-board{position:relative;width:100%}.game-canvas{width:100%;cursor:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-gui{position:absolute;inset:0;display:flex;gap:1em;flex-direction:column;align-items:center;justify-content:center;background-color:#000b;&:empty{pointer-events:none;background-color:#0000}.game-guiText{font-size:3em;text-align:center}.button.big{padding:1em 2em;font-size:1.25em}}.bubble-pause{position:absolute;bottom:.25em;left:.25em;border-radius:.5em .5em .5em .25em;&:disabled{pointer-events:none;opacity:0}}.game-leaderboard{width:min(100%,24em);.leaderboard-header{text-align:center}table{width:100%;border-collapse:collapse;td,th{padding:.25em;text-align:center;&:first-child{text-align:left}}th{font-weight:400;border-bottom:1px solid var(--color-main)}tr{position:relative}td.rank{&:before{content:attr(data-rank) ".";position:absolute;left:-.5em;bottom:0;font-size:.6em;translate:-50% -50%;opacity:.5}}a{color:inherit;text-decoration:none;&:hover{color:var(--color-main)}}.current-user{color:var(--color-main);background-color:#fff4;&:before{opacity:1}}}}.game-instructions{.box-content{align-items:flex-start}.power-list img{width:2em;vertical-align:middle}ul{-webkit-padding-start:1em;padding-inline-start:1em}}.mini-games-list{display:flex;flex-direction:column;gap:.5em;padding:1em;border:.2em solid var(--color-1);border-radius:.5em;ul{-webkit-padding-start:1em;padding-inline-start:1em}}.crush-controls{display:flex;justify-content:center;gap:.5em;padding:1em;.crush-power-button{display:flex;align-items:center;justify-content:center;padding:.5em .5em .5em .25em;width:3.5em;&.on{background-color:var(--color-1);color:var(--color-back)}}img{width:2em}}.crush-flying-container{position:absolute;inset:0;pointer-events:none;--cell-size:calc(min(100vw - 2.2em, 24em) / 8);.crush-flying{position:absolute;left:var(--start-left);top:var(--start-top);width:4em;aspect-ratio:1;animation:crush-fly 1s ease-in forwards;--start-top:calc((var(--start-row, 4.5) + 0.5) * var(--cell-size, 1em) - 2em);--start-left:calc((var(--start-col, 4.5) + 0.5) * var(--cell-size, 1em) - 2em);&[data-type=bomb]{--end-top:calc(var(--cell-size, 1em) * 8 + 0.8em);--end-left:calc(var(--cell-size, 1em) * 4 - 4.5em)}&[data-type=rocket]{--end-top:calc(var(--cell-size, 1em) * 8 + 0.6em);--end-left:calc(var(--cell-size, 1em) * 4 - 0.25em)}&[data-type=color]{--end-top:calc(var(--cell-size, 1em) * 8 + 0.8em);--end-left:calc(var(--cell-size, 1em) * 4 + 3.6em)}}}@keyframes crush-fly{0%{translate:0 0}90%,to{translate:calc(var(--end-left) - var(--start-left)) calc(var(--end-top) - var(--start-top))}0%,80%{opacity:1}to{opacity:0}0%{scale:0}20%{scale:2}to{scale:1}}.stack-section{display:grid;grid-template-columns:14em 3.5em;grid-gap:.5em;gap:.5em;justify-content:center}.stack-controls{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.5em;gap:.5em;padding:1em;.button{min-height:2.5em;padding:.35em 0;font-size:1.15em;line-height:1}}.stack-side{display:flex;flex-direction:column;gap:.5em;opacity:.2;transition:opacity .5s;&.visible{opacity:1}.box-content{gap:.5em}}.stack-next{height:4.6em}.stack-next-canvas{width:100%}.stack-pause{&:disabled{pointer-events:none;opacity:0}}