/* Reception arrival: the room leads, and controls step back until they are asked for. */
#hotel-experience .hotel-top{background:linear-gradient(#050607b3,transparent)}
#hotel-experience .hotel-top .brand .brand-wordmark{display:none}
#hotel-experience .sound-mix{display:none}
#hotel-experience #hotel-sound[data-playing="true"]+.sound-mix,#hotel-experience .sound-mix[open]{display:block}
#hotel-experience[data-room="0"] .hotel-guide{background:none}
#hotel-experience[data-room="0"]:not(.is-travelling) .hotel-guide h2{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
#hotel-experience :is(.elevator,.hotel-guide,.reality-console,.hotel-movement,.walk-reticle){transition:opacity .9s ease .15s}
#hotel-experience.is-arriving :is(.elevator,.hotel-guide,.reality-console,.hotel-movement,.walk-reticle,#inspect-nearby){opacity:0;visibility:hidden}
#hotel-experience.concierge-open .walk-reticle{opacity:0}

/* Distort Reality rests as a label and opens into the full instrument on hover, focus, or once it is in use. */
#hotel-experience .reality-console{transition:opacity .9s ease .15s,background .25s,border-color .25s}
#hotel-experience .reality-console[data-state="real"]:not(:hover):not(:focus-within){width:auto;padding:8px 0;background:none;border-color:transparent;box-shadow:none}
#hotel-experience .reality-console[data-state="real"]:not(:hover):not(:focus-within) :is(.reality-control,.reality-console-footer){position:absolute;width:1px;height:1px;margin:0;opacity:0;overflow:hidden;pointer-events:none}
#hotel-experience .reality-console[data-state="real"]:not(:hover):not(:focus-within) .reality-readout{display:none}
#hotel-experience .reality-console[data-state="real"]:not(:hover):not(:focus-within) .reality-console-head label{font-size:17px;color:#e6dcc8;opacity:.6;cursor:pointer}

/* Walking help: one line that fades on desktop; touch keeps its compact pad. */
#hotel-experience .hotel-bottom{display:block;left:28px;right:auto;bottom:30px;font:9px/1.6 monospace;letter-spacing:1.2px;color:#d6ccb7;opacity:0}
#hotel-experience .hotel-bottom span:last-child{display:none}
@media(hover:hover) and (pointer:fine){
 #hotel-experience .hotel-movement{display:none}
 #hotel-experience.is-open:not(.is-arriving):not(.is-travelling) .hotel-bottom{animation:hh-walk-hint 10s ease 1 both}
}
@keyframes hh-walk-hint{0%{opacity:0}8%,78%{opacity:.72}100%{opacity:0}}

/* The concierge speaks beside her projection: display type, three plain choices, no panel. */
#hotel-experience #concierge-welcome{left:50%;bottom:30px;transform:translateX(-50%);width:min(520px,calc(100% - 40px));padding:0;background:none;border:0;box-shadow:none;text-align:center;color:#f0e7d4}
#hotel-experience #concierge-welcome::before{content:'';position:absolute;z-index:-1;left:50%;bottom:-30px;width:100vw;height:calc(100% + 150px);transform:translateX(-50%);background:linear-gradient(0deg,#040506f2 46%,#04050600);pointer-events:none}
#hotel-experience .concierge-caption{display:inline-flex;align-items:center;gap:10px;font:9px/1.5 monospace;letter-spacing:2.4px;color:#a5d6da;margin-bottom:12px}
#hotel-experience .concierge-caption::before{content:'';width:26px;height:1px;background:currentColor;opacity:.8}
#hotel-experience #concierge-line{font:34px/1.12 Machro;letter-spacing:0;text-transform:uppercase;margin:0 0 18px;padding-top:.1em;min-height:0;text-shadow:0 2px 26px #000c,0 1px 3px #0009}
#hotel-experience #concierge-choices>div{grid-template-columns:repeat(3,1fr);gap:0;counter-reset:room}
#hotel-experience #concierge-choices button[data-concierge-room]{counter-increment:room;min-height:48px;padding:14px 6px;background:none;border:0;border-top:1px solid #efe6d247;border-bottom:1px solid #efe6d247;color:#f0e7d4;font:10px/1.4 monospace;letter-spacing:1.3px;transition:color .2s,border-color .2s,padding .25s}
#hotel-experience #concierge-choices button[data-concierge-room]:hover,#hotel-experience #concierge-choices button[data-concierge-room]:focus-visible{background:none;color:#ff6a2b;border-color:#ff6a2b}
#hotel-experience #concierge-choices #concierge-dismiss{padding:16px 0 0;font:9px/1.5 monospace;letter-spacing:1.3px;color:#b9b09d}
#hotel-experience #concierge-choices #concierge-dismiss:hover{color:#f0e7d4;background:none}
#hotel-experience #concierge-welcome[data-phase="reply"]{width:min(520px,calc(100% - 40px));padding:0}
#hotel-experience #concierge-welcome[data-phase="reply"] #concierge-line{font-size:30px;margin:0}
#hotel-experience #concierge-welcome[data-anchored="true"]{left:var(--concierge-x);top:var(--concierge-y);bottom:auto;transform:none;width:320px;text-align:left}
#hotel-experience #concierge-welcome[data-anchored="true"]::before{inset:-70px -80px -60px -40px;left:-40px;bottom:-60px;width:auto;height:auto;transform:none;background:radial-gradient(ellipse at 42% 50%,#040506c7,#04050600 72%)}
#hotel-experience #concierge-welcome[data-anchored="true"] #concierge-line{font-size:42px;line-height:1.08;margin-bottom:18px}
#hotel-experience #concierge-welcome[data-anchored="true"] #concierge-choices>div{grid-template-columns:1fr}
#hotel-experience #concierge-welcome[data-anchored="true"] button[data-concierge-room]{display:flex;align-items:center;gap:16px;text-align:left;padding:12px 2px;min-height:44px;border-bottom:0;font-size:11px}
#hotel-experience #concierge-welcome[data-anchored="true"] button[data-concierge-room]:last-child{border-bottom:1px solid #efe6d247}
#hotel-experience #concierge-welcome[data-anchored="true"] button[data-concierge-room]::before{content:'0' counter(room);color:#a5d6da;letter-spacing:1px}
#hotel-experience #concierge-welcome[data-anchored="true"] button[data-concierge-room]:hover,#hotel-experience #concierge-welcome[data-anchored="true"] button[data-concierge-room]:focus-visible{padding-left:10px}
#hotel-experience #concierge-welcome[data-anchored="true"][data-phase="reply"] #concierge-line{font-size:40px}
@media(max-width:600px){
 #hotel-experience #concierge-welcome{bottom:22px;width:calc(100% - 32px)}
 #hotel-experience #concierge-line{font-size:30px}
 #hotel-experience #concierge-choices button[data-concierge-room]{font-size:9px;letter-spacing:.6px;padding:14px 2px}
 #hotel-experience #concierge-welcome[data-phase="reply"]{width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){#hotel-experience :is(.elevator,.hotel-guide,.reality-console,.hotel-movement,.walk-reticle){transition:none}#hotel-experience .hotel-bottom{animation:none!important;opacity:.72}}