/* Stop names stay quiet until a route or preview is relevant. */
.exp-board .exp-tile .exp-stop-name{
 max-width:clamp(58px,16vw,88px);white-space:normal!important;
 overflow-wrap:anywhere;text-align:center;line-height:1.2;
}
.exp-board .exp-tile.boss .exp-stop-name{max-width:144px}
.exp-board .exp-tile .exp-stop-name[data-stop-label="preview"]{display:none}
.exp-board .exp-tile:focus-visible .exp-stop-name[data-stop-label="preview"]{display:block}
.exp-board .exp-tile:focus-visible{z-index:8;opacity:1}
.exp-board-viewport:focus-visible{outline:2px solid #d8fff3;outline-offset:-2px;border-radius:12px}
@media(hover:hover){
 .exp-board .exp-tile:hover .exp-stop-name[data-stop-label="preview"]{display:block}
 .exp-board .exp-tile:hover{z-index:8;opacity:1}
}

/* Keep the Airship route legible against its wooden deck. */
.exp-board[data-world-map="airship-storm"] .road-track .unvisited{stroke:#dfd2ab;stroke-opacity:.5}
.exp-board[data-world-map="airship-storm"] .road-shadow path{stroke:#08141d;stroke-opacity:.6}