/* "Tolkien's map": the 3D map drawn as an inked fold-out map */
.ink-deco { display: none; position: absolute; inset: 0; pointer-events: none; z-index: 2; color: #2a1c11; }
.world3d.ink .ink-deco { display: block; }
.ink-border { position: absolute; inset: 14px; border: 1.5px solid rgba(42, 28, 17, .75); box-shadow: inset 0 0 0 4px rgba(239, 228, 198, .0), inset 0 0 0 5px rgba(42, 28, 17, .45); }
.ink-rose { position: absolute; right: 34px; bottom: 34px; width: 108px; height: 108px; opacity: .85; }
body[data-view='journey'] .ink-rose, body[data-view='intro'] .ink-rose { right: auto; left: 34px; }
@media (max-width: 700px) { .ink-rose { width: 72px; height: 72px; right: 22px; bottom: 22px; } .ink-border { inset: 8px; } }

/* the page's own colour grade and glow overlays would tint the paper */
body.ink-map .grade, body.ink-map .grain { opacity: 0 !important; }
body.ink-map #particles { opacity: .25; }

/* hand-lettered names in ink */
.world3d.ink .rlabel { color: rgba(42, 28, 17, .82); text-shadow: none; font-family: 'IM Fell English', var(--fell, serif); font-style: italic; letter-spacing: .42em; }
.world3d.ink .marker span { color: #2a1c11; text-shadow: 0 0 2px #efe4c6, 0 0 5px #efe4c6, 0 0 9px rgba(239, 228, 198, .9); font-family: 'IM Fell English', var(--fell, serif); font-weight: 400; font-size: 14px; letter-spacing: .02em; }
.world3d.ink .marker.k-city span { font-family: 'IM Fell English', var(--fell, serif); font-variant: small-caps; font-size: 15px; letter-spacing: .06em; }
.world3d.ink .marker.k-landmark span { color: #4a3220; }
.world3d.ink .marker i { background: #efe4c6; border-color: #2a1c11; box-shadow: none; }
.world3d.ink .marker.k-fortress i { background: #8c2d1a; border-color: #2a1c11; }
.world3d.ink .marker.k-peak i { background: #2a1c11; }
.world3d.ink .marker:hover span, .world3d.ink .marker.active span { color: #8c2d1a; }

/* the map view's toggle button */
.ink-toggle.on { color: #2a1c11; background: rgba(239, 228, 198, .92); box-shadow: inset 0 0 0 1px #2a1c11; }