@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--paper:#faf7f2;--paper-2:#efe8db;--ink:#0a2540;--ink-soft:#1e3652;--senal:#f26430;--luz:#e6b34a;--cielo:#00a676;--line:#0a254024;--line-strong:#0a254066;--muted:#0a254080;--ui-font:"Space Grotesk", system-ui, sans-serif;--body-font:"Crimson Pro", Georgia, serif;--mono-font:"JetBrains Mono", ui-monospace, monospace;--transition:all .3s cubic-bezier(.16, 1, .3, 1);--glass-bg:#faf7f2d9;--glass-border:#0a25401a}[data-palette=noche]{--paper:#0f0e17;--paper-2:#1a1926;--ink:#fffffe;--ink-soft:#d3d0c5;--senal:#ff8906;--luz:#e6b34a;--cielo:#7bdff2;--line:#fffffe24;--line-strong:#fffffe66;--muted:#fffffe80;--glass-bg:#0f0e17d9;--glass-border:#fffffe1a}*{box-sizing:border-box}body,html{width:100%;height:100%;font-family:var(--ui-font);background-color:var(--paper);color:var(--ink);margin:0;padding:0;transition:background-color .4s,color .4s;overflow:hidden}a-scene{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.a-enter-vr{display:none!important}.ui-layer{z-index:10;pointer-events:none;flex-direction:column;display:flex;position:absolute}.ui-layer *{pointer-events:auto}header.ui-header{border-bottom:1px solid var(--line);background:linear-gradient(to bottom, var(--paper) 40%, transparent);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:16px;font-weight:700}.brand span{font-family:var(--mono-font);background:var(--line);color:var(--ink-soft);border-radius:4px;padding:2px 8px;font-size:12px}.header-controls{gap:12px;display:flex}.btn{background:var(--paper-2);color:var(--ink);border:1px solid var(--line-strong);font-family:var(--ui-font);cursor:pointer;transition:var(--transition);border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-1px)}.btn-primary{background:var(--senal);color:var(--paper);border-color:var(--senal)}.btn-primary:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-toggle-active{background:var(--cielo);color:var(--paper);border-color:var(--cielo)}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);pointer-events:auto;border-radius:12px;flex-direction:column;gap:20px;width:360px;max-height:calc(100% - 110px);padding:24px;display:flex;top:80px;bottom:24px;left:24px;overflow-y:auto;box-shadow:0 10px 30px #00000014}.sidebar h2{border-bottom:1px solid var(--line);margin:0;padding-bottom:12px;font-size:20px;font-weight:600}.section-title{font-family:var(--ui-font);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.card-list{flex-direction:column;gap:8px;display:flex}.card-item{border:1px solid var(--line);transition:var(--transition);background:#00000005;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.card-item:hover{border-color:var(--line-strong)}.card-item.active{border-color:var(--cielo);background:#00a67614}[data-palette=noche] .card-item.active{border-color:var(--cielo);background:#7bdff214}.card-info{align-items:center;gap:12px;display:flex}.card-num{font-family:var(--mono-font);background:var(--paper-2);border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.card-title{font-size:13px;font-weight:500}.status-dot{background:var(--muted);width:8px;height:8px;transition:var(--transition);border-radius:50%}.active .status-dot{background:var(--cielo);box-shadow:0 0 8px var(--cielo)}.detail-panel{background:var(--paper-2);border-left:3px solid var(--senal);border-radius:8px;padding:16px;animation:.3s ease-out fadeIn;display:none}.detail-panel.visible{display:block}.detail-num{font-family:var(--mono-font);color:var(--senal);font-size:11px;font-weight:600}.detail-title{margin:4px 0 8px;font-size:16px;font-weight:600}.detail-excerpt{font-family:var(--body-font);color:var(--ink-soft);font-size:14px;line-height:1.4}.network-info{color:var(--muted);border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;font-size:12px;display:flex}.network-stats{font-family:var(--mono-font);justify-content:space-between;display:flex}.right-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);pointer-events:auto;border-radius:12px;flex-direction:column;gap:16px;width:320px;padding:20px;display:flex;top:80px;right:24px;box-shadow:0 10px 30px #00000014}.right-panel h3{border-bottom:1px solid var(--line);margin:0;padding-bottom:8px;font-size:16px;font-weight:600}.target-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.target-thumb{border:1px solid var(--line);aspect-ratio:16/10;cursor:pointer;transition:var(--transition);border-radius:6px;position:relative;overflow:hidden}.target-thumb img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.target-thumb:hover{border-color:var(--senal)}.target-thumb:hover img{transform:scale(1.05)}.target-thumb-label{color:#fff;font-family:var(--mono-font);text-align:center;background:#0a2540d9;padding:2px 4px;font-size:9px;position:absolute;bottom:0;left:0;right:0}.simulator-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);pointer-events:auto;border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;bottom:24px;left:408px;right:368px;box-shadow:0 10px 30px #00000014}.sim-header{justify-content:space-between;align-items:center;display:flex}.sim-title{text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.sim-subtitle{color:var(--muted);font-size:11px}.sim-grid-container{border:1px dashed var(--line);background:#00000008;border-radius:8px;justify-content:center;align-items:center;min-height:160px;padding:16px;display:flex;position:relative}.sim-table{background-image:radial-gradient(var(--line-strong) 1px, transparent 1px);border:1px solid var(--line);background-size:20px 20px;border-radius:6px;width:100%;height:140px;position:relative}.sim-card{background:var(--paper-2);border:1px solid var(--line-strong);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;justify-content:space-between;width:80px;height:50px;padding:6px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;position:absolute;box-shadow:0 4px 10px #0000000d}.sim-card:active{cursor:grabbing}.sim-card.active{border-color:var(--senal);background:var(--paper);box-shadow:0 6px 15px #f2643040}.sim-card-header{justify-content:space-between;align-items:center;display:flex}.sim-card-num{font-family:var(--mono-font);font-size:10px;font-weight:700}.sim-card-dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.sim-card.active .sim-card-dot{background:var(--senal)}.sim-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:600;overflow:hidden}.sim-svg-connections{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.sim-svg-connections path{fill:none;stroke:var(--senal);stroke-width:2px;stroke-dasharray:4 4;opacity:.65;animation:10s linear infinite strokeDash}.sim-svg-connections path.active{stroke-width:3px;stroke-dasharray:none;opacity:.95;stroke:var(--cielo)}.system-status{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:6px;height:36px;display:none;position:absolute;bottom:24px;left:24px;right:24px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0a254066;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-box{background:var(--paper);border:1px solid var(--line-strong);border-radius:12px;flex-direction:column;gap:16px;width:580px;max-width:calc(100% - 40px);max-height:85vh;padding:32px;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000026}.modal-close{cursor:pointer;color:var(--muted);transition:var(--transition);background:0 0;border:none;font-size:24px;position:absolute;top:20px;right:24px}.modal-close:hover{color:var(--ink)}.modal-box h2{border-bottom:1px solid var(--line);margin:0;padding-bottom:12px;font-size:22px;font-weight:600}.modal-body{font-family:var(--body-font);color:var(--ink-soft);font-size:16px;line-height:1.6}.modal-body code{font-family:var(--mono-font);background:var(--paper-2);color:var(--senal);border-radius:4px;padding:2px 6px;font-size:13px}.modal-body ol,.modal-body ul{margin:10px 0;padding-left:20px}.modal-body li{margin-bottom:8px}.palette-toggle{background:var(--ink);color:var(--paper);cursor:pointer;width:36px;height:36px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;box-shadow:0 4px 12px #00000026}.palette-toggle:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes strokeDash{to{stroke-dashoffset:-20px}}@media (width<=1100px){header.ui-header{padding:12px 16px}.sidebar{width:300px;padding:16px;font-size:14px;top:68px;bottom:240px;left:16px}.right-panel{width:260px;padding:14px;top:68px;right:16px}.simulator-panel{height:200px;bottom:16px;left:16px;right:16px}}@media (width<=768px){header.ui-header{background:linear-gradient(#0009 0%,#0000 100%);border-bottom:none;padding:12px}.brand h1{color:#fff;text-shadow:0 1px 3px #000c;font-size:14px}.brand span{display:none}.header-controls .btn{padding:6px 10px;font-size:11px}.header-controls .btn span{display:none}.sidebar{border:none;border-top:1px solid var(--glass-border);background:var(--glass-bg);pointer-events:auto;border-radius:20px 20px 0 0;width:100%;max-height:40vh;padding:16px;inset:auto 0 0;overflow-y:auto;box-shadow:0 -10px 40px #0003}.sidebar h2{padding-bottom:8px;font-size:16px}.card-item{padding:8px 12px}.card-title{font-size:12px}.right-panel,.simulator-panel{display:none!important}.modal-box{width:90%;margin:10px;padding:20px}}