:root{--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html.touch-game,.touch-game #game-surface,.touch-game #game{touch-action:none;overscroll-behavior:none}body.touch-game{background:#08091e;height:100dvh;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch-controls,#touch-gate{position:absolute;inset:0;z-index:10;font-family:Courier New,monospace;font-weight:900}#touch-controls[hidden],#touch-gate[hidden],#touch-controls [hidden],#touch-gate [hidden]{display:none!important}#touch-controls{pointer-events:none;--button: clamp(52px, 17vh, 66px)}#touch-controls button,.touch-stick{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}#touch-controls button{font:inherit;color:#fff6d3;border:2px solid;border-color:#e1cc8b #574938 #574938 #e1cc8b;background:#16152bea;box-shadow:3px 3px #000b,inset 2px 2px #fff2,inset -2px -2px #0008;cursor:pointer}#touch-controls button:focus-visible,#touch-gate button:focus-visible{outline:3px solid white;outline-offset:3px}.touch-tools{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));display:flex;gap:8px}.touch-tools button{min-height:44px;min-width:52px;border-radius:0;padding:8px;font-size:11px!important}.touch-tools [data-fullscreen]{margin-left:auto;min-width:44px}.touch-stick{position:absolute;left:calc(12px + var(--safe-left));bottom:max(22px,env(safe-area-inset-bottom));width:calc(var(--button) * 1.75);height:calc(var(--button) * 1.75);border-radius:0;background:#080c2199;box-shadow:inset 2px 2px #c1b78a99,inset -2px -2px #484365aa;display:grid;place-items:center}.touch-cross{width:72%;height:72%;color:transparent;background:#bbb79477;clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%)}.touch-knob{position:absolute;width:31%;height:31%;border-radius:0;background:#ce3028;border:2px solid;border-color:#ffb078 #691421 #691421 #ffb078;box-shadow:3px 3px #060817,inset 2px 2px #ed6452;pointer-events:none}.touch-move-label{position:absolute;bottom:-17px;font-size:10px;letter-spacing:2px;color:#e1cc8b;text-shadow:1px 1px #000}.touch-actions{position:absolute;right:calc(12px + var(--safe-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,var(--button));gap:8px;align-items:end}.touch-actions button{width:var(--button);height:var(--button);border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.touch-actions strong,.touch-actions small{display:block;color:transparent;background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;max-width:90%;overflow:hidden}.touch-actions strong{height:9px}.touch-actions small{height:6px;margin-top:7px;opacity:.85}#touch-controls .touch-shoot{background:#a32228e6;border-color:#ffb17c #591427 #591427 #ffb17c;grid-column:2;grid-row:1}#touch-controls .touch-pass{background:#2047a0e6;border-color:#95c6ff #151c58 #151c58 #95c6ff;grid-column:2;grid-row:2}#touch-controls .touch-turbo{background:linear-gradient(to top,#98721de6 var(--fuel, 100%),#29212fe6 var(--fuel, 100%));border-color:#ffed8c #594022 #594022 #ffed8c;grid-column:1;grid-row:2}#touch-controls .touch-turbo.boosting{border-color:#fff8ce}#touch-controls button.held{filter:brightness(1.2);box-shadow:inset 2px 2px #0009;transform:translate(2px,2px)}#touch-gate{z-index:20;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(24px,var(--safe-right)) max(20px,env(safe-area-inset-bottom)) max(24px,var(--safe-left));background:#06121df5;color:#f2e9d7;text-align:center;box-sizing:border-box}.touch-gate-card{max-width:390px;padding:24px;background:#13112c;border:3px solid;border-color:#e1cc8b #625075 #625075 #e1cc8b;box-shadow:6px 6px #000}.touch-eyebrow{font-size:10px;color:#70cbd6;letter-spacing:3px}#touch-gate h1{font-family:Courier New,monospace;font-size:clamp(22px,6vw,32px);line-height:1.2;margin:18px 0;color:#ffe47b;text-shadow:2px 2px #000}#touch-gate p:not(.touch-eyebrow){font-family:system-ui,sans-serif;font-size:15px;line-height:1.5;color:#a9bdc9}.rotate-phone{width:50px;height:82px;border:3px solid #e1cc8b;border-radius:0;margin:0 auto 28px;display:grid;place-items:center;font:48px monospace;transform:rotate(-25deg);box-shadow:7px 7px #000}#touch-gate:not(.is-portrait) .rotate-phone,#touch-gate:not(.is-portrait) .touch-rotate-tip{display:none}#touch-gate .touch-rotate-tip{margin-top:28px;font-size:12px!important;color:#758f9f!important}#touch-gate button{border:2px solid;border-color:#fff4b8 #79602e #79602e #fff4b8;border-radius:0;background:#e5b93e;color:#181228;padding:16px 20px;font:700 13px Courier New,monospace;min-height:48px;margin-top:10px;cursor:pointer;box-shadow:3px 3px #000}@media(max-height:360px){.touch-tools{grid-template-columns:auto auto;gap:5px}.touch-tools button{min-width:44px;padding:6px;font-size:9px!important}}