#touch-controls{--touch-opacity: .6;--touch-pad-size: clamp(108px, min(24vw, 34svh), 160px);--touch-button-size: calc(var(--touch-pad-size) * .48);position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}#touch-controls[hidden],#touch-settings[hidden]{display:none!important}#touch-controls[data-size=small]{--touch-pad-size: clamp(96px, 28svh, 116px)}#touch-controls[data-size=medium]{--touch-pad-size: clamp(118px, 34svh, 142px)}#touch-controls[data-size=large]{--touch-pad-size: clamp(138px, 39svh, 170px)}.touch-pad{--stick-x: 0px;--stick-y: 0px;position:absolute;width:var(--touch-pad-size);height:var(--touch-pad-size);transform:translate(-50%,-50%);pointer-events:none;touch-action:none}#touch-move-zone{position:absolute;top:env(safe-area-inset-top,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);width:58%;pointer-events:auto;touch-action:none}.touch-stick-ring,.touch-stick-knob{position:absolute;box-sizing:border-box;border-radius:50%;opacity:var(--touch-opacity)}.touch-stick-ring{top:0;right:0;bottom:0;left:0;border:3px solid #73eff7;background:#29366f6b;box-shadow:inset 0 0 0 4px #1a1c2cbd,0 3px #1a1c2c}.touch-stick-knob{left:50%;top:50%;width:42%;height:42%;border:3px solid #ffcd75;background:#3b5dc9;box-shadow:inset 0 3px #566c86,0 3px #1a1c2c;transform:translate(calc(-50% + var(--stick-x)),calc(-50% + var(--stick-y)))}.touch-pad.is-active .touch-stick-ring{border-color:#41a6f6}#touch-actions{position:absolute;right:calc(env(safe-area-inset-right,0px) + clamp(10px,2.2vw,28px));bottom:calc(env(safe-area-inset-bottom,0px) + clamp(10px,2.2vh,22px));width:calc(var(--touch-pad-size) * 1.08);height:var(--touch-pad-size);pointer-events:none}.touch-action,#touch-pause,#touch-fullscreen{box-sizing:border-box;border:2px solid #73eff7;border-radius:14%;background:#29366f;color:#f4f4f4;box-shadow:inset 0 2px #566c86,0 4px #1a1c2c;opacity:var(--touch-opacity);pointer-events:auto;touch-action:none;font:800 clamp(12px,2.7svh,16px)/1 "Apple SD Gothic Neo",system-ui,sans-serif}.touch-action{position:absolute;width:var(--touch-button-size);height:var(--touch-button-size)}#touch-shoot{left:0;bottom:34%;border-color:#41a6f6}#touch-jump{right:0;bottom:0;border-color:#ffcd75}.touch-action.is-active,#touch-pause.is-active{background:#3b5dc9;color:#ffcd75;transform:translateY(3px);box-shadow:inset 0 3px #1a1c2c}#touch-pause,#touch-fullscreen{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);width:clamp(44px,7.5svh,48px);height:clamp(44px,7.5svh,48px);font-size:clamp(13px,3svh,18px)}#touch-pause{left:62%;transform:translate(-50%)}#touch-fullscreen{right:calc(env(safe-area-inset-right,0px) + 10px)}#touch-fullscreen{min-width:48px;min-height:44px;font-size:10px}#touch-fullscreen[aria-pressed=true]{background:#3b5dc9;color:#ffcd75}#touch-pause.is-active{transform:translate(-50%,3px)}#fullscreen-hint{position:absolute;top:calc(env(safe-area-inset-top,0px) + 58px);right:calc(env(safe-area-inset-right,0px) + 12px);max-width:min(360px,64vw);padding:9px 12px;border:2px solid #73eff7;background:#29366f;color:#f4f4f4;font-size:11px;line-height:1.45;pointer-events:none}#touch-settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 16px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 16px);background:#1a1c2cd6;font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-weight:700;line-height:1.4;touch-action:auto;-webkit-user-select:none;user-select:none}#touch-settings-form{box-sizing:border-box;width:min(700px,100%);max-height:100%;overflow:auto;padding:18px 20px;border:2px solid #41a6f6;outline:2px solid #1a1c2c;box-shadow:0 0 0 4px #73eff7;background:#29366f;color:#f4f4f4}.settings-kicker{color:#94b0c2;font-size:12px}#touch-settings-title{margin:4px 0 12px;color:#ffcd75;font-size:22px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #566c86}.settings-section{min-width:0;padding:10px 18px 0 0}.settings-section+.settings-section{padding-right:0;padding-left:18px;border-left:1px solid #566c86}.settings-section-title{margin:0;color:#94b0c2;font:700 12px/1.4 monospace;letter-spacing:.08em}.settings-section-title span{margin-right:7px;color:#73eff7}.settings-toggle,.settings-slider{display:grid;margin:0;padding:12px 0;border-top:1px solid #566c86}.settings-toggle{grid-template-columns:1fr auto auto;gap:10px;align-items:center}.settings-toggle strong,.settings-slider strong{display:block;font-size:14px}.settings-toggle small{display:block;margin-top:3px;color:#94b0c2;font-size:12px}.settings-toggle>input{position:absolute;opacity:0;pointer-events:none}.settings-switch{position:relative;width:48px;height:26px;border:2px solid #94b0c2;background:#1a1c2c}.settings-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#94b0c2}.settings-toggle>input:checked+.settings-switch{border-color:#73eff7;background:#3b5dc9}.settings-toggle>input:checked+.settings-switch:after{left:25px;background:#f4f4f4}.settings-toggle>input:focus-visible+.settings-switch{outline:2px solid #ffcd75;outline-offset:2px}.settings-slider{gap:9px}.settings-slider>span{display:flex;justify-content:space-between}.settings-slider output{color:#73eff7;font:13px monospace}.settings-slider input{width:100%;min-height:20px;margin:0;accent-color:#73eff7}.settings-slider input:focus-visible{outline:2px solid #ffcd75;outline-offset:2px}.settings-size{margin:0;padding:12px 0 0;border:0;border-top:1px solid #566c86}.settings-size legend{padding:12px 0 8px;font-size:14px}.settings-segments{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.settings-segments input{position:absolute;opacity:0;pointer-events:none}.settings-segments span{box-sizing:border-box;display:grid;min-height:44px;place-items:center;border:2px solid #566c86;background:#1a1c2c;color:#94b0c2;font-size:12px}.settings-segments input:checked+span{border-color:#73eff7;background:#3b5dc9;color:#f4f4f4}.settings-segments input:focus-visible+span{outline:2px solid #ffcd75;outline-offset:2px}.settings-help{margin:10px 0 0;color:#94b0c2;font-size:12px}#touch-settings-close{width:100%;min-height:44px;margin-top:12px;border:2px solid #ffcd75;border-radius:0;background:#3b5dc9;color:#f4f4f4;font:700 15px/1.35 Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}#touch-settings-close:focus-visible{outline:2px solid #73eff7;outline-offset:2px}@media (max-width: 620px){.settings-grid{grid-template-columns:1fr}.settings-section{padding-right:0}.settings-section+.settings-section{margin-top:10px;padding-left:0;border-top:1px solid #566c86;border-left:0}}@media (orientation: portrait){#touch-controls{display:none!important}}@media (max-height: 430px) and (orientation: landscape){#touch-settings{padding-top:calc(env(safe-area-inset-top,0px) + 9px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 9px)}#touch-settings-form{padding:8px 14px}#touch-settings-title{margin:0 0 5px;font-size:18px}.settings-section{padding-top:5px}.settings-toggle,.settings-slider{padding:5px 0}.settings-slider{gap:4px}.settings-size{padding-top:4px}.settings-size legend{padding:4px 0}.settings-help{margin-top:4px;font-size:11px}#touch-settings-close{margin-top:6px}}@media (max-height: 340px) and (orientation: landscape){#touch-settings{padding-top:calc(env(safe-area-inset-top,0px) + 6px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6px)}#touch-settings-form{padding:8px 14px}.settings-kicker{display:none}#touch-settings-title{margin:0 0 4px;font-size:17px}.settings-section-title{font-size:11px}.settings-toggle,.settings-slider{padding:4px 0}.settings-slider{gap:4px}.settings-size{padding-top:4px}.settings-size legend{padding:4px 0}.settings-help{margin:3px 0 0}#touch-settings-close{margin-top:4px}}@media (prefers-reduced-motion: reduce){.touch-stick-knob,.touch-action,#touch-pause,#touch-fullscreen,.settings-switch:after{transition:none}}