*{box-sizing:border-box}body{margin:0;background:#11130f;color:#e9e1c7;font-family:Arial,sans-serif}header{background:#0b0d0a;border-bottom:2px solid #5b5037;padding:14px max(14px,calc((100% - 1100px)/2));display:flex;gap:18px;align-items:center;flex-wrap:wrap}header b{font:900 26px Georgia;letter-spacing:3px;color:#d1af66}header span{color:#888}header div{margin-left:auto}nav{display:flex;justify-content:center;background:#24261d;overflow:auto}nav a{padding:12px 15px;color:#d8d0b7;text-decoration:none;border-right:1px solid #454738;white-space:nowrap}nav a.active,nav a:hover{background:#4b4430;color:#ffe09a}main{max-width:1100px;margin:auto;padding:18px 12px}h1{font:700 25px Georgia;color:#dfc17b;margin-bottom:3px}.muted{color:#a7a38e}.settlement{height:480px;position:relative;background:radial-gradient(ellipse,#68734d,#46503a 48%,#242a22);border:1px solid #565947;border-radius:5px;overflow:hidden}.settlement:after{content:"";position:absolute;left:-5%;right:-5%;top:48%;height:58px;background:#6c6550;transform:rotate(-5deg)}.building{position:absolute;z-index:2;background:#665941;color:#fff0c7;border:2px solid #2d2b22;border-radius:4px;padding:9px;min-width:105px;cursor:pointer;box-shadow:0 5px 10px #0008}.building strong,.building small{display:block}.building small{color:#d7c18a}.hq{left:42%;top:32%;padding:17px}.farm{left:13%;top:16%}.workshop{right:14%;top:17%}.barracks{left:15%;bottom:18%}.stable{right:15%;bottom:18%}.store{left:42%;bottom:7%}.horse{position:absolute;z-index:3;right:34%;top:49%;font-size:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.cards article,.info{background:#24261e;border:1px solid #4d5040;padding:13px;border-radius:4px}.cards h2,.info h2{font:700 16px Georgia;color:#d9bb76}.progress{height:6px;background:#0d0e0b}.progress i{display:block;width:62%;height:100%;background:#9c7a3d}.map{display:grid;grid-template-columns:repeat(3,140px);gap:4px}.map button{height:110px;border:2px solid #34382e;color:#fff;font-size:30px;cursor:pointer}.map small{display:block;font-size:11px}.neutral{background:#625e45}.enemy{background:#77483f}.player{background:#4b596d}.you{background:#54734c}.wild{background:#354436}.map .selected{outline:3px solid #e0b95e}.info{margin-top:12px;max-width:700px}.action{display:inline-block;background:#795d2e;color:#fff0c5!important;border:1px solid #a68142;padding:10px 14px;text-decoration:none;cursor:pointer}.hidden{display:none}form{display:grid;gap:10px}input{display:block;width:100%;padding:9px;margin-top:4px;background:#10120e;border:1px solid #565947;color:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #454738}#toast{position:fixed;right:15px;bottom:15px;background:#10120e;border:1px solid #a68142;padding:12px;display:none}

/* Full world map */
.map-page{overflow:hidden;background:#10120e}.map-page header{height:56px;position:relative;z-index:50}.map-page nav{height:43px;position:relative;z-index:50}.map-main{position:relative;max-width:none;margin:0;padding:0;height:calc(100vh - 99px);overflow:hidden}.world-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;background:#303728}.world-viewport.dragging{cursor:grabbing}.world{position:absolute;width:1800px;height:1200px;transform-origin:0 0;background:
radial-gradient(ellipse at 16% 20%,#69734a 0 8%,transparent 20%),
radial-gradient(ellipse at 76% 68%,#525d3c 0 10%,transparent 25%),
radial-gradient(ellipse at 50% 40%,#73724c 0 7%,transparent 21%),
repeating-linear-gradient(31deg,#4a5238 0 3px,#4c553b 3px 7px,#465037 7px 12px);
box-shadow:inset 0 0 180px #10150d}.terrain-noise{position:absolute;inset:0;opacity:.3;background-image:
radial-gradient(circle,#a9a16d 0 1px,transparent 1.5px),
radial-gradient(circle,#252d20 0 1px,transparent 1.5px);background-size:17px 19px,23px 29px;background-position:0 0,7px 11px;pointer-events:none}.river{position:absolute;background:linear-gradient(90deg,#344d50,#57706d,#31484d);border:4px solid #384434;box-shadow:0 0 0 5px #586147aa,0 3px 10px #0008;opacity:.9}.river-a{width:1200px;height:55px;left:-130px;top:700px;transform:rotate(-12deg);border-radius:55%}.river-b{width:620px;height:36px;left:1050px;top:365px;transform:rotate(58deg);border-radius:50%}.river:after{content:"";position:absolute;inset:8px 0;background:repeating-linear-gradient(100deg,transparent 0 40px,#c8d4bf22 45px 52px,transparent 58px 85px);animation:waterFlow 4s linear infinite}.road{position:absolute;height:25px;background:#746a50;border-top:2px dashed #8d8162;border-bottom:2px dashed #4c4738;opacity:.75;transform-origin:left center}.road-a{width:1060px;left:245px;top:530px;transform:rotate(-8deg)}.road-b{width:710px;left:805px;top:470px;transform:rotate(47deg)}.road-c{width:650px;left:550px;top:790px;transform:rotate(-35deg)}.forest{position:absolute;font-size:36px;line-height:28px;letter-spacing:-12px;filter:saturate(.6) brightness(.65) drop-shadow(4px 7px 4px #0007);animation:forestSway 4.5s ease-in-out infinite}.f1{left:95px;top:145px}.f2{right:130px;top:120px;animation-delay:-2s}.f3{left:1220px;top:780px;animation-delay:-1s}.ruins{position:absolute;font-size:50px;filter:grayscale(.5) brightness(.65);opacity:.75}.ruins-a{left:270px;top:840px;transform:rotate(-8deg)}.ruins-b{left:1420px;top:560px;transform:rotate(9deg)}.map-place{position:absolute;z-index:10;width:116px;min-height:82px;transform:translate(-50%,-50%);background:#1c2018dd!important;border:2px solid #77705b;color:#f3e8c7;border-radius:50%;padding:8px 6px;box-shadow:0 7px 16px #000a,0 0 0 5px #0003;cursor:pointer;transition:.18s transform,.18s filter}.map-place:hover,.map-place.selected{transform:translate(-50%,-50%) scale(1.12);filter:brightness(1.18)}.map-place span{font-size:29px;display:block}.map-place b,.map-place small{display:block;text-shadow:0 2px 2px #000}.map-place b{font-size:12px}.map-place small{font-size:10px;color:#c6bea4}.map-place.you{border-color:#7eb96b;box-shadow:0 0 0 6px #47753a66,0 8px 18px #000b}.map-place.enemy{border-color:#b95e50}.map-place.player{border-color:#728bb0}.map-place.neutral{border-color:#a79560}.place-a{left:400px;top:280px}.place-b{left:910px;top:250px}.place-c{left:570px;top:570px}.place-d{left:1090px;top:520px}.place-e{left:1430px;top:350px}.place-home{left:850px;top:850px}.place-f{left:1370px;top:840px}.march-path{position:absolute;z-index:5;height:3px;transform-origin:left center;border-top:2px dashed #e4d6a677;pointer-events:none}.path-one{left:875px;top:815px;width:520px;transform:rotate(-61deg)}.path-two{left:1325px;top:805px;width:505px;transform:rotate(-113deg);border-color:#d46d6177}.marcher{position:absolute;z-index:20;font-size:31px;filter:drop-shadow(0 4px 3px #000);pointer-events:none}.marcher em{position:absolute;left:22px;top:-5px;background:#182015;border:1px solid #88a96d;color:#fff;font:700 10px Arial;padding:2px 4px;border-radius:8px}.horse-one{animation:marchOne 12s linear infinite}.horse-two{animation:marchTwo 15s linear infinite}.enemy-march em{background:#321714;border-color:#a95b50}.smoke{position:absolute;color:#9c9b8b66;font-size:34px;filter:blur(3px);animation:smokeRise 5s ease-out infinite;pointer-events:none}.smoke1{left:830px;top:800px}.smoke2{left:850px;top:785px;animation-delay:-1.8s}.smoke3{left:1360px;top:790px;animation-delay:-3.1s}.map-hud{position:absolute;z-index:40;top:14px;left:14px;background:#11150edb;border:1px solid #6c664f;box-shadow:0 5px 18px #0009;padding:10px 13px;pointer-events:none}.map-hud strong,.map-hud span{display:block}.map-hud strong{font:700 18px Georgia;color:#e3c47d}.map-hud span{font-size:11px;color:#aaa58e;margin-top:2px}.map-legend{margin-top:7px;font-size:10px;color:#bbb69e}.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px 0 8px}.dot-you{background:#75a764}.dot-neutral{background:#aa9863}.dot-enemy{background:#ad594d}.map-info{position:absolute;z-index:45;right:14px;bottom:14px;width:285px;max-width:calc(100% - 28px);margin:0!important;background:#161912e8!important;box-shadow:0 6px 22px #000b;backdrop-filter:blur(4px)}.map-info h2{margin-top:0}.map-info p{font-size:12px}.close-info{position:absolute;right:7px;top:5px;background:none;border:0;color:#aaa;font-size:22px;cursor:pointer}.zoom-controls{position:absolute;z-index:45;left:14px;bottom:14px;display:grid;gap:5px}.zoom-controls button{width:39px;height:39px;border:1px solid #77705b;background:#171a13dd;color:#e9d9a7;font-size:21px;cursor:pointer;box-shadow:0 3px 8px #0008}.zoom-controls button:hover{background:#39392b}.map-page .info.hidden-panel{display:none}
@keyframes waterFlow{from{transform:translateX(-70px)}to{transform:translateX(70px)}}@keyframes forestSway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1.3deg)}}@keyframes smokeRise{0%{transform:translate(0,0) scale(.5);opacity:0}20%{opacity:.5}100%{transform:translate(18px,-80px) scale(1.8);opacity:0}}@keyframes marchOne{0%{left:835px;top:825px;transform:scaleX(-1)}100%{left:1100px;top:370px;transform:scaleX(-1)}}@keyframes marchTwo{0%{left:1350px;top:810px}100%{left:1080px;top:390px}}
@media(max-width:750px){.cards{grid-template-columns:1fr}.settlement{height:400px}.building{min-width:80px;font-size:11px}.map{grid-template-columns:repeat(3,minmax(80px,1fr))}.map button{height:90px}.map-page header{height:auto;min-height:50px}.map-page nav{height:43px}.map-main{height:calc(100vh - 93px)}.map-info{width:240px}.map-legend{display:none}}