*{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}.village-shop{position:fixed;z-index:50;inset:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));max-width:1000px;margin-inline:auto;padding:clamp(16px,3vw,28px);overflow-y:auto;background:#e3d4b6;color:#302a23;border:3px solid #a98b4e;border-radius:8px;font-family:system-ui,sans-serif;touch-action:pan-y;overscroll-behavior:contain;box-shadow:0 0 0 100vmax #070c10b0}.village-shop h1{margin-top:0;font-size:clamp(22px,4vw,32px)}.village-shop h2{font-size:20px;margin-top:24px}.village-shop p{font-size:14px;line-height:1.5}.village-shop .village-balance{font-size:20px;font-weight:700;color:#7c3028}.village-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}.village-grid article{padding:14px;border:1px solid #9b8a68;background:#f1e7d1;display:flex;flex-direction:column}.village-grid article.equipped{border:3px solid #922f28;padding:12px}.village-grid h3{margin:0;font-size:18px}.village-grid button{margin-top:auto}.village-shop button{min-height:48px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;border:1px solid #a98b4e;border-radius:4px;background:#633127;color:#f4e4bf;touch-action:manipulation}.village-shop button:disabled{opacity:.55;cursor:default}.village-shop button:focus-visible{outline:3px solid #236b71;outline-offset:3px}.village-shop footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.mobile-village-entry{position:fixed;z-index:40;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));min-height:48px;padding:10px 18px;border:1px solid #b8a16a;border-radius:5px;background:#633127;color:#f4e4bf;font:700 16px system-ui;touch-action:manipulation}.mobile-result-actions{flex-wrap:wrap}.mobile-result-summary{flex:0 0 100%;margin:0;padding:8px;box-sizing:border-box;border-radius:4px;background:#10151ae8;color:#dbc17e;text-align:center;font:700 14px system-ui}