/* Three readable shop signs, anchored to the places in the pixel illustration. */
#world .lane-destination{min-width:44px;min-height:56px;border:0;outline-offset:4px;transform:translateX(-50%)}
#world .lane-destination:hover{background:#ffe6ad0a;outline:2px dashed #e7d1a280}
#world .lane-destination:focus-visible{outline:2px solid #fff0bd;background:#ffe6ad12}
#world .lane-destination span{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;border:2px solid #c9b483;background:#263f35;color:#fff1c9;box-shadow:0 0 0 2px #132b27,4px 5px 0 #132b2780;font:12px/1.25 var(--pixel);transition:translate .12s steps(2),background .12s}
#world .lane-destination span::before{content:'';position:absolute;inset:3px;border:1px solid #dccba34d;pointer-events:none}
#world .lane-destination span::after{width:2px;height:14px;left:calc(50% - 1px);background:#c9b483;box-shadow:2px 0 #17342b}
#world .lane-destination i{margin:0;font:17px/1 monospace}
#world .lane-projects span{background:#e6c790;border-color:#fbdfab;color:#293d31;box-shadow:0 0 0 2px #4b563d,4px 5px 0 #152b2580}
#world .lane-projects span::before{border-color:#715b3c70}
#world .lane-about span{background:#754c3e;border-color:#dfbd8b;color:#fff0d0}
#world .lane-destination:hover span,#world .lane-destination:focus-visible span{translate:0 -3px;background:#3e6249}
#world .lane-projects:hover span,#world .lane-projects:focus-visible span{background:#f5dba6}
#world .lane-about:hover span,#world .lane-about:focus-visible span{background:#95614c}
#world.is-entering .lane-projects,#world.is-entering .lane-about{visibility:hidden}
@media(max-width:700px){
  #world .lane-destination span{font-size:clamp(8px,2.5vw,11px);gap:4px;padding:8px 9px;min-height:42px;transform:translate(-50%,-11px)}
  #world .lane-destination i{display:none}
  #world .lane-destination span::after{height:10px}
}
@media(prefers-reduced-motion:reduce){#world .lane-destination span{transition:none}}