@import url(https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Micro+5&display=swap);.end-txt a,u{text-decoration:underline}.l2-txt,.maze-header,.name-vertical{text-transform:uppercase;text-align:center}#maze,.cell,.pixel{aspect-ratio:1/1}#reveal-grid,canvas{pointer-events:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}*,body,html{-webkit-font-smoothing:antialiased}.end-header,body,button{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{outline:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}A:link{COLOR:inherit;TEXT-DECORATION:underline}A:active,A:hover,A:visited{COLOR:inherit;TEXT-DECORATION:none}body,html{background:#fff;color:#fff;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;padding:0;margin:0;position:relative;-webkit-text-size-adjust:none}#controls,.end-header,.l1-txt,.l2-txt,.maze-header,.name-vertical,button{font-family:"Micro 5",sans-serif}b,strong{font-weight:700}em,i{font-style:italic}small{font-size:70%}ul{list-style:disc;margin:25px 0 25px 30px}ul li{margin:10px 0 20px}a{cursor:pointer}button{all:unset;font-size:44px;margin:5px;width:50px;height:50px;border:0;display:inline-flex;touch-action:manipulation;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}#start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;padding:10px 25px 40px}.doors{width:240px}.doors img,.icon img{width:100%;display:block}.pixel-button-wrapper{position:relative;display:inline-block;width:450px}.pixel-button-wrapper img{width:100%;display:block;transition:.15s}.pixel-button-wrapper:hover img{opacity:.5}.pixel-button-wrapper .flash{position:absolute;width:6px;height:6px;background:#fff;opacity:0;animation:.3s ease-out forwards flashAnim}@keyframes flashAnim{0%,100%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.l1-txt{font-size:72px;color:#000;margin-bottom:0;text-transform:uppercase;margin-top:20px}.l2-txt{font-size:48px;color:#000;margin-bottom:30px}.l2-txt span{color:#cdcdcd}.cell{width:100%;height:100%;box-sizing:border-box;border:1px solid #fff}.end-container,.vertical{height:auto;min-height:100vh}.maze-header{font-size:110px;color:#000;margin-bottom:10px;margin-top:30px;display:none}#maze{display:grid;width:90%;margin:20px auto;touch-action:none;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-template-rows:repeat(auto-fit,minmax(0,1fr))}.wall{background-color:#cdcdcd}.player{background-color:#18ff00;animation:1.5s infinite flashBg}.goal{background-color:#666}@keyframes flashBg{0%,100%,70%{background-color:#18ff00}50%{background-color:#000}}#controls{margin-top:10px;opacity:0}button.bUp{background:url('img/up.svg') center center/40px #f0f0f0}button.bDown{background:url('img/down.svg') center 5px/40px #f0f0f0}button.bLeft{background:url('img/left.svg') center center/40px #f0f0f0}button.bRight{background:url('img/right.svg') center center/40px #f0f0f0}#end-screen{flex-direction:column;align-items:center;justify-content:center;min-height:90vh;color:#000;display:none}.end-container{display:flex;width:100%;flex-direction:column;align-items:center;background:#fff;justify-content:center;padding:40px 0}.end-black{background:#000;color:#fff}.end-face,.end-header,.end-txt{width:1100px;padding:0 15px}#reveal-grid,.vertical{width:100%;position:fixed;top:0;left:0}.end-header{font-size:72px;margin-bottom:80px}.end-txt{line-height:1.5;font-size:22px}.end-txt a{color:inherit}.end-face{margin-top:70px}.end-face img{width:118px;display:block}.vertical{display:none;flex-direction:column;align-items:center;background:#fff;justify-content:center;padding:40px;z-index:999}.name-vertical{font-size:57px;margin-bottom:30px;color:#000}.icon{width:100px;display:inline-block}@media (max-width:900px) and (orientation:landscape){.vertical{display:flex}}#start-screen button{font-size:24px;padding:10px 30px;margin-top:20px;cursor:pointer}#reveal-grid{height:100%;display:grid;z-index:10}.pixel{background:#bbb;opacity:1}.pixel.reveal{animation:.6s ease-out forwards fadeOut}@keyframes fadeOut{to{opacity:0}}canvas{display:none;position:fixed;top:0;left:0;z-index:9999}@media only screen and (max-width:1350px){.doors{width:200px}.l1-txt{margin:0;font-size:68px}.l2-txt{font-size:45px}.pixel-button-wrapper{width:370px}.maze-header{font-size:94px;margin-top:15px}.end-face,.end-header,.end-txt{width:90%;padding:0}.end-header{font-size:70px;font-family:"Micro 5",sans-serif;margin-bottom:60px}.end-txt{line-height:1.5;font-size:20px}.end-face{margin-top:50px}.end-face img{width:108px;display:block}}@media only screen and (max-width:550px){.doors{width:200px}.l1-txt{margin:0;font-size:57px}.l2-txt{font-size:37px}.pixel-button-wrapper{width:300px}#start-screen{padding:10px 15px 40px}.maze-header{font-size:67px;margin-top:15px}}@media only screen and (max-width:430px){.doors{width:200px}.l1-txt{font-size:53px}.l2-txt{font-size:32px}.pixel-button-wrapper{width:260px}#start-screen{padding:10px 15px 40px}.end-face img{width:90px}.end-header{font-size:60px;margin-bottom:40px}.end-txt{line-height:1.5;font-size:17px}.end-face{margin-top:50px}}@media only screen and (max-width:380px){.doors{width:200px}.l1-txt{font-size:63px}.l2-txt{font-size:38px}.pixel-button-wrapper{width:290px}#start-screen{padding:10px 25px 40px}}@media only screen and (orientation:portrait){#controls{opacity:1;text-align:center}}