@font-face{font-family:Commit Mono;src:url(/fonts/CommitMono-VariableFont.woff2) format("woff2");font-weight:100 900;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background-color:#0a0a0b;color:#eaeaeb;font-family:Commit Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100dvw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}canvas{display:block;width:100%;height:100%}.hud{position:fixed;inset:0;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.dpad{position:absolute;bottom:16px;left:16px;display:grid;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px;grid-template-areas:". up ." "left . right" ". down .";gap:4px;pointer-events:auto}.dpad-btn{width:48px;height:48px;min-width:44px;min-height:44px;background-color:#27282a;border:2px solid #44474b;border-radius:8px;color:#eaeaeb;font-size:16px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.dpad-btn:active{background-color:#44474b;border-color:#eaeaeb}.dpad-up{grid-area:up}.dpad-left{grid-area:left}.dpad-right{grid-area:right}.dpad-down{grid-area:down}.dpad--right-side{left:auto;right:16px}.menu-btn{position:absolute;bottom:16px;right:16px;width:48px;height:48px;min-width:44px;min-height:44px;background-color:#27282a;border:2px solid #44474b;border-radius:8px;color:#eaeaeb;font-size:20px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}.menu-btn:active{background-color:#44474b;border-color:#eaeaeb}.menu-btn--left-side{right:auto;left:16px}