/* ══════════════════════════════════════════════════════════════
   AEROFIELD — URANUS OBSERVATORY  ♅
   Ice Giant · Extreme Tilt · Cyan · Dark Rings · Shakespeare
   ══════════════════════════════════════════════════════════════ */

/* ─── PAGE RESET ─────────────────────────────────────────── */
.uranus-page{margin:0;padding:0;overflow:hidden;background:#060a0c;color:#c0e8f0;font-family:'Inter',sans-serif;height:100vh;width:100vw;}

/* ─── LOADING ────────────────────────────────────────────── */
.uranus-loading{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#060a0c;transition:opacity .8s ease;}
.uranus-loading.hidden{opacity:0;pointer-events:none;}
.uranus-loading-content{text-align:center;}
.uranus-loading-ring{width:64px;height:64px;margin:0 auto 18px;border:3px solid rgba(68,187,204,0.1);border-top-color:#44bbcc;border-radius:50%;animation:uranusLoadSpin 1.2s linear infinite;}
.uranus-loading-text{display:block;font-family:'Rajdhani',sans-serif;font-size:14px;letter-spacing:6px;color:#44bbcc;text-transform:uppercase;margin-bottom:14px;}
.uranus-loading-bar{width:180px;height:2px;background:rgba(68,187,204,0.1);border-radius:1px;overflow:hidden;margin:0 auto;}
.uranus-loading-bar-fill{width:100%;height:100%;background:#44bbcc;animation:uranusLoadBar 2s ease-in-out;}

@keyframes uranusLoadSpin{to{transform:rotate(360deg);}}
@keyframes uranusLoadBar{from{transform:translateX(-100%);}to{transform:translateX(0);}}

/* ─── NAVBAR ─────────────────────────────────────────────── */
.uranus-navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(180deg,rgba(6,10,12,0.95),rgba(6,10,12,0.6));backdrop-filter:blur(12px);border-bottom:1px solid rgba(68,187,204,0.08);}
.uranus-navbar-brand{font-family:'Cinzel',serif;font-size:15px;font-weight:600;color:#44bbcc;text-decoration:none;display:flex;align-items:center;gap:8px;margin-right:auto;}
.uran-glyph{font-size:20px;color:#88ddee;}
.uranus-navbar-toggles{display:flex;gap:4px;}
.uran-btn{padding:6px 12px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:rgba(68,187,204,0.4);background:transparent;border:1px solid rgba(68,187,204,0.1);border-radius:3px;cursor:pointer;transition:all .25s ease;}
.uran-btn:hover{color:#44bbcc;border-color:rgba(68,187,204,0.3);background:rgba(68,187,204,0.04);}
.uran-btn.active{color:#060a0c;background:#44bbcc;border-color:#44bbcc;}
.uran-btn--reset{margin-left:6px;font-size:14px;padding:5px 10px;}

/* ─── VIEWPORT ───────────────────────────────────────────── */
.uranus-viewport{position:fixed;inset:0;z-index:1;}

/* ─── SIDEBARS ───────────────────────────────────────────── */
.uranus-sidebar{position:fixed;top:52px;z-index:50;width:230px;max-height:calc(100vh - 100px);overflow-y:auto;padding:14px;background:linear-gradient(135deg,rgba(6,10,12,0.92),rgba(6,10,12,0.85));backdrop-filter:blur(14px);border:1px solid rgba(68,187,204,0.06);border-radius:6px;transform:translateX(calc(-100% - 20px));transition:transform .4s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:rgba(68,187,204,0.15) transparent;}
.uranus-sidebar--left{left:12px;}
.uranus-sidebar--right{right:12px;transform:translateX(calc(100% + 20px));}
.uranus-sidebar.visible{transform:translateX(0);}

/* Left sidebar — Atmosphere */
.ural-title{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;color:#44bbcc;margin:0 0 12px;text-transform:uppercase;}
.ural-table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:10px;}
.ural-table caption{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;color:rgba(68,187,204,0.4);text-transform:uppercase;text-align:left;padding-bottom:6px;}
.ural-table td{padding:3px 0;border-bottom:1px solid rgba(68,187,204,0.05);}
.ural-table td:last-child{text-align:right;color:#44bbcc;font-weight:500;}
.ural-feature,.ural-ring-info{margin-bottom:10px;padding:8px;border-left:2px solid rgba(68,187,204,0.15);border-radius:0 4px 4px 0;background:rgba(68,187,204,0.02);}
.ural-feature-title{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:1.5px;color:#44bbcc;text-transform:uppercase;margin-bottom:3px;}
.ural-feature-desc{font-size:10px;line-height:1.5;color:rgba(192,232,240,0.55);}

/* Right sidebar — Moon cards */
.uram-title{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;color:#44bbcc;margin:0 0 12px;text-transform:uppercase;}
.uram-card{margin-bottom:10px;padding:8px;border-left:2px solid rgba(68,187,204,0.12);border-radius:0 4px 4px 0;background:rgba(68,187,204,0.02);}
.uram-card-name{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:600;color:#88ddee;letter-spacing:1px;}
.uram-card-stats{font-size:9px;color:rgba(68,187,204,0.4);margin:2px 0 4px;font-family:'Rajdhani',sans-serif;letter-spacing:0.5px;}
.uram-card-desc{font-size:10px;line-height:1.5;color:rgba(192,232,240,0.5);}

/* ─── PANELS ─────────────────────────────────────────────── */
.uranus-panel{position:fixed;z-index:60;background:linear-gradient(160deg,rgba(6,10,12,0.95),rgba(6,10,12,0.88));backdrop-filter:blur(16px);border:1px solid rgba(68,187,204,0.06);border-radius:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(68,187,204,0.12) transparent;transform:scale(0.96);opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);}
.uranus-panel.visible{transform:scale(1);opacity:1;pointer-events:auto;}

/* Structure panel */
.urap-struct{top:60px;left:50%;transform:translateX(-50%) scale(0.96);width:420px;max-height:70vh;padding:16px;}
.urap-struct.visible{transform:translateX(-50%) scale(1);}
.urap-header,.urag-header,.uray-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.urap-header h3,.urag-header h3,.uray-header h3{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;color:#44bbcc;text-transform:uppercase;margin:0;}
.urap-close{background:none;border:none;color:rgba(68,187,204,0.35);font-size:16px;cursor:pointer;padding:2px 6px;}
.urap-close:hover{color:#44bbcc;}
.urap-body{display:flex;flex-direction:column;gap:8px;}
.urap-layer{font-size:10px;line-height:1.6;color:rgba(192,232,240,0.55);padding:6px 8px;border-radius:4px;background:rgba(68,187,204,0.02);}
.urap-layer strong{color:#88ddee;}
.urap-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;}

/* Geology panel */
.urag-panel{top:60px;right:12px;width:380px;max-height:80vh;padding:16px;}
.urag-body{display:flex;flex-direction:column;gap:8px;}
.urag-feature{padding:8px;border-left:2px solid rgba(68,187,204,0.12);border-radius:0 4px 4px 0;background:rgba(68,187,204,0.02);}
.urag-feature-name{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;color:#88ddee;letter-spacing:1px;text-transform:uppercase;}
.urag-feature-desc{font-size:10px;line-height:1.6;color:rgba(192,232,240,0.5);margin-top:3px;}

/* Mythology panel */
.uray-panel{top:60px;left:12px;width:380px;max-height:80vh;padding:16px;}
.uray-body{display:flex;flex-direction:column;gap:10px;}
.uray-jyotish{padding:10px;border:1px solid rgba(68,187,204,0.08);border-radius:6px;background:rgba(68,187,204,0.02);}
.uray-jyotish-title{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;color:#44bbcc;text-transform:uppercase;margin-bottom:10px;text-align:center;}
.uray-jyotish-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;}
.uray-jyotish-item{display:flex;flex-direction:column;}
.uray-jyotish-label{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:rgba(68,187,204,0.35);font-family:'Rajdhani',sans-serif;}
.uray-jyotish-value{font-size:11px;color:#88ddee;}
.uray-section{padding:8px;border-left:2px solid rgba(68,187,204,0.1);border-radius:0 4px 4px 0;}
.uray-section-title{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;color:#44bbcc;text-transform:uppercase;margin-bottom:4px;}
.uray-section-body{font-size:10px;line-height:1.6;color:rgba(192,232,240,0.5);}

/* ─── TELEMETRY HUD ──────────────────────────────────────── */
.uranus-telemetry{position:fixed;bottom:58px;left:14px;z-index:50;display:flex;flex-direction:column;gap:3px;font-family:'Rajdhani',sans-serif;font-size:10px;}
.urat-row{display:flex;align-items:center;gap:8px;}
.urat-label{color:rgba(68,187,204,0.3);letter-spacing:2px;font-weight:600;text-transform:uppercase;min-width:44px;}
.urat-value{color:rgba(136,221,238,0.6);}

/* ─── STATS BAR ──────────────────────────────────────────── */
.uranus-statsbar{position:fixed;bottom:0;left:0;right:0;z-index:80;display:flex;align-items:center;height:32px;background:linear-gradient(180deg,rgba(6,10,12,0.85),rgba(6,10,12,0.95));border-top:1px solid rgba(68,187,204,0.06);padding:0 16px;gap:18px;font-family:'Rajdhani',sans-serif;}
.urab-item{display:flex;align-items:center;gap:5px;flex-shrink:0;}
.urab-label{font-size:8px;letter-spacing:2px;color:rgba(68,187,204,0.3);text-transform:uppercase;font-weight:600;}
.urab-value{font-size:12px;color:#44bbcc;font-weight:600;}
.urab-marquee{flex:1;overflow:hidden;position:relative;height:100%;display:flex;align-items:center;}
.urab-marquee-text{white-space:nowrap;font-size:10px;color:rgba(68,187,204,0.2);letter-spacing:1px;animation:uranusMarquee 45s linear infinite;}
@keyframes uranusMarquee{from{transform:translateX(100%);}to{transform:translateX(-100%);}}

/* ─── SANSKRIT FOOTER ────────────────────────────────────── */
.uranus-sanskrit-footer{position:fixed;bottom:32px;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 12px;background:rgba(6,10,12,0.6);}
.uraf-mantra{font-family:'Noto Sans Devanagari',sans-serif;font-size:12px;color:rgba(68,187,204,0.35);animation:uranusPulse 4s ease-in-out infinite;}
.uraf-deity{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;color:rgba(68,187,204,0.2);text-transform:uppercase;}
@keyframes uranusPulse{0%,100%{opacity:.35;}50%{opacity:.6;}}

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media(max-width:1200px){
    .uranus-sidebar{width:200px;}
    .urag-panel,.uray-panel{width:320px;}
}
@media(max-width:900px){
    .uranus-sidebar{width:180px;font-size:9px;}
    .uranus-navbar-toggles{gap:2px;}
    .uran-btn{padding:4px 8px;font-size:10px;letter-spacing:1px;}
    .urag-panel,.uray-panel{width:280px;}
}