:root{font-family:Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#9edee7;color:#2f3b2f}.app-root{position:relative;width:100%;height:100%}.game-root{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(900px 420px at 50% -8%,rgba(255,245,186,.82),transparent 70%),linear-gradient(180deg,#b8eff7,#d8f4d1 58%,#8bc572)}.world-canvas{width:100%;height:100%;display:block}.world-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.world-label,.world-bubble{position:absolute;left:0;top:0;will-change:transform;pointer-events:none}.world-label{padding:5px 9px;border-radius:999px;background:#fff9e1e6;border:1px solid rgba(115,83,42,.2);color:#5a3c23;font-size:12px;line-height:1;font-weight:700;letter-spacing:0;box-shadow:0 10px 24px #48331829}.world-bubble{max-width:min(240px,40vw);padding:7px 10px;border-radius:14px;background:#fffcecf5;border:1px solid rgba(132,91,49,.22);color:#46321f;font-size:13px;line-height:1.25;text-align:center;box-shadow:0 12px 28px #44291029}.hud{position:absolute;background:#fff9e1d6;border:1px solid rgba(91,122,61,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.2;color:#3d4a2f;box-shadow:0 12px 30px #3b52251f}.hud-top{top:14px;left:50%;transform:translate(-50%)}.hud-voice{top:14px;right:14px;display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.avatar-button{border:1px solid rgba(127,95,51,.28);background:#fffae8eb;color:#4f3b26;border-radius:8px;padding:4px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:46px;gap:2px;cursor:pointer}.avatar-button span{font-size:16px;line-height:1}.avatar-button small{font-size:10px;line-height:1}.avatar-button.active{border-color:#4a9656d9;box-shadow:0 0 0 1px #4a96563d inset}.mic-button{border:1px solid rgba(127,95,51,.28);background:#fffae8eb;color:#4f3b26;border-radius:6px;font-size:12px;padding:4px 8px;cursor:pointer}.mic-button.on{border-color:#22c55eb3}.mic-button.off{border-color:#f87171bf}.mic-button:disabled{opacity:.95;cursor:not-allowed}.hud-help{left:14px;bottom:14px}.hud-error{right:14px;top:14px;border-color:#f87171b3;max-width:min(420px,60vw)}.mobile-joystick{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;display:none;width:128px;height:128px;border:1px solid rgba(91,122,61,.26);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,252,238,.72) 0 24%,transparent 25%),radial-gradient(circle at 50% 50%,#fffae8d6,#daf1cbb8);box-shadow:inset 0 0 0 10px #ffffff2e,0 16px 34px #3b52252e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-joystick:active{cursor:grabbing}.mobile-joystick:before,.mobile-joystick:after{content:"";position:absolute;top:17px;right:17px;bottom:17px;left:17px;border-radius:50%;pointer-events:none}.mobile-joystick:before{border:1px dashed rgba(91,122,61,.22)}.mobile-joystick:after{top:60px;right:60px;bottom:60px;left:60px;background:#5b7a3d47}.mobile-joystick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border:1px solid rgba(74,150,86,.52);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.82),transparent 34%),linear-gradient(145deg,#fffae8f5,#bee6b0f0);box-shadow:inset 0 -8px 14px #5b7a3d21,0 10px 20px #3b52253d;pointer-events:none;transition:transform .04s ease-out}.chat-box{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:min(520px,calc(100vw - 32px))}.chat-input{width:100%;border-radius:10px;border:1px solid rgba(108,134,74,.36);background:#fffceef5;color:#3f3023;padding:12px 14px;font-size:14px;outline:none}.chat-input:focus{border-color:#4a9656e0;box-shadow:0 0 0 2px #4a96562e}.avatar-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 520px at 80% -10%,rgba(255,236,166,.22),transparent 60%),radial-gradient(900px 500px at -10% 100%,rgba(91,178,103,.18),transparent 60%),#3f5b3457;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-modal{position:relative;width:min(710px,calc(100vw - 44px));border-radius:18px;border:1px solid rgba(126,94,48,.22);background:linear-gradient(165deg,#fffbe7f2,#e2f6cceb);box-shadow:0 26px 70px #374e2647;padding:16px;overflow:hidden}.avatar-modal:before{content:"";position:absolute;top:-120px;right:-140px;width:340px;height:340px;background:radial-gradient(circle,rgba(255,211,105,.22),transparent 70%);pointer-events:none}.avatar-modal-header{margin-bottom:10px}.avatar-modal-title{margin:0;font-size:32px;line-height:1.1;font-weight:800;color:#4f3b26}.avatar-modal-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative;z-index:1}.avatar-button-large{min-height:100px;border-radius:16px;padding:10px 8px;border-width:2px;gap:6px;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.avatar-button-large:hover{transform:translateY(-2px)}.avatar-button-large span{font-size:32px}.avatar-button-large small{font-size:15px;font-weight:700}.avatar-bear{border-color:#fbbf2466;box-shadow:inset 0 0 0 1px #fbbf2429}.avatar-cat{border-color:#facc156b;box-shadow:inset 0 0 0 1px #facc1529}.avatar-bunny{border-color:#f472b66b;box-shadow:inset 0 0 0 1px #f472b629}.avatar-fox{border-color:#f9731670;box-shadow:inset 0 0 0 1px #f973162e}.avatar-panda{border-color:#94a3b875;box-shadow:inset 0 0 0 1px #94a3b833}@media (max-width: 880px){.avatar-modal{width:min(600px,calc(100vw - 28px));border-radius:18px;padding:16px}.avatar-modal-title{font-size:30px}.avatar-modal-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-button-large{min-height:104px;border-radius:18px;padding:10px 8px}.avatar-button-large span{font-size:32px}}@media (hover: none) and (pointer: coarse){.mobile-joystick{display:block}.hud-help{display:none}.chat-box{bottom:calc(142px + env(safe-area-inset-bottom))}}@media (max-width: 520px){.avatar-modal{width:calc(100vw - 20px);padding:14px}.avatar-modal-title{font-size:28px}.avatar-modal-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avatar-button-large{min-height:104px}.avatar-button-large span{font-size:30px}.avatar-button-large small{font-size:16px}}@media (max-width: 520px) and (hover: none) and (pointer: coarse){.mobile-joystick{left:max(12px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:116px;height:116px}.mobile-joystick:before{top:15px;right:15px;bottom:15px;left:15px}.mobile-joystick:after{top:54px;right:54px;bottom:54px;left:54px}.mobile-joystick-knob{width:52px;height:52px}}