/* Edition 18 · Phitarium Immersive Dome.
 * An opt-in full-viewport *presentation* of existing public repository stars.
 * No media downloads, tracking, repo writes, XP farming or fabricated edges.
 */
.immersive-atmosphere{display:none;position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:paint}
.immersive-mode .immersive-atmosphere{display:block}
.immersive-nebula{position:absolute;width:100%;height:100%;opacity:.64;mix-blend-mode:screen;pointer-events:none}
.immersive-nebula.one{
 background:radial-gradient(ellipse 38% 34% at 65% 32%,#4b418544,transparent 78%),
 radial-gradient(ellipse 42% 20% at 33% 67%,#376a9244,transparent 78%);
}
.immersive-nebula.two{
 background:radial-gradient(ellipse 30% 32% at 88% 74%,#1b8b8440,transparent 76%),
 radial-gradient(ellipse 48% 28% at 14% 30%,#6762ad39,transparent 85%);
}
.immersive-meteor{position:absolute;width:140px;height:1px;left:0;top:0;opacity:0;
 background:linear-gradient(90deg,transparent,#8fcfff55 45%,#effaff);
 transform:translate3d(-180px,0,0) rotate(-27deg);
 filter:drop-shadow(0 0 7px #a1d9ff);
 animation:phitarium-meteor 19s linear infinite;
}
.immersive-meteor.first{left:12%;top:20%}
.immersive-meteor.second{left:36%;top:48%;animation-delay:9s;animation-duration:27s}
@keyframes phitarium-meteor{
  0%,63%{opacity:0;transform:translate3d(-160px,0,0) rotate(-27deg)}
  65%{opacity:.9}
  69%{opacity:0;transform:translate3d(270px,145px,0) rotate(-27deg)}
  100%{opacity:0;transform:translate3d(270px,145px,0) rotate(-27deg)}
}
body.immersive-mode{--sidebar:0px}
body.immersive-mode .sidebar{display:none}
body.immersive-mode .map{inset:0!important;border:0}
body.immersive-mode .map-header,
body.immersive-mode .map-caption,
body.immersive-mode .map-footer,
body.immersive-mode .map-tools,
body.immersive-mode .map-coordinate,
body.immersive-mode .inspector,
body.immersive-mode .trail-hud,
body.immersive-mode .showtime-hud{display:none!important}
body.immersive-mode .dome-rim{inset:24px 25px 8% 25px;opacity:.9}
body.immersive-mode .dome-zenith{top:55px;color:#a8cef0b3}
body.immersive-mode .map:after{box-shadow:inset 0 0 150px #020712aa,inset 0 -55px 100px #010611aa}
.immersive-hud[hidden]{display:none!important}
body.immersive-mode .immersive-hud{
 position:absolute;inset:0;z-index:12;
 display:flex;flex-direction:column;justify-content:flex-end;
 padding:clamp(16px,3.8vw,48px);
 gap:0;pointer-events:none;color:#edf7ff;
}
.immersive-hud button,.immersive-hud a{cursor:pointer}
.immersive-topline{
 position:absolute;top:clamp(18px,3.3vw,42px);
 left:clamp(18px,3.8vw,48px);right:clamp(18px,3.8vw,48px);
 display:flex;gap:18px;justify-content:space-between;align-items:center;
 pointer-events:none;
}
.immersive-kicker{font-size:11px;letter-spacing:3px;color:#c1e6ff;
 font-weight:550;text-shadow:0 1px 18px #071629}
.immersive-kicker span{font-size:22px;color:#a7effc;vertical-align:middle;margin-right:8px}
.immersive-exit{
 pointer-events:auto;background:#0c1a34cf;border:1px solid #83acde99;color:#eef8ff;
 border-radius:100px;padding:10px 15px;font-size:11px;
 box-shadow:0 8px 30px #0107168c;white-space:nowrap;
}
.immersive-exit span{font-size:16px;margin-left:9px}
.immersive-exit:hover{background:#284567;border-color:#c7ebff}
.immersive-exhibit{
 width:min(565px,100%);border:1px solid #88bbe376;border-radius:18px;
 background:linear-gradient(130deg,#102b4cdb,#0d1b32e8);
 backdrop-filter:blur(24px);box-shadow:0 20px 75px #02060dcc,inset 0 1px #b2eaff33;
 padding:clamp(18px,2.2vw,28px);pointer-events:auto;margin:0 0 14px;
}
.immersive-group{font-size:10px;letter-spacing:2.3px;color:#b2e9ff;margin:0 0 12px;
 font-weight:650;text-transform:uppercase}
.immersive-exhibit h2{font-size:clamp(26px,3.3vw,43px);letter-spacing:-1.5px;
 line-height:1.05;margin:0 0 14px;font-weight:520;overflow-wrap:anywhere;
 text-shadow:0 0 22px #86bdff4c}
.immersive-exhibit #immersiveDescription{
 font-size:clamp(12px,1.25vw,14px);line-height:1.8;color:#d1e1f0;
 max-width:52ch;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:4;
 -webkit-box-orient:vertical;overflow:hidden;
}
.immersive-disclaimer{font-size:10px;line-height:1.55;color:#9ebad6;
 margin:0;border-top:1px solid #6e9fc445;padding-top:12px}
.immersive-controls{pointer-events:auto;display:flex;align-items:center;
 gap:12px;flex-wrap:wrap;width:min(980px,100%);
 background:#07172ac4;border:1px solid #6c9dc75e;border-radius:13px;
 padding:12px 15px;backdrop-filter:blur(23px);
}
.immersive-stepper{display:flex;align-items:center;gap:12px;flex-shrink:0}
.immersive-stepper span{font-size:12px;color:#cfebff;min-width:55px;text-align:center;
 font-variant-numeric:tabular-nums}
.immersive-stepper button,.immersive-actions button,.immersive-actions a{
 min-height:38px;border-radius:8px;border:1px solid #6289b1;background:#193454;
 padding:10px 13px;color:#e0f3ff;font-size:11px;white-space:nowrap;
 display:inline-flex;align-items:center;justify-content:center;
}
.immersive-stepper button:hover,.immersive-actions button:hover,.immersive-actions a:hover{
 background:#305579;border-color:#b0e8ff;color:#fff}
.immersive-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.immersive-actions #immersiveExplore{background:#b5e5fa;color:#091d31;
 border-color:#b5e5fa;font-weight:650}
.immersive-actions #immersiveExplore:hover{background:#d4f2ff}
.immersive-keyhelp{margin:13px 0 0;color:#a2bfda;font-size:10px;
 letter-spacing:.35px;text-shadow:0 0 14px #020712;pointer-events:none}
@media(max-width:760px){
 body.immersive-mode .dome-rim{inset:62px 8px 10%}
 .immersive-topline{left:16px;right:16px;top:18px}
 .immersive-kicker{font-size:9px;letter-spacing:1.5px}
 body.immersive-mode .immersive-hud{padding:12px;gap:0}
 .immersive-exhibit{width:100%;padding:17px;margin-bottom:9px}
 .immersive-exhibit h2{font-size:29px}
 .immersive-exhibit #immersiveDescription{-webkit-line-clamp:3}
 .immersive-controls{padding:11px;gap:10px}
 .immersive-stepper{width:100%;justify-content:space-between}
 .immersive-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .immersive-actions #immersiveExplore{grid-column:1/-1}
 .immersive-actions button,.immersive-actions a{font-size:10px;padding:8px}
 .immersive-keyhelp{font-size:9px;text-align:center;margin-top:7px}
}
@media(max-height:640px){
 .immersive-exhibit{padding:12px;margin-bottom:8px}
 .immersive-exhibit h2{font-size:24px;margin-bottom:8px}
 .immersive-exhibit #immersiveDescription{-webkit-line-clamp:2;line-height:1.5;margin-bottom:8px}
 .immersive-disclaimer{display:none}
 .immersive-controls{padding:8px}
 .immersive-topline{top:9px}
}
@media(prefers-reduced-motion:reduce){
 .immersive-meteor{display:none!important;animation:none!important}
 .immersive-nebula{opacity:.32}
}