.gvr-tour-ui { --tour-cyan:#45c8ff; --tour-red:#ff3945; --tour-green:#62ff91; position:fixed; z-index:60; inset:0; color:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; pointer-events:none; }
.gvr-tour-ui[hidden], .gvr-tour-ui [hidden] { display:none!important; }
.gvr-tour-ui button { font:inherit; }
.gvr-tour-launcher { position:absolute; left:50%; bottom:18px; display:flex; align-items:stretch; overflow:hidden; border:1px solid rgba(98,255,145,.32); clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); background:rgba(3,13,20,.88); box-shadow:0 0 18px rgba(98,255,145,.12); backdrop-filter:blur(11px); opacity:.82; translate:-50% 0; transition:.2s ease; pointer-events:auto; }
.gvr-tour-launcher:hover { opacity:1; translate:-50% -2px; }
.gvr-tour-ui--completed .gvr-tour-launcher{left:auto;right:46px;top:18px;bottom:auto;min-width:190px;height:40px;translate:0 0;border-radius:0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);background:rgba(3,13,20,.62);opacity:.78;animation:gvr-tour-dock .55s cubic-bezier(.2,.8,.2,1)}
.gvr-tour-ui--completed .gvr-tour-launcher__start{flex:1;justify-content:center;padding-left:16px;padding-right:16px}
.gvr-tour-ui--completed .gvr-tour-launcher__start span:first-child{display:none}
.gvr-tour-ui--completed .gvr-tour-launcher:hover{opacity:1!important;translate:0 -1px;background:rgba(3,13,20,.94);box-shadow:0 0 18px rgba(98,255,145,.34)}
.gvr-camera-tour-prompt{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 42%,rgba(5,30,43,.4),rgba(2,8,14,.78));backdrop-filter:blur(5px);pointer-events:auto}
.gvr-camera-tour-prompt .gvr-tour-card{width:min(540px,94vw)}
.gvr-camera-prompt-mark b{font-size:22px;color:#8ceaff}
@keyframes gvr-tour-dock{from{transform:translateX(32px)}to{transform:translateX(0)}}
.gvr-tour-launcher button { border:0; color:#fff; background:transparent; cursor:pointer; }
.gvr-tour-launcher__start { display:flex; gap:8px; align-items:center; padding:7px 10px 7px 8px; }
.gvr-tour-launcher__start span:first-child { display:grid; width:24px; height:24px; place-items:center; border:1px solid var(--tour-green); color:var(--tour-green); background:rgba(98,255,145,.08); box-shadow:inset 0 0 10px rgba(98,255,145,.16); font-weight:850; }
.gvr-tour-launcher__start span:last-child { font-size:11px; font-weight:750; letter-spacing:.04em; }
.gvr-tour-launcher__dismiss { width:31px; border-left:1px solid rgba(255,255,255,.12)!important; color:rgba(255,255,255,.6)!important; font-size:18px!important; }
.gvr-tour-intro { position:absolute; inset:0; display:grid; place-items:center; padding:20px; background:radial-gradient(circle at 50% 42%,rgba(5,30,23,.36),rgba(2,8,7,.76)); backdrop-filter:blur(5px); pointer-events:auto; }
.gvr-tour-card,.gvr-tour-tooltip { position:relative; overflow:visible; border:0; color:#fff; background-image:linear-gradient(90deg,var(--tour-cyan),#fff 54%,var(--tour-red)),linear-gradient(90deg,var(--tour-red),var(--tour-cyan)),linear-gradient(var(--tour-cyan),transparent),linear-gradient(transparent,var(--tour-cyan)),linear-gradient(105deg,rgba(4,30,43,.82),rgba(3,16,25,.52) 72%,rgba(3,14,22,.28)); background-size:100% 1px,100% 1px,1px 100%,1px 100%,100% 100%; background-position:left top,left bottom,left top,right top,left top; background-repeat:no-repeat; box-shadow:inset 0 0 52px rgba(69,200,255,.09),0 0 34px rgba(69,200,255,.12); backdrop-filter:blur(8px) saturate(1.3); }
.gvr-tour-card { width:min(640px,94vw); padding:42px 40px 38px; text-align:center; clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px); }
.gvr-tour-card::after,.gvr-tour-tooltip::after { content:""; position:absolute; left:8%; right:8%; bottom:-28px; height:29px; background:linear-gradient(90deg,transparent,rgba(69,200,255,.3),rgba(255,255,255,.12),rgba(255,57,69,.2),transparent); clip-path:polygon(8% 0,92% 0,100% 100%,0 100%); filter:blur(4px); animation:gvr-tour-cone 1.8s ease-in-out infinite; }
.gvr-tour-grid { position:absolute; z-index:-1; inset:0; background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(112,222,255,.06) 6px 7px),repeating-linear-gradient(90deg,transparent 0 38px,rgba(112,222,255,.035) 38px 39px); }
.gvr-tour-scan { position:absolute; left:0; right:0; top:-5%; height:9%; background:linear-gradient(transparent,rgba(130,232,255,.22),rgba(255,255,255,.38),transparent); filter:drop-shadow(0 0 8px var(--tour-cyan)); animation:gvr-tour-scan 2.8s linear infinite; pointer-events:none; }
.gvr-tour-eyebrow,.gvr-tour-group { color:#8ceaff; text-shadow:0 0 9px var(--tour-cyan); font-size:10px; font-weight:850; letter-spacing:.16em; }
.gvr-tour-rail { position:absolute; z-index:4; height:3px; background:linear-gradient(90deg,transparent,var(--tour-cyan) 18%,#fff 47%,var(--tour-red) 78%,transparent); box-shadow:0 0 5px var(--tour-cyan),0 0 13px rgba(69,200,255,.65); }
.gvr-tour-rail--top { top:-3px; left:7%; width:58%; animation:gvr-tour-rail-top 2.2s ease-in-out infinite; }
.gvr-tour-rail--bottom { right:5%; bottom:-3px; width:48%; animation:gvr-tour-rail-bottom 2.6s ease-in-out infinite reverse; }
.gvr-tour-projector { position:absolute; left:50%; bottom:-38px; width:110px; height:11px; transform:translateX(-50%); border:1px solid rgba(69,200,255,.72); background:rgba(3,16,25,.8); box-shadow:0 0 10px var(--tour-cyan),inset 0 0 10px rgba(69,200,255,.5); }
.gvr-tour-tooltip .gvr-tour-projector { bottom:-31px; width:92px; height:10px; }
.gvr-tour-projector i { position:absolute; top:3px; width:4px; height:4px; border-radius:50%; background:var(--tour-cyan); box-shadow:0 0 8px var(--tour-cyan); animation:gvr-tour-dot 1.1s steps(2) infinite; }
.gvr-tour-projector i:nth-child(1){left:22px}.gvr-tour-projector i:nth-child(2){left:52px;background:#fff}.gvr-tour-projector i:nth-child(3){right:22px;background:var(--tour-red)}
.gvr-tour-mark { position:relative; display:flex; width:116px; height:70px; margin:20px auto 14px; align-items:center; justify-content:center; color:#fff; font-size:29px; font-weight:850; }
.gvr-tour-mark::before,.gvr-tour-mark::after,.gvr-tour-mark i { content:""; position:absolute; border:1px solid rgba(69,200,255,.82); transform:rotate(45deg); box-shadow:0 0 9px rgba(69,200,255,.7),inset 0 0 12px rgba(69,200,255,.12); animation:gvr-tour-orbit 4s linear infinite; }
.gvr-tour-mark::before{width:48px;height:48px}.gvr-tour-mark::after{width:61px;height:61px;border-color:rgba(255,57,69,.52);animation-direction:reverse}.gvr-tour-mark i:first-child{width:76px;height:30px}.gvr-tour-mark i:last-child{width:30px;height:76px;animation-direction:reverse}.gvr-tour-mark b{z-index:2;text-shadow:0 0 9px #fff,0 0 18px var(--tour-cyan)}
.gvr-tour-card h1 { margin:0; font-size:clamp(27px,4vw,35px); letter-spacing:-.035em; }
.gvr-tour-intro #gvrTourIntroTitle { margin-top:28px; align-items:center; justify-content:center; text-align:center; }
.gvr-tour-card p { max-width:470px; margin:13px auto 22px; color:rgba(255,255,255,.72); font-size:15px; line-height:1.58; }
.gvr-tour-meta { display:flex; justify-content:center; gap:25px; margin-bottom:24px; color:rgba(255,255,255,.58); font-size:12px; }
.gvr-tour-meta b { color:#fff; }
.gvr-tour-intro-actions { display:grid; grid-template-columns:1fr; gap:10px; }
.gvr-tour-button { min-height:46px; padding:0 18px; border:1px solid rgba(69,200,255,.8); border-radius:0; color:#fff; background:linear-gradient(110deg,rgba(12,105,135,.58),rgba(19,61,79,.28)); box-shadow:inset 0 0 18px rgba(69,200,255,.16),0 0 10px rgba(69,200,255,.2); font-weight:750; cursor:pointer; clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.gvr-tour-button:hover,.gvr-tour-button:focus-visible { border-color:#fff; background:linear-gradient(110deg,rgba(26,151,190,.82),rgba(17,79,103,.55)); box-shadow:inset 0 0 24px rgba(69,200,255,.28),0 0 18px rgba(69,200,255,.55); transform:translateY(-1px); outline:none; }
.gvr-tour-button--quiet { border-color:rgba(255,57,69,.35); background:rgba(40,20,27,.22); }
.gvr-tour-remember { display:flex; gap:8px; justify-content:center; align-items:center; margin-top:18px; color:rgba(255,255,255,.48); font-size:11px; cursor:pointer; }
.gvr-tour { position:absolute; inset:0; pointer-events:none; }
.gvr-tour-connector { position:absolute; z-index:1; inset:0; width:100%; height:100%; overflow:visible; }
.gvr-tour-dimmer { fill:rgba(1,7,11,.62); }
.gvr-tour-line-glow { fill:none; stroke:rgba(69,200,255,.5); stroke-width:9; filter:blur(5px); }
.gvr-tour-line { fill:none; stroke:#e9fbff; stroke-width:1.5; stroke-dasharray:18 4 2 4; filter:drop-shadow(0 0 3px var(--tour-cyan)) drop-shadow(0 0 8px var(--tour-cyan)); animation:gvr-tour-dash .55s linear infinite; }
.gvr-tour-pulse { fill:#fff; stroke:var(--tour-red); stroke-width:2; filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px var(--tour-cyan)); }
.gvr-tour-spotlight { position:absolute; z-index:2; background:linear-gradient(90deg,var(--tour-cyan),var(--tour-cyan)) left top/28px 2px no-repeat,linear-gradient(var(--tour-cyan),var(--tour-cyan)) left top/2px 28px no-repeat,linear-gradient(90deg,#fff,#fff) right top/28px 2px no-repeat,linear-gradient(#fff,#fff) right top/2px 28px no-repeat,linear-gradient(90deg,var(--tour-red),var(--tour-red)) left bottom/28px 2px no-repeat,linear-gradient(var(--tour-red),var(--tour-red)) left bottom/2px 28px no-repeat,linear-gradient(90deg,var(--tour-cyan),var(--tour-cyan)) right bottom/28px 2px no-repeat,linear-gradient(var(--tour-cyan),var(--tour-cyan)) right bottom/2px 28px no-repeat; box-shadow:0 0 0 1px rgba(69,200,255,.18),inset 0 0 22px rgba(69,200,255,.08); filter:drop-shadow(0 0 5px rgba(69,200,255,.9)); transition:.38s ease; }
.gvr-tour-tooltip { position:absolute; z-index:4; width:min(410px,calc(100vw - 28px)); padding:23px 24px 19px; pointer-events:auto; transition:left .38s ease,top .38s ease; }
.gvr-tour-tooltip__header,.gvr-tour-tooltip__footer { display:flex; align-items:center; justify-content:space-between; }
.gvr-tour-close { width:30px; height:30px; border:0; color:rgba(255,255,255,.62); background:rgba(255,255,255,.06); font-size:22px; cursor:pointer; }
.gvr-tour-tooltip h2 { margin:10px 0 8px; font-size:21px; letter-spacing:-.02em; }
.gvr-tour-tooltip>p { min-height:46px; margin:0 0 18px; color:rgba(255,255,255,.74); font-size:13px; line-height:1.55; }
.gvr-tour-step-visual { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:-4px 0 18px; padding:13px; border:1px solid rgba(69,200,255,.18); background:linear-gradient(135deg,rgba(69,200,255,.06),rgba(98,255,145,.045)); }
.gvr-tour-info { display:grid; gap:3px; padding:9px 10px; border-left:2px solid var(--tour-cyan); background:linear-gradient(90deg,rgba(69,200,255,.09),transparent); }
.gvr-tour-info b,.gvr-tour-control-label { color:#dffaff; font-size:9px; letter-spacing:.1em; }
.gvr-tour-info span { color:rgba(255,255,255,.62); font-size:9px; }
.gvr-tour-control { display:grid; gap:7px; align-content:start; }
.gvr-tour-keys { display:flex; flex-wrap:wrap; gap:5px; }
.gvr-tour-key { display:grid; min-width:27px; height:27px; padding:0 6px; place-items:center; border:1px solid rgba(255,255,255,.2); border-bottom-color:rgba(98,255,145,.58); border-radius:6px; background:linear-gradient(#23332f,#101b18); box-shadow:0 3px 0 #07100d; font-size:10px; font-weight:850; }
.gvr-tour-mouse-row { display:flex; gap:8px; align-items:center; color:rgba(255,255,255,.72); font-size:10px; }
.gvr-tour-mouse { position:relative; width:23px; height:34px; border:1px solid rgba(255,255,255,.5); border-radius:11px; }
.gvr-tour-mouse::before { content:""; position:absolute; top:5px; left:50%; width:3px; height:8px; translate:-50% 0; border-radius:2px; background:var(--tour-green); box-shadow:0 0 7px var(--tour-green); }
.gvr-tour-counter { color:rgba(255,255,255,.48); font-size:11px; font-weight:700; }
.gvr-tour-actions { display:flex; gap:8px; }
.gvr-tour-back { padding:0 11px; border:0; color:rgba(255,255,255,.65); background:transparent; cursor:pointer; }
.gvr-tour-back:disabled { opacity:.25; }
.gvr-tour-next { min-height:36px; padding:0 13px; }
.gvr-tour-progress { height:2px; margin:14px -24px -19px; background:linear-gradient(90deg,var(--tour-cyan) 0,#fff calc(var(--progress)*.62),var(--tour-red) var(--progress),rgba(255,255,255,.08) var(--progress)); box-shadow:0 0 7px var(--tour-cyan); }
.gvr-tour-gesture { position:absolute; z-index:5; width:42px; color:#fff; filter:drop-shadow(0 6px 6px rgba(0,0,0,.38)); animation:gvr-tour-point 1.3s ease-in-out infinite; }
.gvr-tour-gesture svg { width:100%; fill:currentColor; }
@keyframes gvr-tour-scan { to { top:100%; } }
@keyframes gvr-tour-cone { 50% { opacity:.35; transform:scaleX(.93); } }
@keyframes gvr-tour-dash { to { stroke-dashoffset:-13; } }
@keyframes gvr-tour-point { 50% { translate:0 7px; } }
@keyframes gvr-tour-orbit { to { transform:rotate(405deg); } }
@keyframes gvr-tour-rail-top { 50% { left:34%; width:61%; opacity:.48; } }
@keyframes gvr-tour-rail-bottom { 50% { right:43%; width:51%; opacity:.38; } }
@keyframes gvr-tour-dot { 50% { opacity:.25; } }
@media (max-width:700px) { .gvr-tour-card{padding:28px 22px}.gvr-tour-intro-actions,.gvr-tour-step-visual{grid-template-columns:1fr}.gvr-tour-tooltip{padding:17px}.gvr-tour-progress{margin:12px -17px -14px}.gvr-tour-launcher__start span:last-child{display:none} }