.journey{height:540svh}.stage{background:radial-gradient(ellipse at 50% 60%,#54335066,transparent 55%),radial-gradient(ellipse at 80% 0%,#352540,transparent 70%),#130f1b;perspective:none}.orbit,.mist{display:none}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,#100c1840 85%);z-index:25}.copy{z-index:30;pointer-events:none}.card{z-index:32}.board{z-index:40;pointer-events:none}.hint,.progress{z-index:45}.star{opacity:.3}.universe{position:absolute;inset:0;pointer-events:none;opacity:0}.traveller{position:absolute;width:108px;height:280px;left:calc(50% - 54px);top:calc(56% - 140px);z-index:15;filter:drop-shadow(0 0 24px #dcb9da30)}.traveller svg{width:100%;height:100%}.portal{position:absolute;left:50%;top:55%;width:min(60vw,650px);height:min(60vw,650px);border:1px solid #e7c4e535;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 90px #cc89c414,inset 0 0 80px #d4a9da0a}.portal:after{content:'';position:absolute;inset:12%;border-radius:50%;border:1px solid #e7c4e518}.ground{position:absolute;left:15%;right:15%;top:69%;height:16%;background:radial-gradient(ellipse,#c497c94a,transparent 65%);z-index:1}.flying-card{position:absolute;left:50%;top:53%;width:clamp(85px,12vw,175px);aspect-ratio:.69;will-change:transform,opacity;transform-origin:center;backface-visibility:visible}.flying-card img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid #e9cee68a;box-shadow:0 15px 40px #06040b80}.fog{position:absolute;pointer-events:none;left:-30%;width:160%;height:42%;will-change:transform,opacity;background:radial-gradient(ellipse at 20% 50%,#ad91c333,transparent 35%),radial-gradient(ellipse at 57% 65%,#e5b7d82e,transparent 40%),radial-gradient(ellipse at 80% 40%,#9d83b52a,transparent 35%)}.fog.back{top:30%;z-index:5}.fog.front{top:54%;z-index:23}.dust{position:absolute;inset:0;z-index:20}.dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#e8cde6;box-shadow:0 0 7px #e8cde6;opacity:.55}.scene-line{position:absolute;bottom:9%;left:8%;right:8%;text-align:center;z-index:27;font:clamp(24px,3vw,42px) Forum,serif;color:#f5deef;text-shadow:0 2px 20px #130f1b;opacity:0}.scene-line small{display:block;font:10px Manrope;margin-bottom:16px;letter-spacing:.24em;color:#ba9dbf}.static .universe,.static .scene-line{display:none}.static .card{opacity:1!important}.static .journey{height:100svh}.static .hint{display:none}.static .progress{display:none}
@media(max-width:650px){.journey{height:470svh}header{font-size:9px;align-items:center;gap:10px}header button{font-size:10px;white-space:nowrap}.traveller{width:76px;height:200px;left:calc(50% - 38px);top:calc(55% - 100px)}.portal{width:90vw;height:90vw}.flying-card{width:96px}.scene-line{bottom:14%;font-size:27px}.fog{height:35%}.board{inset:12% 4%}.card img{border-radius:18px}}
/* Floating spheres and continuous card flight, v3 */
.card{aspect-ratio:.69;max-height:none!important;transform-origin:center}.card img,.flying-card img{filter:brightness(var(--light,1));border-radius:12px;box-shadow:3px 4px 0 #71536d,6px 8px 0 #2b1f34,0 22px 40px #08050d80}.universe{z-index:12}.traveller{top:calc(43% - 140px);filter:drop-shadow(0 0 3px #e0bed177) drop-shadow(0 0 26px #dcb9da30)}.flying-card{aspect-ratio:.69}.scene-line{bottom:8%}.board{inset:0;z-index:28;display:block;opacity:1}.field-space{position:absolute;width:min(94vw,91svh,960px);aspect-ratio:1.25;left:50%;top:45%;transform:translate(-50%,-50%)}.field-sphere{position:absolute;width:29%;aspect-ratio:1;border:0;padding:0;border-radius:0;background:transparent;opacity:0;will-change:transform,opacity;cursor:zoom-in;filter:drop-shadow(0 0 13px #cfa7ce24)}.field-sphere svg{width:100%;height:100%;display:block;overflow:visible}.field-sphere:focus-visible{outline:2px solid #e7c0e5;outline-offset:4px;border-radius:50%}.field-orbit{position:absolute;inset:7% 10% 1%;border:1px solid #d3acd22b;border-radius:50%;opacity:0}.field-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;font:45px Forum;color:#c9a5c8;opacity:0}.field-center span{display:block;font:11px Manrope;color:#ccb9d0;letter-spacing:.12em}.caption{bottom:8%;opacity:0;pointer-events:none}.sphere-dialog{width:min(88vw,580px);padding:30px;border:1px solid #a782a74d;border-radius:25px;background:#241a30;color:#f4e5f4;text-align:center}.sphere-dialog::backdrop{background:#100a18d9}.detail-art{aspect-ratio:1}.detail-art svg{width:100%;height:100%}.sphere-dialog p{font:32px Forum;margin:0;max-width:none}.close-detail{position:absolute;right:12px;top:8px;padding:4px 13px;font-size:25px;background:#30243d;z-index:1}.static .card{left:61%;top:22%;width:min(27vw,350px);transform:rotate(-5deg)!important}.static .flying-card{display:none}
@media(max-width:650px){.traveller{width:90px;height:234px;left:calc(50% - 45px);top:calc(43% - 117px)}.field-space{width:100vw;top:45%}.field-sphere{width:32%}.field-center{font-size:30px}.field-center span{font-size:8px;letter-spacing:0}.scene-line{bottom:9%;font-size:25px}.caption{bottom:12%;font-size:29px}.card img,.flying-card img{box-shadow:2px 3px 0 #71536d,4px 5px 0 #2b1f34,0 15px 25px #08050d60}.static .card{left:46%;top:48%;width:42vw}}
@media(max-height:500px) and (min-width:651px){.field-space{width:80svh;top:43%}.caption{font-size:22px;bottom:4%}}
/* Quiet human silhouette, softened into the surrounding mist. */
.traveller{width:116px;height:282px;left:calc(50% - 58px);top:calc(43% - 141px);filter:drop-shadow(0 0 17px #d9abc01f)}
@media(max-width:650px){.traveller{width:94px;height:228px;left:calc(50% - 47px);top:calc(43% - 114px)}}
/* Photographic transparent figure. */
.traveller{width:240px;height:360px;left:calc(50% - 120px);top:calc(43% - 180px);filter:none;pointer-events:none}.traveller img{display:block;width:100%;height:100%;object-fit:contain;opacity:.92;-webkit-mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%)}
@media(max-width:650px){.traveller{width:184px;height:276px;left:calc(50% - 92px);top:calc(43% - 138px)}}
/* Interactive cards and closer perspective, v4. */
.card,.flying-card{cursor:pointer;outline:none;touch-action:pan-y}.card img,.flying-card img{filter:brightness(var(--light,1)) blur(var(--haze,0px));transform:perspective(700px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transition:transform .22s ease,box-shadow .22s ease}.card:focus-visible img,.flying-card:focus-visible img,.chosen img{outline:1px solid #f0c9e9;outline-offset:5px;box-shadow:3px 4px 0 #71536d,0 0 32px #cca1cc4d,0 25px 45px #08050d80}.chosen:after{content:'Нажмите ещё раз, чтобы открыть';position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%);width:175px;text-align:center;font:10px Manrope;color:#eed6eb;text-shadow:0 2px 8px #140d20;pointer-events:none}.card-dialog{width:min(90vw,540px);max-height:92svh;overflow:auto;padding:24px;border:1px solid #a782a74d;border-radius:24px;background:#21182c;color:#f6e9f5;text-align:center}.card-dialog::backdrop{background:#100a18e8}.close-card{position:absolute;right:10px;top:10px;z-index:2;font-size:25px;padding:3px 13px;background:#30243d}.large-card{display:block;margin:auto;width:auto;max-width:100%;height:auto;max-height:60svh;border-radius:14px}.card-dialog .card-question{margin:16px auto;font:22px Forum}.card-dialog .listen{background:#e2c1e4;color:#291c35;padding:12px 24px}.audio-status{font-size:12px;margin:10px auto 0;line-height:1.4}.listen[hidden]{display:none}.static .card img{filter:none}.static .chosen:after{display:none}
@media(prefers-reduced-motion:reduce){.card img,.flying-card img{transition:none}}
/* Refined continuity and depth, v5. */
html{scrollbar-gutter:stable}header{position:fixed;z-index:60;pointer-events:none;align-items:center}header span{transition:opacity .15s;pointer-events:none}header button{pointer-events:auto;background:#251a31ed}.depth-veil{position:absolute;left:-20%;top:42%;width:140%;height:38%;pointer-events:none;z-index:21;opacity:0;will-change:transform,opacity;background:radial-gradient(ellipse at 28% 70%,#cab1d31f,transparent 40%),radial-gradient(ellipse at 77% 30%,#ab87b51c,transparent 38%)}.flying-card img{display:block}.flying-card{will-change:transform,opacity}.static .depth-veil{display:none}.field-orbit{border-color:#d3acd220}.sphere-dialog,.card-dialog{overscroll-behavior:contain}.static header span{opacity:1!important}
@media(max-width:650px){header{left:5vw;right:5vw;top:15px}.depth-veil{opacity:.5}.traveller{width:184px;height:276px;left:calc(50% - 92px);top:calc(43% - 138px)}}
.card-dialog,.sphere-dialog{position:fixed;inset:0;margin:auto}
/* Prevent focus restoration from scrolling the clipped 3D stage sideways. */
@supports(overflow:clip){.stage{overflow:clip}}
/* Keep the figure and near cards clear of the caption on compact phones. */
@media(max-width:650px){.traveller{width:min(184px,22.67svh);height:min(276px,34svh);left:calc(50% - min(92px,11.335svh));top:calc(43% - min(138px,17svh))}}
@media(max-width:650px) and (max-height:650px){.copy{top:13%}.copy h1{font-size:34px;line-height:1.06;margin:12px 0}.copy p{font-size:12px;line-height:1.6}.scene-line{font-size:23px}.scene-line small{font-size:8px;margin-bottom:10px}}
/* Flatten each card into one plane before applying the shared depth order. */ .card,.flying-card{isolation:isolate;transform-style:flat}.card img,.flying-card img{background-color:#241b2a}
/* Opaque figure after a delayed entrance. Only the brief mist is translucent. */
.traveller img{opacity:1;-webkit-mask-image:none;mask-image:none}
.arrival-mist{position:absolute;left:33%;top:43%;width:34%;height:26%;pointer-events:none;z-index:18;opacity:0;background:radial-gradient(ellipse at 45% 65%,#d8b6d06b,transparent 64%);will-change:transform,opacity}
.mist-right{background:radial-gradient(ellipse at 60% 45%,#bfa6ce66,transparent 65%)}
.static .arrival-mist{display:none}
.opening-actions .hero-booking{display:inline-flex;align-items:center;gap:28px;text-decoration:none;background:linear-gradient(110deg,#e7bfd3,#d2bde5);color:#2e1e34;border:1px solid #f4d9ed35;border-radius:30px;padding:15px 23px;font:12px Manrope,sans-serif;min-height:46px;transition:box-shadow .2s,transform .2s}
.opening-actions .hero-booking:hover{transform:translateY(-2px);box-shadow:0 10px 35px #b980b32d}
@media(max-width:650px){.arrival-mist{left:18%;width:64%;top:39%;height:25%}.opening-actions .hero-booking{padding:12px 19px;font-size:11px;min-height:42px}}
@media(max-width:650px) and (max-height:650px){.opening-actions .hero-booking{font-size:10px;padding:10px 17px;min-height:38px}}
@media(prefers-reduced-motion:reduce){.opening-actions .hero-booking{transition:none}}
/* Explicit radii keep every glow fully transparent before its rectangular edges. */
.fog{background:radial-gradient(ellipse 19% 42% at 20% 50%,#ad91c32b 0%,#ad91c312 42%,#ad91c300 100%),radial-gradient(ellipse 28% 44% at 57% 50%,#e5b7d825 0%,#e5b7d80d 48%,#e5b7d800 100%),radial-gradient(ellipse 19% 42% at 80% 50%,#9d83b522 0%,#9d83b50b 45%,#9d83b500 100%)}
.depth-veil{background:radial-gradient(ellipse 27% 43% at 28% 50%,#cab1d31b 0%,#cab1d309 48%,#cab1d300 100%),radial-gradient(ellipse 22% 42% at 77% 50%,#ab87b518 0%,#ab87b508 45%,#ab87b500 100%)}
.arrival-mist{background:radial-gradient(ellipse 46% 44% at 50% 50%,#d8b6d050 0%,#d8b6d020 38%,#d8b6d008 70%,#d8b6d000 100%)}
.mist-right{background:radial-gradient(ellipse 46% 44% at 50% 50%,#bfa6ce45 0%,#bfa6ce1b 40%,#bfa6ce06 70%,#bfa6ce00 100%)}