.camp-world{position:relative;width:100%;height:var(--view-height);min-height:480px;overflow:hidden;background:#bfc8ae;isolation:isolate;touch-action:none}.camp-world canvas#camp-scene{position:absolute;inset:0;width:100%;height:100%;display:block;outline-offset:-4px}.camp-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#173f4655,transparent 19%,transparent 72%,#173f4666)}.camp-hud{position:absolute;top:calc(14px + env(safe-area-inset-top));left:18px;right:18px;display:flex;align-items:center;gap:12px;pointer-events:none}.camp-hud>button{pointer-events:auto}.camp-player{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;min-width:172px;max-width:70%;height:62px;background:linear-gradient(120deg,#1e494cee,#234b4bbf);border:1px solid #e3ca8c;border-radius:8px 3px 8px 3px;box-shadow:0 3px 0 #23413f70;color:#fff0cb;text-align:left}.camp-player img{height:48px;width:48px;object-fit:cover;object-position:50% 25%;background:#f0e5c7;border-radius:50%;border:1px solid #b59654}.camp-player span{display:grid;gap:4px;min-width:0}.camp-player b{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.camp-player small{font-size:10px;color:#d1d8bd}.camp-player svg{width:15px;margin-left:6px}.camp-hud .icon-button{width:44px;height:44px;margin-left:auto}.camp-area{position:absolute;top:calc(90px + env(safe-area-inset-top));left:20px;pointer-events:none;color:#fff2cc;text-shadow:0 1px 3px #204b45,0 1px 7px #204b45}.camp-area>span{font:8px Georgia,serif;letter-spacing:.16em}.camp-area h1{font-size:23px;letter-spacing:.14em;margin:3px 0 5px}.camp-area small{font-size:10px;letter-spacing:.06em}.camp-minimap{position:absolute;right:18px;top:calc(91px + env(safe-area-inset-top));width:110px;height:92px;padding:0;overflow:hidden;border:1px solid #d7bc7e;outline:2px solid #37554c;border-radius:6px 3px;background:#294e49;box-shadow:0 3px 5px #26443865;color:#fff2ce}.camp-minimap canvas{display:block;width:108px;height:72px}.camp-minimap span{display:block;font-size:10px;line-height:18px;letter-spacing:.08em}.camp-objective{position:absolute;top:calc(200px + env(safe-area-inset-top));left:18px;display:flex;gap:9px;align-items:center;color:#fff6dd;background:linear-gradient(90deg,#234a46d9,#274e4675,transparent);border-left:2px solid #d6b768;padding:9px 20px 9px 10px;pointer-events:none;max-width:calc(100% - 36px)}.camp-objective i{font-style:normal;color:#ecd391;font-size:27px}.camp-objective span{display:grid;gap:4px;min-width:0}.camp-objective strong{font-size:12px;letter-spacing:.14em}.camp-objective small{font-size:10px;color:#e0dfc8;line-height:1.5}.camp-controls{position:absolute;bottom:calc(105px + env(safe-area-inset-bottom));left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.camp-controls>*{pointer-events:auto}.camp-move{position:relative;width:112px;height:112px;touch-action:none;border:1px solid #e4d5a38c;border-radius:50%;background:radial-gradient(#345d5540,#244e4860);box-shadow:inset 0 0 0 8px #fff0c41a,0 4px 14px #163e3d26}.camp-stick{position:absolute;left:35px;top:35px;width:42px;height:42px;border:1px solid #ead19a;border-radius:50%;background:linear-gradient(135deg,#fbf1cdab,#b8b581aa);box-shadow:0 3px 10px #153e3d44;pointer-events:none}.camp-move button{position:absolute;width:36px;height:36px;border:0;background:transparent;color:#eee0bca8;font-size:13px;padding:0}.camp-move [data-walk=up]{top:0;left:37px}.camp-move [data-walk=down]{bottom:0;left:37px}.camp-move [data-walk=left]{left:0;top:37px}.camp-move [data-walk=right]{right:0;top:37px}.camp-action{width:85px;min-height:85px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:50%;border:2px solid #e8ce8c;outline:2px solid #6b754f;background:radial-gradient(circle at 35% 25%,#5b8c78,#285654);color:#fff0c3;box-shadow:0 4px 0 #264943,0 6px 18px #18413c66}.camp-action svg{width:30px;height:30px}.camp-action span{font-size:11px;white-space:nowrap}.camp-action:disabled{opacity:.65;filter:saturate(.5)}.camp-hint{position:absolute;bottom:calc(83px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#fff7dd;text-shadow:0 1px 4px #28423b;font-size:10px;pointer-events:none}.camp-dock{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:7px;border-top:1px solid #d5bb76;background:linear-gradient(180deg,#244d4be8,#163b40fa);padding:8px 12px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -2px 16px #24473424}.camp-dock button{display:grid;justify-items:center;gap:3px;flex:1;max-width:105px;min-height:45px;padding:2px;border:0;border-right:1px solid #d7c39730;background:none;color:#f4e4ba}.camp-dock button:last-child{border:0}.camp-dock svg{width:25px;height:25px}.camp-dock span{font-size:10px;letter-spacing:.08em}.camp-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#e9e3cbe8;color:#2c5550;font-size:14px;padding:36px;z-index:10}.camp-loading[hidden]{display:none}.camp-loading button{width:min(330px,100%)}.camp-dialog-backdrop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));background:#102f3ba8;backdrop-filter:blur(4px);touch-action:pan-y}.camp-dialog{width:min(410px,100%);padding:32px 24px 25px;max-height:100%;overflow:auto}.camp-dialog>.close-button{position:absolute;top:12px;right:12px;width:36px;height:36px;min-width:36px;min-height:36px}.camp-dialog h2{font-size:25px;margin:9px 30px 15px 0;letter-spacing:.07em}.camp-dialog h3{font-size:14px;color:#345851;line-height:1.6}.camp-dialog p{font-size:12px;line-height:1.9;color:#637368;margin:12px 0 15px}.camp-dialog-emblem{height:65px;width:65px;display:grid;place-items:center;margin:15px auto;background:#305d58;border:2px solid #dbc382;outline:1px solid #816b40;border-radius:50%;color:#f2d38d}.camp-dialog-emblem svg{width:36px;height:36px}.camp-feature-state{font-size:11px;background:#d1c59c52;padding:10px 12px;color:#6b745f;margin:16px 0}.camp-place-list{display:grid;gap:7px;margin:15px 0}.camp-place-list button{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #a995615e;background:#fff8de60;border-radius:4px;text-align:left;min-height:57px}.camp-place-list button span{flex:1}.camp-place-list b{display:block;font-size:12px}.camp-place-list small{display:block;font-size:10px;color:#687568;margin-top:4px}.camp-place-list svg{width:24px}.camp-dialog .camp-map-note{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.camp-world .primary{min-height:48px}body[data-screen=camp]{overflow:hidden}body[data-screen=camp] #app{height:var(--view-height);min-height:0}
@media(min-width:760px){.camp-hud{left:30px;right:30px}.camp-area{left:32px}.camp-minimap{right:30px;width:146px;height:118px}.camp-minimap canvas{width:144px;height:96px}.camp-minimap span{line-height:20px}.camp-controls{left:38px;right:38px;bottom:105px}.camp-objective{left:30px;top:200px}.camp-dock{gap:32px}.camp-action{width:94px;height:94px}.camp-hint{bottom:84px}}
@media(max-height:700px){.camp-area{top:calc(80px + env(safe-area-inset-top))}.camp-objective{top:calc(161px + env(safe-area-inset-top));padding-block:5px}.camp-minimap{top:calc(81px + env(safe-area-inset-top));height:80px;width:98px}.camp-minimap canvas{height:60px;width:96px}.camp-controls{bottom:90px;left:15px;right:15px}.camp-move{transform:scale(.88);transform-origin:bottom left}.camp-action{width:76px;min-height:76px}.camp-hint{bottom:72px}.camp-dock{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.camp-dialog{padding:22px}.camp-place-list{gap:5px}.camp-place-list button{padding:8px;min-height:49px}}