:root{--experience-bar:66px}body{padding-bottom:calc(var(--experience-bar) + env(safe-area-inset-bottom))!important}.experience-nav{position:fixed;z-index:100;bottom:0;left:0;right:0;min-height:var(--experience-bar);padding:8px max(16px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#090e12f5;border-top:1px solid #c79a5638;color:#e4d3b9;font:11px/1.4 Arial,sans-serif;backdrop-filter:blur(12px)}.experience-brand{letter-spacing:.2em;font-size:12px}.experience-brand small{display:block;font-size:7px;letter-spacing:.12em;color:#a48c68;margin-top:3px}.experience-nav>div{display:flex;gap:6px}.experience-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:28px;border:1px solid transparent;color:#b9b5ac;text-decoration:none;font-size:11px;white-space:nowrap}.experience-nav a[aria-current]{border-color:#c79a5666;color:#e8ca94;background:#c79a560b}.experience-nav a:focus-visible{outline:2px solid #c79a56;outline-offset:2px}body[data-app-mode=restaurant] #voices{display:none}body[data-app-mode=restaurant] .active-line strong{display:none}.robot-ar-pending{margin:20px 0 14px;padding-top:16px;border-top:1px solid #c79a5630}.robot-ar-pending button{width:100%;min-height:48px;border:1px solid #c79a563b;border-radius:28px;background:#10171b;color:#c4ad88;font:12px Arial,sans-serif;cursor:not-allowed}.robot-ar-pending p,.voice-test-note{font:11px/1.7 Arial,sans-serif;color:#a2a7ac}.robot-ar-pending p{margin:10px 0}.voice-test-note{color:#c6ac81}body[data-app-route=final] .reveal{height:calc(100svh - var(--experience-bar));min-height:600px}body[data-app-route=final] .music-controls{top:86px}.final-restored-note{position:absolute;z-index:8;left:24px;right:24px;top:145px;margin:0;text-align:center;color:#ad9d87;font:10px/1.5 Arial,sans-serif;pointer-events:none}body[data-app-route=menu] #prototype{margin-bottom:0}body[data-app-route=menu] .screen{min-height:max(810px,calc(100svh - var(--experience-bar)))}@media(max-width:520px){.experience-nav{gap:6px;padding-left:12px;padding-right:12px}.experience-brand{font-size:9px;letter-spacing:.12em}.experience-brand small{font-size:6px}.experience-nav a{padding:8px 10px;font-size:10px}.experience-nav>div{gap:0}body[data-app-mode=studio] .experience-nav a{padding:8px;font-size:9px}}@media(prefers-reduced-motion:reduce){.experience-nav{backdrop-filter:none}}
:root{scroll-padding-bottom:90px}.voice-test-note{order:3}.robot-ar-pending{order:8}body[data-app-route=welcome] details{order:9}
/* Reserve the new navigation height using existing empty hero space, not image cropping. */
body[data-app-route=menu] #prototype{min-height:calc(100svh - var(--experience-bar))}body[data-app-route=menu] .home .hero-composition.hero-final{min-height:calc(440px - var(--experience-bar));max-height:calc(440px - var(--experience-bar))}@media(min-width:701px){body[data-app-route=menu] .home .hero-composition.hero-final{min-height:calc(460px - var(--experience-bar));max-height:calc(460px - var(--experience-bar))}}

.robot-ar{order:8;margin:20px 0 14px;padding-top:16px;border-top:1px solid #c79a5630}.robot-ar a{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;padding:12px 16px;border:1px solid #c79a5680;border-radius:28px;background:#171b1c;color:#e5ccaa;text-decoration:none;font:12px Arial,sans-serif}.robot-ar a[aria-disabled=true]{opacity:.45;pointer-events:none}.robot-ar p{font:11px/1.7 Arial,sans-serif;color:#a2a7ac;margin:10px 0}.robot-ar a:focus-visible{outline:2px solid #c79a56;outline-offset:3px}

/* I2D: stable primary labels, equal touch targets and iPhone safe-area spacing. */
.experience-nav>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(64vw,630px);gap:6px}.experience-nav a{min-width:0;min-height:44px;padding:8px 10px;font-size:12px;line-height:1.3;white-space:nowrap}.experience-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}body[data-app-mode=studio] .experience-nav>div{grid-template-columns:repeat(4,minmax(0,1fr));width:min(74vw,760px)}
@media(max-width:520px){.experience-nav{gap:0;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.experience-nav .experience-brand{display:none}.experience-nav>div,body[data-app-mode=studio] .experience-nav>div{width:100%;gap:4px}.experience-nav a{padding:8px 4px;font-size:12px}body[data-app-mode=studio] .experience-nav a{padding:8px 2px;font-size:10.5px}}

/* I2G: one viewport-fixed navigation layer; the document remains the vertical scroller. */
:root{--experience-nav-space:calc(var(--experience-bar) + env(safe-area-inset-bottom));scroll-padding-bottom:calc(var(--experience-nav-space) + 16px)}
body:not(.test-portal){padding-bottom:var(--experience-nav-space)!important}
.experience-nav{position:fixed;inset:auto 0 0;transform:translateZ(0);backface-visibility:hidden;transition:none;animation:none}
@media(max-width:900px){.experience-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#090e12}}