@layer experience{
*{box-sizing:border-box}[hidden]{display:none!important}.in-session{margin:0;overflow:hidden;background:#eee3d6;color:#5c3436;font-family:Arial,sans-serif}.in-session canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}.in-session #landing{display:none}
.session-screen{position:fixed;inset:0;z-index:50;background:#eee3d6;display:grid;place-items:center;text-align:center;padding:24px}.load-card{max-width:440px}.load-card h1{font:36px Georgia}.load-card p{font-size:14px;line-height:1.7;color:#806d60}.load-flower{width:90px;height:90px;color:#ae8050;margin:0 auto 25px;animation:breathe 3s ease-in-out infinite}.eyebrow{font-size:10px;letter-spacing:.2em;color:#936f48}.load-card button{display:block;margin:10px auto;padding:13px 24px;min-height:44px;background:#fff9ef;border:1px solid #c9b9a2;border-radius:8px;color:#755943}.quiet{background:none!important;border:0!important;text-decoration:underline}
#experience{position:fixed;inset:0;z-index:4;pointer-events:none}#experience button,#experience dialog,#experience details{pointer-events:auto}#experience button,#experience summary,#download-photo{font:12px Arial,sans-serif;min-height:44px;border:1px solid #b9a18466;background:#fff8eedd;backdrop-filter:blur(14px);border-radius:8px;color:#654537;padding:10px 16px;cursor:pointer;text-decoration:none}#experience button:hover,#experience summary:hover{background:#fff9ef}#experience button:focus-visible,#experience summary:focus-visible,#experience a:focus-visible,#experience select:focus-visible{outline:3px solid #954e4a;outline-offset:3px}#experience button:disabled{opacity:.45;cursor:default}
.experience-bar{position:absolute;z-index:6;left:0;top:0;right:0;padding:max(20px,env(safe-area-inset-top)) 30px 15px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#eee3d6bb,transparent)}.experience-bar>div{text-align:center}.experience-bar b{display:block;font:14px Georgia;letter-spacing:.16em;color:#624139}.experience-bar span#mode-label{display:block;margin-top:7px;font:8px Arial;letter-spacing:.18em;color:#896e59}.experience-bar button{min-width:105px}
.model-region{position:absolute;inset:90px 0 115px;pointer-events:auto;touch-action:none;cursor:grab}.model-region:active{cursor:grabbing}.scene-copy{position:absolute;top:29%;left:5vw;max-width:320px}.scene-copy>p:first-child{font:10px Arial;letter-spacing:.17em;color:#9b704d}.scene-copy h1{font:clamp(36px,3.4vw,52px)/1.14 Georgia;letter-spacing:-.035em;color:#743638;font-weight:400;max-width:340px;margin:24px 0}.scene-copy>p:last-child{font:14px/1.7 Arial;color:#806b5c;max-width:260px}
.scene-bottom{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);text-align:center;width:min(440px,92vw)}.scene-bottom>p{font-size:11px;letter-spacing:.02em;color:#7b6051;margin:0 0 13px}.scene-actions{display:flex;justify-content:center;align-items:center;gap:9px}.scene-actions button{min-height:48px!important}.scene-actions .primary{background:#792e3c!important;color:#fff4e4!important;border-color:#792e3c!important;flex:1;letter-spacing:.03em}.scene-actions #capture{display:flex;align-items:center;gap:8px;padding:11px 14px}.scene-actions svg{width:19px;height:19px}.story-progress{margin:15px auto 0;width:90px;height:2px;background:#a9906d33;overflow:hidden}.story-progress span{display:block;height:100%;width:0;background:#ad8960;transition:width .15s linear}
#view-options{position:relative}#view-options summary{list-style:none;width:48px;height:48px;display:grid;place-items:center;letter-spacing:2px;font-weight:bold;font-size:14px}#view-options summary::-webkit-details-marker{display:none}.view-tools{position:absolute;right:0;bottom:60px;padding:18px;background:#fff9f1f5;backdrop-filter:blur(20px);border:1px solid #c7ae91;border-radius:14px;width:270px;box-shadow:0 14px 50px #38201422;text-align:left;max-height:65dvh;overflow:auto}.view-tools>p{font:9px Arial;letter-spacing:.16em;color:#9d7857;margin:0 0 13px}.view-tools>div{display:flex;align-items:center;gap:8px;margin-bottom:12px}.view-tools>div button{flex:1;padding:9px!important}.view-tools>div span{font-size:12px}.view-tools>#replay{width:100%;font-size:12px}.view-tools #placement-options{display:block}#placement-options label{font:11px Arial;display:block;margin:14px 0 7px}#placement{width:100%;min-height:44px;padding:8px;background:#fff9ef;border:1px solid #c6b297;border-radius:6px;font:12px Arial;color:#624139}body[data-view=preview] #placement-options{display:none}
.tracking-status{position:absolute;top:86px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 18px;background:#fff9efed;color:#734637;border:1px solid #bfa782;border-radius:30px;font-size:12px;text-align:center;z-index:7}.tracking-status.tracked{opacity:0;transition:opacity .5s}
#experience dialog{border:1px solid #c5a880;background:#fbf3e6;box-shadow:0 30px 120px #34230c55;color:#73513e;text-align:center;border-radius:18px;width:min(440px,92vw);max-height:90dvh;overflow:auto;padding:72px 28px 30px}#experience dialog::backdrop{background:#30151a80;backdrop-filter:blur(10px)}#experience dialog .dialog-close{position:absolute;right:12px;top:12px;min-height:44px;min-width:56px;background:#fbf3e6;border-color:#d3bea3;padding:10px}
#photo-dialog{width:min(500px,92vw);padding:64px 16px 18px!important}#photo-dialog h2{font:27px Georgia;margin:12px 0 18px;color:#793746}#photo-image{display:block;max-width:100%;max-height:56dvh;width:auto;height:auto;margin:auto;border-radius:4px}.photo-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 12px}#download-photo{background:#792e3c!important;color:#fff6e9;display:inline-flex;align-items:center;justify-content:center;min-width:140px}#save-status{font:11px/1.5 Arial;color:#8b7462}#photo-status{background:#fff5e8;border-radius:8px;padding:10px;margin-top:12px}
body[data-view=ar] .scene-copy{display:block;top:90px;left:50%;transform:translateX(-50%);width:90%;max-width:420px;text-align:center}body[data-view=ar] .scene-copy h1{font-size:26px;color:white;text-shadow:0 2px 12px #321929;max-width:none;margin:10px 0}body[data-view=ar] .scene-copy em{color:#ffe5ad}body[data-view=ar] .scene-copy p{color:white;text-shadow:0 1px 6px #25101a}body[data-view=ar] .scene-copy>p:last-child{display:none}body[data-view=ar] .experience-bar{background:linear-gradient(#25101780,transparent)}body[data-view=ar] .experience-bar b,body[data-view=ar] #mode-label,body[data-view=ar] #gesture-hint{color:white;text-shadow:0 1px 6px #000}body[data-view=ar] .scene-bottom{background:linear-gradient(transparent,#210e1555);padding:15px 12px 12px;border-radius:18px}
@media(max-width:760px),(max-width:1024px) and (orientation:portrait){.experience-bar{padding:12px 14px 8px;padding-top:max(12px,env(safe-area-inset-top))}.experience-bar b{font-size:10px;letter-spacing:.1em}.experience-bar button{min-width:44px;font-size:10px!important;padding:9px 10px!important}.experience-bar button span{display:none}.experience-bar span#mode-label{font-size:7px}.scene-copy{top:78px;left:18px;right:18px;text-align:center;max-width:none}.scene-copy h1{font-size:27px;max-width:none;margin:9px 0 4px}.scene-copy>p:first-child{font-size:8px;letter-spacing:.15em;margin:0}.scene-copy>p:last-child{display:none}.model-region{inset:122px 0 116px}.scene-bottom{bottom:max(15px,env(safe-area-inset-bottom));width:calc(100% - 30px)}.scene-bottom>p{font-size:10px;margin-bottom:10px}.scene-actions button{font-size:11px!important}.scene-actions #capture{padding:11px 12px}.story-progress{margin-top:12px}.tracking-status{top:72px;font-size:11px;width:85vw}.view-tools{width:260px}#experience dialog{max-height:88dvh}}
@media(max-width:760px) and (max-height:650px){.scene-copy{top:68px}.scene-copy h1{font-size:22px}.scene-copy>p:first-child{font-size:7px}.model-region{top:105px;bottom:105px}.scene-bottom{bottom:10px}.scene-bottom>p{margin-bottom:8px;font-size:9px}.scene-actions #capture span{display:none}.story-progress{margin-top:9px}.experience-bar b{font-size:9px}.view-tools{max-height:63dvh}}
@media(orientation:landscape) and (max-height:500px){.scene-copy{top:90px;left:25px;right:auto;text-align:left;width:180px}.scene-copy h1{font-size:24px}.model-region{inset:60px 0 80px}.scene-bottom{width:310px;left:auto;right:20px;transform:none;bottom:10px}.scene-bottom>p{display:none}.experience-bar{padding:8px 18px}.story-progress{display:none}}
.caption-kicker,.caption-line,.caption-accent,.caption-note{display:block;animation:caption-arrive 1.05s both cubic-bezier(.2,.65,.25,1)}
.caption-kicker{animation-delay:.1s}.caption-line{animation-delay:.3s}.caption-accent{color:#ae4868;font-weight:400;animation-delay:.55s}.caption-note{animation-delay:.85s}
.scene-copy[data-phase=complete] .caption-line,.scene-copy[data-phase=complete] .caption-accent{display:inline}
.scene-copy[data-phase=invitation] .caption-accent::after{content:"";display:block;width:60px;height:2px;background:linear-gradient(90deg,#c78c60,#b677aa);margin:18px 0 0;transform-origin:left;animation:caption-line 1.6s .9s both}
@keyframes caption-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes caption-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(max-width:760px),(max-width:1024px) and (orientation:portrait){.scene-copy h1{font-size:26px;line-height:1.12;margin:10px 0 0}.scene-copy[data-phase=invitation] .caption-accent::after{margin:12px auto 0}.model-region{top:160px}.scene-copy[data-phase=complete] h1{font-size:32px}}
@media(max-width:760px) and (max-height:650px){.scene-copy h1{font-size:21px;margin-top:7px}.scene-copy[data-phase=complete] h1{font-size:27px}.model-region{top:141px}.scene-copy[data-phase=invitation] .caption-accent::after{margin-top:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@keyframes breathe{50%{opacity:.55;transform:scale(.95)}}
}
@layer experience{
.scene-copy{max-width:365px;top:28%}.scene-copy h1{max-width:365px;color:#234f4a;font-size:clamp(36px,3.6vw,54px);line-height:1.15}.caption-accent{color:#a65d50}.scene-copy>p:last-child{color:#576659;max-width:290px}.scene-copy>p:first-child{color:#7e6344}.scene-copy[data-phase=complete] .caption-line,.scene-copy[data-phase=complete] .caption-accent{display:block}.scene-copy[data-phase=names] h1,.scene-copy[data-phase=portrait] h1,.scene-copy[data-phase=complete] h1{font-size:clamp(33px,3.35vw,51px)}.in-session{background:#f5eee0}.experience-bar{background:linear-gradient(#f5eee0dd,transparent)}.experience-bar b{color:#315349}.scene-actions .primary{background:#234f4a!important;border-color:#234f4a!important}.scene-bottom>p{color:#52614e}
@media(max-width:760px),(max-width:1024px) and (orientation:portrait){.scene-copy{top:81px;left:16px;right:16px;max-width:none}.scene-copy h1,.scene-copy[data-phase=names] h1,.scene-copy[data-phase=portrait] h1,.scene-copy[data-phase=complete] h1{font-size:28px;margin:9px 0 0;max-width:none}.scene-copy .caption-line,.scene-copy .caption-accent,.scene-copy[data-phase=complete] .caption-line,.scene-copy[data-phase=complete] .caption-accent{display:inline}.scene-copy[data-phase=details]>p:last-child{display:block;margin:9px auto 0;font-size:10px;line-height:1.5;max-width:300px}.model-region{top:159px;bottom:120px}.scene-copy[data-phase=invitation] .caption-accent::after{display:none}.experience-bar b{font-size:10px}.caption-note{animation-delay:.45s}}
@media(max-width:760px) and (max-height:650px){.scene-copy{top:70px}.scene-copy h1,.scene-copy[data-phase=names] h1,.scene-copy[data-phase=portrait] h1,.scene-copy[data-phase=complete] h1{font-size:23px}.model-region{top:134px;bottom:108px}.scene-copy[data-phase=details]>p:last-child{font-size:9px}}
body[data-view=ar] .scene-copy{padding:8px 14px 10px;border-radius:18px;background:linear-gradient(135deg,#15392acf,#543d2ab5);backdrop-filter:blur(8px)}body[data-view=ar] .scene-copy h1{font-size:25px!important}body[data-view=ar] .scene-copy[data-phase=details]>p:last-child{display:block;color:#fff2d7}body[data-view=ar] #gesture-hint{color:white}
}

@layer experience{
body[data-view=ar] .scene-copy[data-phase=portrait],body[data-view=ar] .scene-copy[data-phase=complete]{width:max-content;max-width:calc(100% - 32px);padding:10px 16px;border-radius:30px}
body[data-view=ar] .scene-copy[data-phase=portrait]>p,body[data-view=ar] .scene-copy[data-phase=complete]>p{display:none}
body[data-view=ar] .scene-copy[data-phase=portrait] h1,body[data-view=ar] .scene-copy[data-phase=complete] h1{font-size:23px!important;margin:0}
}

@layer experience {.scene-actions .primary{min-width:0}.view-tools>#skip{width:100%;margin-bottom:8px}
@media(max-width:360px){.scene-actions #capture span{display:none}.scene-actions #capture{padding:10px!important;flex:0 0 44px}.scene-actions .primary{padding:10px 8px!important}}
}