#tour-btn{position:fixed;z-index:70;top:70px;right:200px;width:40px;height:40px;border-radius:50%;border:1px solid #D6AE6B88;background:rgba(14,14,17,.88);color:#D6AE6B;display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .25s,background .25s,color .25s}
#tour-btn svg{grid-area:1/1}
#tour-btn .t-play{display:block}#tour-btn .t-pause{display:none}
#tour-btn.playing{background:#D6AE6B;color:#0B0B0D;border-color:#D6AE6B}
#tour-btn.playing .t-play{display:none}#tour-btn.playing .t-pause{display:block}
html.gate-open #tour-btn,body.in-col #tour-btn,body.col-full #tour-btn,body.room-open #tour-btn{display:none}
@media(min-width:861px) and (pointer:fine){#tour-btn{display:none}}
#tour-btn.wait{animation:tourwait 1s ease-in-out infinite}
@keyframes tourwait{0%,100%{box-shadow:0 0 0 0 rgba(214,174,107,.6)}50%{box-shadow:0 0 0 8px rgba(214,174,107,0)}}
#tour-btn.tap{animation:tourwait .9s ease-in-out infinite;background:#D6AE6B;color:#0B0B0D}
#tour-hint{position:fixed;z-index:71;left:50%;top:122px;transform:translateX(-50%) translateY(-6px);padding:9px 16px;border-radius:30px;background:rgba(14,14,17,.92);border:1px solid #D6AE6B88;color:#F3EFE6;font:500 13px var(--sw-font-body,Archivo,sans-serif);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
#tour-hint.on{opacity:1;transform:translateX(-50%)}