/* One optional help surface; generous controls and clear reading order. */
#controlGuide.experience-guide,#guide.experience-guide{width:min(900px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;overflow:auto;border:1px solid #527580;border-radius:16px;background:#102a34;color:#ecf5f5;box-sizing:border-box}
.experience-guide::backdrop{background:#031117cf;backdrop-filter:blur(3px)}
.experience-guide .guide-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #34535e;background:#102a34}
.experience-guide .guide-head h2{font:650 19px/1.2 system-ui;margin:0}
.experience-guide button,.experience-guide summary,.experience-return button{min-height:44px;min-width:44px;touch-action:manipulation}
.experience-guide button,.experience-return button{font:600 13px/1.3 system-ui;cursor:pointer;border:1px solid #527580;border-radius:9px;background:#183a46;color:#effbfc;padding:10px 14px}
.experience-guide button:hover{background:#214c59}.experience-guide :focus-visible,.experience-return :focus-visible{outline:3px solid #ffdf9b;outline-offset:3px}
.experience-tabs{display:flex;gap:6px;padding:12px 20px 0}.experience-tabs button{flex:1;background:transparent;border-color:transparent}.experience-tabs button[aria-selected="true"]{background:#d6f7ee;color:#092a30;border-color:#d6f7ee}
.experience-panel{padding:18px 20px 22px;font:14px/1.6 system-ui}.experience-panel[hidden]{display:none!important}
.experience-intro{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin:0 0 16px}.experience-intro p{margin:0;max-width:60ch;color:#c3d8df}.experience-progress{white-space:nowrap;font-size:12px;color:#a5e6d8}
.experience-course{display:grid;grid-template-columns:minmax(165px,1fr) minmax(0,2fr);gap:22px}.experience-lessons{display:flex;flex-direction:column;gap:6px}.experience-lessons button{text-align:left;background:transparent;border-color:transparent}.experience-lessons button[aria-pressed="true"]{border-color:#5fa898;background:#173d44}.experience-lessons small{display:block;font-weight:400;color:#adc9d0;margin-top:3px}
.experience-lesson h3{margin:0 0 10px;font-size:20px;line-height:1.3}.experience-lesson ol{margin:0;padding-left:22px}.experience-lesson li{padding:3px 0 7px}.experience-limit{border-left:3px solid #a4ccb9;padding:9px 12px;margin:16px 0;background:#173942;color:#d0e3e6;font-size:13px}.experience-actions{display:flex;gap:8px;flex-wrap:wrap}.experience-actions .experience-show{background:#d6f7ee;color:#092a30;border-color:#d6f7ee}.experience-local{font-size:12px;color:#a8c4cc;margin:12px 0 0}
.experience-search{display:block;margin-bottom:14px;font-weight:600}.experience-search input{display:block;box-sizing:border-box;width:100%;min-height:46px;margin-top:6px;border:1px solid #64818a;border-radius:9px;background:#09212b;color:#fff;font:16px system-ui;padding:10px 12px}
.experience-faq details{border-bottom:1px solid #33525d;padding:2px 0}.experience-faq summary{display:flex;align-items:center;font-weight:600;cursor:pointer;gap:8px;padding:7px 0}.experience-faq summary::before{content:'+';font-size:20px;color:#a5e6d8;width:20px;flex-shrink:0}.experience-faq details[open] summary::before{content:'−'}.experience-faq p{margin:3px 0 14px;color:#c3d8df}.experience-faq details[hidden]{display:none!important}.experience-empty{color:#c3d8df}
.experience-controls{margin:0}.experience-controls dt{margin-top:12px;font-weight:650;color:#c5f4e7}.experience-controls dd{margin:2px 0 12px;color:#c3d8df}.experience-control-index{border-top:1px solid #42616c;margin-top:18px;padding-top:12px}
.experience-return{position:fixed;z-index:900;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #74aa9e;border-radius:12px;background:#0d3039f5;box-shadow:0 4px 18px #0006;max-width:calc(100vw - 24px);box-sizing:border-box}.experience-return[hidden]{display:none!important}.experience-return span{font:12px/1.4 system-ui;color:#d3e7e8;padding:0 6px}.experience-return button:last-child{padding:8px;min-width:44px}.experience-target{outline:4px solid #f6cc72!important;outline-offset:5px!important;scroll-margin:100px}
.experience-guide .guide-content{padding:0;font:inherit}.experience-guide #controlGuideDetail:empty{display:none}
.experience-secondary-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:100%;padding-bottom:10px;border-bottom:1px solid #42616c}.experience-secondary-controls #focusScene{font-size:12px;max-width:none}.experience-secondary-controls .narration-state{font-size:11px}.focus-transport #recordingFit{min-height:44px;white-space:nowrap}
@media(max-width:620px){.experience-guide .guide-head{padding:12px}.experience-tabs{padding:10px 12px 0;gap:2px}.experience-tabs button{font-size:12px;padding:9px 7px}.experience-panel{padding:14px 12px 18px}.experience-intro{display:block}.experience-progress{display:block;margin-top:5px}.experience-course{grid-template-columns:1fr;gap:16px}.experience-lessons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.experience-lessons button{padding:8px;font-size:12px}.experience-lessons small{font-size:11px}.experience-lesson h3{font-size:18px}.experience-return span{display:none}}
@media(max-height:500px){#controlGuide.experience-guide,#guide.experience-guide{max-height:calc(100dvh - 12px)}.experience-guide .guide-head{padding-top:8px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.experience-guide *{scroll-behavior:auto!important}}