.tour-container{position:relative;width:100%;height:100vh;background:black;overflow:hidden}.tour-header{top:12px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.1);backdrop-filter:blur(6px);padding:6px 16px;border-radius:12px;font-size:14px;z-index:20}.tour-header,.tour-loader{position:absolute;color:white}.tour-loader{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;gap:12px}.tour-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.tour-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;opacity:0;transition:opacity .5s ease-in}.tour-iframe.loaded{opacity:1}.tour-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.7);color:white;padding:20px;text-align:center;z-index:20}.tour-error a{color:black;background:white;padding:8px 16px;border-radius:8px;text-decoration:none;margin-top:12px}.tour-error a:hover{background:#eee}.tour-hints{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.1);backdrop-filter:blur(6px);color:white;font-size:12px;padding:6px 14px;border-radius:12px;border:none;cursor:pointer;z-index:20}.tour-hints:hover{background:rgba(255,255,255,.2)}.tour-page{margin:0;padding:0;width:100vw;height:100vh;position:relative;overflow:hidden}.tour-buttons{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:1rem;z-index:10}.tour-buttons button{padding:10px 20px;font-size:16px;background:rgba(0,0,0,.7);color:white;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.tour-buttons button:hover{background:rgba(255,255,255,.2)}