/* §21 — being shown round. A card in the middle column, in the game's own voice. */
#tour{border-left:2px solid var(--yellow)}
#tour h2{border-left-color:var(--yellow);color:var(--yellow)}
#tour p{margin:0 0 9px;font-size:14.5px}
#tour .tr-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}
#tour button{font:11px var(--mono);letter-spacing:.12em;background:#11203a;border:1px solid #2a4568;
  color:#cfe3ff;padding:6px 14px;cursor:pointer}
#tour button.go{border-color:var(--yellow);color:var(--yellow)}
#tour button.go:hover{background:var(--yellow);color:#04140b}
#tour .tr-n{font:9px var(--mono);letter-spacing:.14em;color:#3c5a70;margin-left:auto}
#tour{position:relative;overflow:hidden}
#tour .tr-guy{position:absolute;right:-14px;bottom:-10px;width:118px;height:auto;pointer-events:none;
  opacity:.9;transform:scaleX(-1);filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
#tour h2,#tour p,#tour .tr-row{position:relative;z-index:1}
#tour p{padding-right:96px}
@media(max-width:620px){#tour .tr-guy{width:84px;opacity:.55}#tour p{padding-right:64px}}
.tour-lit{outline:2px solid var(--yellow);outline-offset:2px;animation:tourPulse 1.9s ease-in-out infinite}
@keyframes tourPulse{0%,100%{outline-color:rgba(255,245,107,.35)}50%{outline-color:rgba(255,245,107,.95)}}
@media(prefers-reduced-motion:reduce){.tour-lit{animation:none;outline-color:var(--yellow)}}