/* 7 October 2026: map */

/* ----- Map: every road shows on any ground ----- */
/* A dark line under each road. The cream road line was lost on the sand between Sunreach and
   Saffron Bay, and on the snow. */
.roads line.under { stroke: #1b120a; stroke-width: 5.5px; stroke-dasharray: none; stroke-linecap: round; opacity: .6; }
.roads line.under.boat { opacity: .4; }
.roads line.road { stroke: #ffe9b8; opacity: 1; }
.roads line.road.boat { stroke: #a9daff; }

/* ----- Travel: the step ring on the left, the two Travel buttons stacked on its right ----- */
.stepsbox { flex-wrap: wrap; gap: 8px 14px; padding: 10px 14px 12px; }
.stepsbox .stepsinfo { display: flex; flex-direction: column; justify-content: center; gap: 4px; }
.stepsbox .stepsinfo .lbl { display: none; }
.stepsbox .stepsinfo .big { font-size: 14px; line-height: 1.2; }
.tapcol { display: flex; flex-direction: column; gap: 6px; }
.tapcol .btn { width: 100%; min-height: 40px; padding: 6px 8px; font-size: 14px; white-space: nowrap; }
.stepsnote { flex: 1 1 100%; min-width: 0; }
.stepsnote .fine { margin-top: 3px; }
/* The buttons' small print. Not given the class "fine": the phone app looks for the one .fine in the steps box (Android/android.js). */
.stepsnote .tapnote { margin-top: 3px; font-size: 12px; color: var(--muted); }
/* The line of text across the top of the scene: a darker band and brighter small print, so it reads over any scene. */
.roadline { background: linear-gradient(rgba(14,10,7,.95), rgba(14,10,7,.86)); }
.roadline .sl.sys { color: #d6c8ae; }

/* ----- Bloodmoon and Apocalypse (found while testing them with the new prototype switch) ----- */
/* The world's name sat in the top corner of the scene, under the line of road text. It goes in the bottom corner. */
.scene .worldtag { top: auto; bottom: 8px; }
/* Fights had the ordinary background while the Travel scene was red. Same tint for both. */
body.world-bloodmoon .arena { background-color: #ed9e99; background-blend-mode: multiply; }
body.world-apocalypse .arena { background-color: #8a4646; background-blend-mode: multiply; }
/* Prototype tools: the world you are in now, and the place you are in now, are marked in their lists. */
.row.protoworld.on, .row.prototele.on { border-color: var(--gold2); }
.row.prototele:disabled { opacity: 1; }