*{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-style:italic;font-weight:900}html,body #root{height:100vh}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.intro-to-title::view-transition-old(root){animation:1s ease-out both fade-out}.intro-to-title::view-transition-new(root){animation:1s ease-in both fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.container{background:#62cffa url(/assets/crossroads2-CwoOrjNM.png) 50%/cover no-repeat;flex-grow:1;align-items:center;width:100vw;height:100vh;display:flex;overflow-x:clip}.btns{flex-direction:column;gap:6em;margin-top:clamp(2rem,30vh,25%);margin-left:clamp(1rem,10vw,14%);margin-right:clamp(1rem,30vw,40%);display:flex}.btns.getOutLeft{animation:1s ease-in-out forwards getoutLeft}.btns.goBackLeft{animation:1s ease-in-out forwards goBackLeft}.titleBtn{color:#000;text-align:center;background-color:#f5f5f5;border:2px solid #000;border-radius:24px;width:256px;height:64px;font-size:x-large;line-height:64px;text-decoration:none;transition:transform .1s ease-in;display:inline-block;position:relative;transform:scale(2);box-shadow:-8px -2px #000,2px -2px #000,-8px 2px #000,2px 2px #000}.titleBtn:before{content:"";position:absolute;inset:-15px}.titleBtn:hover{color:#505050;background-color:#ffffffb3;transform:scale(2)translateY(-2px)}.titleBtn:active{transform:scale(1.8)translateY(-4px)}.titleContainer{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.titleContainer.getOutRight{animation:1s ease-in-out forwards getoutRight}.titleContainer.goBackRight{animation:1s ease-in-out forwards goBackRight}.title{letter-spacing:4px;text-align:center;color:#fff;text-shadow:-10px -2px #000,2px -2px #000,-8px 2px #000,2px 2px #000;margin-bottom:clamp(10%,5vh,60%);font-family:Knewave,system-ui;font-size:8em;font-style:normal;font-weight:400}.soundTrack{flex-direction:column;align-items:center;display:flex;scale:2}audio{border-radius:30px;font-family:serif;font-style:normal;display:block;box-shadow:8px -2px #000,-3px -2px #000,8px 2px #000,-2px 2px #000}.credits{text-align:justify;color:#fff;flex-direction:column;gap:2em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section{text-shadow:-6px 2px #000,2px 2px #000,-4px 2px #000,2px 2px #000}.theme{color:#b8cf32}a{color:#acacac;cursor:pointer;pointer-events:all;font-size:1rem;text-decoration:none}a:hover{color:#fff;text-decoration:underline}.exitCredits{position:absolute;top:5%;right:95%}.creditContainer{pointer-events:none;width:100%;height:100%;position:fixed;inset:0;transform:translateY(100vh)}.creditContainer.show{animation:2s ease-out forwards slideUp}.creditContainer.exit{animation:.4s ease-in forwards slideDown}@keyframes getoutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50vw)}}@keyframes goBackLeft{0%{opacity:0;transform:translate(-50vw)}to{opacity:1;transform:translate(0)}}@keyframes getoutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50vw)}}@keyframes goBackRight{0%{opacity:0;transform:translate(50vw)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.layout{background:#000 url(/assets/mapChoose-OPK6EQcn.png) 50%/cover no-repeat;flex-direction:column;align-items:center;width:100vw;height:100vh;display:flex}.heroText{color:#fff;text-shadow:-2px -2px #000,-4px -4px #000,-8px -4px #000;margin-bottom:.3em;font-size:6em}.images{transform-style:preserve-3d;pointer-events:none;justify-content:center;align-items:center;gap:100px;display:flex;position:relative;transform:perspective(1000px)}.mapChoice{text-align:center;cursor:pointer;pointer-events:auto;border:12px solid #0000;flex-direction:column;align-items:center;max-width:350px;max-height:350px;transition:all .1s ease-in-out;display:flex}#one{transform:rotateY(45deg)rotateX(-5deg)}#two{transform:rotateX(-10deg)}#three{transform:rotateY(-45deg)rotateX(-5deg)}.mapChoice:hover{outline-offset:20px;-webkit-box-reflect:below 1px linear-gradient(transparent, #0005);border:12px solid #fff;outline:24px solid #fff;box-shadow:0 0 5px #ece8e8,0 0 15px #fff,0 0 25px #fff,0 0 50px #fff}.mapChoice:active{outline-offset:10px;border-color:#fff0;outline:24px solid #fff;box-shadow:0 0 5px #ece8e8,0 0 15px #fff,0 0 25px #fff,0 0 50px #fff}.mapName{color:#fff;letter-spacing:1px;text-shadow:-2px -2px #000;margin:1em;font-size:x-large;position:absolute}img{border-radius:12px;width:100%;height:auto}.lobbyMusic{position:absolute;top:90%;right:3%}.screen{background-color:#99ac86;width:100%;height:100%;display:flex}.modal{z-index:1000;background-color:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fffdfde6;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:50%;font-size:x-large;animation:.5s ease-in-out slideToLeft;display:flex}.menuBtn{cursor:pointer;width:64px;height:64px;margin-left:12px}.gameplayAudio{flex-direction:column;align-items:center;display:flex;position:absolute;top:clamp(50%,88vh,93%);left:1%}.gameScreen{flex-direction:column;flex:3;justify-content:center;align-items:center;height:100%;margin-right:4em;display:flex}.square{z-index:2;aspect-ratio:1;border:3px solid red;border-radius:12px;width:7%;display:none;position:absolute;transform:translate(-50%,-50%)}.map{position:relative;overflow:hidden}.map:hover{cursor:crosshair}.map img{border-radius:12px;width:100%;height:auto;display:block}.sidebar{background-color:#dddada;border:8px solid #4d4848;flex-direction:column;flex:2;display:flex;overflow-y:auto}.sidebar h1{text-align:center}.instructionTitle{font-size:3em;text-decoration:underline}.dropDownMenu{flex:2;justify-content:center;align-items:center;display:flex}.characters{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.characterCard{border:2px solid #000;border-radius:12px;width:15em;height:20em}.characters img{width:auto;height:auto;display:block}.characterCard{background-color:#fff;flex-direction:column;align-items:center;display:flex}.phighterName{align-self:start}.choices{align-items:center;gap:5px;display:flex}.status{flex-grow:2}.findBtn{margin-bottom:20px}img.wrong,img.check{max-width:48px;max-height:48px;animation:.3s ease-out forwards three60spin}.confirm:hover{cursor:pointer}@keyframes three60spin{0%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(.5)rotate(45deg)}50%{opacity:1;transform:scale(.9)rotate(90deg)}70%{opacity:1;transform:scale(1.05)rotate(180deg)}90%{opacity:1;transform:scale(1.1)rotate(390deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}@keyframes slideToLeft{0%{transform:translate(100vw)}to{transform:translate(0)}}.phighterBox{background-color:#a4a5aa;border-radius:12px;justify-content:space-evenly;gap:2em;padding:2rem;display:none;position:fixed;transform:translate(-50%,-120%)}.phighterImg{object-fit:contain;background-color:#fff;border:2px solid #000;width:48px;height:auto;padding:2px}.phighterImg:hover{cursor:pointer;background-color:#dcdcdc}.phighterImg:active{background-color:#bbb8b8}.spinner{background-color:#f0f0f0;border:8px solid #d4d4d4;border-radius:100%;width:50px;height:50px;position:relative}.spin{border-top:4px solid #000;border-radius:100%;width:50px;height:50px;animation:1s linear infinite spin;position:absolute;top:-8px;left:-8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scoreForm{z-index:1000;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}.scoreFormContent{background-color:#f5f5f5;border:8px solid #a39a9a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:500px;height:600px;font-size:x-large;animation:.7s ease-in popUp;display:flex}.timers{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.button{margin-top:2em;scale:1.2}@keyframes popUp{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.previewMapLayout{background-color:#d7dac4;justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}.mapPreview{flex-direction:column;align-items:center;display:flex;position:relative}.mapPreview img{object-fit:cover;box-shadow:4px 8px 8px #0000005e}.mapTitle{text-shadow:-2px -2px #fff,-4px 2px #fff,-6px 2px #fff,-2px -2px #fff;background-color:#889da3;border:2px solid #d6d6d6;border-radius:12px;align-items:center;font-size:xx-large;display:flex}.topTenLb{flex-direction:column;margin:3em;display:flex}.lbBackground{background-color:#f5f5f5;border:8px solid #676867;border-radius:24px;flex-direction:column;gap:30px;min-width:586px;max-width:850px;min-height:1080px;padding:48px;display:flex;box-shadow:10px -2px #444,15px -4px #444,20px -6px #444,25px -8px #444,30px -10px #444,35px -12px #444,40px -14px #444,45px -16px #444,50px -18px #444,80px -20px 24px #0000005e}.lbTitle{text-align:center}.player{color:#fff;z-index:1;border-radius:12px;grid-template-columns:1fr auto;gap:20em;padding:10px;transition:transform .1s ease-in-out;display:grid;position:relative}.player:hover{transform:translateY(5px)}.player:before{content:"";z-index:-1;background-color:#000;border-radius:12px;width:100%;height:100%;position:absolute;transform:skew(-20deg);box-shadow:2px -2px 0 8px #afafab}.playBtn{border-style:none;margin-top:95%;transition:all .1s ease-in;position:absolute;scale:2}.playBtn:hover,.visitLbBtn:hover{background-color:#b3b3b3;scale:2.2}.visitLbBtn{border:2px solid #000;align-self:center;transition:all .1s ease-in;scale:2}.emptyLb{text-align:center;font-size:xxx-large}.lbScreen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:scroll}.artWorkScreen{z-index:-9;background-color:#7fffd4;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.artBackDrop{z-index:1000;visibility:hidden;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.artModal{background-color:#f5f5f5;border-radius:24px;position:relative}.artModal img{object-fit:cover;width:1080px;height:1080px}.exitImg{border-style:none;border-radius:50%;width:2em;height:2em;font-size:4em;position:absolute;top:-.5em;right:-.5em}.exitImg:hover{cursor:pointer;background-color:#dddbdb}.artWorkImages{justify-content:center;align-items:center;gap:10em;display:flex}.imageContainer{flex-direction:column;align-items:center;width:400px;max-width:400px;height:400px;max-height:400px;padding:20px;display:flex}.artWorkImg{object-fit:cover;cursor:pointer;border:3px solid #000;border-radius:50%;width:100%;height:100%}.skate{transition:box-shadow .3s ease-in-out;box-shadow:-100px 0 0 10px red}.skate:hover{box-shadow:0 0 0 10px red}.sling{transition:box-shadow .3s ease-in-out;box-shadow:-100px 0 0 10px #0ff}.sling:hover{box-shadow:0 0 0 10px #0ff}.coil{transition:box-shadow .3s ease-in-out;box-shadow:-100px 0 0 10px purple}.coil:hover{box-shadow:0 0 0 10px purple}.btn{cursor:pointer;background-color:#fff;border-style:none}