/* Chodzona Ostoja — wspólna scena desktop/mobile */
.hub-walk-viewport{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:crosshair;touch-action:none;background:#07110e}
.hub-walk-world{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;background:url('../../assets/locations/ostoja-pierwszych.webp') center/100% 100% no-repeat;box-shadow:inset 0 0 120px #000a;will-change:transform}
.hub-walk-world:after{content:"";position:absolute;z-index:60;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #020806b8}
.hub-walker{left:800px;top:690px;transform:translate(-50%,-88%);transform-origin:50% 88%;will-change:left,top;pointer-events:none}
.hub-walker.walking .hub-player{animation:hub-step .34s ease-in-out infinite alternate}.hub-walker.facing-left .hub-player img{transform:scaleX(-1)}
.hub-world-hotspot{position:absolute;z-index:22;width:92px;height:92px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;color:#fff5d1;cursor:pointer}
.hub-world-hotspot i{position:absolute;left:50%;top:50%;display:grid;width:29px;height:29px;transform:translate(-50%,-50%);place-items:center;border:1px solid #ead17dcc;border-radius:50%;background:#0a1b13e8;box-shadow:0 0 0 8px #e8c75f18,0 0 20px #ead16f88}
.hub-world-hotspot i:before{content:"✦";color:#f1d36d;font-size:.82rem}.hub-world-hotspot.targeted i{animation:hub-target 1s ease-in-out infinite}
.hub-world-hotspot span{position:absolute;left:50%;bottom:-15px;min-width:max-content;transform:translateX(-50%);padding:5px 8px;border:1px solid #b9aa7f77;border-radius:8px;background:#07130deb;color:#f5ecd7;font-size:.68rem;font-weight:900;box-shadow:0 5px 15px #0009;opacity:.92;pointer-events:none}
.hub-world-hotspot b{position:absolute;right:0;top:0;display:none;min-width:24px;padding:4px;border-radius:20px;background:#8d5bc4;color:#fff}.hub-world-hotspot b.show{display:block}
.hub-touch-controls{position:absolute;z-index:25;right:12px;bottom:54px;display:none;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px);gap:5px}.hub-touch-controls button{border:1px solid #b9aa7f77;border-radius:13px;background:#07130de8;color:#f1d36d;font-size:1.1rem;font-weight:900;touch-action:none}.hub-touch-controls button:nth-child(1){grid-column:2}.hub-touch-controls button:nth-child(2){grid-column:1;grid-row:2}.hub-touch-controls button:nth-child(3){grid-column:2;grid-row:2}.hub-touch-controls button:nth-child(4){grid-column:3;grid-row:2}
@keyframes hub-step{to{transform:translateY(-3px)}}@keyframes hub-target{50%{transform:translate(-50%,-50%) scale(1.28);box-shadow:0 0 0 13px #e8c75f2a,0 0 30px #f1d36dcc}}
@media(max-width:720px){.hub-walk-viewport{height:100dvh}.hub-walk-world{width:1600px;height:900px}.hub-touch-controls{display:grid}.hub-world-hotspot{width:100px;height:100px}.hub-world-hotspot span{font-size:.64rem}.hub-walker .hub-player{width:52px;height:78px}.hub-walker .hub-creature{width:58px;height:58px}.hub-chronicle-button{max-width:150px}.hub-walk-viewport .world-team-hud{max-height:190px;overflow:hidden}}