/* SKY immersion: the catalogue and learning tools keep their original semantics. */
.sky-immersion-tools{position:fixed;z-index:55;top:88px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;pointer-events:auto;max-width:calc(100vw - 26px)}
.sky-immersion-tools button,.sky-immersion-tools summary{min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #4b88b477;border-radius:24px;padding:9px 16px;background:#07101fd9;backdrop-filter:blur(16px);color:#cfeaff;font:11px/1.3 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;list-style:none;box-shadow:inset 0 1px #c6e8ff14,0 5px 22px #0004}
.sky-immersion-tools summary::-webkit-details-marker{display:none}.sky-immersion-tools button:hover,.sky-immersion-tools summary:hover{border-color:#8ef5eb;box-shadow:0 0 22px #61e2fc28}.sky-immersion-tools button[aria-pressed=true]{border-color:#7ce2ee;color:#aaf9ff;background:#0c2334}
#sky-atmosphere-options{position:relative}.sky-atmosphere-menu{position:absolute;right:0;top:48px;width:280px;max-width:calc(100vw - 26px);padding:20px;border:1px solid #335570;border-radius:18px;background:linear-gradient(135deg,#10172af5,#06131cf7);box-shadow:0 18px 60px #000a;backdrop-filter:blur(20px)}
.sky-atmosphere-menu strong{font-size:15px;letter-spacing:.04em;color:#e5f4ff}.sky-atmosphere-menu p{color:#a8bbd4;font:11px/1.7 Inter,system-ui,sans-serif;margin:10px 0 16px}.sky-atmosphere-menu label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:14px 0;color:#b8d0e8;font:11px/1.5 Inter,system-ui,sans-serif}.sky-atmosphere-menu select{max-width:160px;background:#091727;border:1px solid #375371;color:#e0ecfb;border-radius:9px;padding:10px;font-size:12px}.sky-atmosphere-menu input[type=range]{width:100%;grid-column:1/-1;accent-color:#71d7fb}.sky-atmosphere-menu button{width:100%;margin-top:10px}.sky-atmosphere-menu output{color:#86e5ee}
.sky-experience.sky-immersed .site-header,.sky-experience.sky-immersed .sky-family-rail,.sky-experience.sky-immersed .sky-selected-card,.sky-experience.sky-immersed .legend{display:none!important;pointer-events:none}
.sky-immersed .sky-immersion-tools{top:max(18px,env(safe-area-inset-top));left:24px;transform:none}
.sky-immersed .sky-atmosphere-menu{left:0;right:auto}
.sky-immersed #sky-overview{display:none}.sky-immersed .sr-space-dock{visibility:hidden}
.sky-immersive-focus{position:fixed;z-index:50;bottom:90px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:470px;padding:13px 17px;display:flex;align-items:center;gap:14px;border:1px solid #4b80904d;border-radius:18px;background:linear-gradient(120deg,#04151fdc,#140d27cb);backdrop-filter:blur(18px);pointer-events:auto;box-shadow:0 12px 40px #0004}
.sky-immersive-focus>div{min-width:0;flex:1}.sky-immersive-focus small{font-size:8px;letter-spacing:2px;color:#65d9e6}.sky-immersive-focus h2{font-size:15px;margin:6px 0;color:#e5f4ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sky-immersive-focus p{font-size:10px;color:#8ca3c4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sky-immersive-focus button{flex-shrink:0;min-width:38px;min-height:40px;padding:8px;border:1px solid #35506b;border-radius:20px;background:#061827;color:#a6e9f4;font:12px/1.3 Inter,system-ui,sans-serif;cursor:pointer}.sky-immersive-focus #sky-immersive-open{padding:8px 14px;border-color:#7489bc;color:#eee3ff}
.sky-immersed #bottom-controls{background:#06101acf;border:1px solid #213749;border-radius:18px;padding:8px 12px;backdrop-filter:blur(16px)}
.sky-experience[data-sky-palette=solar] .sky-immersion-tools{filter:drop-shadow(0 0 8px #ffa63625)}
.sky-experience[data-sky-palette=rose] .sky-immersion-tools{filter:drop-shadow(0 0 8px #df49d725)}
[hidden].sky-immersive-focus{display:none}
@media(max-width:1100px){.sky-immersion-tools{top:88px}.sky-immersion-tools button,.sky-immersion-tools summary{padding:8px 12px;font-size:10px}}
@media(max-width:760px){.sky-immersion-tools{top:121px;gap:5px}.sky-immersion-tools button,.sky-immersion-tools summary{min-height:36px;padding:8px 11px;font-size:10px}.sky-immersed .sky-immersion-tools{left:12px;top:max(12px,env(safe-area-inset-top))}.sky-immersed #bottom-controls{bottom:max(12px,env(safe-area-inset-bottom));left:10px;right:10px;justify-content:center;gap:5px;padding:7px}.sky-immersive-focus{bottom:82px;gap:8px;padding:10px;width:calc(100vw - 24px)}.sky-immersive-focus h2{font-size:12px}.sky-immersive-focus #sky-immersive-open{font-size:10px;padding:8px}.sky-immersive-focus button{min-width:32px}.sky-atmosphere-menu{right:-50px}.sky-immersed .sky-atmosphere-menu{right:auto;left:-74px}}
@media(max-width:360px){.sky-immersive-focus{bottom:125px}.sky-immersive-focus small{letter-spacing:1px}.sky-immersive-focus #sky-immersive-open{width:58px}}
@media(max-height:520px) and (orientation:landscape){.sky-immersion-tools{top:66px;left:12px;transform:none}.sky-immersed .sky-immersion-tools{top:8px}.sky-immersive-focus{left:auto;right:12px;top:12px;bottom:auto;transform:none;width:330px;padding:8px}.sky-immersive-focus p,.sky-immersive-focus small{display:none}.sky-atmosphere-menu{max-height:calc(100dvh - 70px);overflow:auto}.sky-immersed #bottom-controls{padding:4px 8px}.sky-immersive-focus #sky-immersive-open{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.sky-immersive-focus{animation:sky-immersive-enter .35s ease both}@keyframes sky-immersive-enter{from{opacity:0}to{opacity:1}}}

/* Keep the shared page dock clear of the native SKY control bar. */
.sky-experience:not(.sky-immersed) .sr-space-dock{left:auto;right:24px;bottom:78px}
@media(max-width:760px){.sky-experience:not(.sky-immersed) .sr-space-dock{right:12px;bottom:auto;top:165px}.sky-experience .sr-space-dock summary{font-size:8px;padding:7px 10px}.sky-experience .sr-space-dock nav{left:auto;right:0;bottom:auto;top:40px}.sky-experience.sky-immersed #bottom-controls{bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.sky-experience:not(.sky-immersed) .sky-selected-card{bottom:179px}.sky-experience:not(.sky-immersed) #bottom-controls{bottom:68px}}
@media(min-width:540px) and (max-width:650px) and (max-height:520px) and (orientation:landscape){.sky-immersive-focus{width:250px;gap:6px}.sky-immersive-focus h2{font-size:11px}.sky-immersive-focus button{min-width:30px}.sky-immersive-focus #sky-immersive-open{width:54px;padding:5px}}
@media(max-width:539px) and (max-height:520px) and (orientation:landscape){.sky-immersive-focus{top:60px;width:280px;max-width:calc(100vw - 24px)}}
/* Legacy landscape rule uses three IDs; keep the lesson exit above its sticky toolbar. */
@media(max-height:520px) and (orientation:landscape){.sky-experience #modal-overlay #modal-card #modal-close{z-index:170}}
.sky-experience.modal-open .sr-space-dock{display:none}