:root{--ob-bg:#1b1b36;--ob-fg:#fff;--ob-line:rgba(255,255,255,0.14);--ob-accent:#7c3aed;--ob-accent-2:#a78bfa;--ob-dim:rgba(8,8,20,0.66)}.ob-tour-overlay{position:fixed;inset:0;z-index:10000}.ob-tour-hole{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px var(--ob-dim);pointer-events:none;transition:all .22s ease}.ob-tour-overlay.action{pointer-events:none}.ob-tour-overlay.action .ob-tour-pop{pointer-events:auto}.ob-tour-do{font-size:.75rem;font-weight:700;color:var(--ob-accent-2)}.ob-btn-blink{animation:obBtnBlink .85s ease-in-out infinite}@keyframes obBtnBlink{0%,100%{box-shadow:0 0 0 0 rgba(167,139,250,0)}50%{box-shadow:0 0 0 5px rgba(167,139,250,.55)}}.ob-song-blink{border-radius:12px;animation:obBlink .9s ease-in-out 5}@keyframes obBlink{0%,100%{box-shadow:0 0 0 0 rgba(167,139,250,0)}50%{box-shadow:0 0 0 4px rgba(167,139,250,.7)}}.ob-tour-arrow{position:fixed;z-index:10001;width:12px;height:12px;background:var(--ob-bg);transform:rotate(45deg);transition:top .22s ease,left .22s ease}.ob-tour-arrow.up{border-left:1px solid var(--ob-line);border-top:1px solid var(--ob-line)}.ob-tour-arrow.down{border-right:1px solid var(--ob-line);border-bottom:1px solid var(--ob-line)}.ob-tour-arrow.left{border-left:1px solid var(--ob-line);border-bottom:1px solid var(--ob-line)}.ob-tour-arrow.right{border-top:1px solid var(--ob-line);border-right:1px solid var(--ob-line)}.ob-tour-pop{position:fixed;z-index:10001;width:min(20rem,calc(100vw - 1.5rem));background:var(--ob-bg);color:var(--ob-fg);border:1px solid var(--ob-line);border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.5);padding:1rem 1.125rem .875rem;font-family:var(--font);transition:top .22s ease,left .22s ease}.ob-tour-step{font-size:.6875rem;font-weight:700;letter-spacing:.04em;color:var(--ob-accent-2)}.ob-tour-title{font-size:1.0625rem;font-weight:800;line-height:1.3;margin-top:.25rem}.ob-tour-body{font-size:.875rem;line-height:1.55;color:var(--white-opacity-80);margin-top:.375rem}.ob-tour-body strong{color:var(--ob-fg)}.ob-tour-menu{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ob-tour-menu li{display:flex;align-items:flex-start;gap:.5rem}.ob-tour-menu li .material-symbols-rounded{color:var(--ob-accent-2);flex:none}.ob-tour-menu-t{font-size:.8125rem;line-height:1.4;color:var(--white-opacity-80);display:flex;flex-direction:column}.ob-tour-menu-t strong{color:var(--ob-fg);font-weight:700}.ob-tour-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.875rem}.ob-tour-skip{background:0 0;border:none;color:var(--white-opacity-50);font-size:.8125rem;font-weight:600;cursor:pointer;padding:.25rem}.ob-tour-skip:hover{color:var(--white-opacity-80)}.ob-tour-next{background:var(--ob-accent);border:none;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;padding:.5rem 1.125rem;border-radius:9999px}.ob-tour-next:hover{background:var(--ob-accent-2)}.ob-tour-dots{display:flex;gap:.375rem}.ob-tour-dot{width:6px;height:6px;border-radius:50%;background:var(--white-opacity-20)}.ob-tour-dot.on{background:var(--ob-accent-2);width:16px;border-radius:3px}.ob-mission-pulse{border-radius:16px;animation:obPulse 1.1s ease-out 2}@keyframes obPulse{0%{box-shadow:0 0 0 0 rgba(124,58,237,.5)}100%{box-shadow:0 0 0 16px rgba(124,58,237,0)}}.ob-tour-replay{position:fixed;right:12px;bottom:132px;z-index:9998;width:40px;height:40px;border-radius:50%;background:rgba(12,12,24,.94);border:1px solid var(--ob-line);color:var(--ob-accent-2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.4)}@media(max-width:640px){.ob-tour-replay{bottom:188px}}