/* ══════════════════════════════════════════════════════════════
   AEROFIELD — SATURN OBSERVATORY  ♄
   Golden Ochre · Ring System · Hexagonal Storm · Titan & Enceladus
   ══════════════════════════════════════════════════════════════ */

/* ── Page ─────────────────────────────────────────────────── */
.saturn-page{margin:0;padding:0;overflow:hidden;background:#080705;color:#e0d8c8;font-family:'Inter',sans-serif;height:100vh;width:100vw;position:relative;}

/* ── Loading ──────────────────────────────────────────────── */
.saturn-loading{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#080705;transition:opacity .8s;}
.saturn-loading.hidden{opacity:0;pointer-events:none;}
.saturn-loading-content{text-align:center;}
.saturn-loading-ring{width:64px;height:64px;margin:0 auto 18px;border:3px solid rgba(200,168,80,.15);border-top-color:#c8a850;border-radius:50%;animation:saturnLoadSpin 1s linear infinite;}
.saturn-loading-text{display:block;font-family:'Rajdhani',sans-serif;font-size:14px;letter-spacing:6px;color:#c8a850;text-transform:uppercase;}
.saturn-loading-bar{width:180px;height:2px;margin:14px auto 0;background:rgba(200,168,80,.1);border-radius:1px;overflow:hidden;}
.saturn-loading-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#c8a850,#eedd88);animation:saturnLoadBar 2s ease-in-out forwards;}
@keyframes saturnLoadSpin{to{transform:rotate(360deg);}}
@keyframes saturnLoadBar{to{width:100%;}}

/* ── Navbar ───────────────────────────────────────────────── */
.saturn-navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(180deg,rgba(8,7,5,.92),rgba(8,7,5,.6));backdrop-filter:blur(12px);border-bottom:1px solid rgba(200,168,80,.08);}
.saturn-navbar-brand{font-family:'Cinzel',serif;font-size:15px;color:#c8a850;text-decoration:none;display:flex;align-items:center;gap:6px;letter-spacing:2px;text-transform:uppercase;}
.satn-glyph{font-size:20px;line-height:1;}
.saturn-navbar-toggles{display:flex;gap:4px;margin-left:auto;}
.satn-btn{background:rgba(200,168,80,.06);border:1px solid rgba(200,168,80,.15);color:rgba(200,168,80,.6);font-family:'Rajdhani',sans-serif;font-size:11px;padding:4px 10px;border-radius:3px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .25s;}
.satn-btn:hover{background:rgba(200,168,80,.12);color:#c8a850;}
.satn-btn.active{background:rgba(200,168,80,.18);color:#eedd88;border-color:rgba(200,168,80,.4);box-shadow:0 0 8px rgba(200,168,80,.15);}
.satn-btn--reset{margin-left:6px;font-size:14px;padding:4px 8px;}

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

/* ── Sidebars ─────────────────────────────────────────────── */
.saturn-sidebar{position:fixed;top:52px;z-index:50;width:240px;max-height:calc(100vh - 100px);overflow-y:auto;padding:14px;background:linear-gradient(135deg,rgba(8,7,5,.88),rgba(8,7,5,.75));backdrop-filter:blur(14px);border:1px solid rgba(200,168,80,.08);border-radius:6px;opacity:0;pointer-events:none;transform:translateX(-20px);transition:all .4s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:rgba(200,168,80,.2) transparent;}
.saturn-sidebar--left{left:12px;}
.saturn-sidebar--right{right:12px;transform:translateX(20px);}
.saturn-sidebar.visible{opacity:1;pointer-events:auto;transform:translateX(0);}

/* Ring legend (left sidebar) */
.satl-title{font-family:'Cinzel',serif;font-size:11px;letter-spacing:3px;color:#c8a850;margin:0 0 10px;text-transform:uppercase;}
.satl-layer{font-size:10px;color:rgba(224,216,200,.7);margin-bottom:6px;line-height:1.4;display:flex;align-items:flex-start;gap:6px;}
.satl-layer small{color:rgba(200,168,80,.4);font-size:9px;}
.satl-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0;margin-top:2px;}
.satl-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:9px;}
.satl-table caption{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;color:rgba(200,168,80,.5);text-align:left;margin-bottom:4px;text-transform:uppercase;}
.satl-table td{padding:2px 0;border-bottom:1px solid rgba(200,168,80,.06);color:rgba(224,216,200,.6);}
.satl-table td:last-child{text-align:right;color:#c8a850;font-family:'Rajdhani',sans-serif;}
.satl-feature{margin-top:8px;padding:6px 8px;background:rgba(200,168,80,.04);border-left:2px solid rgba(200,168,80,.2);border-radius:0 4px 4px 0;}
.satl-feature-title{font-family:'Rajdhani',sans-serif;font-size:10px;color:#c8a850;text-transform:uppercase;letter-spacing:1px;}
.satl-feature-desc{font-size:9px;color:rgba(224,216,200,.5);line-height:1.4;margin-top:2px;}

/* Moon legend (right sidebar) */
.satm-title{font-family:'Cinzel',serif;font-size:11px;letter-spacing:3px;color:#c8a850;margin:0 0 10px;text-transform:uppercase;}
.satm-card{margin-bottom:8px;padding:8px;background:rgba(200,168,80,.03);border:1px solid rgba(200,168,80,.06);border-radius:4px;}
.satm-card-name{font-family:'Cinzel',serif;font-size:12px;color:#eedd88;margin-bottom:3px;}
.satm-card-stats{font-family:'Rajdhani',sans-serif;font-size:9px;color:rgba(200,168,80,.5);letter-spacing:.5px;}
.satm-card-desc{font-size:9px;color:rgba(224,216,200,.5);line-height:1.45;margin-top:4px;}

/* ── Panels ───────────────────────────────────────────────── */
.saturn-panel{position:fixed;z-index:60;background:linear-gradient(160deg,rgba(8,7,5,.92),rgba(8,7,5,.80));backdrop-filter:blur(16px);border:1px solid rgba(200,168,80,.08);border-radius:6px;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);}
.saturn-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)!important;}

.satp-struct{top:60px;left:50%;width:320px;transform:translate(-50%,-10px);max-height:70vh;overflow-y:auto;}
.satp-header,.satg-header,.saty-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(200,168,80,.08);}
.satp-header h3,.satg-header h3,.saty-header h3{font-family:'Cinzel',serif;font-size:12px;letter-spacing:2px;color:#c8a850;margin:0;text-transform:uppercase;}
.satp-close{background:none;border:none;color:rgba(200,168,80,.4);font-size:16px;cursor:pointer;padding:2px 6px;}
.satp-close:hover{color:#c8a850;}
.satp-body,.satg-body,.saty-body{padding:12px 14px;max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(200,168,80,.15) transparent;}
.satp-layer{margin-bottom:8px;font-size:10px;color:rgba(224,216,200,.6);line-height:1.5;display:flex;gap:8px;align-items:flex-start;}
.satp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px;}
.satp-layer strong{color:#c8a850;}

/* Geology panel */
.satg-panel{top:60px;right:12px;width:340px;max-height:80vh;transform:translateY(-10px);overflow:hidden;}
.satg-body{max-height:72vh;}
.satg-feature{margin-bottom:8px;padding:6px 8px;border-left:2px solid rgba(200,168,80,.15);font-size:10px;color:rgba(224,216,200,.55);line-height:1.5;}
.satg-feature-name{font-family:'Rajdhani',sans-serif;font-size:11px;color:#c8a850;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;}
.satg-feature-desc{font-size:9px;}

/* Mythology panel */
.saty-panel{top:60px;left:12px;width:340px;max-height:80vh;transform:translateY(-10px);overflow:hidden;}
.saty-body{max-height:72vh;}
.saty-section{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(200,168,80,.05);}
.saty-section-title{font-family:'Cinzel',serif;font-size:11px;color:#c8a850;margin-bottom:4px;letter-spacing:1px;}
.saty-section-body{font-size:9px;color:rgba(224,216,200,.5);line-height:1.5;}
.saty-jyotish{background:rgba(200,168,80,.04);border:1px solid rgba(200,168,80,.08);border-radius:4px;padding:10px;margin-bottom:12px;}
.saty-jyotish-title{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;color:#c8a850;text-transform:uppercase;margin-bottom:6px;text-align:center;}
.saty-jyotish-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;}
.saty-jyotish-item{font-size:9px;display:flex;gap:4px;}
.saty-jyotish-label{color:rgba(200,168,80,.4);min-width:55px;}
.saty-jyotish-value{color:rgba(224,216,200,.7);}

/* ── Telemetry HUD ────────────────────────────────────────── */
.saturn-telemetry{position:fixed;bottom:52px;left:12px;z-index:50;font-family:'Rajdhani',sans-serif;font-size:10px;}
.satt-row{display:flex;gap:6px;margin-bottom:2px;}
.satt-label{color:rgba(200,168,80,.3);letter-spacing:1px;min-width:44px;text-transform:uppercase;}
.satt-value{color:rgba(200,168,80,.6);}

/* ── Stats Bar ────────────────────────────────────────────── */
.saturn-statsbar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:18px;padding:6px 16px;background:linear-gradient(0deg,rgba(8,7,5,.92),rgba(8,7,5,.6));border-top:1px solid rgba(200,168,80,.06);font-family:'Rajdhani',sans-serif;font-size:10px;}
.satb-item{display:flex;gap:4px;align-items:baseline;}
.satb-label{color:rgba(200,168,80,.3);letter-spacing:1px;text-transform:uppercase;}
.satb-value{color:#c8a850;}
.satb-marquee{flex:1;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.satb-marquee-text{display:inline-block;animation:saturnMarquee 45s linear infinite;font-size:9px;color:rgba(200,168,80,.25);letter-spacing:1px;}
@keyframes saturnMarquee{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}

/* ── Sanskrit Footer ──────────────────────────────────────── */
.saturn-sanskrit-footer{position:fixed;bottom:28px;right:12px;z-index:50;text-align:right;}
.satf-mantra{display:block;font-family:'Noto Sans Devanagari',sans-serif;font-size:11px;color:rgba(200,168,80,.3);animation:saturnPulse 4s ease-in-out infinite;}
.satf-deity{display:block;font-family:'Rajdhani',sans-serif;font-size:8px;letter-spacing:2px;color:rgba(200,168,80,.15);text-transform:uppercase;margin-top:2px;}
@keyframes saturnPulse{0%,100%{opacity:.3;}50%{opacity:.6;}}

/* ── Responsive ───────────────────────────────────────────── */
@media(max-width:1200px){.saturn-sidebar{width:200px;}.saturn-panel{width:280px!important;}}
@media(max-width:900px){
    .saturn-sidebar{width:180px;font-size:9px;}
    .saturn-navbar-toggles{gap:2px;}
    .satn-btn{font-size:10px;padding:3px 7px;}
    .satm-card-desc,.satl-feature-desc{font-size:8px;}
}