/* BEYOND THE FLOW V17 MOBILE EDITION — touch-first, all features retained */
html[data-edition="mobile"]{-webkit-text-size-adjust:100%}
@media(max-width:850px){
 html[data-edition="mobile"]{scroll-padding-top:68px}
 body[data-edition="mobile"]{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 body[data-edition="mobile"] .nav{padding-left:18px;padding-right:18px}
 body[data-edition="mobile"] .hero{min-height:auto}
 body[data-edition="mobile"] .hero-copy{min-height:0!important;padding:92px 20px 12px!important}
 body[data-edition="mobile"] .hero-stage{height:440px!important;min-height:0;margin-top:6px!important}
 body[data-edition="mobile"] .hero-index{margin-top:10px}
 body[data-edition="mobile"] .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 body[data-edition="mobile"] .hero-actions .btn{min-width:0!important;justify-content:center;padding-inline:10px!important;font-size:11px}
 body[data-edition="mobile"] .hero-footer{display:none!important}
 body[data-edition="mobile"] .v16-pathways{padding-block:70px 76px}
 body[data-edition="mobile"] .v16-path-card{min-height:175px;padding:18px 20px}
 body[data-edition="mobile"] .v16-path-symbol{font-size:30px;margin:0}
 body[data-edition="mobile"] .v16-path-card p{max-width:350px}
 body[data-edition="mobile"] .experience-v2{padding-bottom:85px}
 body[data-edition="mobile"] .experience-frame{height:855px!important;min-height:855px!important;overflow:hidden}
 body[data-edition="mobile"] .experience-frame>#experience-canvas{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:435px!important;touch-action:pan-y}
 body[data-edition="mobile"] .experience-bg-glow,body[data-edition="mobile"] .experience-grid-overlay,body[data-edition="mobile"] .v8-view-wipe{height:435px!important;bottom:auto!important}
 body[data-edition="mobile"] .experience-frame:after{content:"";position:absolute;top:433px;left:0;right:0;height:1px;background:rgba(193,255,189,.16);pointer-events:none}
 body[data-edition="mobile"] .experience-frame .experience-topline{top:14px;left:14px;right:14px}
 body[data-edition="mobile"] .experience-frame .experience-crosshair{top:225px;left:50%;pointer-events:none}
 body[data-edition="mobile"] .v8-inspection{top:447px!important;bottom:auto!important;left:14px!important;right:14px!important;width:auto!important;min-height:168px!important;padding:16px 18px!important;background:#0b211e!important;border:1px solid rgba(173,239,182,.28)!important}
 body[data-edition="mobile"] .v8-inspection-counter{margin-top:9px!important}
 body[data-edition="mobile"] .v8-inspection h4{font-size:22px!important;line-height:1.12;margin:4px 0 6px!important}
 body[data-edition="mobile"] .v8-inspection p{font-size:12px!important;line-height:1.45!important}
 body[data-edition="mobile"] .v8-inspection-footer{flex-direction:row!important;margin-top:8px!important;padding-top:7px!important;align-items:center!important}
 body[data-edition="mobile"] #v8-reset-camera{min-height:34px;min-width:96px;font-size:11px!important;text-align:right}
 body[data-edition="mobile"] .v8-inspection-rail{top:632px!important;left:14px!important;right:14px!important;bottom:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:auto!important;min-width:0!important}
 body[data-edition="mobile"] .v8-inspection-rail>span{display:none!important}
 body[data-edition="mobile"] .v8-focus-btn{max-width:none!important;min-width:0!important;min-height:54px!important;width:100%!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:8px 6px!important;gap:3px!important}
 body[data-edition="mobile"] .v8-focus-btn small{font-size:10px!important;letter-spacing:0!important}
 body[data-edition="mobile"] .experience-bottom{top:710px!important;bottom:auto!important;left:14px!important;right:14px!important;width:auto!important;background:transparent!important;padding:0!important;max-width:unset!important}
 body[data-edition="mobile"] .experience-current h3{font-size:18px!important;max-width:245px}
 body[data-edition="mobile"] .experience-current p{font-size:11px!important;max-width:280px;line-height:1.45!important}
 body[data-edition="mobile"] .experience-scenes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
 body[data-edition="mobile"] .experience-scenes button{min-height:55px!important;min-width:0!important;padding:10px 9px!important;font-size:10px!important;white-space:normal;text-align:left}
 body[data-edition="mobile"] .v16-backtop{display:none!important}
 body[data-edition="mobile"] .contact{padding-bottom:65px}
 body[data-edition="mobile"] .footer{padding-bottom:25px}
 body[data-edition="mobile"] .project-card{margin-bottom:13px}
 body[data-edition="mobile"] .lab-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 body[data-edition="mobile"] .lab-tabs button{padding:14px 5px!important;min-height:60px;white-space:normal;font-size:11px}
 body[data-edition="mobile"] .lab-tabs button span{display:block;margin-bottom:4px}
 body[data-edition="mobile"] .range-row input[type="range"]{height:34px;min-width:0;touch-action:pan-x}
 body[data-edition="mobile"] .range-row{padding-block:7px}
 body[data-edition="mobile"] .btf-prelude-controls button,body[data-edition="mobile"] .btf-prelude-timeline button{touch-action:manipulation}
 body[data-edition="mobile"] .btf-prelude-timeline button{min-height:44px;padding:4px 0}
 body[data-edition="mobile"] .btf-prelude-controls{gap:7px;flex-wrap:wrap}
 body[data-edition="mobile"] .btf-prelude-controls button{min-height:38px}
 body[data-edition="mobile"] .project-dialog,body[data-edition="mobile"] .v9-brief-dialog,body[data-edition="mobile"] #v7-graphics-dialog{max-height:min(86svh,820px);max-width:calc(100vw - 22px);overflow-y:auto}
 body[data-edition="mobile"] .nav-links a{min-height:46px;display:flex;align-items:center}
 body[data-edition="mobile"] .menu-toggle{min-width:44px;min-height:44px}
}
.v17-mobile-dock{display:none}
@media(max-width:850px){
 body[data-edition="mobile"] .v17-mobile-dock{display:grid;position:fixed;z-index:96;bottom:0;left:0;right:0;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px max(7px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom,0px)) max(7px,env(safe-area-inset-right));gap:3px;min-height:72px;background:rgba(6,17,18,.96);border-top:1px solid rgba(193,255,153,.24);box-shadow:0 -16px 44px rgba(0,0,0,.3);backdrop-filter:blur(20px)}
 .v17-mobile-dock a{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;min-height:47px;border-radius:10px;color:#98b3a9;text-decoration:none;font-size:9px;font-weight:750;letter-spacing:-.01em;position:relative}
 .v17-mobile-dock a svg{height:19px;width:19px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
 .v17-mobile-dock a[aria-current="location"]{background:rgba(188,255,137,.10);color:#d9ff9d}
 .v17-mobile-dock a[aria-current="location"]:before{content:"";position:absolute;top:1px;width:24px;height:2px;background:#c7ff62;border-radius:4px}
 html.btf-prelude-on .v17-mobile-dock, body:has(dialog[open]) .v17-mobile-dock, body:has(.nav-links.open) .v17-mobile-dock{visibility:hidden;pointer-events:none}
}
@media(max-width:390px){
 body[data-edition="mobile"] .experience-frame{height:885px!important;min-height:885px!important}
 body[data-edition="mobile"] .v8-inspection{min-height:184px!important}
 body[data-edition="mobile"] .v8-inspection-rail{top:645px!important}
 body[data-edition="mobile"] .experience-bottom{top:730px!important}
 body[data-edition="mobile"] .hero-stage{height:410px!important}
}
@media(prefers-reduced-motion:reduce){.v17-mobile-dock{backdrop-filter:none}}

/* The fallback SVG must use the 3D viewport area, not the full 855px card: prevents crop and lower-left alignment. */
@media(max-width:850px){
 body[data-edition="mobile"] .experience-frame>.showroom-fallback-art{width:100%!important;height:435px!important;left:0!important;top:0!important;right:0!important;overflow:hidden;display:flex!important;align-items:center;justify-content:center}
 body[data-edition="mobile"] .experience-frame>.showroom-fallback-art svg{display:block;width:100%;height:auto;max-height:435px}
 body[data-edition="mobile"] .hero .v9-hero-shortcuts{margin-top:10px}
 body[data-edition="mobile"] .hero .v7-gfx-open{margin-top:7px}
 body[data-edition="mobile"] .hero .v10-hero-prelude{margin-top:11px}
 body[data-edition="mobile"] .hero-stage{margin-top:2px!important}
 body[data-edition="mobile"] .v17-mobile-dock.is-suppressed{visibility:hidden;pointer-events:none}
}