*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10151a}body{font-family:Pretendard,Noto Sans KR,Malgun Gothic,Apple SD Gothic Neo,Arial,sans-serif}#game{display:flow-root;width:100%;height:100%;touch-action:none}canvas{display:block}.virtual-joystick{position:fixed;z-index:30;border:2px solid rgba(208,181,117,.45);border-radius:50%;background:#10151a6b;box-shadow:inset 0 0 0 7px #ded3b512;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}.virtual-joystick[hidden]{display:none}.virtual-joystick-thumb{position:absolute;width:34%;height:34%;left:33%;top:33%;border-radius:50%;border:2px solid rgba(217,227,203,.65);background:#7eafae7a;pointer-events:none}.virtual-joystick-thumb:after{content:"";position:absolute;top:26%;right:26%;bottom:26%;left:26%;border:1px solid rgba(184,79,61,.85);transform:rotate(45deg)}.mobile-result-actions{position:fixed;z-index:40;left:50%;transform:translate(-50%);bottom:max(16px,env(safe-area-inset-bottom,0px));width:min(480px,calc(100% - 32px));display:flex;gap:12px;touch-action:manipulation}.mobile-result-actions button{flex:1;min-width:0;min-height:48px;padding:12px 8px;border:1px solid #b8a16a;border-radius:4px;background:#762f29;color:#e1ddd0;font-family:inherit;font-size:16px;font-weight:700;line-height:1.25;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.mobile-result-actions button:active{background:#963f35}.mobile-result-actions button:focus-visible{outline:2px solid #e1ddd0;outline-offset:3px}