/*
Theme Name: Skywatch Globe Observatory 2.1.2
Author: Skywatch.world
Version: 2.1.2
Description: Original rotating globe with preserved source archive, aviation, orbital models, launches and weather.
Text Domain: skywatch-globe
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#07101b;--panel:#0b1622;--line:#233440;--text:#e6eef1;--muted:#9aabb7;--cyan:#83dfde;--gold:#f0bc70}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'DM Sans',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;color:var(--text);border:1px solid var(--line);background:#101f2b;padding:9px 12px;border-radius:8px}button:hover{border-color:var(--cyan);background:#163341}button:focus-visible,input:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:var(--cyan)}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#09121d}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);font:700 23px 'Space Grotesk',system-ui;letter-spacing:-1px}.brand small{display:block;color:var(--muted);font:10px 'DM Sans',sans-serif;letter-spacing:3.5px;margin-top:3px}.brand-icon{border:1px solid #83dfde77;border-radius:50%;width:45px;height:45px;text-align:center;line-height:42px;font-size:30px;color:var(--cyan);box-shadow:0 0 25px #83dfde14}.header-center{font-size:10px;letter-spacing:2px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:18px}.preview{font-size:9px;letter-spacing:1.4px;color:#e2c08d}.dot{display:inline-block;width:5px;height:5px;margin-right:8px;background:var(--cyan);border-radius:100%;box-shadow:0 0 10px #83dfde55}main{display:grid;grid-template-columns:262px minmax(0,1fr) 310px;height:calc(100dvh - 136px);min-height:640px}.rail{background:#0a141f;border-right:1px solid var(--line);padding:25px 18px;overflow:auto}.rail-heading,.section-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:var(--muted);font-weight:700}.rail-heading button{padding:2px 6px;font-size:15px;background:transparent;border:0}.search{display:flex;align-items:center;gap:8px;background:#101f2b;border:1px solid var(--line);border-radius:8px;padding:7px 10px;margin:20px 0 25px}.search span{font-size:22px;color:var(--cyan)}.search input{width:100%;font-size:11px;background:none;border:0;color:var(--text);padding:4px}.group-label{margin:22px 0 9px;font-size:9px;color:#708692;letter-spacing:1.8px}.layer{display:flex;align-items:center;gap:9px;width:100%;padding:10px 8px;margin:4px 0;text-align:left;background:transparent;border:1px solid transparent}.layer.active{background:#132735;border-color:#23434b}.layer .symbol{width:26px;font-size:20px;color:var(--layer)}.layer .copy{flex:1;font-size:12px}.layer small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.toggle{width:25px;height:14px;background:#293644;border-radius:20px;padding:3px}.toggle:after{content:'';display:block;width:8px;height:8px;border-radius:100%;background:#738391}.active .toggle{background:#30625f}.active .toggle:after{background:var(--cyan);margin-left:11px}.rail-foot{color:#b5c5ce;font-size:10px;margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.rail-foot small{color:var(--muted);padding-left:13px}.scene{position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 47%,#152d3f 0,#081423 48%,#060f1b 85%)}#globe{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.scene-head{position:absolute;top:29px;left:29px;z-index:1;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.9px;color:var(--cyan)}h1{font:500 clamp(28px,3vw,47px)/1.08 'Space Grotesk',system-ui;margin:13px 0;letter-spacing:-1.8px}.scene-head p{font-size:11px;color:var(--muted);max-width:320px}.compass{position:absolute;top:26px;right:25px;display:flex;flex-direction:column;align-items:center;color:var(--cyan)}.compass>span:first-child{font-size:9px}.compass>span:nth-child(2){font-size:35px;line-height:1.1;font-weight:100}.compass small{font-size:9px;color:var(--muted);margin-top:10px}.globe-tools{position:absolute;bottom:49px;left:50%;transform:translateX(-50%);display:flex;gap:6px;white-space:nowrap;padding:6px;border:1px solid #385263;background:#091622e0;backdrop-filter:blur(8px);border-radius:12px}.globe-tools button{background:transparent;border:0;font-size:11px}.scene-footer{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;color:#7e929f;font-size:9px}.inspector{padding:25px 21px;background:#0a141f;border-left:1px solid var(--line);overflow:auto}.section-caption>span{font-size:15px;color:var(--cyan)}.detail-kicker{color:var(--cyan);letter-spacing:1.5px;font-size:9px;margin-top:25px}.inspector h2{font:500 24px/1.18 'Space Grotesk',system-ui;letter-spacing:-.7px;margin:10px 0 12px}.inspector p{color:var(--muted);font-size:12px}.status{display:inline-block;border:1px solid #34524f;border-radius:4px;color:var(--cyan);padding:3px 7px;font-size:9px;letter-spacing:.5px;margin:2px 0 9px}.status.warn{color:var(--gold);border-color:#665138}.facts{padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0;display:grid;gap:10px}.facts div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.facts span{color:var(--muted)}.facts strong{font-weight:500;text-align:right;max-width:66%;overflow-wrap:anywhere}.detail-actions{display:flex;gap:6px;flex-wrap:wrap}.detail-actions button,.detail-actions a{font-size:10px}.detail-actions a{padding:8px 5px}.results-title{margin:25px 0 12px;padding-top:20px;border-top:1px solid var(--line)}.result{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;padding:14px 0;font-size:12px}.result .result-type{font-size:9px;color:var(--cyan);letter-spacing:.6px;display:block;margin-bottom:5px}.result small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.result:hover{background:#132735}.empty{font-size:12px;color:var(--muted);padding:16px 0}footer{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 25px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}footer strong{font-weight:400;color:#bcd1d7}footer button{font-size:10px;border:0;background:none}dialog{background:#0c1926;color:var(--text);border:1px solid #355160;border-radius:15px;width:min(760px,94vw);max-height:86dvh;padding:0}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{font:500 23px 'Space Grotesk',sans-serif;margin:0}#dialog-body{padding:24px}#dialog-body h3{font-size:16px;margin:24px 0 8px}#dialog-body p,#dialog-body li{color:#b4c5cf;font-size:13px}#dialog-body video,#dialog-body iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}#dialog-body pre{white-space:pre-wrap;font-size:12px;color:#b4c5cf}#dialog-body input{background:#142b3b;color:var(--text);padding:8px;border:1px solid var(--line);border-radius:5px;max-width:100px}.observer-form{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0}.observer-form label{display:grid;gap:5px;font-size:12px}.legal{font-size:10px!important;color:#8299a8!important}.collapsed .rail #layers,.collapsed .rail .search,.collapsed .rail .rail-foot{display:none}.collapsed main{grid-template-columns:68px minmax(0,1fr) 310px}.collapsed .rail-heading>span{display:none}@media(max-width:1200px){main{grid-template-columns:225px minmax(0,1fr) 270px}.header-center{display:none}.inspector{padding:24px 16px}.scene-head{left:23px;top:24px}h1{font-size:32px}.preview{display:none}}@media(max-width:950px){main{grid-template-columns:205px minmax(0,1fr);height:auto;min-height:0}.scene{height:650px}.inspector{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px}.inspector>.section-caption:first-child{grid-column:1/-1}.results-title{display:none}header{height:76px}footer>span{display:none}.collapsed main{grid-template-columns:60px minmax(0,1fr)}.scene-footer{font-size:8px}}@media(max-width:600px){header{padding:0 15px;height:72px}.brand{font-size:19px}.brand small{font-size:8px;letter-spacing:2.4px}.brand-icon{width:33px;height:33px;font-size:24px;line-height:31px}.header-right button{font-size:10px;padding:8px}.rail{grid-column:1/-1;border:0;padding:13px 15px}.rail-heading{display:none}.search{margin:0 0 12px}#layers{display:flex;gap:6px;overflow-x:auto}.group-label,.rail-foot,.layer small,.layer .toggle{display:none}.layer{width:auto;flex-shrink:0;white-space:nowrap;border:1px solid var(--line);padding:8px}.layer .symbol{width:19px;font-size:16px}.layer .copy{font-size:11px}main,.collapsed main{display:block}.scene{height:590px}.scene-head{top:22px;left:22px}h1{font-size:30px}.scene-head p{max-width:230px}.compass{right:16px;top:26px}.compass small{font-size:8px}.inspector{display:block;padding:23px}.inspector h2{font-size:27px}.results-title{display:flex}footer{padding:0 15px;font-size:8px}.scene-footer{gap:15px;left:15px;right:15px}.scene-footer span{max-width:50%}.collapsed .rail #layers,.collapsed .rail .search{display:flex}.globe-tools{bottom:49px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.classic-link{font-size:11px;text-decoration:none}.brand-image{width:40px;height:45px;object-fit:contain}@media(max-width:600px){.classic-link{display:none}}

.station-choices{display:flex;gap:12px;padding:6px 10px 12px;font-size:11px;color:#b7dedb}.station-choices label{display:flex;gap:4px;align-items:center}.station-choices input{accent-color:#83dfde}.area-file{display:block;width:100%;margin:8px 0;text-align:left;font-size:11px}.area-file small{display:block;color:#9aabb7;margin-top:6px}#marker-tip{position:absolute;pointer-events:none;z-index:3;max-width:220px;background:#061421ef;color:#ecf6f7;border:1px solid #608993;border-radius:7px;padding:7px 9px;font-size:11px}#region-status{position:absolute;bottom:105px;left:20px;max-width:75%;font-size:10px;padding:7px 10px;background:#081724e8;border:1px solid #365d68;border-radius:7px;pointer-events:none}#map-legend{position:absolute;bottom:135px;right:16px;max-width:205px;background:#081724ed;border:1px solid #37515e;border-radius:8px;padding:10px;font-size:10px}#map-legend img{display:block;width:185px;max-width:100%;margin:8px 0}#map-legend small{display:block;color:#b0c5cf;font-size:9px}#map-legend input{width:100%;margin-top:5px;accent-color:#83dfde}[hidden]{display:none!important}@media(max-width:600px){.station-choices{flex-shrink:0;align-items:center;padding:4px 6px}#map-legend{bottom:135px;right:10px;max-width:170px}#region-status{bottom:102px;left:12px;max-width:85%;font-size:9px}}

#detail h2,.result,.area-file,.facts strong{overflow-wrap:anywhere;word-break:break-word}.scene-head{text-shadow:0 2px 12px #000a}#dialog-title{overflow-wrap:anywhere}.air-ground{font-size:11px;display:flex;align-items:center;gap:6px}

#air-class{display:block;width:100%;max-width:100%;margin:7px 0 12px;background:#142b3b;color:#edf5f8;border:1px solid #587985;border-radius:6px;padding:8px}.orbit-key{font-size:11px!important;color:#c4d1d9!important}.marker-legend p{font-size:12px}#layers{min-width:0}.station-choices{max-width:100%}

.night-key{margin-top:8px;padding-top:8px;border-top:1px solid #37515e}.night-key label{display:block;margin-top:7px}#map-legend{max-height:46%;overflow-y:auto}

#moon-panel{position:absolute;left:18px;bottom:140px;display:flex;align-items:center;gap:9px;max-width:265px;background:#081724ef;border:1px solid #37515e;border-radius:9px;padding:10px;pointer-events:none;font-size:11px}#moon-panel canvas{width:48px;height:48px;flex-shrink:0}#moon-panel strong{display:block;font-size:11px}#moon-panel small{display:block;color:#bfcfd9;font-size:9px;line-height:1.65}@media(max-width:600px){#moon-panel{left:10px;bottom:205px;max-width:190px;gap:5px;padding:7px}#moon-panel canvas{width:34px;height:34px}#moon-panel small{font-size:8px}#moon-panel strong{font-size:10px}}

#region-status{pointer-events:auto;max-width:90%;font-size:10px;padding:8px 10px}#region-status strong,#region-status span{display:block;margin-bottom:3px}#region-status button{font-size:10px;margin-right:5px;padding:5px 8px}#region-status button[aria-pressed="true"]{background:#315465;border-color:#83dfde}#globe{touch-action:none}@media(max-width:600px){#region-status{bottom:101px;left:8px;max-width:94%;font-size:8px}#region-status button{font-size:9px;padding:5px 6px}}

#spaceweather-panel{position:absolute;right:18px;top:155px;max-width:220px;background:#081724ef;border:1px solid #8d7757;border-radius:8px;padding:9px;font-size:10px;pointer-events:none}#spaceweather-panel strong,#spaceweather-panel small{display:block}.space-levels{display:flex;gap:7px;margin:5px 0}.space-levels span{border:1px solid #536574;background:#20303b;padding:4px;border-radius:5px;font-size:13px}#spaceweather-panel small{font-size:9px;line-height:1.5;color:#bccdd7}@media(max-width:600px){#spaceweather-panel{right:10px;top:160px;max-width:165px;padding:7px}#spaceweather-panel small{font-size:8px}}

/* Compact panel dock: normal document scrolling; globe gestures stay unobstructed. */
.context-panels{display:contents}
@media(max-width:950px){
 .context-panels{display:grid;grid-column:1/-1;gap:12px;padding:16px;background:#0a141f;border-top:1px solid var(--line);min-width:0}
 .context-panels:empty{display:none}
 .context-panels #map-legend,.context-panels #moon-panel,.context-panels #spaceweather-panel,.context-panels #region-status{position:static;inset:auto;transform:none;width:100%;max-width:100%;max-height:none;overflow:visible;margin:0;font-size:11px;padding:12px;overflow-wrap:anywhere}
 .context-panels #map-legend img{width:auto;max-width:100%;height:auto}
 .context-panels #map-legend small,.context-panels #moon-panel small,.context-panels #spaceweather-panel small{font-size:11px;line-height:1.6}
 .context-panels #moon-panel strong,.context-panels #spaceweather-panel strong{font-size:12px}
 .context-panels #moon-panel canvas{width:48px;height:48px}
 .context-panels #region-status button{font-size:11px;min-height:40px;margin-top:5px;white-space:normal}
 .context-panels #region-status{pointer-events:auto}
 .context-panels #map-legend input{min-height:30px}
 .inspector{min-width:0}
 #dialog-body{overflow-wrap:anywhere}
}
@media(max-width:390px){
 .header-right{gap:6px;min-width:0}header{gap:8px;padding:0 10px}.brand{font-size:17px;gap:7px}.brand small{letter-spacing:1.6px}.header-right button{font-size:9px;padding:7px}
 .scene-head{left:15px;right:65px}.scene-head h1{font-size:28px}.scene-head p{max-width:100%}.globe-tools{max-width:calc(100% - 20px);gap:2px}.globe-tools button{padding:9px 8px}
 .context-panels{padding:12px}.facts div{flex-wrap:wrap}.facts strong{max-width:100%}
}

.rotation-control{position:absolute;bottom:104px;left:50%;transform:translateX(-50%);z-index:2;background:#091622ed;border:1px solid #385263;border-radius:9px;padding:7px 12px;width:190px;font-size:10px}.rotation-control label{display:flex;justify-content:space-between;color:#d4e4ec}.rotation-control input{width:100%;accent-color:#83dfde;display:block;margin:6px 0 0}.analysis-legend{display:grid;gap:12px;padding:16px;background:#0a1724;border-top:1px solid #385263;font-size:11px}.analysis-legend strong,.analysis-legend small{display:block}.analysis-legend small{color:#b9cbd7;margin-top:5px}.analysis-legend img{width:210px;max-width:100%;margin-top:8px}.context-panels:has(.analysis-legend:not([hidden])){display:block;grid-column:1/-1;max-height:240px;overflow:auto}.analysis-legend{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.space-dialog{width:min(1120px,96vw);max-height:92dvh}.space-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.space-tabs [aria-pressed=true]{border-color:#bd9de4;background:#2e2345}.telescope-grid,.observatory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.telescope-grid article,.observatory-grid article{background:#101f2d;border:1px solid #304554;border-radius:10px;padding:13px;overflow:hidden}.telescope-grid h3,.observatory-grid h3{font-size:15px!important;margin:12px 0!important}.space-image{display:block;padding:0;border:0;width:100%;overflow:hidden}.space-image img{width:100%;height:190px;object-fit:cover;display:block}.space-large,.solar-image{display:block;max-height:65dvh;max-width:100%;margin:18px auto;object-fit:contain}.sky-atlas{width:100%;height:62dvh!important;aspect-ratio:auto!important;border:1px solid #3b5060!important}#space-content a{font-size:12px}#space-content p{font-size:12px}#detail input[type=range]{width:100%;accent-color:#83dfde}.header-right{gap:8px}@media(min-width:951px){main:has(.analysis-legend:not([hidden])){height:calc(100dvh - 136px);grid-template-rows:minmax(400px,1fr) auto}.context-panels:has(.analysis-legend:not([hidden])){grid-row:2}.scene,.rail,.inspector{min-height:0;height:auto;max-height:100%}.rail,.inspector{overflow:auto}.context-panels:has(.analysis-legend:not([hidden])){max-height:145px}.analysis-legend{padding:12px 25px}}@media(max-width:600px){.telescope-grid,.observatory-grid{grid-template-columns:1fr}.space-image img{height:220px}.header-right #sources{display:none}.header-right #space-view{font-size:10px}.rotation-control{bottom:100px;width:170px}.analysis-legend{grid-template-columns:1fr 1fr;gap:10px}.analysis-legend small{font-size:9px}.context-panels:has(.analysis-legend:not([hidden])){max-height:none;overflow:visible}.space-tabs button{padding:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.space-image img{transition:none}}

.analysis-legend img{background:#eef3f6;border-radius:5px;padding:5px}