/* Quiet continuity: one route surface, stationary navigation, immediate controls. */
:root{view-transition-name:none;--quiet-ease:cubic-bezier(.16,1,.3,1)}
html[data-route-motion] #main{view-transition-name:store-content}
html[data-route-motion] .brand-header{view-transition-name:store-brand}
html[data-route-motion] .bottom-nav{view-transition-name:store-nav}
::view-transition{pointer-events:none}
::view-transition-group(store-content){z-index:1;animation-duration:220ms;animation-timing-function:var(--quiet-ease)}
::view-transition-group(store-brand),::view-transition-group(store-nav){z-index:2;animation:none}
::view-transition-old(store-brand),::view-transition-old(store-nav){display:none}
::view-transition-new(store-brand),::view-transition-new(store-nav){animation:none}
::view-transition-old(store-content){animation:quiet-out 150ms ease-out both;mix-blend-mode:normal}
::view-transition-new(store-content){animation:quiet-in 220ms var(--quiet-ease) both;mix-blend-mode:normal}
html[data-route-motion=forward]::view-transition-new(store-content){animation-name:quiet-forward}
html[data-route-motion=back]::view-transition-new(store-content){animation-name:quiet-back}
@keyframes quiet-out{to{opacity:0}}
@keyframes quiet-in{from{opacity:0}to{opacity:1}}
@keyframes quiet-forward{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes quiet-back{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
/* Same home surface unites the two choices; the principal action keeps a clear cue. */
.a-home-actions{background:#f3eedc;padding:5px;gap:3px;border-radius:16px;overflow:visible}
.a-home-actions a{position:relative;isolation:isolate;padding:18px 15px 16px;border-radius:12px;min-height:104px;justify-content:center;overflow:hidden}
.a-home-actions .a-order-entry{background:var(--surface);color:var(--cocoa)}
.a-home-actions .a-experience-entry{background:var(--surface)}
.a-home-actions strong{position:relative;z-index:1;font-size:1.3125rem}
.a-home-actions a>span{position:relative;z-index:1;font-size:.6875rem}
.a-home-actions .a-order-entry>span>svg{color:var(--surface);background:var(--cocoa);padding:4px;border-radius:50%;height:24px;width:24px}
.entry-object{position:absolute;width:44px;height:44px;right:10px;top:8px;opacity:.55;z-index:0;pointer-events:none}
.a-home-actions a:active{background:var(--selected)}
/* Selection is a surface shift, not a collection of outlined boxes. */
.option-pills,.g-modes,.j-choice-row.g-people{padding:4px;gap:4px;border-radius:14px;background:#edf2f3;border:0}
.option-pills label{flex:1;min-width:0}
.option-pills label>span{border:0!important;min-height:46px;padding:10px 14px;border-radius:10px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:none;transition:background-color 180ms,color 140ms}
.option-pills input:checked+span{background:var(--selected);color:var(--cocoa);box-shadow:none}
.option-pills input:checked+span:before{content:none}
.option-pills label>span:after{content:"";flex:0 0 12px;width:12px;height:12px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transition:opacity 140ms}
.option-pills input:checked+span:after{opacity:1}
.option-pills input:disabled+span{background:var(--disabled);color:#735E58;opacity:1}
.option-pills span small{font-size:.75em}
.booking-slots label>span{position:relative;display:grid;justify-items:center;gap:3px;padding:12px 20px 12px 8px;line-height:1.5;overflow-wrap:anywhere}
.booking-slots label>span:after{position:absolute;right:6px;top:14px}
.booking-slots span small{display:block}
.choice-object{width:28px;height:28px;flex:none}
#jieou-prototype-v3 .g-modes>button,.j-choice-row.g-people>button{border:0;border-radius:10px;background:transparent;box-shadow:none;transition:background-color 160ms;color:var(--muted)}
#jieou-prototype-v3 .g-modes>button[aria-pressed=true],.j-choice-row.g-people>button[data-on=true]{background:var(--selected);color:var(--cocoa)}
#jieou-prototype-v3 .g-modes>button[aria-pressed=true]:before{content:none}
#jieou-prototype-v3 .g-modes>button[aria-pressed=true]:after,.j-choice-row.g-people>button[data-on=true]:after{content:'✓';font-size:.75em;margin-left:7px}
.category-rail{background:#eef2f1;padding:10px 5px}
.category-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;margin-bottom:5px;min-height:84px;width:100%;padding:9px 3px;border:0;transition:background-color 160ms,color 160ms}
.category-object{width:32px;height:32px;opacity:.65;pointer-events:none}
.category-rail button[aria-pressed=true]{background:#e9e3b8}
.category-rail button[aria-pressed=true] .category-object{opacity:1}
.category-rail button[aria-pressed=true]:after{position:absolute;right:5px;top:7px;font-size:10px;margin:0}
.category-rail button{position:relative}
/* Four small objects form a family; no extra scene art or repeating patterns. */
.product-icon{display:grid;place-items:center}
.product-icon img{position:static;left:auto;top:auto;width:72%;height:72%;max-width:78px;max-height:78px;transform:none;object-fit:contain}
.a-experience-row{border-bottom:0;border-radius:12px;padding:14px 8px;gap:17px}
.a-experience-row+.a-experience-row{margin-top:4px}
.a-experience-row .product-icon{background:#f0f3ed;display:grid;place-items:center;overflow:visible;border-radius:16px}
.a-experience-row .product-icon img{width:52px;height:52px;object-fit:contain;transform:none}
.a-experience-row:active{background:#edf2f3}
.product-icon img{object-fit:contain}
.game-cover .product-icon{display:grid;place-items:center;background:#edf2f3;border-radius:16px}
.game-cover .product-icon img{transform:none;max-width:78%;max-height:78%}
dialog[open]{animation:a-sheet-in 220ms var(--quiet-ease)}
dialog::backdrop{animation:quiet-in 160ms ease-out}
@media(hover:hover){.a-experience-row:hover{background:#f1f4f2}.a-home-actions a:hover{filter:none;background:#fbf8ef}.option-pills label:hover>span{background:#e4ebed}.option-pills label:hover>input:checked+span{background:var(--selected)}}
@media(max-width:359px){.a-home-actions a{padding:18px 10px 14px}.entry-object{width:36px;height:36px;right:6px}.a-home-actions strong{font-size:1.2rem}.option-pills label>span{padding:10px 8px;gap:5px}.choice-object{width:23px;height:23px}.category-rail{padding-inline:3px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),dialog[open],dialog::backdrop{animation:none!important}.option-pills label>span,.option-pills label>span:after,#jieou-prototype-v3 .g-modes>button,.j-choice-row.g-people>button,.category-rail button{transition:none}}