/* ENV01 terrain: full 2.5D image beneath clickable transparent sprites. */
#viewport.rk-env01-active{background:#102f44}
#viewport.rk-env01-active #scene>svg{display:none!important}
#rk-env01-terrain{position:absolute;z-index:0;pointer-events:none;user-select:none;-webkit-user-drag:none;object-fit:fill;max-width:none;max-height:none}
.rk-env01-water{position:absolute;z-index:1;pointer-events:none;
 background-image:url("/assets/rk-env01/RK_ENV01_FLOW_OVERLAY_256_v001.png");
 background-repeat:repeat;opacity:.42;mix-blend-mode:screen;
 -webkit-mask-image:linear-gradient(to bottom,transparent,black 13%,black 85%,transparent);
 mask-image:linear-gradient(to bottom,transparent,black 13%,black 85%,transparent);
 animation:rk-env-waterdown 2.9s linear infinite}
.rk-env01-water.rk-river{opacity:.29;transform:rotate(-8deg);
 animation-name:rk-env-waterriver;animation-duration:4.6s}
@keyframes rk-env-waterdown{from{background-position:0 0}to{background-position:0 256px}}
@keyframes rk-env-waterriver{from{background-position:0 0}to{background-position:256px 0}}
#viewport.rk-env01-active #scene>.hotspot{z-index:4;min-width:0}
#viewport.rk-env01-active #scene>.hotspot.rk-p0 .marker.art,
#viewport.rk-env01-active #scene>.hotspot.rk-p0 .marker.added.art{
 width:var(--rk-env-width)!important;height:var(--rk-env-height)!important;
 box-shadow:none!important;background:transparent!important;border:0!important;
}
#viewport.rk-env01-active #scene>.hotspot.rk-p0 .marker .strategy-sprite{
 width:100%!important;height:100%!important;max-width:100%!important;
 filter:drop-shadow(0 4px 4px #071e2a66)!important
}
#viewport.rk-env01-active #scene>.hotspot.rk-env01-resource .marker{
 background:radial-gradient(#163c55e8,#071d31d9);border:1px solid #d5b36a;
 border-radius:50%;width:47px;height:47px;display:grid;place-items:center;
 box-shadow:0 3px 10px #001f2dbb
}
#viewport.rk-env01-active #scene>.hotspot.rk-env01-resource .marker img{display:none!important}
.rk-env01-glyph{font-size:29px;line-height:1}
#viewport.rk-env01-active #scene>.hotspot .tag{
 background:#102433e7;border:1px solid #c6a45a;color:#ffe6aa;
 box-shadow:0 2px 9px #000b;white-space:nowrap;font-size:12px
}
#viewport.rk-env01-active #scene>.hotspot .lv{background:#2d556d}
@media(prefers-reduced-motion:reduce){.rk-env01-water{animation:none;opacity:.2}}