.coa-tour{--tour-accent:#6ee7f5;--tour-accent-strong:#22d3ee;--tour-bg:#020711;--tour-line:#94b9da33;--tour-muted:#94a7ba;--tour-text:#f5fbff;color:var(--tour-text);z-index:11000;background:#00040bf0;justify-content:center;align-items:center;padding:.75rem;display:flex;position:fixed;inset:0}.coa-tour *,.coa-tour :before,.coa-tour :after{box-sizing:border-box}.coa-tour button,.coa-tour a{font:inherit}.coa-tour button:focus-visible,.coa-tour a:focus-visible{outline:2px solid var(--tour-accent);outline-offset:3px}.coa-tour__dialog{background:var(--tour-bg);border:1px solid #67e8f945;border-radius:1rem;grid-template-rows:64px 44px minmax(0,1fr) 68px;width:100%;max-width:1240px;height:min(840px,100dvh - 1.5rem);display:grid;overflow:hidden;box-shadow:0 34px 110px #000000ad}.coa-tour__topbar{background:#050d19;border-bottom:1px solid #94b9da21;grid-template-columns:minmax(0,1fr) auto 42px;align-items:center;gap:1rem;padding:.6rem .85rem;display:grid}.coa-tour__brand{align-items:center;gap:.65rem;min-width:0;display:flex}.coa-tour__brand>span{color:var(--tour-accent);background:#67e8f91a;border:1px solid #67e8f945;border-radius:.58rem;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.coa-tour__brand div{min-width:0}.coa-tour__brand strong,.coa-tour__brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.coa-tour__brand strong{color:var(--tour-accent);letter-spacing:.15em;font-size:.66rem;font-weight:900}.coa-tour__brand small{color:#d6e2ed;margin-top:.16rem;font-size:.72rem}.coa-tour__status{color:#72869a;letter-spacing:.08em;align-items:center;gap:.42rem;font-size:.62rem;font-weight:850;display:flex}.coa-tour__status span:first-child{color:var(--tour-accent)}.coa-tour__status i{background:#94b9da52;width:24px;height:1px;display:block}.coa-tour__close{border:1px solid var(--tour-line);color:#b7c6d4;cursor:pointer;background:0 0;border-radius:.62rem;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:border-color .18s,color .18s,transform .18s;display:flex}.coa-tour__close:hover{color:#fff;border-color:#67e8f985;transform:rotate(3deg)}.coa-tour__timeline{background:#050d19;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:.35rem;padding:0 .85rem;display:grid}.coa-tour__timeline button{cursor:pointer;background:0 0;border:0;height:44px;padding:0;position:relative}.coa-tour__timeline button:before{content:"";background:#94b9da29;border-radius:999px;height:3px;position:absolute;top:calc(50% - 1.5px);left:0;right:0}.coa-tour__timeline button>span,.coa-tour__timeline button>i{background:var(--tour-accent);transform-origin:0;border-radius:999px;height:3px;position:absolute;top:calc(50% - 1.5px);left:0;right:0}.coa-tour__timeline button>span{opacity:0}.coa-tour__timeline button.is-complete>span{opacity:.82}.coa-tour__timeline button>i{animation:coa-tour-progress var(--scene-duration) linear forwards;transform:scaleX(0)}.coa-tour__timeline button>i.is-paused{animation-play-state:paused}.coa-tour__stage{background:#020813;min-height:0;margin:0 .75rem .7rem;position:relative;overflow:hidden}.coa-tour__shot{--camera-start:1.015;--camera-end:1.065;background:#07111d;border:1px solid #94b9da30;border-radius:.85rem;animation:.52s cubic-bezier(.16,1,.3,1) both coa-tour-shot-in;position:absolute;inset:0;overflow:hidden}.coa-tour__shot.is-vial-name{--camera-start:1.14;--camera-end:1.22}.coa-tour__camera,.coa-tour__picture,.coa-tour__picture img,.coa-tour__vignette,.coa-tour__focus-layer,.coa-tour__pointer{position:absolute;inset:0}.coa-tour__camera{animation:coa-tour-camera var(--scene-duration) ease-in-out both;height:100%;transform-origin:var(--focus-x) var(--focus-y);width:100%}.coa-tour.is-paused .coa-tour__camera,.coa-tour.is-paused .coa-tour__focus-box,.coa-tour.is-paused .coa-tour__focus-box i,.coa-tour.is-paused .coa-tour__arrow>path,.coa-tour.is-paused .coa-tour__target-dot{animation-play-state:paused}.coa-tour__picture{display:block}.coa-tour__picture img{user-select:none;width:100%;height:100%;display:block}.coa-tour__vignette{background:linear-gradient(180deg, #01060d52, transparent 30%, transparent 58%, #01060dcc), radial-gradient(circle at var(--spot-x) var(--spot-y), transparent 0 17%, #00050c26 42%, #00040a85 100%);pointer-events:none;z-index:1}.coa-tour__focus-layer{pointer-events:none;z-index:2}.coa-tour__pointer{pointer-events:none;z-index:3}.coa-tour__asset-label{backdrop-filter:blur(10px);color:#c7f8fd;letter-spacing:.12em;z-index:6;background:#020913b8;border:1px solid #67e8f92e;border-radius:999px;padding:.4rem .58rem;font-size:.54rem;font-weight:850;position:absolute;top:.75rem;left:.8rem}.coa-tour__focus-box{border:2px solid var(--tour-accent);border-radius:.55rem;animation:1.5s ease-in-out infinite coa-tour-focus;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c,0 0 0 5px #22d3ee1f,0 0 28px #22d3ee47}.coa-tour__focus-box:before,.coa-tour__focus-box:after{content:"";border-style:solid;border-color:#fff;width:14px;height:14px;position:absolute}.coa-tour__focus-box:before{border-width:2px 0 0 2px;top:4px;left:4px}.coa-tour__focus-box:after{border-width:0 2px 2px 0;bottom:4px;right:4px}.coa-tour__focus-box i{background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:34%;animation:2.2s ease-in-out infinite coa-tour-scan;position:absolute;top:0;bottom:0}.coa-tour__focus-box.is-secondary{opacity:.88;border-style:dashed;animation-delay:.22s}.coa-tour__arrow{width:100%;height:100%;overflow:visible}.coa-tour__arrow>path{fill:none;stroke:var(--tour-accent);stroke-dasharray:130;stroke-dashoffset:130px;stroke-linecap:round;stroke-width:.65px;vector-effect:non-scaling-stroke;animation:.72s cubic-bezier(.16,1,.3,1) .22s both coa-tour-draw}.coa-tour__arrow marker path{fill:var(--tour-accent)}.coa-tour__target-dot{border:3px solid var(--tour-accent-strong);background:#fff;border-radius:50%;width:15px;height:15px;margin:-7px 0 0 -7px;animation:1.45s ease-out infinite coa-tour-dot;position:absolute;box-shadow:0 0 #22d3ee94}.coa-tour__callout{backdrop-filter:blur(12px);border:1px solid #67e8f98c;border-left:3px solid var(--tour-accent);background:#020c18e6;border-radius:.5rem;min-width:116px;padding:.48rem .62rem;animation:.52s cubic-bezier(.16,1,.3,1) .18s both coa-tour-callout-in;position:absolute;transform:translateY(-50%);box-shadow:0 10px 30px #00000061}.coa-tour__callout.is-end{transform:translate(-100%,-50%)}.coa-tour__callout small,.coa-tour__callout strong{white-space:nowrap;display:block}.coa-tour__callout small{color:var(--tour-accent);letter-spacing:.13em;font-size:.46rem;font-weight:900}.coa-tour__callout strong{color:#fff;margin-top:.12rem;font-size:.66rem}.coa-tour__caption{backdrop-filter:blur(18px);z-index:5;background:linear-gradient(145deg,#030c18f0,#051220d6);border:1px solid #94b9da3b;border-radius:.75rem;max-width:min(450px,100% - 1.8rem);padding:.85rem .9rem;animation:.56s cubic-bezier(.16,1,.3,1) .12s both coa-tour-caption-in;position:absolute;bottom:.9rem;left:.9rem;box-shadow:0 18px 48px #00000061}.coa-tour__caption.is-right{left:auto;right:.9rem}.coa-tour__chapter{align-items:center;gap:.42rem;display:flex}.coa-tour__chapter span{color:var(--tour-accent);background:#67e8f91c;border-radius:.38rem;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.coa-tour__chapter small{color:var(--tour-accent);letter-spacing:.13em;font-size:.54rem;font-weight:900}.coa-tour__caption h2{color:#fff;letter-spacing:-.045em;margin:.62rem 0 0;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:720;line-height:1.02}.coa-tour__caption>p{color:#a7b7c7;margin:.45rem 0 0;font-size:.72rem;line-height:1.48}.coa-tour__selected-value{color:#75e9c5;border-top:1px solid #94b9da29;align-items:flex-start;gap:.42rem;margin-top:.62rem;padding-top:.58rem;display:flex}.coa-tour__selected-value>svg{flex:none;margin-top:.14rem}.coa-tour__selected-value span,.coa-tour__selected-value small,.coa-tour__selected-value strong{min-width:0;display:block}.coa-tour__selected-value small{color:#7990a5;letter-spacing:.07em;text-transform:uppercase;font-size:.5rem;font-weight:800}.coa-tour__selected-value strong{color:#eaf5fb;overflow-wrap:anywhere;margin-top:.16rem;font-size:.7rem;line-height:1.3}.coa-tour__controls{background:#050d19;border-top:1px solid #94b9da26;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .85rem;display:flex}.coa-tour__original button,.coa-tour__original a{color:var(--tour-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;min-height:44px;padding:0 .25rem;font-size:.69rem;font-weight:800;text-decoration:none;display:inline-flex}.coa-tour__original>span{color:#71869a;font-size:.67rem}.coa-tour__playback{gap:.42rem;display:flex}.coa-tour__playback button{cursor:pointer;border-radius:.58rem;justify-content:center;align-items:center;height:44px;display:flex}.coa-tour__previous,.coa-tour__play{border:1px solid var(--tour-line);color:#c0cfdb;background:0 0;width:44px;padding:0}.coa-tour__play{color:var(--tour-accent);border-color:#67e8f966}.coa-tour__play:disabled{cursor:default;opacity:.42}.coa-tour__previous:disabled{cursor:default;opacity:.3}.coa-tour__next{background:var(--tour-accent);border:1px solid var(--tour-accent);color:#031018;gap:.38rem;min-width:106px;padding:0 .85rem;font-size:.72rem;font-weight:900;transition:background .18s,border-color .18s,transform .18s}.coa-tour__next:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}@media (width<=760px){.coa-tour{align-items:stretch;padding:0}.coa-tour__dialog{border:0;border-radius:0;grid-template-rows:auto 44px minmax(0,1fr) auto;max-width:none;height:100dvh;min-height:100vh}.coa-tour__topbar{padding:max(.5rem, env(safe-area-inset-top)) .65rem .45rem;gap:.55rem}.coa-tour__brand>span{width:34px;height:34px}.coa-tour__brand strong{letter-spacing:.12em;font-size:.56rem}.coa-tour__brand small{font-size:.64rem}.coa-tour__status{font-size:.55rem}.coa-tour__status i{width:15px}.coa-tour__timeline{gap:.24rem;padding:0 .65rem}.coa-tour__stage{margin:0 .45rem .45rem}.coa-tour__shot{--camera-start:1.05;--camera-end:1.12;border-radius:.68rem}.coa-tour__shot.is-vial-name{--camera-start:1.12;--camera-end:1.2}.coa-tour__asset-label{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 1rem);padding:.34rem .46rem;font-size:.45rem;top:.5rem;left:.5rem;overflow:hidden}.coa-tour__focus-box{border-width:2px;min-width:44px;min-height:34px}.coa-tour__callout{min-width:92px;padding:.4rem .48rem}.coa-tour__callout small{font-size:.4rem}.coa-tour__callout strong{font-size:.58rem}.coa-tour__caption,.coa-tour__caption.is-right{max-width:calc(100% - 1rem);padding:.68rem .72rem;bottom:.5rem;left:.5rem;right:.5rem}.coa-tour__chapter span{width:24px;height:24px}.coa-tour__chapter small{font-size:.48rem}.coa-tour__caption h2{margin-top:.5rem;font-size:clamp(1.15rem,5.6vw,1.48rem)}.coa-tour__caption>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.38rem;font-size:.68rem;line-height:1.42;display:-webkit-box;overflow:hidden}.coa-tour__selected-value{margin-top:.48rem;padding-top:.45rem}.coa-tour__selected-value strong{font-size:.65rem}.coa-tour__controls{min-height:68px;padding:.5rem .6rem max(.5rem, env(safe-area-inset-bottom))}.coa-tour__original button,.coa-tour__original a{font-size:.62rem}.coa-tour__next{min-width:82px;padding:0 .65rem}}@media (width<=390px){.coa-tour__status{display:none}.coa-tour__topbar{grid-template-columns:minmax(0,1fr) 42px}.coa-tour__original button,.coa-tour__original a{text-align:left;max-width:98px}.coa-tour__playback{gap:.3rem}.coa-tour__previous,.coa-tour__play{width:42px}.coa-tour__next{min-width:68px}.coa-tour__next span{display:none}}@media (orientation:landscape) and (height<=650px){.coa-tour__dialog{grid-template-rows:auto 44px minmax(0,1fr) auto}.coa-tour__topbar{padding-top:.3rem;padding-bottom:.3rem}.coa-tour__brand>span,.coa-tour__close{width:36px;height:36px}.coa-tour__stage{margin-bottom:.35rem}.coa-tour__caption{max-width:390px;padding:.55rem .65rem}.coa-tour__caption h2{margin-top:.38rem;font-size:1.15rem}.coa-tour__caption>p{-webkit-line-clamp:1}.coa-tour__selected-value{display:none}.coa-tour__controls{padding-top:.35rem;padding-bottom:.35rem}}@media (prefers-reduced-motion:reduce){.coa-tour *,.coa-tour :before,.coa-tour :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.coa-tour__timeline button.is-active>i{transform:scaleX(.18)}}@keyframes coa-tour-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes coa-tour-shot-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes coa-tour-camera{0%{transform:scale(var(--camera-start))}to{transform:scale(var(--camera-end))}}@keyframes coa-tour-focus{0%,to{box-shadow:inset 0 0 0 1px #ffffff80,0 0 0 4px #22d3ee1a,0 0 20px #22d3ee33}50%{box-shadow:inset 0 0 0 1px #ffffffb8,0 0 0 7px #22d3ee26,0 0 34px #22d3ee6b}}@keyframes coa-tour-scan{0%{transform:translate(-120%)}to{transform:translate(380%)}}@keyframes coa-tour-draw{to{stroke-dashoffset:0}}@keyframes coa-tour-dot{0%{box-shadow:0 0 #22d3ee8c}72%,to{box-shadow:0 0 0 14px #22d3ee00}}@keyframes coa-tour-callout-in{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}@keyframes coa-tour-caption-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}