/* V24 experiment: thumb navigation, real iPhone only. */
html.iphone-layout #phone-dock{position:fixed;z-index:65;bottom:calc(12px + env(safe-area-inset-bottom));left:16px;right:16px;display:grid;grid-template-columns:1fr .8fr 1.4fr;align-items:center;padding:5px 7px;background:#0b0c0e;color:#fff5e8;border:1px solid #f28b5f45;border-radius:7px;box-shadow:0 4px 20px #071b2533}
html.iphone-layout #phone-dock[data-home="true"]{grid-template-columns:1fr 1.4fr}
html.iphone-layout #phone-dock button{min-width:0;min-height:48px;padding:8px 10px;color:inherit;background:none;border:0;font:12px/1.3 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
html.iphone-layout #phone-dock button[hidden]{display:none}
html.iphone-layout #phone-dock #phone-contact{border-left:1px solid #fff5e830;color:#f5b28c}
html.iphone-layout #phone-dock button:focus-visible{outline:2px solid #f5b28c;outline-offset:-2px;border-radius:3px}
html.iphone-layout #phone-dock button:active{background:#ffffff12}
html.iphone-layout #reserve,html.iphone-layout body.in-world #reserve,html.iphone-layout #global-toggle,html.iphone-layout #route-back{display:none!important}
html.iphone-layout #scene{scroll-padding-bottom:90px}
html.iphone-layout #contact-footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
html.iphone-layout body:has(dialog[open]) #phone-dock,html.iphone-layout body.gallery-open #phone-dock{visibility:hidden;pointer-events:none}
html.iphone-layout #global-menu{inset:auto 0 0;margin:0;width:100%;max-width:100%;height:auto;max-height:88dvh;padding:48px 28px calc(22px + env(safe-area-inset-bottom));border:1px solid #f28b5f35;border-bottom:0;border-radius:16px 16px 0 0;overflow-y:auto}
html.iphone-layout #global-menu-title{margin:0 0 12px}
html.iphone-layout #global-menu nav button{min-height:48px;font-size:22px;padding:10px 0}
html.iphone-layout #global-menu .menu-close{top:8px;right:12px}

/* V26 continuous collection experiment. The home retains its V25 geometry. */
body:not([data-depth="0"]) #collection.adaptive-mosaic,
#world .world-image.photo-sequence.adaptive-mosaic{scroll-snap-type:none}
body:not([data-depth="0"]) #collection.adaptive-mosaic .collection-facet span{font-size:clamp(15px,1.65vw,25px);line-height:1.3;padding:6px 8px;overflow-wrap:normal}
html.iphone-layout body:not([data-depth="0"]) #collection.adaptive-mosaic .collection-facet span{font-size:clamp(14px,3.8vw,18px);padding:4px;line-height:1.25}
