:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%;max-width:100%;max-height:100%;box-sizing:border-box}a{font-weight:500;color:#3d4085;text-decoration:inherit}body{margin:0;display:flex;align-items:center;justify-content:flex-start;min-width:0vw;min-height:0vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0;padding:0}body,html{background:linear-gradient(to bottom,#43577c,#1b263b);margin:0;padding:0;height:99vh;width:100vw;display:flex;align-items:center;justify-content:flex-start;min-width:0vw;min-height:0vh}body,html::-webkit-scrollbar{display:none}.IntroBox,.Heading{display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;margin-top:40vh}.IntroBox{margin-top:-20vh}.IntroBox .Heading{height:10vh;color:#8bafbe}.IntroBox .IntroText{color:#b0bec5;font-size:3.5vh;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:bolder;font-size:x-large}.IntroText{line-height:2}.ButtonRow{display:flex;justify-content:center;align-items:center;margin-top:8vh;gap:8vw}.PlayMagikallyButton{width:20%;height:8vh}.PlayButton{width:15%;height:8vh}.PlayButton,.PlayMagikallyButton{background-color:#3d6269;color:#f3f0ff;border:none;border-radius:10rem;transition:background-color .3s;font-size:3vh;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:bolder}.PlayButton:hover,.PlayMagikallyButton:hover{background-color:#0077b6}.LeaderboardButton{position:fixed;top:4vh;right:4vw;z-index:10000;height:7vh;padding:.1rem 1.5rem;font-family:Georgia,serif;font-size:1.1rem;color:#f8f4e3;border:2px solid #5c3d2e;border-radius:8px;background-color:#8e6b45;box-shadow:0 4px 10px #0006;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.LeaderboardButton:focus,.LeaderboardButton:active{outline:none}.LeaderboardPanel{position:fixed;top:10vh;left:50%;transform:translate(-50%);height:60vh;width:30vw;background:radial-gradient(circle at top left,#9cb9c0,#586868);border:4px solid #5c3d2e;border-radius:1.5rem;box-shadow:0 8px 30px #0006;padding:2rem;z-index:10000;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.LeaderboardHeading{font-size:1.7rem;color:#0d3b50;text-shadow:1px 1px 2px rgba(80,60,0,.3);display:flex;justify-content:center;align-items:center;margin-top:-1vh}.LeaderboardText{font-size:1.7rem;color:#333636;text-shadow:1px 1px 2px rgba(80,60,0,.3)}.LeaderboardCancelButton{font-family:Georgia,serif;background-color:#697475;color:#f8f4e3;border:2px solid #64666d;padding:.6em 1.4em;font-size:1rem;border-radius:6px;cursor:pointer;margin-top:.5vh;box-shadow:0 3px 8px #00000080;transition:background .3s ease,transform .2s ease}.LeaderboardCancelButton:active{outline:none}#root{max-width:none;width:100vw;margin:0;padding:0}html,body{margin:0;padding:0;width:100vw;height:150vh;display:flex;justify-content:flex-start;align-items:flex-start;overflow-y:hidden;overflow-x:hidden}.Outer_Box_Flex{display:flex;align-items:flex-start;justify-content:flex-start;height:160vh;width:100vw;overflow-y:scroll;overflow-x:hidden}.Outer_Box_Grid{display:grid;grid-template-columns:repeat(11,35vw);grid-template-rows:repeat(11,65vh);overflow-x:scroll;overflow-y:scroll;transform-style:preserve-3d;height:90%;width:90%;margin-top:10vh;transform:rotateX(55deg) rotateY(0) rotate(-30deg);overflow-x:hidden;overflow-y:hidden}.Outer_Box_Flex::-webkit-scrollbar{display:none}.Outer_Box_Grid::-webkit-scrollbar{display:none}.Room_Visited .Emoji{font-size:6em;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.Floor1{background:repeating-linear-gradient(45deg,#fff 10px,#000 5px,gray 35px)}.Floor2{background-color:#d2691e;background-image:linear-gradient(to right,black 2px,transparent 1px),linear-gradient(to bottom,black 2px,transparent 1px);background-size:40px 40px}.Floor3{background-color:#bb6c34;background-image:linear-gradient(to right,#8b4513 10px,transparent 10px),linear-gradient(to bottom,#8b4513 10px,transparent 10px),linear-gradient(to right,transparent 50%,#8b4513 50%);background-size:40px 20px;background-position:0 0,0 0,20px 10px}.Floor4{background-color:#c4937d;background-image:linear-gradient(135deg,black 35%,transparent 25%),linear-gradient(225deg,black 35%,transparent 25%),linear-gradient(315deg,black 35%,transparent 25%),linear-gradient(45deg,black 35%,transparent 25%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0}.Floor5{background-color:#c4bfbf;background-image:radial-gradient(black 10%,transparent 11%);background-size:40px 40px}.Floor6{background-color:#ad78ad}.Floor7{background-color:#6b9e28}.Floor8{background-color:#000}.Floor9{background-color:#555;background-image:repeating-linear-gradient(45deg,black,black 1px,transparent 1px,transparent 10px),repeating-linear-gradient(-45deg,black,black 1px,transparent 1px,transparent 10px)}.Floor10{background-color:#ac8383}.StartingRoomFloor{background-color:#fff;background-image:linear-gradient(45deg,black 25%,transparent 25%),linear-gradient(-45deg,black 25%,transparent 25%),linear-gradient(45deg,transparent 75%,black 75%),linear-gradient(-45deg,transparent 75%,black 75%);background-size:4vh 3vw}.DoorDown{position:absolute;bottom:0;left:50%;transform:translate(-1.3vw) rotate(0) rotateY(0) translateY(.3vh) translateZ(480vh);width:10vh;height:9.3vh;background:#5f5e5e;box-shadow:inset 0 -10px 30px #ffffff0d,inset 0 15px 25px #000000b3,0 0 15px 2px #282828cc;transform-style:preserve-3d;transform-origin:bottom;z-index:999}.DoorUp{position:absolute;bottom:0;left:52%;transform:translate(-2vw) rotate(0) rotateY(0) translateY(-65vh) translateZ(480vh);width:10vh;height:9.3vh;background:#5f5e5e;box-shadow:inset 0 -10px 30px #ffffff0d,inset 0 -15px 25px #000000b3,0 0 15px 2px #282828cc;transform-style:preserve-3d;transform-origin:bottom;z-index:999}.DoorRight{position:absolute;bottom:55%;left:100%;transform:translate(-.2vw) rotate(0) rotateY(0) translateY(.3vh) translateZ(480vh);width:9.4vh;height:9.3vh;background:#5f5e5e;box-shadow:inset -10px 0 30px #ffffff0d,inset 15px 0 25px #000000b3,0 0 15px 2px #282828cc;transform-style:preserve-3d;transform-origin:bottom;z-index:999;opacity:.9}.DoorLeft{position:absolute;bottom:55%;left:0%;transform:translate(-.2vw) rotate(0) rotateY(0) translateY(.3vh) translateZ(480vh);width:9.4vh;height:9.3vh;background:#5f5e5e;box-shadow:inset -10px 0 30px #ffffff0d,inset 15px 0 25px #000000b3,0 0 15px 2px #282828cc;transform-style:preserve-3d;transform-origin:bottom;z-index:999}.WallUp{width:100%;height:9.11vh;position:absolute;top:0;left:0;background:linear-gradient(to bottom,#e0e0e0,#888,#444);transform:rotateX(-10deg) translateZ(-44.92vh) translateY(-1.3vh) translate(00vh);transform-origin:bottom;z-index:2}.WallDown{width:100%;height:9.11vh;position:absolute;top:0;left:0;background:linear-gradient(to top,#e0e0e0,#888,#444);transform:rotateX(-10deg) translateY(10.42vh) translateZ(263vh) translate(0);transform-origin:bottom;z-index:2}.WallRight{width:37vw;height:9.11vh;position:absolute;top:0;right:0;background:linear-gradient(to top,#d9d9d9,#999,#555);transform:rotateX(0) rotateY(0) rotate(90deg) translate(9.4vw) translateZ(270vh) translateY(-37vh);transform-origin:bottom;z-index:2}.WallLeft{width:37vw;height:9.11vh;position:absolute;top:0;right:0;background:linear-gradient(to top,#d9d9d9,#999,#555);transform:rotateX(0) rotateY(0) rotate(90deg) translate(9.4vw) translateZ(270vh) translateY(33.2vh);transform-origin:bottom;z-index:2}.Room_Visited{height:100%;width:100%;background-color:#272323;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:flex-start;flex-shrink:0;background:transparent;margin-top:100px;transform-style:preserve-3d;transition:transform .5s ease}.Room_Visited .Floor1,.Room_Visited .Floor2,.Room_Visited .Floor3,.Room_Visited .Floor4,.Room_Visited .Floor5,.Room_Visited .Floor6,.Room_Visited .Floor7,.Room_Visited .Floor8,.Room_Visited .Floor9,.Room_Visited .Floor10,.Room_Visited .StartingRoomFloor{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;position:relative;height:100%;width:100%;transform-style:preserve-3d}.JustToCenterHelpWindow,.JustToCenterWinnerWindow{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:9999}.HelpWindow,.WinnerWindow,.LoserWindow,.CharacterSelectorWindow{height:64vh;width:77.77vh;background:radial-gradient(circle at top left,#f8f4e3,tan);border:4px solid #5c3d2e;border-radius:1.5rem;box-shadow:0 8px 30px #0006;padding:2rem}.CharacterSelectorWindow{width:20vw;height:40vh}.WinnerWindow{width:70vh;height:21vh}.LoserWindow{width:70vh;height:25vh}.HelpHeading,.WinnerHeading{font-size:1.7rem;color:#a67c00;text-shadow:1px 1px 2px rgba(80,60,0,.3);margin-top:4vh;display:flex;justify-content:center;align-items:center}.WinnerHeading{margin-top:1vh}.HelpText,.WinnerText{text-align:center;font-family:Georgia,serif;color:#735c00;font-size:1.1rem;line-height:2;margin-top:6vh}.WinnerText{margin-top:0vh}.HelpCancelButtonWrapper,.WinnerCancelButtonWrapper{display:flex;justify-content:center;align-items:center}.HelpCancelButton,.WinnerCancelButton,.WinnerPlayAgainButton,.LoserPlayAgainButton{font-family:Georgia,serif;background-color:#a08453;color:#f8f4e3;border:2px solid #a67c00;padding:.6em 1.4em;font-size:1rem;border-radius:6px;cursor:pointer;margin-top:.5vh;box-shadow:0 3px 8px #00000080;transition:background .3s ease,transform .2s ease}.LoserPlayAgainButton{margin-top:-.5vh}.HelpButton,.Timerdiv,.AudioDiv{position:fixed;bottom:2vh;right:2vw;z-index:10000;background-color:#cf9d46;color:#f8f4e3;font-family:Georgia,serif;font-size:1.1rem;padding:.6em 1.2em;border:2px solid #5c3d2e;border-radius:8px;box-shadow:0 4px 10px #0006;cursor:pointer;transition:background .3s ease}.HelpCancelButton:hover{background-color:#7a5e34;transform:scale(1.04)}.Timerdiv{top:2vh;right:2vw;position:fixed;border:2px solid #5c3d2e;background-color:#be9d63;height:4vh;width:6vw;display:flex;justify-content:center;align-items:center}.Timer{color:#f8f4e3;font-family:Georgia,serif;font-size:1.4rem}.Usernamediv{z-index:10000;color:#f8f4e3;font-family:Georgia,serif;font-size:1.1rem;border-radius:8px;box-shadow:0 4px 10px #0006;transition:background .3s ease;top:2vh;left:7.5vw;position:fixed;border:2px solid #5c3d2e;background-color:#be9d63;height:5vh;width:auto;padding:.1rem 2rem;display:flex;justify-content:center;align-items:center}.Homediv{position:fixed;top:2vh;left:2vw;box-shadow:0 4px 10px #0006;transition:background .3s ease;height:5vh;width:9vh;padding:.1rem;border-radius:8px;border:2px solid #5c3d2e;background-color:#be9d63;display:flex;justify-content:center;align-items:center}.HomeButton:focus,.HomeButton:active{outline:none;border:none;box-shadow:none}.HomeButton{all:unset;height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-size:1.7rem;color:#f8f4e3;background-color:transparent;cursor:pointer}.CharacterSelectorDiv{position:fixed;top:2vh;left:17.2vw;box-shadow:0 4px 10px #0006;transition:background .3s ease;height:5vh;width:13vw;padding:.1rem;border-radius:8px;border:2px solid #5c3d2e;background-color:#be9d63;display:flex;justify-content:center;align-items:center;color:#f8f4e3;font-family:Georgia,serif;font-size:1.1rem}.CharacterSelector{all:unset;height:100%;width:100%;color:#f8f4e3;font-family:Georgia,serif;font-size:1.1rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.CharacterSelector:focus,.CharacterSelector:active{outline:none;border:none;box-shadow:none}select{text-align:center;text-align-last:center}.AudioDiv{top:2vh;right:12.3vw;position:fixed;border:2px solid #5c3d2e;background-color:#be9d63;height:4vh;width:.9vw;display:flex;justify-content:center;align-items:center}.AudioDiv:focus,.Audio:active{outline:none;border:transparent;background-color:#c58f42}.Audio{color:#f8f4e3;font-family:Georgia,serif;font-size:1.7rem;background-color:transparent;height:7.6vh;width:0vw;margin-top:-.1vh;margin-right:.4vh}.Audio:focus,.Audio:active,.AudioDiv:focus,.AudioDiv:active{outline:none;border:none;box-shadow:none}.VolumeOffIcon{top:-1vh;margin-left:-1.5vh}.VolumeOnIcon{margin-top:-9vh;margin-left:-1.7vh}.VolumeOffIcon{font-size:1.5rem}.OuterBox{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.LoginBox{width:34vw;height:60vh;background-color:#7a7e8d;border-radius:10px;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;flex-direction:column}.CreateAccountBox{display:flex;justify-content:center;align-items:center;flex-direction:column}form{width:100%;display:flex;flex-direction:column;align-items:center}.ImageDiv{height:40%;width:60%;margin-top:0vh;position:static}.UsernameBox,.PasswordBox{margin-top:4vh;width:60%;padding:12px 16px;color:#000;background-color:#e4eaf5;border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 2px 6px #0003;outline:none;opacity:70%;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a;letter-spacing:.5px}.UsernameBox:focus,.PasswordBox:focus{outline:none;box-shadow:0 0 0 5px #34363a33}.UsernameBox:-webkit-autofill,.UsernameBox:-webkit-autofill:hover,.UsernameBox:-webkit-autofill:focus{box-shadow:0 0 0 1000px #e4eaf5 inset!important;-webkit-text-fill-color:#000!important;transition:background-color 9999s ease-in-out 0s}.PasswordBox{margin-top:1.3vh}.LoginButton{width:30%;padding:.7rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;background-color:#9ca1ac;color:#0e1e3b}.LoginButton:hover{transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.LoginButton:active{background-color:#869bc7;transform:translateY(1px);box-shadow:0 2px 4px #0003;border:none}.LoginButton:focus{outline:none;box-shadow:none}.ErrorMessage{margin-bottom:0vh;padding:.5rem 1rem;color:#0f1d3d;font-weight:600;height:1vh;width:60%;text-align:center;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.CreateAccountBox{margin-top:1vh;width:34vw;height:9vh;background-color:#7a7e8d;border-radius:10px;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(0,0,0,.3);display:flex;justify-content:flex-start;align-items:center;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a;letter-spacing:.5px}