/* An illustrated, interactive atlas for the two-player court campaign. */
.world-map{margin:0 0 18px;border:1px solid #b59b68;background:#162b2b;box-shadow:0 18px 45px #050f0b65;overflow:hidden;color:#efe9d6}
.vm-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:23px 28px 19px;background:linear-gradient(107deg,#1e3932,#263c33 63%,#374636);border-bottom:1px solid #b89b67}
.vm-eyebrow{font:700 9px/1.4 Arial,sans-serif;letter-spacing:.21em;color:#dbba7b}
.vm-heading h2{font:37px/1.06 Georgia,serif;letter-spacing:-.035em;color:#fff3d7;margin:6px 0 7px}
.vm-heading p{font:13px/1.5 Georgia,serif;max-width:610px;color:#c7d5c7;margin:0}
.vm-calendar{border-left:1px solid #a8986955;padding:8px 0 5px 22px;min-width:108px;text-align:right;flex:none}
.vm-calendar span,.vm-route small{display:block;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.13em;color:#d9c28c}
.vm-calendar b{display:block;font:26px/1.2 Georgia,serif;color:#f3e4ba;margin-top:3px}
.vm-map-scroll{overflow-x:auto;overflow-y:hidden;position:relative;background:linear-gradient(115deg,#1e3a3966,#203f3a55),url('../assets/world.webp') center/cover;scrollbar-width:thin;scrollbar-color:#b59d6c #183333}
.vm-svg{display:block;width:100%;min-width:900px;height:auto;max-height:820px;user-select:none}
.vm-season-wash{fill:#f4bc71;opacity:.04;pointer-events:none}
.vm-season-winter .vm-season-wash{fill:#98b6d5;opacity:.15}
.vm-season-spring .vm-season-wash{fill:#c4e9a3;opacity:.06}
.vm-season-autumn .vm-season-wash{fill:#b87540;opacity:.13}
.vm-frame{fill:none;stroke:#dac193;stroke-opacity:.52;stroke-width:2.5}
.vm-sea-label{fill:#b5d2c6;opacity:.48;font:italic 14px Georgia,serif;letter-spacing:.32em}
.vm-cartouche{fill:#f3dfad;opacity:.84;font:24px Georgia,serif;letter-spacing:.15em}
.vm-province{isolation:isolate}
.vm-province-body{fill:#4f805b;fill-opacity:.28;stroke:#eed8a8;stroke-opacity:.47;stroke-width:2.5;paint-order:stroke fill;filter:url(#vm-shadow);transition:fill .25s,stroke .25s,stroke-width .25s,filter .25s}
.vm-province-grain{pointer-events:none}
.vm-mountain .vm-province-body,.vm-snow .vm-province-body{fill:#b2b8a4;fill-opacity:.27}
.vm-island .vm-province-body,.vm-coast .vm-province-body,.vm-port .vm-province-body{fill:#3c8a87;fill-opacity:.31}
.vm-river .vm-province-body{fill:#4e9b77;fill-opacity:.32}
.vm-capital .vm-province-body{fill:#79995f;fill-opacity:.32}
.vm-vale .vm-province-body{fill:#385842;fill-opacity:.42}
.vm-fort .vm-province-body{fill:#63828b;fill-opacity:.31}
.vm-troubled .vm-province-body{fill:#9b5649;fill-opacity:.37}
.vm-reachable{cursor:pointer}
.vm-reachable .vm-province-body{stroke-opacity:.9;stroke-width:3}
.vm-reachable:hover .vm-province-body,.vm-reachable:focus-visible .vm-province-body{fill:#96a97b;fill-opacity:.55;stroke:#ffe2a3;stroke-width:5;filter:drop-shadow(0 0 12px #e6d69599)}
.vm-selected .vm-province-body{stroke:#f9d485;stroke-width:5;filter:drop-shadow(0 0 13px #e8cb77aa)}
.vm-current .vm-province-body{stroke:#f0e4b4;stroke-width:4}
.vm-selection-dot{fill:#f5d077;stroke:#293e37;stroke-width:3;pointer-events:none;filter:drop-shadow(0 0 7px #ffd67c)}
.vm-province-name{fill:#f8efd7;font:700 17px Georgia,serif;letter-spacing:.012em;paint-order:stroke;stroke:#203c34;stroke-width:4px;pointer-events:none}
.vm-province-stats{fill:#e2e5c8;font:11px Arial,sans-serif;letter-spacing:.035em;paint-order:stroke;stroke:#244136;stroke-width:3px;pointer-events:none}
.vm-motif,.vm-river{fill:none;stroke:#e6e4c8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.45;pointer-events:none}
.vm-river{stroke:#b2d5cb;stroke-width:6;opacity:.38;stroke-dasharray:11 10;animation:vm-river-flow 12s linear infinite}
.vm-castle{pointer-events:none;filter:drop-shadow(2px 5px 3px #152e27a8)}
.vm-banner{transform-origin:9px -16px;animation:vm-banner-wave 2.8s ease-in-out infinite}
.vm-roads{pointer-events:none}
.vm-road{fill:none;stroke:#e3d8a7;stroke-width:2;stroke-opacity:.18;stroke-dasharray:3 7;stroke-linecap:round}
.vm-road-active{stroke:#ffe09a;stroke-width:6;stroke-opacity:.93;stroke-dasharray:7 8;animation:vm-road-flow 1.3s linear infinite;filter:drop-shadow(0 0 5px #ffde82)}
.vm-figure-number{font:700 14px Arial,sans-serif;fill:#ffefca;stroke:none}
.vm-figure{pointer-events:none}
.vm-sprite{filter:drop-shadow(0 2px 2px #071911c9);transform-origin:50% 100%}
.vm-player-1 .vm-sprite{filter:drop-shadow(0 2px 3px #8d2525d9)}
.vm-limbs{stroke:#e8c8a5;stroke-width:6;stroke-linecap:round;fill:none}
.vm-leg{stroke:#3d332d;stroke-width:8}
.vm-token{pointer-events:none}
.vm-walking .vm-figure{animation:vm-body-step .28s ease-in-out infinite alternate}
.vm-walking .vm-sprite{animation:vm-sprite-step .32s ease-in-out infinite alternate}
.vm-walking .vm-leg-left{transform-origin:-5px -16px;animation:vm-left-step .36s ease-in-out infinite alternate}
.vm-walking .vm-leg-right{transform-origin:5px -16px;animation:vm-right-step .36s ease-in-out infinite alternate}
.vm-walking .vm-arm-left{transform-origin:-9px -34px;animation:vm-right-step .36s ease-in-out infinite alternate}
.vm-walking .vm-arm-right{transform-origin:9px -34px;animation:vm-left-step .36s ease-in-out infinite alternate}
.vm-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px 17px;background:linear-gradient(90deg,#203c35,#172e2b);border-top:1px solid #9f946a75}
.vm-route{display:flex;gap:13px;align-items:center;min-width:0}
.vm-route-mark{width:40px;height:40px;flex:none;display:grid;place-items:center;border:1px solid #c1ad7d;color:#e7ce91;font:24px Georgia,serif;background:#304f42}
.vm-route strong{display:block;font:22px/1.16 Georgia,serif;color:#fff0cb;margin:3px 0}
.vm-route p{color:#bacabd;font:11px/1.4 Arial,sans-serif;margin:0}
.vm-heroes{display:flex;gap:8px;justify-content:flex-end;min-width:0}
.vm-hero{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;min-width:125px;max-width:190px;padding:7px 9px;background:#29443a;border:1px solid #b6a47755}
.vm-hero-1{background:#493c3b}
.vm-hero i{grid-row:1/3;align-self:center;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#3d7367;color:#fff0cc;font:700 12px Arial,sans-serif;font-style:normal;border:1px solid #e2c98f}
.vm-hero-1 i{background:#9f4c4e}
.vm-hero b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff1d8;font:15px Georgia,serif}
.vm-hero small{font:8px Arial,sans-serif;letter-spacing:.07em;color:#c8d8c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes vm-river-flow{to{stroke-dashoffset:-120}}
@keyframes vm-road-flow{to{stroke-dashoffset:-15}}
@keyframes vm-banner-wave{50%{transform:skewY(-7deg) scaleX(.87)}}
@keyframes vm-body-step{to{transform:translateY(-4px)}}
@keyframes vm-sprite-step{to{transform:rotate(4deg) skewX(2deg)}}
@keyframes vm-left-step{to{transform:rotate(-24deg)}}
@keyframes vm-right-step{to{transform:rotate(24deg)}}
@media(max-width:900px){.vm-heading h2{font-size:30px}.vm-map-scroll:after{content:'ПРОКРУТИТЕ КАРТУ →';position:sticky;left:12px;bottom:8px;display:block;width:max-content;margin-top:-22px;padding:4px 7px;background:#17312eca;color:#e9d5a6;font:700 9px Arial,sans-serif;letter-spacing:.14em;pointer-events:none}.vm-foot{flex-wrap:wrap}.vm-heroes{width:100%;justify-content:stretch}.vm-hero{max-width:none;flex:1}}
@media(max-width:620px){.vm-heading{padding:17px;align-items:flex-start}.vm-heading h2{font-size:26px}.vm-heading p{font-size:11px}.vm-calendar{min-width:74px;padding-left:9px}.vm-calendar span{font-size:7px}.vm-calendar b{font-size:17px}.vm-foot{padding:12px;gap:10px}.vm-route strong{font-size:19px}.vm-hero{min-width:0}}
@media(prefers-reduced-motion:reduce){.world-map *{animation-duration:.01ms!important;transition-duration:.01ms!important}}