/* Recorded tours share the existing BatCat Master components and colours. */
[data-bc-page="owner-app"] .bc-management-tour:not([data-tour-active="true"]){margin:18px 0 0;padding:0;background:transparent;border:0;box-shadow:none}
[data-bc-page="owner-app"] .bc-management-tour:not([data-tour-active="true"])>:not(.bc-blueprint-controls):not(.bc-blueprint-status):not(.bc-blueprint-after){display:none}
[data-bc-page="owner-app"] .bc-management-tour:not([data-tour-active="true"]) .bc-blueprint-controls{justify-content:flex-start;margin:0}
[data-bc-surface="website"] .bc-blueprint-exit{position:absolute;z-index:20;right:14px;top:14px;width:44px;height:44px;border:1px solid var(--bc-emerald);border-radius:50%;background:var(--bc-black);color:var(--bc-ink);font:28px/1 var(--bc-font);cursor:pointer}
[data-bc-surface="website"] .bc-blueprint-exit:focus-visible{outline:2px solid var(--bc-blue);outline-offset:3px}
[data-bc-surface="website"] .bc-blueprint-exit[hidden]{display:none}

/* Load hidden mouth/blink art and timeline controls only when a tour is chosen. */
[data-bc-surface="website"] [data-tour-ready="idle"] .bc-blueprint-mouth,
[data-bc-surface="website"] [data-tour-ready="idle"] .bc-blueprint-portrait::after{background-image:none!important}
[data-tour-ready="idle"] .bc-blueprint-timeline{display:none}

/* Captions stay opt-in and legible, outside the illustration's sight lines. */
[data-bc-surface="website"] .bc-tour-caption-toggle{display:none;position:fixed;z-index:30;right:72px;top:14px;min-width:44px;min-height:44px;border:1px solid var(--bc-emerald,#00b879);border-radius:50%;background:#061914;color:#fff;font:700 12px var(--bc-font,system-ui,sans-serif);cursor:pointer}
[data-bc-surface="website"] .bc-blueprint-guide[data-tour-active="true"] .bc-tour-caption-toggle{display:block}
[data-bc-surface="website"] .bc-tour-caption-toggle[aria-pressed="true"]{background:var(--bc-emerald,#00b879);color:var(--bc-black,#08090b)}
[data-bc-surface="website"] .bc-blueprint-guide[data-tour-active="true"][data-captions-open="true"] .bc-blueprint-caption{display:block!important;position:fixed;z-index:25;left:50%;bottom:14px;transform:translateX(-50%);width:min(760px,calc(100% - 28px));min-height:0;max-height:26vh;overflow:auto;margin:0;padding:11px 15px;border:1px solid #50747a;border-radius:10px;background:#09151ceB;box-shadow:0 8px 28px #0008;color:#f3ffff;font-size:clamp(13px,1.3vw,16px);line-height:1.4;text-align:left}

/* A compact in-scene illustration, timed by the same saved narration clock. */
.bc-tour-example-stage{position:absolute;z-index:3;left:3%;top:27%;width:min(44%,490px);min-width:250px;color:var(--bc-ink,#fff);font-family:var(--bc-font,system-ui,sans-serif);pointer-events:none}
.bc-tour-example-stage[hidden],.bc-tour-example[hidden]{display:none!important}
.bc-tour-example-label{width:max-content;max-width:100%;margin:0 0 8px;padding:5px 9px;border:1px solid var(--bc-emerald,#00b879);border-radius:999px;background:#061914e8;color:var(--bc-emerald,#00b879);font-size:10px;font-weight:800;letter-spacing:.12em}
.bc-tour-example{padding:13px;border:1px solid #3a5d69;border-top:2px solid var(--bc-emerald,#00b879);border-radius:11px;background:#0b151de8;box-shadow:0 16px 42px #0008;backdrop-filter:blur(7px)}
.bc-tour-example-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 12px;font-size:15px}
.bc-tour-example-heading strong{font-size:17px}.bc-tour-example-heading span{color:#a6c3cd;font-size:11px;white-space:nowrap}
.bc-tour-example svg{display:block;width:100%;height:auto;border-radius:8px}
.bc-tour-example [data-tour-stop]{transition:opacity .25s ease}.bc-tour-example [data-tour-stop] circle{fill:var(--bc-emerald,#00b879);stroke:#eafff6;stroke-width:2}
.bc-tour-example [data-tour-stop] text{fill:#efffff;font-weight:700;paint-order:stroke;stroke:#0a202b;stroke-width:3px}
.bc-tour-example-foot,.bc-tour-example small{display:block;margin-top:10px;color:#adcad4;font-size:11px;line-height:1.35}
.bc-tour-example--task{min-height:184px}.bc-tour-example--task p{margin:10px 0;color:#f3ffff;font-size:16px;line-height:1.35}
.bc-tour-example-symbol{display:grid;place-items:center;width:46px;height:46px;margin:13px 0;border:1px solid var(--bc-emerald,#00b879);border-radius:12px;background:#113128;color:var(--bc-emerald,#00b879);font-size:29px}
.bc-tour-translation-arrow{color:var(--bc-emerald,#00b879);font-size:19px;line-height:1}
@media(max-width:600px){.bc-tour-example-stage{left:2%;top:7%;width:min(76%,290px);min-width:0}.bc-tour-example{padding:12px}.bc-tour-example-label{font-size:10px;padding:5px 8px}.bc-tour-example-heading{margin-bottom:7px}.bc-tour-example-heading strong{font-size:15px}.bc-tour-example-heading span{font-size:11px}.bc-tour-example--task{min-height:145px}.bc-tour-example--task p{font-size:14px;margin:8px 0}.bc-tour-example-foot,.bc-tour-example small{font-size:11px;margin-top:6px}.bc-tour-example-symbol{width:36px;height:36px;font-size:22px;margin:6px 0}}
@media(max-height:480px){.bc-tour-example-stage{top:18%}.bc-tour-example-label{margin-bottom:4px}.bc-tour-example-heading{margin-bottom:5px}.bc-tour-example-foot{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.bc-tour-example [data-tour-stop]{transition:none}}

/* The closing shows the two real next destinations while Bastion explains them. */
.bc-tour-closing{position:absolute;z-index:5;left:6%;right:6%;top:23%;display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:880px;margin:auto;pointer-events:auto;font-family:var(--bc-font,system-ui,sans-serif)}
.bc-tour-closing[hidden],.bc-tour-next-card[hidden]{display:none!important}
.bc-tour-next-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:18px;border:1px solid var(--bc-emerald);border-radius:16px;background:#0b151df5;color:var(--bc-ink);text-decoration:none;box-shadow:0 16px 45px #0007}
.bc-tour-next-card:focus-visible{outline:3px solid var(--bc-blue);outline-offset:5px}
.bc-tour-next-card>strong{font-size:clamp(17px,2vw,24px);line-height:1.2}.bc-tour-next-card>span:last-child{font-size:13px;color:#b4d0d7}.bc-tour-next-card b{color:var(--bc-emerald)}
.bc-tour-next-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bc-emerald)}
.bc-tour-next-preview{height:min(33vh,265px);min-height:150px;overflow:hidden;border:1px solid #34525e;border-radius:10px;background:#080e14}
.bc-tour-next-preview--phone{display:flex;justify-content:center;padding:10px}.bc-tour-next-preview--phone>img{display:block;width:auto;height:100%;object-fit:contain;border:2px solid var(--bc-emerald);border-radius:13px}
.bc-tour-browser-bar{display:flex;gap:5px;padding:10px;background:#19303b}.bc-tour-browser-bar i{width:5px;height:5px;border-radius:50%;background:#77909b}
.bc-tour-download-preview{padding:18px;line-height:1.2}.bc-tour-download-preview>span{display:block;color:white;font-size:13px;font-weight:900;letter-spacing:.04em}.bc-tour-download-preview>strong{display:block;margin:12px 0 16px;color:var(--bc-emerald);font-size:18px}
.bc-tour-demo-row{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #34525e;border-radius:8px;font-size:12px}.bc-tour-demo-row img{width:34px;height:34px;object-fit:cover;border-radius:7px}.bc-tour-demo-row small{color:#abc8d0;font-size:10px}.bc-tour-demo-row b{margin-left:auto;font-size:10px}
.bc-tour-platforms{display:flex;gap:8px;margin-top:13px}.bc-tour-platforms>span{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:9px 5px;border-radius:6px;background:var(--bc-blue);color:#05090c;font-size:11px;font-weight:750}.bc-tour-platforms img{width:16px;height:16px;object-fit:contain}
@media(max-width:600px){.bc-tour-closing{top:17%;left:4%;right:4%;gap:10px}.bc-tour-next-card{padding:10px;gap:7px}.bc-tour-next-preview{height:230px;min-height:120px}.bc-tour-next-card>strong{font-size:16px}.bc-tour-next-card>span:last-child{font-size:11px}.bc-tour-next-kicker{font-size:9px}.bc-tour-download-preview{padding:9px}.bc-tour-download-preview>strong{font-size:14px;margin:10px 0}.bc-tour-demo-row{padding:7px;gap:5px;font-size:11px;flex-wrap:wrap}.bc-tour-demo-row img{width:26px;height:26px}.bc-tour-demo-row b{margin-left:0}.bc-tour-platforms{flex-direction:column;gap:5px;margin-top:8px}.bc-tour-platforms>span{padding:5px}.bc-tour-platforms img{width:13px;height:13px}}
@media(max-height:480px){.bc-tour-closing{top:18%;max-width:650px;gap:14px}.bc-tour-next-preview{height:130px;min-height:100px}.bc-tour-next-card{padding:9px;gap:5px}.bc-tour-download-preview{padding:7px}.bc-tour-download-preview>strong{margin:5px 0;font-size:13px}.bc-tour-demo-row{padding:4px}.bc-tour-platforms{margin-top:5px}.bc-tour-platforms>span{padding:4px}.bc-tour-browser-bar{padding:5px}.bc-tour-next-card>strong{font-size:17px}}

@media(max-height:480px){.bc-tour-download-preview>span{display:none}.bc-tour-demo-row img{width:22px;height:22px}.bc-tour-download-preview>strong{font-size:12px;margin:3px 0 5px}.bc-tour-platforms{flex-direction:row;gap:4px}.bc-tour-demo-row{font-size:10px}.bc-tour-demo-row small{font-size:9px}.bc-tour-platforms>span{font-size:9px;gap:4px}.bc-tour-platforms img{width:12px;height:12px}}
@media(max-width:360px) and (min-height:481px){.bc-tour-next-preview{height:280px}.bc-tour-next-card>strong{font-size:15px}}
@media(max-height:480px){[data-captions-open="true"] .bc-tour-closing{top:12%}[data-captions-open="true"] .bc-tour-next-preview{height:70px;min-height:70px}[data-captions-open="true"] .bc-tour-next-card{padding:7px}[data-captions-open="true"] .bc-tour-demo-row{display:none}}
@media(max-width:360px) and (min-height:481px){[data-captions-open="true"] .bc-tour-next-preview{height:200px}[data-captions-open="true"] .bc-tour-demo-row{display:none}}
.bc-tour-example-stage:has(.bc-tour-example--journey:not([hidden])){top:14%}
@media(max-width:600px){.bc-tour-example-stage:has(.bc-tour-example--journey:not([hidden])){top:2%}}
@media(max-height:480px){.bc-tour-example-stage:has(.bc-tour-example--journey:not([hidden])){top:0;left:2%;width:43%;max-width:none}.bc-tour-example--journey svg{height:150px}.bc-tour-example--journey{padding:10px}.bc-tour-example-stage:has(.bc-tour-example--journey:not([hidden])) .bc-tour-example-label{font-size:8px;margin-bottom:3px}.bc-tour-example--journey .bc-tour-example-foot{font-size:9px;line-height:1.2}.bc-tour-example--journey .bc-tour-example-heading strong{font-size:14px}[data-captions-open="true"] .bc-tour-example--journey svg{height:115px}[data-captions-open="true"] .bc-tour-example-stage:has(.bc-tour-example--journey:not([hidden])) .bc-tour-example-label{display:none}[data-captions-open="true"] .bc-tour-example--journey{padding:8px}}

.bc-tour-example--journey [data-tour-stop] text{font-size:30px}.bc-tour-example-foot a{color:var(--bc-blue);pointer-events:auto}.bc-tour-example svg a{pointer-events:auto}
@media(max-width:600px){.bc-tour-example-stage:has(.bc-tour-example--journey:not([hidden])){left:3%;top:7%;width:94%;max-width:390px}.bc-tour-example--journey [data-tour-stop] text{font-size:36px}}
