@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#243c30;background:#f7f1e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{max-width:1320px;margin:auto;padding:30px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px}header>span,.eyebrow,.scene-caption>span{font-size:10px;letter-spacing:.16em}.brand{text-decoration:none;font-size:12px;letter-spacing:.12em;display:flex;align-items:center;gap:10px}.brand strong{font:49px Georgia;letter-spacing:-3px}main{max-width:1320px;padding:22px 48px 60px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:60px}.intro{padding:15px 0}.eyebrow{color:#8b654d}h1{font:clamp(48px,5.7vw,79px)/1.01 'Libre Caslon Display',Georgia,serif;letter-spacing:-1.7px;margin:20px 0 25px}h1 em{color:#85574d;font-weight:400}.intro>p{font-size:15px;line-height:1.8;max-width:535px}.intro .lead{font-size:20px;line-height:1.55}.intro .assurance{font-size:13px;font-weight:600}.companions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 20px}.companion{border:1px solid #c8bca4;border-radius:4px;padding:20px 18px;text-decoration:none;display:flex;flex-direction:column;gap:12px;background:#fffbf3}.companion:hover{border-color:#85574d;background:#f2e5d6}.companion>span{font:35px 'Libre Caslon Display',Georgia,serif}.companion small{font-size:12px;line-height:1.6}.companion strong{font-size:12px;font-weight:500;margin-top:auto;padding-top:8px}.intro .disclosure{font-size:11px;color:#6d7264;line-height:1.8}.scene-card{min-height:610px;border-radius:120px 120px 3px 3px;background:linear-gradient(transparent 40%,#0e211bd9),url('assets/rooftop-panorama.png') center/auto 100%;position:relative}.scene-caption{position:absolute;bottom:30px;left:30px;color:#f6e7cf}.scene-caption p{font:42px/1.1 'Libre Caslon Display',Georgia,serif;margin:15px 0}.how{grid-column:1/-1;border-top:1px solid #d7cdba;padding-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.how h2{font:29px 'Libre Caslon Display',Georgia,serif;margin:0 0 15px}.how p{font-size:13px;line-height:1.8;color:#626f62}footer{border-top:1px solid #d7cdba;padding:25px 48px;display:flex;justify-content:space-between;gap:25px;font-size:11px}a:focus-visible{outline:3px solid #85574d;outline-offset:5px}@media(max-width:800px){header{padding:22px}main{padding:12px 22px 35px;gap:30px;grid-template-columns:1fr}.scene-card{grid-row:2;min-height:340px;border-radius:70px 70px 3px 3px}.how{grid-template-columns:1fr;gap:20px}h1{font-size:60px}.intro>p{font-size:15px}footer{padding:22px;flex-wrap:wrap}}@media(max-width:400px){header>span{font-size:8px}h1{font-size:51px}.companions{grid-template-columns:1fr}.companion{padding:16px}.companion>span{font-size:30px}.scene-card{min-height:300px}}

header nav{display:flex;align-items:center;gap:24px;font-size:13px}header nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}header nav a[aria-current="page"]{border-bottom:2px solid #85574d;font-weight:600}@media(max-width:400px){header nav{gap:15px;font-size:12px}}

[hidden]{display:none!important}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #85574d;outline-offset:4px}.journey{display:block;max-width:1240px}.journey-top{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;margin:6px 0 28px}.journey-top a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.journey-top button{background:transparent;border:0;color:#695344;min-height:44px;padding:10px}.journey-top span{font-weight:600}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0 0 18px;counter-reset:steps;gap:8px}.journey-steps li{counter-increment:steps;border-top:2px solid #d7cdba;padding:13px 0;color:#737467;font-size:12px}.journey-steps li:before{content:counter(steps) ' ';padding-right:7px}.journey-steps li[aria-current="step"]{border-color:#85574d;color:#743e32;font-weight:600}.journey-steps li.is-complete{border-color:#486952;color:#486952}.journey-disclosure{font-size:10px;letter-spacing:.04em;color:#6b6c60;margin:0 0 25px;line-height:1.6}.journey-layout{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);gap:58px;align-items:start}.journey-scene{position:relative;height:570px;border-radius:100px 100px 5px 5px;overflow:hidden;background:linear-gradient(#182c2630,#10251bcc),url('assets/rooftop-panorama.png') center/auto 100%;isolation:isolate}.journey-portrait{position:absolute;inset:12px 0 0;display:flex;align-items:flex-end;justify-content:center;transition:transform 1.1s ease;transform-origin:50% 30%;transform:scale(.83)}.journey-scene.is-close .journey-portrait{transform:scale(1.16)}.journey-portrait canvas,.journey-portrait img{height:100%;max-width:100%;object-fit:contain;object-position:bottom}.journey-portrait canvas{display:none}.journey-portrait.is-ready canvas{display:block}.journey-portrait.is-ready img{display:none}.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 25px 24px;background:linear-gradient(transparent,#10251bf5);color:#f9efdc;display:flex;flex-direction:column;gap:8px}.portrait-caption>span{font-size:10px;letter-spacing:.14em}.portrait-caption>strong{font:35px 'Libre Caslon Display',Georgia,serif}.portrait-caption>small{font-size:10px;color:#e5d2b3}.journey-content{padding:18px 0}.journey-content h1{font:clamp(36px,4.2vw,57px)/1.06 'Libre Caslon Display',Georgia,serif;letter-spacing:-.7px;margin:15px 0 19px;outline:none}.journey-lead{font-size:17px;line-height:1.65;max-width:540px}.journey-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 12px}.journey-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 22px;border:1px solid #244734;border-radius:4px;color:#fff9ec;background:#244734;font-size:14px;text-decoration:none;font-weight:500}.journey-button:hover{background:#325b45}.journey-button.secondary{background:transparent;color:#355041;border-color:#b8b9a8}.journey-button:disabled{opacity:.5;cursor:not-allowed}.journey-note,.journey-footnote{font-size:12px;line-height:1.75;color:#6c7062}.journey-footnote{border-top:1px solid #d7cdba;padding-top:22px;margin-top:32px;max-width:900px}.intro-questions{display:grid;gap:8px;margin:24px 0 15px}.intro-question{min-height:48px;background:#fffbf3;border:1px solid #c8bca4;border-radius:4px;color:#304e3a;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;gap:16px;line-height:1.45}.intro-question[aria-pressed="true"]{border-color:#85574d;background:#f2e5d6}.intro-question small{font-size:10px;flex-shrink:0}.answer-card,.journey-message,.booking-card{background:#fffbf3;border:1px solid #d7cdba;border-radius:6px;padding:19px 22px;margin:16px 0;line-height:1.7}.answer-card blockquote{font:22px/1.45 'Libre Caslon Display',Georgia,serif;margin:10px 0 14px}.answer-card>span,.journey-message>span,.booking-card>span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#816652}.answer-status{font-size:12px;color:#696f61;min-height:18px}.answer-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0}.answer-controls button{min-height:44px;border:1px solid #b9baa7;border-radius:4px;color:#304e3a;background:#fff9ee;padding:10px 14px;font-size:12px}.journey-message p{margin:8px 0 0}.journey-message.outgoing{margin-left:28px;background:#edf0e5}.booking-card strong{display:block;font:29px 'Libre Caslon Display',Georgia,serif;margin:10px 0}.booking-card p{margin:7px 0;font-size:14px}.time-picker{display:flex;flex-direction:column;gap:10px;font-size:13px;margin:20px 0}.time-picker select{padding:13px;border:1px solid #b6b6a2;border-radius:4px;color:#274731;background:#fffbf3;width:100%;min-height:48px}.no-script{padding:24px;max-width:1000px;margin:auto}.intro .disclosure{font-size:12px}.companion>span{font-size:32px}
@media(max-width:800px){.journey-layout{gap:25px;grid-template-columns:minmax(190px,.7fr) minmax(0,1fr)}.journey-scene{height:470px;border-radius:65px 65px 4px 4px}.journey-content{padding-top:0}.journey-content h1{font-size:42px}.journey-top{margin-bottom:18px}}@media(max-width:600px){.journey-layout{grid-template-columns:1fr;gap:22px}.journey-scene{height:260px;border-radius:50px 50px 4px 4px}.journey-portrait{inset:0;transform:scale(1.65);transform-origin:50% 0}.journey-scene.is-close .journey-portrait{transform:scale(2.15)}.portrait-caption{padding:30px 18px 15px}.portrait-caption>strong{font-size:28px}.journey-top{flex-wrap:wrap;gap:6px;font-size:12px}.journey-top span{order:3;flex-basis:100%;padding-top:8px}.journey-steps{margin-bottom:10px}.journey-steps li{font-size:11px;padding:11px 0}.journey-steps li:before{padding-right:2px}.journey-content h1{font-size:40px;margin-top:10px}.journey-lead{font-size:16px}.journey-disclosure{margin-bottom:18px}.journey-actions .journey-button{flex:1 1 auto}.journey-footnote{margin-top:24px}.journey-message.outgoing{margin-left:15px}.intro-question small{font-size:9px}.intro-questions{margin-top:18px}}@media(prefers-reduced-motion:reduce){.journey-portrait{transition:none}}
@media(max-width:600px){.journey-scene.is-introduction{position:sticky;top:8px;z-index:2;height:220px;box-shadow:0 8px 20px #f7f1e6}.journey-content h1,.intro-question,.answer-controls button{scroll-margin-top:245px}.journey-scene.is-introduction .journey-portrait{transform:scale(2.15)}.journey-scene.is-introduction .portrait-caption{padding:32px 16px 12px}.journey-scene.is-introduction .portrait-caption>strong{font-size:24px}}

/* Two starting points: learn the introduction flow, or try a date immediately. */
.demo-options{display:grid;gap:14px;margin:28px 0 22px}
.demo-option{position:relative;background:#fffbf3;border:1px solid #c8bca4;border-radius:6px;padding:23px 24px}
.demo-option-number{position:absolute;right:23px;top:24px;font-size:11px;letter-spacing:.08em;color:#8b654d}
.demo-option h2{font:32px/1.1 'Libre Caslon Display',Georgia,serif;margin:0 25px 12px 0;letter-spacing:-.35px}
.demo-option p{font-size:14px;line-height:1.65;margin:0 0 18px;color:#596b5b}
.demo-option-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.demo-option-actions a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:11px 13px;border:1px solid #aab6a2;background:#f2f3e8;border-radius:3px;font-size:13px;text-decoration:none}
.demo-option-actions a:hover{background:#e4e9d9;border-color:#486952}
.demo-path-label{display:block;min-width:0;line-height:1.3}
.demo-path-label small{display:block;font-size:11px;line-height:1.4;color:#596b5b;margin-top:3px}
.demo-option-actions a:has(.demo-path-label){gap:8px;padding-top:8px;padding-bottom:8px}
.demo-option-actions a>span[aria-hidden="true"]{flex-shrink:0}
.journey.is-discovering .journey-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:38px}
/* The sample lineup shares one floor, with Maya in the middle. */
.journey-scene.is-lobby{height:545px;border-radius:20px;container-type:inline-size;--lobby-person-height:min(340px,56cqw);background:linear-gradient(#211b1020,#161e19a3),url('assets/lounge-panorama.png') center/auto 100%}
.journey-scene.is-lobby .journey-portrait{inset:auto 40% 85px;height:var(--lobby-person-height);transform:none;transform-origin:50% 100%;z-index:1;pointer-events:none}
.journey-scene.is-lobby .journey-portrait canvas,.journey-scene.is-lobby .journey-portrait img{width:auto;height:100%;max-width:none}
.journey-scene.is-lobby .portrait-caption{display:none}
.lobby-placeholders{position:absolute;inset:0;pointer-events:none}
.lobby-silhouette{position:absolute;bottom:85px;width:18%;height:var(--lobby-person-height);fill:#121914;opacity:.84;filter:drop-shadow(0 10px 8px #0006);transform:translateX(-50%)}
.lobby-silhouette:nth-child(1){left:10%}.lobby-silhouette:nth-child(2){left:30%}.lobby-silhouette:nth-child(3){left:70%}.lobby-silhouette:nth-child(4){left:90%}
.lobby-approach{position:absolute;z-index:3;left:50%;bottom:42px;transform:translateX(-50%);height:calc(var(--lobby-person-height) + 43px);width:20%;border:1px solid transparent;border-radius:65px 65px 6px 6px;background:transparent;color:#fff5df;padding:0}
.lobby-approach:focus-visible{outline:3px solid #edd09c;outline-offset:3px;background:#fff8d309}
.lobby-approach>span{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px 18px;background:#1c3027f2;border:1px solid #cbb186;border-radius:4px;font:23px 'Libre Caslon Display',Georgia,serif;box-shadow:0 4px 20px #0005}
.lobby-approach small{display:block;font:12px/1.5 'DM Sans',Arial,sans-serif;color:#f4dbad;margin-top:2px}
.lobby-approach:hover>span{background:#304b38}
.lobby-caption{position:absolute;bottom:0;left:0;right:0;z-index:2;margin:0;padding:14px 12px;background:#122219df;color:#e6dac4;font-size:10px;text-align:center;line-height:1.4;pointer-events:none}
.demo-flower-choice{display:flex;align-items:center;gap:13px;border:1px solid #d5c9b5;background:#f5ede0;padding:15px;margin:22px 0 0;border-radius:5px;cursor:pointer;min-height:70px}
.demo-flower-choice input{width:20px;height:20px;accent-color:#355041;flex-shrink:0}
.demo-flower-choice input:focus-visible{outline:3px solid #85574d;outline-offset:4px}
.demo-flower-choice strong{display:block;font-size:14px;font-weight:500}
.demo-flower-choice small{display:block;font-size:12px;line-height:1.55;color:#687060;margin-top:5px}
.demo-flower{font:37px/1 Georgia,serif;color:#9b5f65;flex-shrink:0}
.demo-flower-note{display:flex;align-items:center;gap:15px;border:1px solid #d5c9b5;background:#f5ede0;padding:14px 18px;border-radius:5px}
.demo-flower-note p{font-size:13px;line-height:1.65;margin:0;color:#596b5b}
@media(max-width:800px){.journey.is-discovering .journey-layout{grid-template-columns:minmax(230px,1.1fr) minmax(0,1fr);gap:25px}.journey-scene.is-lobby{height:480px}}
@media(max-width:600px){.demo-option{padding:21px 18px}.demo-option h2{font-size:30px}.demo-option-number{top:23px;right:18px}.demo-option-actions a{padding:11px;font-size:12px}.journey.is-discovering .journey-layout{grid-template-columns:1fr;gap:20px}.journey-scene.is-lobby{height:395px;border-radius:15px}.lobby-approach>span{font-size:21px;padding:7px 15px}.lobby-caption{font-size:9px}.journey.is-discovering .journey-content h1{font-size:35px}}

/* Keep both demo paths in the first view, before the longer explanation. */
#demo-landing{gap:36px 48px;padding-top:10px}
#demo-landing .intro{padding:0}
#demo-landing .eyebrow{margin:0 0 9px}
#demo-landing h1{font-size:58px;line-height:1.04;margin:0 0 12px}
#demo-landing .lead{font-size:18px;line-height:1.5;margin:0 0 10px}
#demo-landing .assurance{font-size:12px;line-height:1.6;margin:0}
#demo-landing .demo-options{margin:20px 0 16px;gap:12px}
#demo-landing .demo-option{padding:18px 20px}
#demo-landing .demo-option-number{top:20px;right:20px}
#demo-landing .demo-option h2{margin-bottom:9px}
#demo-landing .demo-option p{line-height:1.5;margin-bottom:12px}
#demo-landing .scene-card{min-height:610px;height:100%}
#demo-landing .disclosure{margin:0}
@media(max-width:800px){
  #demo-landing{gap:28px;padding-top:5px}
  #demo-landing h1{font-size:46px}
  #demo-landing .lead{font-size:16px;line-height:1.5}
  #demo-landing .scene-card{min-height:340px;height:auto}
  #demo-landing .demo-options{margin-top:16px}
}
@media(max-width:600px){
  #demo-landing .demo-option{padding:16px}
  #demo-landing .demo-option h2{font-size:29px}
  #demo-landing .demo-option-number{top:19px;right:16px}
  #demo-landing .demo-option p{font-size:13px;line-height:1.5}
}

/* Real-guest entry stays separate from the fictional sample paths. */
.demo-together-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 13px;background:#244734;color:#fff9ec;border:1px solid #244734;border-radius:4px;text-decoration:none;font-size:13px;line-height:1.35}
.demo-together-link:hover{background:#325b45}
.demo-together-link small{display:block;color:#e1eadb;font-size:11px;line-height:1.4;margin-top:2px}
#demo-landing .demo-together-link{margin:0 0 8px}
#demo-landing .lead{font-size:17px}
#demo-landing .demo-option{padding-top:15px;padding-bottom:15px}
#demo-landing .demo-option h2{margin-bottom:7px}
#demo-landing .demo-option p{margin-bottom:10px}
.journey-together{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;margin:0 0 24px;background:#eaf0e3;border:1px solid #c4cfb8;border-radius:5px}
.journey-together strong{font-size:14px;font-weight:500}
.journey-together p{font-size:12px;line-height:1.5;margin:4px 0 0;color:#52654f}
.journey-together .demo-together-link{flex-shrink:0;min-width:155px}
@media(max-width:600px){
  #demo-landing .lead{font-size:16px}
  #demo-landing .demo-options{gap:10px;margin-top:13px}
  #demo-landing .demo-option{padding-top:13px;padding-bottom:13px}
  #demo-landing .demo-option h2{font-size:27px}
  #demo-landing .demo-option-number{top:16px}
  .journey-together{align-items:stretch;flex-direction:column;gap:10px;padding:12px 14px;margin-bottom:18px}
  .journey-together .demo-together-link{justify-content:space-between}
}

/* The headset invitation is explicit; the same paths also work on a screen. */
.demo-quest{border-left:3px solid #8b654d;background:#eee7da;padding:10px 13px;margin:0 0 14px;color:#304735}
.demo-quest strong{display:block;font-size:15px;line-height:1.4;font-weight:600}
.demo-quest p{margin:5px 0 0;font-size:12px;line-height:1.5}
.demo-quest b{font-weight:600}
.journey>.demo-quest{margin-bottom:14px}
/* Only the named fictional invitation is a control. The three dark cards are scenery. */
.journey-scene.is-inbox{height:auto;min-height:570px;border-radius:14px;background:#e9e4d7;overflow:visible}
.journey-scene.is-inbox>.journey-portrait,.journey-scene.is-inbox>.portrait-caption{display:none}
.demo-invitation-inbox{padding:21px 18px;color:#2b4432}
.invitation-inbox-heading{margin:0 0 16px;font-size:10px;font-weight:600;letter-spacing:.12em}
.demo-invitation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.demo-invitation-card{display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid #c1b99f;border-radius:7px;padding:0 0 12px;overflow:hidden;text-align:center}
.invitation-daniel{background:#fffbf3;color:#294431;font:inherit;cursor:pointer;box-shadow:0 4px 14px #223b2920}
.invitation-daniel:hover{background:#edf1e5;border-color:#486952}
.invitation-daniel img{width:100%;height:143px;object-fit:cover;object-position:50% 6%;background:#263c30}
.demo-invitation-card>span{font:25px/1.2 'Libre Caslon Display',Georgia,serif;margin:9px 6px 2px}
.demo-invitation-card>small{font-size:10px;line-height:1.5;margin:0 6px}
.invitation-daniel>b{display:block;font-size:11px;line-height:1.4;font-weight:600;margin:8px 6px 0}
.invitation-placeholder{background:#26312b;border-color:#364339;color:#d6dccf;justify-content:center;padding-top:12px}
.invitation-placeholder svg{height:141px;max-width:90%;fill:#131d17}
.invitation-placeholder>span{font:12px/1.4 'DM Sans',Arial,sans-serif;margin-top:8px}
.invitation-placeholder>small{color:#aab5a6}
.invitation-inbox-note{margin:15px 0 0;font-size:11px;line-height:1.6;color:#596853}
@media(max-width:800px){.journey-scene.is-inbox{min-height:0}.demo-invitation-inbox{padding:16px 12px}.demo-invitation-grid{gap:9px}.invitation-daniel img{height:120px}.invitation-placeholder svg{height:120px}}
@media(max-width:600px){.demo-quest{padding:9px 11px;margin-bottom:11px}.demo-quest strong{font-size:14px}.demo-quest p{font-size:11px}.demo-invitation-inbox{padding:15px}.invitation-inbox-heading{margin-bottom:12px}.demo-invitation-grid{gap:10px}.invitation-daniel img{height:104px}.invitation-placeholder svg{height:104px}.demo-invitation-card>span{font-size:24px}.invitation-placeholder>span{font:12px/1.4 'DM Sans',Arial,sans-serif}.invitation-inbox-note{margin-top:12px}}

/* Dedicated introduction footage keeps its full frame and its own audio. */
.demo-introduction-player{position:absolute;inset:0 0 86px;background:#17251d;z-index:1}
.demo-introduction-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.demo-introduction-video video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#17251d}
.journey-scene.has-introduction-video>.journey-portrait{visibility:hidden}
.journey-scene.has-introduction-video>.portrait-caption{z-index:2;padding:10px 18px;background:#17251d;color:#f9efdc;gap:4px;min-height:86px}
.journey-scene.has-introduction-video>.portrait-caption>strong{font-size:25px}
@media(max-width:600px){
 .journey-scene.is-introduction.has-introduction-video{height:260px}
 .demo-introduction-player{bottom:66px}
 .journey-scene.has-introduction-video>.portrait-caption{min-height:66px;padding:7px 13px;gap:2px}
 .journey-scene.has-introduction-video>.portrait-caption>span{font-size:8px}
 .journey-scene.has-introduction-video>.portrait-caption>strong{font-size:21px}
 .journey-scene.has-introduction-video>.portrait-caption>small{font-size:9px}
 .journey.is-video-introduction .intro-question,.journey.is-video-introduction .answer-controls button{scroll-margin-top:285px}
}

footer{flex-wrap:wrap;gap:18px 30px}footer nav{display:flex;flex-wrap:wrap;gap:10px 24px}footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.5}

.lobby-vr-entry{display:grid;grid-template-columns:1fr auto;gap:12px 24px;padding:20px 22px;margin:0 0 24px;border:1px solid #b8baa7;background:#eff1e6;border-radius:8px}.lobby-vr-entry strong{font:26px Georgia,serif;color:#254934}.lobby-vr-entry p{font-size:13px;line-height:1.6;margin:8px 0 0;color:#596b5b}.lobby-vr-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#lobby-vr-status{grid-column:1/-1;margin:0;font-size:12px}.demo-lobby-open{overflow:hidden}.demo-lobby-overlay{position:fixed;inset:0;z-index:100;background:#211a14;color:#fff3dc}.demo-lobby-canvas{position:absolute;inset:0}.demo-lobby-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.demo-lobby-toolbar{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;border:1px solid #af98765c;background:#17241eea;border-radius:6px;pointer-events:none}.demo-lobby-toolbar strong{display:block;font-size:12px;letter-spacing:.12em}.demo-lobby-toolbar span{display:block;font-size:12px;line-height:1.5;margin-top:5px}.demo-lobby-toolbar button{pointer-events:auto;min-height:44px;border:1px solid #cbbb9a;border-radius:3px;background:#f4ecd9;color:#243c2d;padding:10px 15px;flex-shrink:0}.demo-lobby-status{position:absolute;bottom:12px;left:12px;right:12px;margin:0;background:#17241eea;padding:10px 14px;font-size:13px;line-height:1.5;pointer-events:none}.demo-lobby-status:empty{display:none}
@media(max-width:800px){.lobby-vr-entry{grid-template-columns:1fr}.lobby-vr-actions .journey-button{flex:1}.demo-lobby-toolbar{padding:8px 10px;gap:10px}.demo-lobby-toolbar span{font-size:11px}.demo-lobby-toolbar strong{font-size:10px}.demo-lobby-toolbar button{font-size:12px;padding:8px 12px}}