:root{--bg-deep:#050811;--panel-bg:#0a111ebf;--panel-border:#38bdf840;--panel-glow:#38bdf826;--cyan-bright:#38bdf8;--cyan-glow:#38bdf873;--emerald-accent:#10b981;--text-main:#f8fafc;--text-dim:#94a3b8;--font-display:"Syne", sans-serif;--font-mono:"Space Grotesk", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body.aetheria-body{background-color:var(--bg-deep);width:100vw;height:100vh;color:var(--text-main);font-family:var(--font-mono);overflow:hidden}#webgl-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.preloader{z-index:9999;background:radial-gradient(circle,#0f1c33 0%,#03060c 100%);justify-content:center;align-items:center;padding:24px;transition:opacity .7s cubic-bezier(.16,1,.3,1),visibility .7s;display:flex;position:fixed;inset:0}.preloader.dismissed{opacity:0;visibility:hidden;pointer-events:none}.preloader-card{border:1px solid var(--panel-border);text-align:center;width:100%;max-width:520px;box-shadow:0 30px 70px #000c, 0 0 40px var(--panel-glow);backdrop-filter:blur(16px);background:#0a111ed9;border-radius:20px;padding:40px 32px}.preloader-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.portal-core-icon{color:var(--cyan-bright);filter:drop-shadow(0 0 10px var(--cyan-bright));font-size:24px;animation:2.5s ease-in-out infinite pulseCore}@keyframes pulseCore{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 18px #38bdf8);transform:scale(1.2)}}.portal-brand-text{font-family:var(--font-display);letter-spacing:3px;color:var(--text-main);font-size:20px;font-weight:800}.preloader-title{font-family:var(--font-display);letter-spacing:1px;color:#e0f2fe;margin-bottom:8px;font-size:24px;font-weight:800}.preloader-sub{color:var(--text-dim);margin-bottom:28px;font-size:13px;line-height:1.5}.preloader-bar-wrap{background:#ffffff14;border:1px solid #ffffff0d;border-radius:999px;width:100%;height:6px;margin-bottom:12px;overflow:hidden}.preloader-bar{width:0%;height:100%;box-shadow:0 0 12px var(--cyan-bright);background:linear-gradient(90deg,#0284c7,#38bdf8);transition:width .25s ease-out}.preloader-meta{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:12px;display:flex}.preloader-percent{color:var(--cyan-bright);font-weight:700}.btn-enter-portal{color:#fff;font-family:var(--font-display);letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #7dd3fc;border-radius:10px;margin-top:24px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .25s;box-shadow:0 4px 20px #0284c766}.btn-enter-portal:hover{transform:translateY(-2px);box-shadow:0 6px 28px #38bdf899}.aetheria-header{z-index:100;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(14px);border-radius:16px;justify-content:space-between;align-items:center;padding:10px 24px;display:flex;position:absolute;top:18px;left:24px;right:24px;box-shadow:0 10px 30px #00000080}.header-left{align-items:center;gap:12px;display:flex}.logo-mark{color:var(--cyan-bright);filter:drop-shadow(0 0 8px var(--cyan-bright));font-size:20px}.logo-text{flex-direction:column;display:flex}.logo-name{font-family:var(--font-display);letter-spacing:2px;color:#f0f9ff;font-size:16px;font-weight:800}.logo-version{color:var(--text-dim);letter-spacing:1px;font-size:10px}.phase-pill{background:#0006;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:6px 16px;display:flex}.pulse-dot{background:var(--emerald-accent);width:8px;height:8px;box-shadow:0 0 10px var(--emerald-accent);border-radius:50%;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.phase-label{letter-spacing:1px;color:#e2e8f0;font-size:12px;font-weight:600}.status-tag{color:#34d399;background:#10b98133;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.header-right{align-items:center;gap:16px;display:flex}.telemetry-cluster{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:12px;padding:4px 12px;display:flex}.telemetry-item{flex-direction:column;align-items:center;display:flex}.t-label{color:var(--text-dim);letter-spacing:1px;font-size:9px}.t-val{color:var(--cyan-bright);font-size:12px;font-weight:700}.btn-icon{color:var(--text-main);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.btn-icon:hover{border-color:var(--cyan-bright);background:#ffffff29}.aetheria-footer{z-index:100;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.checklist-card{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(14px);border-radius:14px;max-width:380px;padding:14px 18px;box-shadow:0 10px 30px #00000080}.checklist-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ch-icon{font-size:16px}.ch-title{letter-spacing:1px;color:var(--cyan-bright);font-size:11px;font-weight:700}.checklist-items{flex-direction:column;gap:4px;list-style:none;display:flex}.ch-item{color:#cbd5e1;align-items:center;gap:8px;font-size:11px;display:flex}.ch-item.done span{color:var(--emerald-accent);font-weight:700}.dragon-controls-panel{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(14px);border-radius:14px;flex-direction:column;gap:8px;padding:10px 14px;display:flex;box-shadow:0 10px 30px #00000080}.dragon-actions{align-items:center;gap:8px;display:flex}.dragon-btn{color:#e2e8f0;font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.dragon-btn:hover{border-color:var(--cyan-bright);color:#fff;background:#38bdf82e;transform:translateY(-1px)}.dragon-btn.active{border-color:var(--cyan-bright);color:#fff;background:linear-gradient(135deg,#0ea5e959,#0284c773);box-shadow:0 0 12px #38bdf866}.dragon-btn.fire{border-color:#f9731659}.dragon-btn.fire:hover,.dragon-btn.fire.active{background:linear-gradient(135deg,#ea580c59,#c2410c8c);border-color:#fb923c;box-shadow:0 0 14px #f9731680}.dragon-btn.cam{border-color:#a855f759}.dragon-btn.cam:hover,.dragon-btn.cam.active{background:linear-gradient(135deg,#a855f759,#7e22ce8c);border-color:#c084fc;box-shadow:0 0 14px #a855f780}.dragon-themes{border-top:1px solid #ffffff14;align-items:center;gap:6px;padding-top:6px;display:flex}.theme-label{letter-spacing:.5px;color:var(--text-dim);font-size:10px;font-weight:700}.theme-pill{font-size:10px;font-family:var(--font-mono);color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;transition:all .15s}.theme-pill:hover{color:#f8fafc;background:#ffffff1f}.theme-pill.active{border-color:var(--cyan-bright);color:#38bdf8;background:#38bdf838;font-weight:600}.controls-dock{pointer-events:auto;align-items:center;gap:12px;display:flex}.action-btn{font-family:var(--font-display);letter-spacing:1px;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 16px #00000080}.action-btn:hover{transform:translateY(-2px)}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#7dd3fc;box-shadow:0 4px 20px #0284c766}.action-btn.primary:hover{box-shadow:0 6px 26px #38bdf8a6}.action-btn.secondary{color:#e2e8f0;background:#ffffff14;border-color:#ffffff29}.action-btn.secondary:hover{border-color:var(--cyan-bright);background:#ffffff29}.audio-btn{color:#e0f2fe;font-family:var(--font-mono);cursor:pointer;background:#ffffff0f;border:1px solid #38bdf84d;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.audio-btn:hover{border-color:var(--cyan-bright);background:#38bdf833}.audio-btn.muted{opacity:.6;color:#94a3b8;border-color:#ffffff26}.audio-eq-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.audio-eq-bars span{background:var(--cyan-bright);border-radius:1px;width:2px;animation:1.2s ease-in-out infinite alternate eqBounce}.audio-eq-bars span:first-child{height:40%;animation-delay:.1s}.audio-eq-bars span:nth-child(2){height:85%;animation-delay:.3s}.audio-eq-bars span:nth-child(3){height:60%;animation-delay:.2s}.audio-btn.muted .audio-eq-bars span{background:#64748b;height:20%;animation:none}@keyframes eqBounce{0%{height:25%}to{height:100%}}.cinematic-dock{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.station-btn{font-family:var(--font-display);color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.station-btn:hover{border-color:var(--cyan-bright);color:#fff;background:#38bdf826}.station-btn.active{border-color:var(--cyan-bright);color:#fff;background:linear-gradient(135deg,#38bdf84d,#0284c773);box-shadow:0 0 10px #38bdf866}.lore-modal-backdrop{z-index:500;backdrop-filter:blur(10px);pointer-events:auto;opacity:0;visibility:hidden;background:#050811a6;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;position:fixed;inset:0}.lore-modal-backdrop.visible{opacity:1;visibility:visible}.lore-modal-card{color:#f8fafc;text-align:right;direction:rtl;background:#0a1220eb;border:1px solid #38bdf866;border-radius:18px;width:90%;max-width:540px;padding:32px 28px;animation:.35s cubic-bezier(.16,1,.3,1) modalPop;position:relative;box-shadow:0 25px 60px #000c,0 0 35px #38bdf833}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.lore-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:18px;left:18px}.lore-close-btn:hover{color:#fff;background:#ef444440;border-color:#ef4444}.lore-tag{letter-spacing:1.5px;color:var(--cyan-bright);direction:ltr;margin-bottom:8px;font-size:10px;font-weight:700;display:inline-block}.lore-title-ar{font-family:var(--font-display);color:#f0f9ff;margin-bottom:4px;font-size:22px;font-weight:800}.lore-title-en{color:#94a3b8;font-size:12px;font-family:var(--font-mono);text-align:right;direction:ltr;margin-bottom:16px}.lore-desc-ar{color:#e2e8f0;margin-bottom:10px;font-size:14px;line-height:1.7}.lore-desc-en{color:#94a3b8;text-align:left;direction:ltr;margin-bottom:20px;font-size:12px;line-height:1.5}.lore-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.lore-stat-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px 10px}.stat-name{color:var(--text-dim);margin-bottom:2px;font-size:10px;display:block}.stat-val{color:var(--cyan-bright);font-size:12px;font-weight:700;font-family:var(--font-mono)}.lore-modal-footer{border-top:1px solid #ffffff14;padding-top:12px}.lore-footer-hint{color:#64748b;font-size:11px}.hidden{display:none!important}@media (width<=900px){.aetheria-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 16px}.header-center,.checklist-card{display:none}.aetheria-footer{justify-content:center}}