html,body{overscroll-behavior:none}#app{flex-direction:column;height:100dvh;display:flex;position:relative}#game{flex:1;min-height:0;overflow:hidden}canvas{touch-action:none}#controls-toggle{right:max(8px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));z-index:5;color:#d5dfd5;background:#1d2929;border:1px solid #68796d;border-radius:6px;padding:7px 10px;font-size:12px;position:absolute}#corner-tools #controls-toggle{position:static}#mute-toggle{color:#d5dfd5;background:#1d2929;border:1px solid #68796d;border-radius:6px;padding:7px 10px;font-size:12px}#screen-controls{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;color:#f5e6c4;font:600 11px/1.2 system-ui,sans-serif;position:absolute;inset:0}#screen-controls[hidden]{display:none}#screen-controls button,.control-stick{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}#screen-controls [hidden]{display:none!important}.control-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.control-stick{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));opacity:.78;background:radial-gradient(circle,#2c344799 55%,#5a6580cc 56% 62%,#0000 63%);border-radius:50%;width:136px;height:136px;position:absolute}.control-stick i{width:56px;height:56px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));pointer-events:none;background:#7c8493;border-radius:50%;margin:-28px;position:absolute;top:50%;left:50%}.control-stick.pressed{opacity:.95}.control-mains{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));flex-flow:row-reverse wrap-reverse;align-items:flex-end;gap:10px 12px;max-width:236px;display:flex;position:absolute}.control-subs{right:max(18px, env(safe-area-inset-right));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 176px);flex-flow:row-reverse wrap;gap:6px;max-width:min(62vw,520px);display:flex;position:absolute}#screen-controls button{color:inherit;font:inherit;image-rendering:pixelated;opacity:.82;text-shadow:0 1px #14161c,0 0 3px #14161c;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex;position:relative}#screen-controls button:disabled{opacity:.32}#screen-controls button:focus-visible{outline-offset:2px;outline:3px solid #f5cf78}#screen-controls button i{background:var(--icons) calc(var(--icon,0) * -32px) 0 / auto 32px no-repeat;width:32px;height:32px;image-rendering:pixelated;pointer-events:none}#screen-controls button span{pointer-events:none;white-space:nowrap}.control-main{background:#2c3447cc;border-radius:50%;width:64px;height:64px;box-shadow:inset 0 0 0 2px #7c8493}.control-main span{margin-top:1px;font-size:10px;position:absolute;top:100%}.control-main.primary{width:84px;height:84px;box-shadow:inset 0 0 0 3px #9a3a33}.control-main.primary i{transform:scale(1.25)}.control-sub{background:#2c3447cc;border-radius:6px;min-height:34px;box-shadow:inset 0 0 0 1px #7c8493;flex-direction:row!important;padding:0 12px 0 6px!important}.control-sub i{margin:0 -4px;transform:scale(.75)}#screen-controls.skinned .control-stick{background:var(--pad-base) center / 100% 100% no-repeat;image-rendering:pixelated}#screen-controls.skinned .control-stick i{background:var(--pad-knob) center / 100% 100% no-repeat;image-rendering:pixelated;border-radius:0}#screen-controls.skinned .control-main{box-shadow:none;background:var(--round) center / 100% 100% no-repeat;border-radius:0}#screen-controls.skinned .control-main.primary{background-image:var(--round-main)}#screen-controls.skinned .control-sub{box-shadow:none;border:8px solid #0000;border-image:var(--pill) 4 fill / 8px stretch;background:0 0;border-radius:0;min-height:24px;padding:0 6px 0 0!important}#screen-controls.skinned .control-main.pressed,#screen-controls.skinned .control-main:active,#screen-controls.skinned .control-main.latched{background-image:var(--round-down);opacity:1}#screen-controls.skinned .control-main.primary.pressed,#screen-controls.skinned .control-main.primary:active,#screen-controls.skinned .control-main.primary.latched{background-image:var(--round-main-down)}#screen-controls.skinned .control-sub:active,#screen-controls.skinned .control-sub.pressed{border-image-source:var(--pill-down);opacity:1}#screen-controls:not(.skinned) .control-main.pressed,#screen-controls:not(.skinned) .control-main.latched,#screen-controls:not(.skinned) button:active{opacity:1;background-color:#9a3a33cc}.control-main.latched{filter:drop-shadow(0 0 6px #e0913a)}@media (height<=430px){.control-stick{width:112px;height:112px}.control-stick i{width:46px;height:46px;margin:-23px}.control-main{width:54px;height:54px}.control-main.primary{width:70px;height:70px}.control-subs{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 146px)}}