@supports (resize: vertical){.warning{display:none}}#sprint-button{background:#0006;position:relative;padding:.5rem;font-size:3vh;z-index:100000000;color:#fff;margin-bottom:1rem;border-radius:.5rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px) saturate(250%)}#settings-button{width:2.25rem;height:2.3rem;background:#0006;position:absolute;padding:.1rem;font-size:3vh;z-index:100000000;color:#fff;margin-top:1rem;right:1rem;border-radius:.5rem;transition:width .5s ease-in-out,height .5s ease-in-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px) saturate(250%)}#settings-button,#settingsMenuElement{pointer-events:auto}#settingsMenuElement{position:absolute;top:0;right:0;z-index:100000001;display:none}#volume-button{width:2.25rem;height:2.3rem;background:#0006;position:absolute;padding:.1rem;font-size:3vh;z-index:100000000;color:#fff;margin-top:1rem;right:5rem;border-radius:.5rem;transition:all .5s ease-in-out,height .5s ease-in-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px) saturate(250%);display:flex;justify-content:center;align-items:center}#inventory-button{display:none;width:2.25rem;height:2.3rem;background:#0006;position:absolute;padding:.5rem;font-size:3vh;z-index:100000000;color:#fff;margin-top:30vh;left:1rem;border-radius:.5rem;transition:width .5s ease-in-out,height .5s ease-in-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px) saturate(250%)}#cog{cursor:pointer}#cog-overlay{position:absolute;width:2.25rem;height:2.3rem;display:flex;justify-content:center;align-items:center}#settings-button.open{width:15rem;height:10rem}#volume-button.open{right:17rem}html{transition:all .5s ease-in-out}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden}canvas{position:fixed;inset:0;width:100vw;height:100vh;filter:saturate(150%)}body{margin:0;display:block}#howitworks:hover,#connect:hover{font-weight:600}canvas{z-index:100000000}body,canvas,#viewport{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;touch-action:none}.btn{background:transparent;border-radius:20%}.game{background:#000;width:45%;display:flex;margin-left:10rem;position:relative}.gameboy{position:relative;transform:rotate(-.49deg);z-index:9;width:100%}#viewport{touch-action:none;position:absolute;width:63%;z-index:10;height:24%;top:12%;left:18.9%}#joystick{display:none;position:absolute;left:.8rem;top:73vh;width:8rem;height:8rem;border-radius:50%;background:#0006;touch-action:none;z-index:10000000000;justify-content:center;align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px) saturate(250%)}#joystick-stick{position:absolute;width:5rem;height:5rem;border-radius:50%;background:#fffc}@media(min-width:1000px)and (max-width:2000px){#settings-button,#volume-button,#cog-overlay{width:1.7rem;height:1.7rem}}@media(min-width:701px)and (max-width:999px){.game{width:unset;display:flex;margin-left:unset;position:relative}#dpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:27%;height:15%;gap:unset;bottom:27rem;left:10rem}}.app-root{position:fixed;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.settings-menu{margin-top:3rem;display:none;flex-direction:column}.settings-row{display:flex;flex-direction:row;justify-content:space-between}.settings-row-spaced{margin-top:1rem}.settings-label{font-size:2vh}.slider-hidden{display:none}.action-buttons{position:absolute;display:flex;flex-direction:column;margin-top:30vh;right:1rem}.jump-button{position:relative;background:#0006;padding:.5rem;font-size:3vh;z-index:100000000;color:#fff;border-radius:.5rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px) saturate(250%)}.hud-data{display:flex;flex-direction:column;position:absolute;top:1rem;left:1rem;font-size:2.5vh;background:#00000080;z-index:1000000;color:#fff;padding:.5rem .7rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px) saturate(250%);border-radius:.25rem;font-weight:600;letter-spacing:.1rem}.viewport-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.crosshair{z-index:1000;color:#fff9;margin-bottom:3rem}