/* A printed atlas, ivory name plates and coloured cardboard counters. */
.painted-board#boardWrap{background:#24261e;isolation:isolate;min-height:800px}
.painted-board #game3d{inset:104px 0 168px;z-index:1}
.painted-board #mapLabels,.painted-board .boardAtmosphere,.painted-board .compass,.painted-board .mapLegend{display:none}
.painted-board .mapTitle{left:22px;top:16px}.painted-board .mapTitle h2{font-size:28px;margin:1px 0}.painted-board .mapTitle small{font-size:10px;letter-spacing:2px}.painted-board .mapTitle p{font-size:12px}
.painted-board .mapTools{top:20px;right:18px;flex-direction:row;align-items:center;gap:5px}.painted-board .mapTools button{height:38px;background:#3a3c2b;border:1px solid #87754f}.painted-board .mapTools #motionBtn{margin:0;width:72px;font-size:11px}.painted-board .mapTools #mapIndexBtn{width:125px;font-size:11px}
.painted-board .worldTicker{top:auto;bottom:119px;left:18px;right:18px;max-width:none;background:#303529;font-size:11px;max-height:36px;overflow:hidden}
.painted-board .objectiveBanner{bottom:27px;left:18px;right:18px;max-width:none;padding:10px 14px}.painted-board .objectiveBanner strong{font-size:19px}.painted-board .objectiveBanner p{font-size:11px;margin:2px 0}.painted-board .objectiveBanner small{font-size:10px}
.painted-board .diceTray{left:auto;right:22px;bottom:31px;max-width:235px;transform:scale(.85);transform-origin:right bottom;z-index:5}.painted-board .objectiveBanner{padding-right:250px}
.painted-board .mapHint{bottom:5px;font-size:10px}
.atlasViewport{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9b8254 #24261e;cursor:grab;touch-action:pan-x pan-y;background:repeating-linear-gradient(92deg,#282b21 0,#333427 3px,#292d23 5px,#292d23 60px)}
.atlasViewport:active{cursor:grabbing}.atlasSizer{position:relative;margin:auto}.atlasSurface{position:absolute;left:0;top:0;width:1600px;height:1000px;transform-origin:top left;background:#8e9a64 url('assets/painted-realm.webp') center/100% 100%;box-shadow:0 8px 35px #000a;isolation:isolate;border:7px solid #5a4e35;outline:1px solid #bba06b;outline-offset:-11px}
.atlasCanvas{position:absolute;inset:0;width:100%!important;height:100%!important;pointer-events:none}
.atlasHaze{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,#fff9d73b,transparent 30%),radial-gradient(ellipse at 80% 40%,#fffce518,transparent 25%);animation:atlasLight 18s ease-in-out infinite alternate;z-index:1;mix-blend-mode:screen}
@keyframes atlasLight{to{opacity:.35;transform:translate(12px,6px)}}
.atlasSurface[data-phase='3'] .atlasHaze{background:#17395333;mix-blend-mode:multiply;animation:none}
.atlasRoutes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.atlasRoutes path{fill:none;stroke:#f4dfad;stroke-width:5;stroke-dasharray:5 9;stroke-linecap:round;filter:drop-shadow(0 1px 1px #362c19)}.atlasRoutes .available path{stroke:#f9f2cf;stroke-width:7;stroke-dasharray:none;filter:drop-shadow(0 0 3px #295b32)}.atlasRoutes .danger path{stroke:#a62f23}.atlasRoutes .locked{opacity:.25}.atlasRoutes circle{fill:#f2e2bd;stroke:#5f4b2d;stroke-width:2}.atlasRoutes .danger circle{fill:#883c2f;stroke:#edd2a1}.atlasRoutes text{fill:#392b1c;text-anchor:middle;font:bold 18px Georgia}.atlasRoutes .danger text{fill:#fff2d3}
.atlasPlace{position:absolute;transform:translate(-50%,-4px) scale(var(--ui-scale,1));transform-origin:top center;z-index:4;min-width:150px;text-align:center;pointer-events:none}
.atlasCrest{display:block;position:absolute;top:-37px;left:calc(50% - 18px);width:36px;height:36px;background:#324e44;border:2px solid #eed5a2;border-radius:50%;box-shadow:0 3px 0 #463e27,0 5px 7px #0006;color:#fff1cb;font:25px Georgia}
.atlasLocation{display:block;margin:auto;background:linear-gradient(#fff4d8,#dfc391);border:1px solid #6e5033;border-radius:2px;box-shadow:0 3px 0 #735b39,0 5px 12px #18251970,inset 0 0 0 3px #fff8e15c;padding:7px 16px;color:#39271b;font:bold 19px Georgia;white-space:nowrap;pointer-events:auto}
.atlasLocation:hover:not(:disabled){background:#fff5d8;color:#221b13;border-color:#402b19}.atlasPlace.reachable .atlasCrest{background:#466738}.atlasPlace.current .atlasCrest{background:#1b6386;box-shadow:0 0 0 5px #f8f0bba1}.atlasPlace.current .atlasLocation{background:#fcf0c8;border-color:#2a6880}.atlasPlace.selected .atlasLocation{outline:3px solid #913a2c;outline-offset:3px}.atlasPlace.locked .atlasCrest{background:#534e43}
.atlasServices{display:table;margin:6px auto 3px;padding:2px 8px;border-radius:2px;background:#24362ceb;color:#fff0ce;font:11px system-ui;letter-spacing:.2px;max-width:230px}
.atlasRoster{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:5px}
.atlasActor{display:flex;align-items:center;gap:6px;pointer-events:auto;border-radius:18px;padding:2px 10px 2px 2px;background:#213e37;border:1px solid #d2c397;color:#fff9df;font:12px system-ui;max-width:240px;min-height:30px;box-shadow:0 3px 6px #0006;animation:atlasArrive .5s ease-out}.atlasActor.hostile{background:#71372b;border-color:#edc28f}.atlasActorFace{width:28px;height:28px;border-radius:50%;border:1px solid #cdb98e;background:url('assets/portraits.webp') 100% 0/200% 200%;flex-shrink:0}.atlasActorFace.guard,.atlasActorFace.mercenary{background-position:0 0}.atlasActorFace.bandit,.atlasActorFace.thief,.atlasActorFace.deserter,.atlasActorFace.wolf{background-position:100% 100%}.atlasActorFace.wolf{background-image:none;background-color:#65664e}.atlasActorFace.wolf:after{content:'♞';font-size:19px}.atlasActor span:last-child{overflow-wrap:anywhere;text-align:left}
.atlasPawn{position:absolute;transform:translate(-50%,-50%) scale(var(--ui-scale,1));z-index:6;border:0;background:none!important;padding:0;width:66px;color:white;transition:left .8s ease,top .8s ease;filter:drop-shadow(0 5px 4px #0008)}
.atlasPawnFace{display:block;width:53px;height:66px;border:4px solid var(--seat);border-radius:40% 40% 12% 12%;background:url('assets/portraits.webp') 0 0/200% 200%;box-shadow:inset 0 0 0 2px #f4ddb4,0 5px 0 var(--seat)}.atlasPawn b{display:block;background:var(--seat);border:1px solid #f2dfb0;padding:2px 7px;border-radius:2px;font:12px system-ui;white-space:nowrap;width:max-content;max-width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:25px;transform:translateX(-50%)}
.atlasSurface [hidden]{display:none!important}.atlasCartouche{position:absolute;left:35px;top:22px;z-index:3;text-align:center;padding:10px 30px;border-top:1px solid #675330;border-bottom:1px solid #675330;background:#eddfbcd9;color:#3c3826;box-shadow:0 2px 12px #2c371d22}.atlasCartouche small{display:block;font:10px system-ui;letter-spacing:3px;color:#695835}.atlasCartouche strong{font:26px Georgia;display:block}.atlasCartouche span{font:10px system-ui}.atlasKey{position:absolute;left:30px;bottom:26px;z-index:3;padding:12px 18px;background:#ede0bfd9;border:1px solid #8f8056;box-shadow:0 3px 8px #0003;font:12px system-ui;color:#3e3829}.atlasKey b{font:18px Georgia;display:block;margin-bottom:6px}.atlasKey span{display:block;margin:3px 0}.atlasKey i{display:inline-block;width:18px;height:3px;background:#4c7147;vertical-align:middle;margin-right:5px}.atlasKey i.danger{background:#a1442e}
@keyframes atlasArrive{from{opacity:.2;transform:translateY(-9px)}to{opacity:1;transform:none}}
.still *,.no-motion .atlasPawn{animation:none!important;transition:none!important}
.lords-mode .painted-board #game3d{bottom:30px}.lords-mode .painted-board#boardWrap{min-height:720px}
@media(min-width:1450px){.painted-board#boardWrap{min-height:870px}.gameLayout:has(.painted-board){height:auto;min-height:870px}.gameLayout:has(.painted-board) #right{max-height:870px}}
@media(max-width:1100px){.painted-board .mapTitle h2{font-size:24px}.painted-board .mapTitle p{display:none}.painted-board .mapTools{top:60px;left:18px;right:auto}.painted-board .mapTools #mapIndexBtn{width:145px}.painted-board #game3d{top:106px}.painted-board .objectiveBanner{padding-right:14px}.painted-board .diceTray{bottom:169px;background:#243526ee;pointer-events:none}}
@media(max-width:680px){.gameLayout .painted-board#boardWrap{min-height:760px}.painted-board .worldTicker{bottom:125px}.painted-board .objectiveBanner strong{font-size:17px}.painted-board .objectiveBanner p{font-size:11px}.painted-board .objectiveBanner{bottom:28px;min-height:88px}.painted-board .mapTitle p{display:block}.painted-board .mapTitle h2{font-size:24px}.painted-board .mapTools{top:62px}.lords-mode .gameLayout .painted-board#boardWrap{min-height:650px}}
@media(prefers-reduced-motion:reduce){.atlasPawn,.atlasActor,.atlasHaze{animation:none!important;transition:none!important}}

.gameLayout:has(.painted-board){height:auto;min-height:800px}.gameLayout:has(.painted-board) #right{max-height:870px}@media(max-width:680px){.gameLayout:has(.painted-board){min-height:0}.gameLayout:has(.painted-board) #right{max-height:none}}