.scene-footer button[data-tour]{color:#dfbf8d;border:1px solid #dfbf8d42;border-radius:5px;padding:0 13px;background:#0c1113e8;min-height:40px;white-space:nowrap}
.scene-footer button[data-tour]:hover{background:#242018;border-color:#dfbf8d99}
.scene-footer button[data-tour] span{font-size:10px;margin-right:6px}
.scene-footer #replay{display:none}
.tour-controls{position:fixed;z-index:20;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(390px,calc(100% - 32px));display:flex;align-items:center;gap:8px;padding:10px 12px 10px 18px;color:#f0eee7;background:#0b1115f5;border:1px solid #dabb844d;border-radius:10px;box-shadow:0 12px 40px #0008;overflow:hidden}
.tour-controls[hidden]{display:none}
.tour-details{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.tour-details strong{font-weight:500;font-size:12px;letter-spacing:.025em}
.tour-details span{font-size:10px;color:#98aab5;font-variant-numeric:tabular-nums}
.tour-controls button{background:transparent;color:#e4c594;width:44px;height:44px;flex:none;border:1px solid #c3d5df24;border-radius:6px;font-size:19px}
.tour-controls button:hover{background:#dfbf8d12;border-color:#dfbf8d70}
.tour-progress{position:absolute;top:0;left:0;width:100%;height:2px;background:#d8b77e12}
.tour-progress i{display:block;height:100%;background:#dfbf8d;transform:scaleX(0);transform-origin:left;will-change:transform}
.tour-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-tour-state] .scene-footer,html[data-tour-state] .island-controls{visibility:hidden}
button[data-tour]:focus-visible,.tour-controls button:focus-visible{outline:2px solid #edc98f;outline-offset:3px}
@media(max-width:767px){.scene-footer>div{gap:8px}.scene-footer button[data-tour]{font-size:9px;padding:0 9px;min-height:44px}.scene-footer button[data-tour] span{font-size:8px;margin-right:4px}.scene-footer button#inspect,.scene-footer button#pause{font-size:8px}.tour-controls{bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.scene-footer>div{gap:6px}.scene-footer button[data-tour]{padding:0 7px;font-size:8px}}