/* Visual source: user-approved hiver-suspendu.html, supplied 2026-09-18. */

html, body { margin:0; background:#0B1324; font-family: -apple-system, "Helvetica Neue", Helvetica, sans-serif; color:#fff; }
a { color:#45D6E8; } a:hover { color:#DFF8FC; }
@keyframes fall { from { transform: translate(0,-60px); } to { transform: translate(70px, 920px); } }
@keyframes sway { 0%,100% { transform: translateX(-10px) rotate(0deg); } 50% { transform: translateX(10px) rotate(180deg); } }
@keyframes liftAll { 0% { transform: translate(0,0); } 18% { transform: translate(6px, 10px); } 100% { transform: translate(-40px, -1100px); } }
@keyframes crystallize { 0% { opacity:0; transform: translateY(-40px) scale(0.15) rotate(-50deg); filter: blur(10px) brightness(3); } 55% { opacity:1; transform: translateY(-6px) scale(0.96) rotate(-6deg); filter: blur(0) brightness(1.6); } 100% { opacity:1; transform: translateY(0) scale(1) rotate(0deg); filter: blur(0) brightness(1); } }
@keyframes float3d { 0% { transform: rotate3d(1,0.5,0,-16deg) rotateZ(-3deg) translateY(0); } 50% { transform: rotate3d(1,0.5,0,16deg) rotateZ(3deg) translateY(-6px); } 100% { transform: rotate3d(1,0.5,0,-16deg) rotateZ(-3deg) translateY(0); } }
@keyframes spinSlow { to { transform: rotate(360deg); } }
@keyframes touchBeat { 0% { transform: scale(1); filter: brightness(1); } 9% { transform: scale(0.92); filter: brightness(1.1); } 32% { transform: scale(0.96); filter: brightness(1.9); } 50% { transform: scale(1.16); filter: brightness(2.8); } 100% { transform: scale(1.16) rotate(40deg); filter: brightness(2.6); } }
@keyframes chargeLight { 0% { transform: scale(0.1); opacity:1; } 100% { transform: scale(1.5); opacity:0; } }
@keyframes bloomRing { 0% { transform: scale(0.5); opacity:0.95; } 100% { transform: scale(3.8); opacity:0; } }
@keyframes shard { 0% { transform: translateY(-16px) scale(0.3); opacity:0; } 20% { opacity:1; } 100% { transform: translateY(-96px) scale(1) rotate(120deg); opacity:0; } }
@keyframes spiralRise { 0% { transform: translate(0,0) rotate(0deg) scale(1); opacity:1; } 70% { opacity:1; } 100% { transform: translate(90px,-440px) rotate(35deg) scale(0.3); opacity:0; } }
@keyframes spiralRiseL { 0% { transform: translate(0,0) rotate(0deg) scale(1); opacity:1; } 70% { opacity:1; } 100% { transform: translate(-90px,-420px) rotate(-35deg) scale(0.3); opacity:0; } }
@keyframes spiralX { from { transform: translateX(-30px) rotateY(-40deg); } to { transform: translateX(30px) rotateY(40deg); } }
@keyframes dustTrail { 0% { opacity:0; transform: translateY(60px) rotate(-14deg) scaleY(0.3); } 30% { opacity:1; } 100% { opacity:0; transform: translate(-30px,-260px) rotate(-14deg) scaleY(1.1); } }
@keyframes facet { 0% { opacity:0; transform: translate(0,0) rotate(0deg) scale(0.4); } 20% { opacity:1; } 100% { opacity:0; transform: translate(var(--dx), var(--dy)) rotate(260deg) scale(1); } }
@keyframes answer { 0%,100% { filter: brightness(1); transform: scale(1); } 45% { filter: brightness(2.4); transform: scale(1.08); } }
@keyframes gather { 0% { filter: brightness(1); } 100% { filter: brightness(1.55); } }
@keyframes gatherWave { 0%,100% { filter: brightness(1.55); transform: scale(1); } 45% { filter: brightness(2.6); transform: scale(1.08); } }
@keyframes resonance { 0% { transform: scale(0.2); opacity:0.9; } 100% { transform: scale(18); opacity:0; } }
@keyframes liftA { 0% { transform: translate(0,0) rotate3d(1,0,0,0deg); opacity:1; } 24% { transform: translate(10px,10px) rotate3d(1,0.2,0,-70deg); } 62% { transform: translate(64px,-380px) rotate3d(1,0.25,0,-84deg) scale(0.85); opacity:1; } 100% { transform: translate(-30px,-980px) rotate3d(1,0.3,0,-110deg) scale(0.55); opacity:0; } }
@keyframes liftB { 0% { transform: translate(0,0) rotate3d(1,0,0,0deg); opacity:1; } 24% { transform: translate(-10px,10px) rotate3d(1,-0.2,0,-70deg); } 62% { transform: translate(-58px,-360px) rotate3d(1,-0.25,0,-84deg) scale(0.85); opacity:1; } 100% { transform: translate(40px,-980px) rotate3d(1,-0.3,0,-110deg) scale(0.55); opacity:0; } }
@keyframes liftTrail { 0% { opacity:0; transform: translateY(40px) scaleY(0.3); } 30% { opacity:0.9; } 100% { opacity:0; transform: translateY(-160px) scaleY(1.2); } }
@keyframes riseSprite { 0% { transform: translateY(0) scale(0.6); opacity:0; } 20% { opacity:1; } 100% { transform: translateY(-820px) scale(1.2); opacity:0; } }
@keyframes rise { 0% { transform: translateY(0); opacity:0; } 15% { opacity:1; } 100% { transform: translateY(-840px); opacity:0; } }
@keyframes auroraIn { 0% { opacity:0; transform: scale(1.18) translateY(40px); } 24% { opacity:0.7; transform: scale(1) translateY(0); } 67% { opacity:0.62; transform: scale(1.02) translateY(-8px); } 100% { opacity:0; transform: scale(1.06) translateY(-30px); } }
@keyframes skyBuild { from { opacity:0; } to { opacity:1; } }
@keyframes ripple { 0%,100% { transform: translateX(0) skewX(0deg); } 50% { transform: translateX(18px) skewX(-3deg); } }
@keyframes twinkle { 0%,100% { opacity:0; transform: scale(0.4); } 50% { opacity:1; transform: scale(1.2); } }
@keyframes glowPulse { 0%,100% { opacity:0.5; transform: scale(1); } 50% { opacity:1; transform: scale(1.15); } }
@keyframes beaconPulse { 0%,100% { opacity:0.7; transform: scale(1.15); } 50% { opacity:1; transform: scale(1.32); } }
@keyframes fadein { from { opacity:0; transform: translate(-50%, 8px); } to { opacity:1; transform: translate(-50%, 0); } }
@keyframes sheet { from { opacity:0; transform: translateY(24px); } to { opacity:1; transform: translateY(0); } }
@keyframes flash { 0% { opacity:0.85; } 100% { opacity:0; } }
@keyframes blink { 50% { opacity:0.3; } }
@keyframes drift { 0%,100% { transform: translate(0,0); } 50% { transform: translate(0,-14px); } }
@keyframes hue { 0% { filter: hue-rotate(0deg) brightness(1); } 50% { filter: hue-rotate(-30deg) brightness(1.3); } 100% { filter: hue-rotate(0deg) brightness(1); } }
@keyframes titleIn { from { opacity:0; transform: translateY(16px); filter: blur(6px); } to { opacity:1; transform: translateY(0); filter: blur(0); } }
@keyframes shine { 0% { transform: translateX(-120%) skewX(-20deg); } 100% { transform: translateX(220%) skewX(-20deg); } }
@keyframes phoneSway { 0%,100% { transform: translateX(-12px) rotate(-7deg); } 50% { transform: translateX(12px) rotate(7deg); } }
@keyframes liftHint { 0%,100% { transform: translateY(4px); opacity:0.6; } 50% { transform: translateY(-6px); opacity:1; } }
@keyframes rotateHint { 0%,20% { transform: rotate(0deg); } 60%,100% { transform: rotate(90deg); } }


:root{--ink:#0b1324;--cyan:#45d6e8;--ice:#dff8fc;--secondary:#a9ceda;--panel:rgba(11,27,49,.86);--edge:rgba(201,247,255,.28);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,sans-serif;color:#fff;background:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#070d1a}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}a{color:var(--cyan)}h1,h2,p{margin:0}h2{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:.12em}#experience{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate;background:var(--ink)}#camerafeed,#preview-backdrop{position:absolute;inset:0;width:100%;height:100%;display:block}#preview-backdrop{background:#071b31 url('../assets/approved/atrium.webp') 50% 40%/cover no-repeat}#preview-backdrop:after{content:'';position:absolute;inset:0;background:#0b132438}#camerafeed{z-index:1;touch-action:none}.screen{position:absolute;inset:0;z-index:10}.primary{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:100%;min-height:67px;border-radius:16px;background:linear-gradient(135deg,#6fe3f0,#45d6e8 60%,#2fb8cc);color:var(--ink);text-align:center;text-decoration:none;box-shadow:0 10px 40px #45d6e859,inset 0 1px 0 #ffffff80;transition:transform .15s,opacity .2s}.primary b{font-size:14px;letter-spacing:.1em;font-weight:600;line-height:1.4}.primary>span{font-size:11px;line-height:1.4;font-weight:500;opacity:.8;letter-spacing:.1em}.primary:active{transform:scale(.97)}.primary:before{content:'';position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,transparent,#ffffff73,transparent);animation:shine 3.2s ease-in-out infinite}.text-button{padding:10px;font-size:12px;min-height:44px;letter-spacing:.04em}.text-button span{display:block;font-size:10px;color:var(--secondary);margin-top:5px}.bilingual{font-size:13px;line-height:1.55}.bilingual span{display:block;font-size:12px;color:var(--secondary);margin-top:7px}.micro{font-size:10px;line-height:1.6}.micro span{font-size:10px}
.welcome{background:radial-gradient(ellipse at 50% 30%,#13203f 0%,#0b1324 55%,#070d1a 100%);overflow:hidden}.welcome-aurora{position:absolute;left:-30%;top:-24%;width:160%;height:78%;background:url('../assets/approved/aurora.webp') 50% 0/cover;mix-blend-mode:screen;opacity:.42;filter:blur(10px);animation:hue 12s ease-in-out infinite;mask-image:radial-gradient(ellipse 70% 62% at 50% 28%,#000 30%,transparent 100%);pointer-events:none}.welcome-header{position:absolute;left:36px;right:30px;top:max(7.1%,calc(16px + var(--safe-top)));font-size:10px;letter-spacing:.22em;color:#ffffff99}.experience-name{color:var(--cyan);margin-top:8px;letter-spacing:.2em;white-space:nowrap}.welcome-header img{max-width:180px;max-height:36px;object-fit:contain}.welcome-art{position:absolute;left:50%;top:17.77%;width:156px;height:156px;margin-left:-78px;perspective:600px;animation:titleIn 1.4s cubic-bezier(.2,.8,.2,1) both}.welcome-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:float3d 9s ease-in-out infinite;filter:brightness(1.2) saturate(.85) drop-shadow(0 10px 18px #060c1ab3) drop-shadow(0 0 10px #c8ecffb3)}.hero-glow{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,#45d6e866,#8a75d626 40%,transparent 70%);animation:glowPulse 3.2s ease-in-out infinite}.hero-spark{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff;box-shadow:0 0 24px 8px #ffffffcc,0 0 60px 20px #45d6e880;animation:glowPulse 2.4s ease-in-out infinite}.welcome-copy{position:absolute;left:36px;right:30px;top:42.65%}h1{font-size:clamp(28px,8.72vw,34px);font-weight:200;letter-spacing:.12em;line-height:1.15;text-shadow:0 0 30px #45d6e859;animation:titleIn 1.1s .5s both}h1 strong{font-weight:500}.welcome-english{display:flex;align-items:center;gap:12px;margin-top:14px;color:var(--ice);font-size:12px;letter-spacing:.22em;animation:titleIn 1s .9s both}.welcome-english i{width:28px;height:1px;background:var(--cyan)}.welcome-safety{position:absolute;left:36px;right:30px;top:59.24%;font-size:15px;line-height:1.55;color:#ffffffd9;animation:titleIn 1s 1.2s both}.welcome-safety span{display:block;margin-top:8px;font-size:13px;color:var(--ice);opacity:.85}.welcome-bottom{position:absolute;left:36px;right:36px;bottom:max(56px,calc(20px + var(--safe-bottom)));animation:titleIn 1s 1.7s both}.no-app{margin-top:16px;text-align:center;font-size:10px;line-height:1.6;letter-spacing:.12em;color:#ffffff8c}.preview-entry{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:9px;color:#a9ceda;white-space:nowrap;min-height:32px}#welcome-stars{position:absolute;inset:0;pointer-events:none}#welcome-stars i{position:absolute;border-radius:50%;background:var(--ice);box-shadow:0 0 6px 1px #dff8fc99;animation:twinkle var(--tw) ease-in-out infinite,drift var(--drift) ease-in-out infinite;animation-delay:var(--delay)}
#live{position:absolute;inset:0;z-index:4;pointer-events:none}.top-band{position:absolute;top:calc(20px + var(--safe-top));left:20px;right:20px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.round-button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff1f;background:var(--panel);display:grid;place-items:center;pointer-events:auto}.hamburger,.hamburger:before,.hamburger:after{width:18px;height:2px;border-radius:1px;background:white;display:block}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:'';position:absolute;left:0}.hamburger:before{top:-7px}.hamburger:after{top:7px}.preview-pill{margin-right:auto;font-size:8px;letter-spacing:.08em;background:var(--panel);border-radius:18px;padding:8px 12px}.record-timer{position:absolute;left:50%;transform:translateX(-50%);background:var(--panel);padding:9px 15px;border-radius:20px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.1em}.record-timer:before{content:'';display:inline-block;width:9px;height:9px;margin-right:12px;background:#ff4d5e;border-radius:50%;animation:blink 1s step-end infinite}.instruction-card,.restart{position:absolute;left:50%;bottom:max(176px,calc(142px + var(--safe-bottom)));transform:translateX(-50%);background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--edge);border-radius:24px;box-shadow:0 10px 30px #060c1a80;padding:14px 28px;text-align:center;max-width:calc(100% - 32px);white-space:nowrap;animation:fadein .35s cubic-bezier(.2,.8,.2,1)}.instruction-card{display:flex;align-items:center;gap:16px}#prompt b{display:block;font-size:14px;line-height:1.25;font-weight:700;letter-spacing:.12em;text-transform:uppercase}#prompt span{display:block;font-size:12px;line-height:1.3;letter-spacing:.1em;color:var(--secondary);margin-top:4px;text-transform:uppercase}.crystal-progress{display:flex;gap:22px;justify-content:center;font-size:22px;line-height:1;margin-top:10px;color:#ffffff47}.crystal-progress span{transition:color .4s,text-shadow .4s}.crystal-progress .lit{color:var(--cyan);text-shadow:0 0 14px #45d6e8e6,0 0 4px white}.instruction-card.progress-only .crystal-progress{margin-top:0}.lift-icon{font-size:25px;color:var(--cyan);line-height:1;animation:liftHint 1.4s infinite}.lift-icon i{display:block;width:14px;height:24px;border:2px solid #fff;border-radius:4px;margin:5px auto 0}.capture-controls{position:absolute;bottom:0;left:0;right:0;height:max(150px,calc(116px + var(--safe-bottom)));background:linear-gradient(0deg,#060c1a26,transparent)}.capture-modes{position:absolute;top:3px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:17px}.capture-modes button{font-size:13px;font-weight:700;letter-spacing:.14em;opacity:.45;min-height:44px;padding:0 5px;pointer-events:auto}.capture-modes button[aria-pressed=true]{opacity:1}.capture-modes i{width:4px;height:4px;border-radius:50%;background:#8eeeff}.capture-modes i.video{background:#ff4d5e}.shutter{position:absolute;left:50%;bottom:max(36px,var(--safe-bottom));margin-left:-36px;width:72px;height:72px;border-radius:50%;border:4px solid white;background:#0b1b318c;box-shadow:0 8px 24px #060c1a80;padding:6px;pointer-events:auto;transition:transform .15s}.shutter:active{transform:scale(.9)}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:white;transition:transform .2s,border-radius .2s,background .2s}.shutter.video-mode span{background:#ff4d5e}.shutter.recording span{border-radius:6px;transform:scale(.46)}.restart{pointer-events:auto;padding:15px 58px 15px 28px}.restart b{font-size:15px;letter-spacing:.12em}.restart span{display:block;font-size:11px;letter-spacing:.1em;margin-top:4px;color:var(--secondary)}.restart i{font-style:normal;position:absolute;right:22px;top:17px;font-size:28px;color:var(--cyan)}
.loading-screen{background:radial-gradient(ellipse at 50% 35%,#13203f,var(--ink) 65%)}.preparation{position:absolute;inset:0;display:grid;place-items:center;background:#0b132433}.prep-content{position:absolute;left:16px;right:16px;top:40%;transform:translateY(-50%);text-align:center}.prep-content h2{font-size:15px;letter-spacing:.14em;text-shadow:0 2px 12px #060c1acc}.prep-content>p{font-size:11px;letter-spacing:.14em;color:var(--secondary);margin-top:8px}.phone-loader{position:relative;width:110px;height:110px;margin:0 auto 26px;display:grid;place-items:center}.phone-loader:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(#45d6e8e6,transparent 70%);mask:radial-gradient(circle,transparent 60%,#000 62%);animation:spinSlow 1.6s linear infinite;filter:drop-shadow(0 0 10px #45d6e8b3)}.phone-loader:after{content:'';position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle,#45d6e840,transparent 70%);animation:glowPulse 2s infinite}.phone-loader i{width:28px;height:50px;border:3px solid white;border-radius:7px;position:relative;animation:phoneSway 2.4s ease-in-out infinite}.phone-loader i:after{content:'';position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:white}.load-track{width:160px;height:2px;background:#a9ceda22;margin:28px auto 10px}.load-track>div{height:100%;width:0;background:var(--cyan);transition:width .3s}.modal-screen{background:#0b132480;backdrop-filter:blur(6px);display:grid;place-items:center;padding:28px}.modal-panel{width:100%;max-width:430px;padding:36px 24px;border-radius:26px;background:#071b31f0;border:1px solid var(--edge);text-align:center;animation:sheet .3s}.modal-panel>p{margin-top:16px}.modal-panel .primary{margin:30px auto 0;max-width:260px;min-height:58px}.recovery-crystal{width:70px;height:70px;object-fit:contain;margin-bottom:26px;animation:float3d 6s infinite}.rotate i{animation:rotateHint 2.6s infinite alternate}.rotate:before{display:none}#landscape{z-index:30}
.menu-screen{background:#0b132459;z-index:16}.sheet-dismiss{position:absolute;inset:0;width:100%;height:100%}.menu-sheet{position:absolute;left:0;right:0;bottom:0;min-height:52%;background:#091a32f5;border-radius:28px 28px 0 0;padding:12px 30px max(30px,var(--safe-bottom));box-shadow:0 -20px 60px #0006;animation:sheet .35s cubic-bezier(.2,.8,.2,1)}.sheet-handle{width:46px;height:3px;border-radius:2px;background:#ffffff59;margin:0 auto 18px}.menu-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.menu-sheet h2{font-size:16px;letter-spacing:.2em}.close{width:44px;height:44px;font-size:26px}.menu-sheet .close{position:relative;margin-right:-9px}.menu-sheet .close:after{content:'';position:absolute;inset:9px;border-radius:50%;background:#ffffff14}.menu-sheet nav{display:grid}.menu-sheet nav button{text-align:left;padding:14px 0;border-bottom:1px solid #ffffff1a;font-size:15px;font-weight:700;letter-spacing:.08em}.menu-sheet nav button:last-child{border:0}.menu-sheet nav span{display:block;font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--secondary);margin-top:4px}.info-screen{z-index:17;background:#091a3afa;padding:100px 30px 40px;overflow:auto}.info-screen>.close{position:absolute;right:20px;top:calc(20px + var(--safe-top))}#info-content{font-size:13px;line-height:1.65}#info-content p{margin:20px 0}#info-content .en{font-size:12px;color:var(--secondary)}#info-content button{padding:14px 18px;border:1px solid var(--edge);border-radius:14px;font-size:12px}.media-review{z-index:18;background:#000}.media-back{position:absolute;left:20px;top:calc(20px + var(--safe-top));display:flex;gap:10px;align-items:center;text-align:left}.media-back i{font-size:24px;font-style:normal;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--panel)}.media-back span{font-size:11px;line-height:1.3;letter-spacing:.1em;color:var(--secondary);text-shadow:0 1px 6px #0009}.media-back small{font-size:10px}#media-content{position:absolute;inset:0 0 190px}#media-content img,#media-content video{width:100%;height:100%;object-fit:contain}.media-actions{position:absolute;bottom:max(20px,var(--safe-bottom));left:36px;right:36px;text-align:center}.media-actions .primary{min-height:55px}.media-actions p{margin-top:12px;color:var(--secondary)}.toast{position:absolute;z-index:40;bottom:max(176px,calc(142px + var(--safe-bottom)));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:12px 24px;border-radius:30px;border:1px solid var(--edge);background:var(--panel);backdrop-filter:blur(10px);box-shadow:0 10px 30px #060c1a80;text-align:center}.toast b{font-size:14px;letter-spacing:.07em;text-transform:uppercase}.toast span{display:block;font-size:11px;color:var(--secondary);margin-top:4px}#flash{position:absolute;inset:0;z-index:50;background:white;pointer-events:none;opacity:0;transition:opacity .25s}#hotspots{position:absolute;inset:0;z-index:3;pointer-events:none}.crystal-hit{position:absolute;width:124px;height:124px;margin:-62px;opacity:0;pointer-events:none;border-radius:50%;touch-action:none}.crystal-hit:focus-visible{opacity:1;background:transparent}
@media(min-width:700px){#experience{width:390px;max-width:100%;height:min(100dvh,844px);margin:auto}body{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#14213d,var(--ink) 60%,#070d1a)}}@media(max-height:740px){.welcome-art{width:128px;height:128px;margin-left:-64px;top:17%}.welcome-copy{top:40.5%}.welcome-safety{top:57%}.welcome-bottom{bottom:44px}h1{font-size:30px}.menu-sheet{padding-bottom:20px;min-height:59%}.menu-sheet nav button{padding:12px 0}.instruction-card,.restart{bottom:164px}.prep-content h2{font-size:13px}.modal-panel{padding:25px 20px}}@media(max-height:600px){.welcome-art{top:13%;width:98px;height:98px;margin-left:-49px}.welcome-header{top:5%}.welcome-copy{top:35%}.welcome-safety{top:55%;font-size:12px}.welcome-safety span{font-size:11px}.welcome-bottom{bottom:34px}.welcome-bottom .primary{min-height:52px}.no-app{margin-top:10px;font-size:8px}h1{font-size:26px}.welcome-english{font-size:10px;margin-top:8px}.preview-entry{bottom:0}.modal-panel .phone-loader{height:70px;width:70px}.modal-panel{padding:20px}.menu-sheet{max-height:90%;overflow:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Timing and capture controls follow the v8 interaction, keeping media on device. */
.preparation .prep-content>h2,.preparation .prep-content>p{transition:opacity .3s}.preparation.copy-faded .prep-content>h2,.preparation.copy-faded .prep-content>p{opacity:0}
#prompt{max-height:90px;opacity:1;overflow:hidden;transition:opacity .22s,max-height .28s}.instruction-card.progress-only #prompt{max-height:0;opacity:0}
#flash.capturing{animation:flash .26s ease-out both;transition:none}
.capture-review{position:absolute;left:24px;bottom:max(47px,var(--safe-bottom));width:48px;height:48px;border:1px solid var(--edge);border-radius:12px;overflow:hidden;background:var(--panel);pointer-events:auto;box-shadow:0 4px 15px #0005}.capture-review img{width:100%;height:100%;object-fit:cover}.capture-review span{display:none}.capture-review.is-video span{display:block;color:var(--cyan);font-size:20px}

/* Visitor preparation: same approved visual language, before permission prompts. */
.preparation-screen{background:radial-gradient(ellipse at 80% 0%,#17334a 0%,#0b1324 55%);overflow:auto;overscroll-behavior:contain}
.prepare-scroll{max-width:430px;min-height:100%;margin:0 auto;padding:calc(28px + var(--safe-top)) 30px calc(14px + var(--safe-bottom));display:flex;flex-direction:column}
.prepare-eyebrow{font-size:8px;line-height:1.5;letter-spacing:.16em;color:var(--secondary)}
.prepare-heading{position:relative;margin:30px 0 22px}.prepare-heading h2{font-size:26px;font-weight:300;line-height:1.24;letter-spacing:.10em}.prepare-heading>p{font-size:10px;letter-spacing:.14em;color:var(--secondary);margin-top:10px}.prepare-orbit{position:absolute;right:0;top:5px;font-size:46px;color:var(--ice);text-shadow:0 0 24px #45d6e859;font-weight:200}
.prepare-steps{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:19px}.prepare-steps li{display:flex;gap:15px;padding-top:17px;border-top:1px solid #b8dae526}.prepare-number{font-size:10px;line-height:22px;color:var(--secondary);letter-spacing:.1em}.prepare-steps b{font-size:14px;line-height:1.5;font-weight:600}.prepare-steps p{font-size:12px;line-height:1.5;margin-top:5px;color:#edf7fb}.prepare-steps p[lang=en]{font-size:11px;color:var(--secondary);margin-top:6px}.prepare-actions{margin-top:auto;text-align:center}.prepare-permissions{font-size:10px;line-height:1.5;color:#dff8fcc4;margin-bottom:14px}.prepare-permissions span{display:block;font-size:9px;color:var(--secondary);margin-top:3px}.prepare-actions .primary{min-height:62px}.prepare-actions .text-button{margin-top:8px}
@media(max-height:740px){.prepare-scroll{padding-top:calc(20px + var(--safe-top));padding-left:25px;padding-right:25px}.prepare-heading{margin:20px 0 17px}.prepare-heading h2{font-size:23px}.prepare-steps{gap:12px;margin-bottom:18px}.prepare-steps li{padding-top:12px}.prepare-steps p{font-size:11px}.prepare-steps p[lang=en]{font-size:10px}.prepare-steps b{font-size:13px}}
@media(max-width:360px){.prepare-orbit{display:none}.prepare-heading h2{font-size:21px;letter-spacing:.08em}}

.prepare-station{font-size:10px;letter-spacing:.13em;color:#b5e9f7;text-align:center;margin:0 0 20px}.prep-detail{max-width:310px!important;margin:24px auto 0!important;font-size:13px!important;line-height:1.6!important;letter-spacing:0!important;text-transform:none!important}.prep-detail span{display:block;font-size:11px;opacity:.65;margin-top:7px}.tracking-hint{position:absolute;top:82px;left:20px;right:20px;padding:17px 20px;background:rgba(11,19,36,.9);border:1px solid rgba(181,233,247,.3);border-radius:18px;text-align:center;pointer-events:none;z-index:20}.tracking-hint b,.tracking-hint span{display:block;font-size:12px;line-height:1.6}.tracking-hint b{letter-spacing:.1em;margin-bottom:5px}.tracking-hint span[lang=en]{font-size:10px;opacity:.7}
.phone-only{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px;text-align:center;background:radial-gradient(ellipse at 50% 25%,#143d58 0%,#0b182d 42%,#070e1d 85%)}.phone-property{font-size:15px;letter-spacing:.13em;font-weight:600}.phone-only .experience-name{font-size:9px;margin-top:12px}.phone-only>img{margin:30px 0 20px;filter:drop-shadow(0 0 24px #70e8ff70)}.phone-only h1{font-size:19px;line-height:1.5;letter-spacing:.06em}.phone-english{font-size:10px;letter-spacing:.12em;color:#b4d6e3;margin-top:10px}.phone-copy{font-size:13px;line-height:1.65;max-width:295px;margin:23px 0}.phone-copy span{display:block;color:#afbdcd;font-size:12px;margin-top:12px}.phone-only .primary{max-width:290px;min-height:60px}.phone-outline{width:19px;height:31px;border:1.5px solid #8eeaff;border-radius:5px;margin-bottom:20px;box-shadow:0 0 22px #73dffb40;position:relative}.phone-outline:after{content:'';position:absolute;bottom:3px;left:6px;width:5px;height:1px;background:#8eeaff}.phone-only .micro{color:#91a6bb;font-size:10px}#phone-link-status{min-height:35px;max-width:290px;font-size:11px;padding-top:10px;color:#92e7f3;overflow-wrap:anywhere}
.touch-confirmation{position:absolute;z-index:5;pointer-events:none;width:38px;height:38px;border:1.5px solid #dcfaff;border-radius:50%;box-shadow:0 0 16px #73e3ff99,inset 0 0 12px #8deaff55;opacity:0;transform:translate(-50%,-50%)}
.share-action{width:100%;min-height:48px;border:1px solid #8bdce080;border-radius:14px;margin-bottom:8px;background:#183449}.share-action b{display:block;font-size:13px;letter-spacing:.12em}.share-action span{display:block;font-size:10px;letter-spacing:.10em;color:var(--secondary);margin-top:4px}.media-review:has(.share-action:not([hidden])) #media-content{bottom:248px}

/* Mobile guide v8.1: fluid screen layouts, safe-area spacing, native-sized controls. */
:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--gutter:clamp(20px,6vw,32px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#experience{height:100vh;height:100dvh}
.primary{padding:12px 16px;flex-shrink:0}.primary b,.primary>span{overflow-wrap:anywhere}
.experience-name{white-space:normal;line-height:1.6}
.welcome{display:flex;flex-direction:column;gap:clamp(18px,3vh,30px);overflow-y:auto;overflow-x:hidden;padding:calc(24px + var(--safe-top)) max(var(--gutter),var(--safe-right)) calc(22px + var(--safe-bottom)) max(var(--gutter),var(--safe-left));scrollbar-width:thin}
.welcome-header,.welcome-art,.welcome-copy,.welcome-safety,.welcome-bottom{position:relative;inset:auto;flex-shrink:0;margin:0}
.welcome-header{font-size:10px;line-height:1.5}.welcome-art{align-self:center;width:clamp(104px,19vh,170px);height:clamp(104px,19vh,170px);margin:clamp(0px,1vh,12px) 0}
.welcome-copy h1{font-size:clamp(28px,8vw,36px);line-height:1.2}.welcome-english{font-size:11px;flex-wrap:wrap;letter-spacing:.16em;margin-top:12px}
.welcome-safety{font-size:15px;line-height:1.55}.welcome-safety span{font-size:13px;margin-top:6px}.welcome-bottom{margin-top:auto}.welcome-bottom .primary{min-height:62px}.no-app{font-size:10px;margin-top:14px}
.preview-entry{position:relative;inset:auto;transform:none;white-space:normal;min-height:44px;flex-shrink:0;font-size:11px;margin-top:-12px}
.prepare-scroll{max-width:520px;padding:calc(22px + var(--safe-top)) max(var(--gutter),var(--safe-right)) calc(12px + var(--safe-bottom)) max(var(--gutter),var(--safe-left))}
.prepare-eyebrow{font-size:9px;letter-spacing:.13em}.prepare-heading{margin:22px 0 18px;padding-right:40px}.prepare-heading h2{font-size:clamp(23px,6vw,28px);letter-spacing:.07em}.prepare-heading>p{font-size:11px;line-height:1.5;letter-spacing:.1em}.prepare-orbit{display:block;font-size:40px;right:0}.prepare-station{font-size:10px;line-height:1.6;letter-spacing:.09em;text-align:left;margin-bottom:18px}
.prepare-steps{gap:12px;margin-bottom:22px}.prepare-steps li{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px;padding-top:14px}.prepare-steps b{font-size:15px;line-height:1.45}.prepare-steps p{font-size:13px;line-height:1.5;margin-top:5px}.prepare-steps p[lang=en]{font-size:12px;line-height:1.5;margin-top:6px;color:#b8d4df}
.prepare-visual{position:relative;width:64px;height:68px;border:1px solid #90eaff30;border-radius:17px;background:radial-gradient(ellipse at 50% 20%,#3ad2e51c,transparent 80%);display:grid;place-items:center;color:#dff8fc}
.prepare-visual svg{width:54px;height:54px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.prepare-visual .icon-accent{stroke:#65e2f0;stroke-width:2}.prepare-number{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);background:#0b182a;border:1px solid #90eaff30;border-radius:9px;padding:0 6px;font-size:9px;line-height:16px;color:#a9e8f2}
.prepare-permissions{font-size:11px;line-height:1.5}.prepare-permissions span{font-size:11px}.prepare-actions .text-button{font-size:13px;margin-top:4px}
.top-band{left:max(16px,var(--safe-left));right:max(16px,var(--safe-right));top:calc(16px + var(--safe-top))}.round-button{flex-shrink:0}
.instruction-card,.restart{white-space:normal;width:max-content;max-width:calc(100% - 32px);bottom:calc(166px + var(--safe-bottom));padding:14px 20px}.instruction-card>div{min-width:0}#prompt{max-height:180px}#prompt b{font-size:13px;line-height:1.4;letter-spacing:.08em}#prompt span{font-size:11px;line-height:1.45;letter-spacing:.06em}.restart{padding-right:56px}
.capture-controls{height:calc(142px + var(--safe-bottom))}.shutter{bottom:calc(18px + var(--safe-bottom))}.capture-review{left:max(20px,var(--safe-left));bottom:calc(30px + var(--safe-bottom))}.toast{bottom:calc(166px + var(--safe-bottom));padding:12px 18px;overflow-wrap:anywhere}.toast b{font-size:13px;line-height:1.4}.toast span{line-height:1.45}
.tracking-hint{top:calc(76px + var(--safe-top));left:max(16px,var(--safe-left));right:max(16px,var(--safe-right))}
.loading-screen{overflow:auto;display:flex;align-items:center;justify-content:center;padding:calc(24px + var(--safe-top)) max(24px,var(--safe-right)) calc(24px + var(--safe-bottom)) max(24px,var(--safe-left))}.loading-screen>.prep-content{position:relative;inset:auto;transform:none;margin:auto;max-width:430px}.prep-content h2{font-size:15px;line-height:1.5}.prep-content>p{line-height:1.6}
.modal-screen{overflow:auto;align-items:safe center;padding:calc(20px + var(--safe-top)) max(20px,var(--safe-right)) calc(20px + var(--safe-bottom)) max(20px,var(--safe-left))}.modal-panel{margin:auto;padding:28px 22px}.modal-panel h2{overflow-wrap:anywhere}.modal-panel .text-button{min-height:48px}
.menu-sheet{min-height:0;max-height:calc(100% - 20px - var(--safe-top));overflow-y:auto;overscroll-behavior:contain;padding:12px max(26px,var(--safe-right)) calc(20px + var(--safe-bottom)) max(26px,var(--safe-left))}.menu-sheet nav button{min-height:60px}
.info-screen{padding:calc(86px + var(--safe-top)) max(var(--gutter),var(--safe-right)) calc(28px + var(--safe-bottom)) max(var(--gutter),var(--safe-left));overflow-wrap:anywhere}.info-screen>.close{right:max(20px,var(--safe-right))}#info-content{font-size:14px}#info-content .en{font-size:13px;line-height:1.65}#info-content button{min-height:48px}
.media-review{display:flex;flex-direction:column;overflow-y:auto;padding:calc(72px + var(--safe-top)) max(16px,var(--safe-right)) calc(10px + var(--safe-bottom)) max(16px,var(--safe-left));gap:12px}
#media-content,.media-review:has(.share-action:not([hidden])) #media-content{position:relative;inset:auto;flex:1 0 120px;min-height:120px}.media-review #media-content img,.media-review #media-content video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.media-back{top:calc(12px + var(--safe-top));left:max(16px,var(--safe-left));z-index:1;min-height:44px}.media-actions{position:relative;inset:auto;flex-shrink:0;width:100%;max-width:390px;margin:0 auto}.media-actions .primary{min-height:54px}.media-actions p{margin-top:8px}.share-action{min-height:48px}.text-button{min-height:44px}
.phone-only{overflow-y:auto;justify-content:safe center;padding:calc(28px + var(--safe-top)) max(24px,var(--safe-right)) calc(24px + var(--safe-bottom)) max(24px,var(--safe-left))}.phone-only>*{flex-shrink:0}.phone-only>img{width:clamp(80px,16vh,136px);height:clamp(80px,16vh,136px);margin:20px 0}.phone-only .experience-name{max-width:320px}
/* Lightweight SVG coaching, driven by tracking status, never by a fake percentage. */
.preparation{align-items:center;padding:calc(78px + var(--safe-top)) max(16px,var(--safe-right)) calc(20px + var(--safe-bottom)) max(16px,var(--safe-left));overflow-y:auto;pointer-events:auto;background:none;overscroll-behavior:contain}
.scan-guide{width:100%;max-width:360px;margin:auto;padding:18px 22px 20px;border:1px solid #b7f1ff4a;border-radius:28px;background:linear-gradient(155deg,#10283ae8,#0b1528eb);box-shadow:0 12px 40px #030c2333;text-align:center;pointer-events:none}
.scan-illustration{width:min(100%,220px);margin:0 auto 8px}.scan-illustration svg{display:block;width:100%;height:auto}.scan-label{font-size:9px;letter-spacing:.13em;line-height:1.6;color:#a9e4ed;margin-bottom:12px}.scan-copy h2{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:.01em;text-transform:none}.scan-copy>p[lang=en]{font-size:14px;line-height:1.5;color:#c3e9f4;margin-top:6px}.scan-detail{font-size:13px;line-height:1.55;color:#effaff;margin-top:18px}.scan-detail span{display:block;color:#adcbd9;font-size:12px;margin-top:8px}.scan-stages{display:flex;gap:6px;justify-content:center;margin-top:20px}.scan-stages i{width:20px;height:3px;border-radius:2px;background:#92e7f02b}.scan-stages i:first-child{background:#8aeaf2}
.scan-garden,.scan-phone-arrow,.scan-steady{opacity:0}.scan-phone{transform-origin:120px 90px;animation:scanPhone 3.6s ease-in-out infinite}.scan-sweep{animation:scanSweep 3.6s ease-in-out infinite;transform-origin:center}
[data-guide=aim] .scan-floor,[data-guide=steady] .scan-floor{opacity:.2}[data-guide=aim] .scan-garden,[data-guide=steady] .scan-garden{opacity:1}[data-guide=aim] .scan-phone{animation:scanLift 2.8s ease-in-out infinite}[data-guide=aim] .scan-phone-arrow{opacity:1}[data-guide=aim] .scan-stages i:nth-child(2),[data-guide=steady] .scan-stages i{background:#8aeaf2}
[data-guide=steady] .scan-phone{animation:none}[data-guide=steady] .scan-steady{opacity:1}[data-guide=steady] .scan-sweep{animation:none}
@keyframes scanPhone{0%,100%{transform:translate(-18px,3px) rotate(-9deg)}50%{transform:translate(18px,3px) rotate(9deg)}}
@keyframes scanSweep{0%,100%{transform:translateX(-23px);opacity:.3}50%{transform:translateX(23px);opacity:1}}
@keyframes scanLift{0%,100%{transform:translateY(8px) rotate(-7deg)}50%{transform:translateY(-6px) rotate(0)}}
@media(max-width:350px){.prepare-steps li{grid-template-columns:52px minmax(0,1fr);gap:12px}.prepare-visual{width:52px;height:58px;border-radius:14px}.prepare-visual svg{width:46px;height:46px}.prepare-heading{padding-right:28px}.prepare-orbit{font-size:32px}.welcome-header{font-size:9px}.experience-name{letter-spacing:.1em}.scan-guide{padding:14px 18px 16px}}
@media(max-height:650px){.welcome{gap:16px;padding-top:calc(18px + var(--safe-top))}.welcome-art{width:104px;height:104px;margin:0}.welcome-copy h1{font-size:28px}.welcome-safety{font-size:14px}.welcome-bottom .primary{min-height:56px}.welcome-english{margin-top:8px}.no-app{margin-top:10px}.scan-illustration{width:150px}.scan-guide{padding:12px 18px 16px}.scan-label{margin-bottom:8px}.scan-detail{margin-top:12px}.scan-stages{margin-top:14px}}
@media(orientation:landscape) and (max-height:540px){.welcome-art{width:90px;height:90px}.preparation{padding-top:calc(70px + var(--safe-top))}.scan-guide{max-width:620px;display:grid;grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:12px;align-items:center}.scan-illustration{width:100%;margin:0}.scan-stages{grid-column:1/-1;margin-top:0}.modal-panel .phone-loader{width:64px;height:64px;margin-bottom:14px}.modal-panel{padding:20px}.modal-panel>p{margin-top:12px}}
@media(min-width:700px) and (hover:hover) and (pointer:fine){#experience{height:min(100dvh,844px)}}
@media(hover:none),(pointer:coarse){#experience{width:100%;max-width:none;height:100vh;height:100dvh;margin:0}}
@media(prefers-reduced-motion:reduce){.scan-phone,.scan-sweep{animation:none!important}.scan-sweep{opacity:.7}}
.scan-detail b{font-weight:400}
.welcome-aurora{left:0;width:100%}
[data-guide=scan] .scan-garden{opacity:.3}
.scan-ready{opacity:0}[data-guide=ready] .scan-ready{opacity:1}[data-guide=ready] .scan-phone,[data-guide=ready] .scan-floor{opacity:0;animation:none}[data-guide=ready] .scan-sweep{animation:none}[data-guide=ready] .scan-garden{opacity:.25}[data-guide=ready] .scan-stages i{background:#bafcf0}[data-guide=ready] .scan-guide{border-color:#bafcf066;box-shadow:0 12px 40px #030c2333,0 0 28px #72e8f014}
/* Readable preparation cards: large visual header, full-width bilingual copy. */
.prepare-station{padding:18px 0 20px;margin:0;border-top:1px solid #b8dae526}.prepare-station>span{display:block;font-size:11px;letter-spacing:.13em;line-height:1.5;color:#a9ceda}.prepare-station>strong{display:block;font-size:28px;font-weight:500;line-height:1.3;letter-spacing:.08em;color:#e4faff;margin-top:8px}
.prepare-steps{gap:24px;margin-bottom:28px}.prepare-steps li{grid-template-columns:84px minmax(0,1fr);gap:10px 18px;padding-top:22px}.prepare-steps li>div{display:contents}.prepare-steps b{align-self:center;font-size:20px;line-height:1.3}.prepare-steps p{grid-column:1/-1;font-size:16px;line-height:1.55;margin-top:10px}.prepare-steps p[lang=en]{font-size:14px;line-height:1.55;margin-top:0}.prepare-visual{width:84px;height:88px;border-radius:22px}.prepare-visual svg{width:72px;height:72px}.prepare-number{font-size:11px;line-height:19px;bottom:-8px}.prepare-permissions{font-size:12px}.prepare-permissions span{font-size:12px}.prepare-actions .primary{min-height:68px}.prepare-actions .primary b{font-size:16px}.prepare-actions .primary>span{font-size:12px}
@media(max-width:350px){.prepare-steps li{grid-template-columns:76px minmax(0,1fr);gap:10px 14px}.prepare-visual{width:76px;height:80px}.prepare-visual svg{width:66px;height:66px}.prepare-steps b{font-size:18px}.prepare-station>strong{font-size:26px}}
@media(min-width:700px) and (max-height:540px){#experience{width:100%;height:100vh;height:100dvh}}