/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--hud-bg:#030812;--hud-panel-bg:rgba(6,20,40,0.75);--hud-panel-bg-hover:rgba(10,30,58,0.85);--hud-primary:#38bdf8;--hud-primary-bright:#00e5ff;--hud-primary-rgb:56,189,248;--hud-secondary:#0284c7;--hud-success:#10b981;--hud-success-bg:rgba(16,185,129,0.14);--hud-danger:#ef4444;--hud-danger-bg:rgba(239,68,68,0.14);--hud-warning:#f59e0b;--hud-warning-bg:rgba(245,158,11,0.14);--hud-info:#06b6d4;--hud-info-bg:rgba(6,182,212,0.14);--hud-border-cyan:rgba(56,189,248,0.35);--hud-border-bright:rgba(0,229,255,0.65);--bg-deep-space:radial-gradient(circle at 50% 10%,#08203e 0%,#030812 75%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='10' cy='15' r='1' fill='%2338bdf8' opacity='0.5'/%3E%3Ccircle cx='70' cy='35' r='1.5' fill='%2300e5ff' opacity='0.6'/%3E%3Ccircle cx='40' cy='75' r='0.8' fill='%23ffffff' opacity='0.4'/%3E%3Ccircle cx='85' cy='80' r='1.2' fill='%2338bdf8' opacity='0.3'/%3E%3Cpath d='M0 50 L100 50 M50 0 L50 100' stroke='%2300e5ff' stroke-width='0.25' opacity='0.08'/%3E%3C/svg%3E");--bg-hex-grid:radial-gradient(circle at 50% 50%,#021226 0%,#020710 90%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16 Z M28 97 L56 81 L56 49 L28 33 L0 49 L0 81 Z' fill='none' stroke='%2338bdf8' stroke-width='0.5' opacity='0.12'/%3E%3C/svg%3E");--bg-circuit-core:radial-gradient(circle at 20% 20%,#082846 0%,#010814 80%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M10 10 H110 V110 H10 Z M30 30 H90 V90 H30 Z' fill='none' stroke='%2300e5ff' stroke-width='0.5' opacity='0.1'/%3E%3Ccircle cx='30' cy='30' r='3' fill='%2300e5ff' opacity='0.25'/%3E%3Ccircle cx='90' cy='90' r='3' fill='%2338bdf8' opacity='0.25'/%3E%3Cpath d='M30 30 L50 10 M90 90 L70 110' stroke='%2300e5ff' stroke-width='0.5' opacity='0.15'/%3E%3C/svg%3E");--bg-nebula-tactical:radial-gradient(ellipse at 80% 20%,rgba(14,116,144,0.3) 0%,rgba(3,8,18,0.95) 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cline x1='0' y1='100' x2='200' y2='100' stroke='%2300e5ff' stroke-width='0.5' stroke-dasharray='4,4' opacity='0.15'/%3E%3Cline x1='100' y1='0' x2='100' y2='200' stroke='%2300e5ff' stroke-width='0.5' stroke-dasharray='4,4' opacity='0.15'/%3E%3Ccircle cx='100' cy='100' r='60' fill='none' stroke='%2338bdf8' stroke-width='0.5' opacity='0.12'/%3E%3C/svg%3E");--card-bg-blueprint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%2304162e' opacity='0.9'/%3E%3Cpath d='M 20 0 L 0 0 0 20' fill='none' stroke='%2338bdf8' stroke-width='0.3' opacity='0.15'/%3E%3C/svg%3E");--card-bg-metallic:linear-gradient(135deg,rgba(8,28,52,0.9) 0%,rgba(3,12,24,0.95) 100%);--card-bg-hologram:radial-gradient(circle at top right,rgba(0,229,255,0.12),transparent 70%),rgba(4,18,38,0.85);--card-bg-tactical:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23020c1b' opacity='0.92'/%3E%3Ccircle cx='20' cy='20' r='1' fill='%2300e5ff' opacity='0.2'/%3E%3C/svg%3E");}body{background-color:var(--hud-bg);color:#bae6fd;font-family:'Chakra Petch',sans-serif;min-height:100vh;overflow-x:hidden;background-image:var(--bg-deep-space);background-attachment:fixed;transition:background-image 0.5s ease-in-out;}h1,h2,h3,h4,h5,h6,.navbar-brand,.hud-title{font-family:'Orbitron',sans-serif;letter-spacing:1.2px;text-transform:uppercase;}.navbar-hud{background:rgba(2,10,22,0.88) !important;border-bottom:1px solid var(--hud-border-cyan);box-shadow:0 4px 20px rgba(0,0,0,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.navbar-brand{color:#ffffff !important;font-weight:800;font-size:1.1rem;letter-spacing:1.2px;}.nav-link{color:#7dd3fc !important;font-family:'Orbitron',sans-serif;font-size:0.8rem;font-weight:600;letter-spacing:1px;padding:0.5rem 0.85rem !important;transition:all 0.2s ease;}.nav-link:hover,.nav-link:focus,.nav-link.active{color:var(--hud-primary-bright) !important;background:rgba(0,229,255,0.08);border-radius:4px;}.hud-panel{background:var(--hud-panel-bg);border:1px solid var(--hud-border-cyan);border-radius:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px 0 rgba(0,0,0,0.37);position:relative;transition:border-color 0.25s ease;}.hud-panel:hover{border-color:rgba(0,229,255,0.55);}.card-hud{background:rgba(4,16,36,0.82);border:1px solid var(--hud-border-cyan);border-radius:6px;backdrop-filter:blur(10px);overflow:hidden;position:relative;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;}.card-hud:hover{border-color:var(--hud-border-bright);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,229,255,0.15);}.card-bg-blueprint{background:var(--card-bg-blueprint);}.card-bg-metallic{background:var(--card-bg-metallic);}.card-bg-hologram{background:var(--card-bg-hologram);}.card-bg-tactical{background:var(--card-bg-tactical);}.card-hud .card-header{background:rgba(0,229,255,0.08);border-bottom:1px solid var(--hud-border-cyan);font-family:'Orbitron',sans-serif;color:var(--hud-primary-bright);font-size:0.82rem;font-weight:700;letter-spacing:1px;padding:10px 14px;}.card-hud .card-footer{background:rgba(2,10,22,0.8);border-top:1px solid var(--hud-border-cyan);padding:10px 14px;}.card-hud-framed{position:relative;}.card-hud-framed::before{content:'';position:absolute;top:0;left:0;width:12px;height:12px;border-top:2px solid var(--hud-primary-bright);border-left:2px solid var(--hud-primary-bright);z-index:5;}.card-hud-framed::after{content:'';position:absolute;bottom:0;right:0;width:12px;height:12px;border-bottom:2px solid var(--hud-primary-bright);border-right:2px solid var(--hud-primary-bright);z-index:5;}.btn-hud{font-family:'Orbitron',sans-serif;font-size:0.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:8px 16px;border-radius:4px;transition:all 0.18s ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none !important;text-shadow:none !important;}.btn-hud-primary{background:rgba(56,189,248,0.12);border:1px solid var(--hud-primary);color:var(--hud-primary-bright);}.btn-hud-primary:hover,.btn-hud-primary:focus{background:rgba(56,189,248,0.28);border-color:var(--hud-primary-bright);color:#ffffff;}.btn-hud-solid-cyan{background:#00e5ff;border:1px solid #00e5ff;color:#020914;font-weight:800;}.btn-hud-solid-cyan:hover{background:#38bdf8;border-color:#38bdf8;color:#020914;}.btn-hud-danger{background:rgba(239,68,68,0.12);border:1px solid var(--hud-danger);color:var(--hud-danger);}.btn-hud-danger:hover{background:rgba(239,68,68,0.28);border-color:#f87171;color:#ffffff;}.breadcrumb-hud{background:rgba(3,14,30,0.6);border:1px solid var(--hud-border-cyan);border-radius:4px;padding:8px 16px;margin-bottom:0;font-family:'Orbitron',sans-serif;font-size:0.75rem;}.breadcrumb-hud .breadcrumb-item + .breadcrumb-item::before{content:"//";color:var(--hud-primary-bright);padding:0 6px;}.breadcrumb-hud a{color:#7dd3fc;text-decoration:none;}.nav-tabs-hud{border-bottom:1px solid var(--hud-border-cyan);}.nav-tabs-hud .nav-link{border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;margin-right:4px;color:#93c5fd !important;background:rgba(2,12,28,0.5);font-size:0.75rem;}.nav-tabs-hud .nav-link.active{background:rgba(6,20,40,0.95) !important;border-color:var(--hud-border-cyan) var(--hud-border-cyan) transparent var(--hud-border-cyan) !important;color:var(--hud-primary-bright) !important;font-weight:700;}.progress-hud{background:rgba(2,12,28,0.9);border:1px solid rgba(56,189,248,0.3);border-radius:3px;height:10px;overflow:hidden;}.progress-hud .progress-bar{background:linear-gradient(90deg,#0284c7,#00e5ff);}