body[data-touch-controls=true]{--game-ui-scale:1!important}body[data-touch-controls=true]>canvas{touch-action:none}body[data-touch-controls=true] :is(#menuScreen,#rpgLoginScreen,#joinScreen){pointer-events:auto;padding:max(16px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-content:start;gap:18px;overflow:auto}body[data-touch-controls=true] #menuScreen .menu-stack{box-sizing:border-box;max-height:none;overflow:visible}body[data-touch-controls=true] :is(.menu-alpha-discord,.menu-browser-disclaimer){position:static;transform:none}body[data-touch-controls=true] :is(#rpgLoginScreen,#joinScreen,#optionsScreen) input,body[data-touch-controls=true] #optionsScreen select{min-height:44px;font-size:16px}body[data-touch-controls=true] .intro-cinematic__skip{touch-action:none;min-height:44px}body[data-touch-controls=true]>#uiToast{z-index:190;box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);bottom:max(16px, env(safe-area-inset-bottom));text-align:center}body[data-touch-controls=true] .diegetic-focus-prompt,body[data-touch-controls=true] .diegetic-tutorial-skip-hint,body[data-touch-controls=true] .diegetic-options-hint{display:none!important}#touchUi{inset:var(--touch-top,0px) 0 auto;height:var(--touch-height,100dvh);z-index:180;pointer-events:none;color:var(--text-main);font:14px Space Mono,monospace;position:fixed}#touchUi,#touchUi *{box-sizing:border-box}#touchUi [hidden],#touchUi[hidden]{display:none!important}#touchUi button{border:1px solid var(--button-border);background:var(--panel-solid);min-width:46px;min-height:46px;color:var(--text-main);font:inherit;cursor:pointer;touch-action:manipulation;pointer-events:auto;border-radius:10px;padding:8px 12px}#touchUi button:disabled{opacity:.55}#touchUi button:active,#touchUi button[aria-pressed=true]{border-color:var(--button-hover-border);background:var(--button-accent-bg)}#touchUi button:focus-visible{outline:2px solid var(--text-main);outline-offset:2px}.touch-toolbar{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.touch-stick{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));border:2px solid var(--button-border);background:var(--overlay-backdrop);touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;width:126px;height:126px;display:grid;position:absolute}.touch-stick span{border:2px solid var(--button-hover-border);background:var(--button-bg);border-radius:50%;width:48px;height:48px}.touch-stick b{pointer-events:none;font-size:11px;position:absolute;bottom:8px}.touch-run{left:max(24px, env(safe-area-inset-left));bottom:calc(max(20px, env(safe-area-inset-bottom)) + 140px);position:absolute}.touch-jump{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));position:absolute}.touch-open{right:max(20px, env(safe-area-inset-right));bottom:calc(max(20px, env(safe-area-inset-bottom)) + 64px);width:min(210px,43vw);position:absolute}.touch-reticle{text-shadow:0 1px 3px var(--bg-top);font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-help{background:var(--panel-solid);border:1px solid var(--panel-border);pointer-events:auto;border-radius:12px;max-width:500px;max-height:calc(100% - 90px);margin:auto;padding:16px;line-height:1.5;position:absolute;inset:68px 12px auto;overflow:auto}.touch-help p{margin:0 0 12px}.touch-cabinet{inset:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--panel-solid);border:1px solid var(--panel-border);pointer-events:auto;border-radius:12px;flex-direction:column;max-width:820px;margin:auto;display:flex;position:absolute;overflow:hidden}.touch-cabinet header{border-bottom:1px solid var(--panel-border);flex:none;align-items:center;gap:8px;padding:8px;display:flex}.touch-cabinet header strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.touch-cabinet-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.touch-cabinet canvas{touch-action:none;width:512px;max-width:none;height:384px;margin:0 auto;display:block;position:static}.touch-entry{background:var(--panel-solid);border:1px solid var(--panel-border);box-shadow:0 0 0 200vmax var(--overlay-backdrop);border-radius:10px;gap:8px;padding:12px;display:grid;position:absolute;inset:auto 8px 8px}.touch-entry textarea{box-sizing:border-box;resize:none;width:100%;min-height:64px;color:var(--text-main);background:var(--bg-top);border:1px solid var(--panel-border);padding:10px;font:16px sans-serif}.touch-entry div{justify-content:flex-end;gap:8px;display:flex}#touchUi :is(.touch-cabinet,.touch-help,.touch-entry){background:linear-gradient(var(--panel-solid), var(--panel-solid)), var(--bg-top)}body[data-touch-controls=true] .personal-stats-window{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}body[data-touch-controls=true] .personal-stats__body{min-height:0;overflow:auto}body[data-touch-controls=true] .personal-stats__avatar{align-self:start}body[data-touch-controls=true] .personal-stats__avatar canvas{object-fit:contain;width:auto;max-width:100%;max-height:min(360px,100dvh - 150px)}body[data-touch-controls=true] #optionsScreen{padding:8px}body[data-touch-controls=true] .options-card{box-sizing:border-box;width:min(740px,100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto}body[data-touch-controls=true] .options-actions{background:var(--panel-solid);padding:8px 0;position:sticky;bottom:0}body[data-touch-controls=true] :is(.options-card,.personal-stats-window) button{min-height:44px}body[data-touch-controls=true] .overlay-banner__action button,body[data-touch-controls=true] .overlay-banner__decline button{pointer-events:auto;min-height:44px}@media (width<=600px){body[data-touch-controls=true] .personal-stats__body{display:block}body[data-touch-controls=true] .personal-stats__avatar{max-height:180px;overflow:hidden}body[data-touch-controls=true] .personal-stats__avatar canvas{max-height:180px}}
