/* World view adapted to the portrait reference; server coordinates remain authoritative. */
#rk-world-native{position:absolute;inset:0;z-index:8;overflow:hidden;background:#697d4a;color:#f5e0af;touch-action:none}
#rk-world-native[hidden]{display:none}
#rk-world-view{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 24% 22%,#687d4c 0,#81975d 17%,transparent 34%),radial-gradient(ellipse at 72% 75%,#899760 0,#769057 20%,transparent 41%),linear-gradient(150deg,#7a8955,#718756 45%,#92966d 75%,#738b58);user-select:none}
#rk-world-view:active{cursor:grabbing}
#rk-world-land{position:absolute;width:160%;height:155%;top:-27.5%;left:-30%;transform-origin:center center;will-change:transform;background-image:radial-gradient(ellipse at 13% 8%,#3d643e 0,#467144 1.2%,transparent 3%),radial-gradient(ellipse at 72% 76%,#4c6742 0,#4d6d42 1.4%,transparent 3.2%),radial-gradient(ellipse at 36% 68%,#a6a17b 0,transparent 9%),repeating-linear-gradient(39deg,#87966138 0 3px,transparent 3px 22px);background-size:280px 340px,360px 430px,430px 390px,100% 100%}
#rk-world-native .rk-world-pin{position:absolute;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:0;background:transparent;color:#f9e6af;text-shadow:0 1px 3px #000,1px 2px 3px #000;min-width:70px;max-width:120px;padding:4px;cursor:pointer;touch-action:manipulation}
#rk-world-native .rk-world-pin img{width:84px;height:79px;object-fit:contain;filter:drop-shadow(0 4px 4px #15210fa3)}
#rk-world-native .rk-world-pin.rk-world-resource img{width:56px;height:60px;object-fit:contain}
#rk-world-native .rk-world-pin span{font:12px Tahoma;padding:2px 4px;border-radius:3px;background:#101b1e80;white-space:nowrap;max-width:117px;overflow:hidden;text-overflow:ellipsis}
#rk-world-native .rk-world-pin.rk-world-mine img{filter:drop-shadow(0 0 9px #ffe69a)}
#rk-world-native .rk-world-pin.rk-world-selected img{filter:drop-shadow(0 0 10px #ffcc55)}
#rk-world-native .rk-world-pin:focus-visible{outline:2px solid #ebcd78}
#rk-world-coords{position:absolute;z-index:11;top:102px;left:50%;transform:translateX(-50%);padding:6px 13px;background:#11181ea3;border-radius:2px;text-align:center;white-space:nowrap;font:12px Tahoma;color:#eddaad;text-shadow:0 1px #000}
#rk-world-left{position:absolute;z-index:11;left:7px;bottom:110px;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none}
#rk-world-left button{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:50px;min-height:50px;border:2px solid #baa879;background:#091422d9;border-radius:50%;color:#f6e5ae;box-shadow:0 3px 8px #0009;text-shadow:0 1px #000;font:10px Tahoma;touch-action:manipulation}
#rk-world-left button img{width:30px;height:29px;object-fit:contain}
#rk-world-left button:nth-child(n+3){width:39px;height:39px;min-height:39px;font-size:23px}
#rk-world-native #rk-world-return{position:absolute;z-index:12;right:6px;bottom:107px;border:1px solid #bfa36a;border-radius:7px;background:#142b36da;color:#f1daa6;font:12px Tahoma;padding:8px 10px}
#rk-world-wheel{position:absolute;z-index:6;width:0;height:0;pointer-events:none}
#rk-world-wheel .rk-world-wheel-button{pointer-events:auto;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:62px;height:65px;padding:2px;transform:translate(-50%,-50%);border:3px solid #b9a271;border-radius:50%;background:radial-gradient(circle at 40% 30%,#29303c,#0b0d15 74%);color:#f2e2b9;font:11px Tahoma;text-shadow:0 1px #000;box-shadow:0 3px 5px #0009;touch-action:manipulation}
#rk-world-wheel .rk-world-wheel-button img{width:35px;height:35px;object-fit:contain}
#rk-world-wheel .rk-world-wheel-button span{white-space:nowrap;transform:translateY(0);font-size:10px}
#rk-world-wheel .rk-world-wheel-button.pos-0{left:-65px;top:-88px}
#rk-world-wheel .rk-world-wheel-button.pos-1{left:52px;top:-88px}
#rk-world-wheel .rk-world-wheel-button.pos-2{left:81px;top:-3px}
#rk-world-wheel .rk-world-wheel-button.pos-3{left:-97px;top:-3px}
#rk-world-wheel .rk-world-wheel-button:disabled{opacity:.48;filter:grayscale(.8)}
#rk-world-wheel>small{position:absolute;left:0;top:60px;transform:translateX(-50%);padding:3px 7px;white-space:nowrap;background:#111b20dd;color:#f7e3ad;font:11px Tahoma;text-shadow:0 1px #000;border:1px solid #6c5d43;border-radius:3px}
#game.rk-world-active #rk-apk-dock{z-index:17}
#game.rk-world-active #rk-apk-right-actions{z-index:13}
#game.rk-world-active .fab{display:none}
@media(max-width:355px){#rk-world-wheel .rk-world-wheel-button{width:54px;height:57px}#rk-world-wheel .rk-world-wheel-button img{width:29px;height:29px}#rk-world-wheel .rk-world-wheel-button.pos-3{left:-80px}#rk-world-wheel .rk-world-wheel-button.pos-2{left:70px}}
@media(min-width:701px){#rk-world-left{left:max(7px,calc((100% - 600px)/2 + 5px))}}

/* Match the reference map HUD without overlapping the map controls. */
#game.rk-world-active #rok-audio-holder,
#game.rk-world-active #rk-apk-more,
#game.rk-world-active #rk-apk-quick-menu{display:none!important}
#game.rk-world-active #rk-world-return{display:none}
