/* The Liminal Road: the visible look switch and what every look shares. Written Sat 31 Oct 2026 by Claude (course looks). */
.lk { display: inline-flex; align-items: center; gap: 2px; padding: 3px; margin: 0 0 22px; border-radius: 999px; border: 1px solid rgba(239, 227, 204, .18); background: rgba(16, 13, 20, .55); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font: 600 13px/1 system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif; color: #efe3cc; max-width: 100%; position: relative; z-index: 3; }
.lk-h { padding: 0 8px 0 10px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(239, 227, 204, .6); }
.lk-a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 999px; color: inherit; text-decoration: none; opacity: .82; white-space: nowrap; }
.lk-a:hover { opacity: 1; background: rgba(239, 227, 204, .09); }
.lk-a[aria-current] { opacity: 1; background: #efe3cc; color: #15110f; }
@media (max-width: 400px) { .lk-h { padding: 0 4px 0 8px; } .lk-a { padding: 0 9px; } }
/* in a room (Mix and Rooms) the room has the screen: no top nav or footer over it */
.in-room .pn-nav, .in-room .pn-foot { visibility: hidden; }