/* XORVANIQ Backbone 1.0.0. Scoped visual component; no global layout rules. */
#xorvaniq-backbone{box-sizing:border-box;isolation:isolate;position:relative;display:block;width:calc(100% - 48px);max-width:1480px;margin:48px auto;padding:32px 36px 24px;border:1px solid #44315e;border-radius:20px;background:radial-gradient(ellipse at 82% 8%,#221437 0%,transparent 53%),#0c0d17;color:#f4f0ff;font-family:inherit;font-size:16px;line-height:1.5;text-align:left;overflow:hidden;box-shadow:0 16px 60px #0003}
#xorvaniq-backbone *{box-sizing:border-box}
#xorvaniq-backbone .xvb-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
#xorvaniq-backbone .xvb-eyebrow{margin:0 0 9px;color:#ad96da;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:650;letter-spacing:2px;line-height:1.6}
#xorvaniq-backbone h2{margin:0;padding:0;color:#f5f2ff;font-size:clamp(30px,3.4vw,48px);font-weight:750;line-height:1.12;letter-spacing:-1.6px;text-transform:none}
#xorvaniq-backbone h2 span{color:#ba95ff}
#xorvaniq-backbone .xvb-intro{margin:13px 0 0;color:#bdb5cb;font-size:16px;line-height:1.5}
#xorvaniq-backbone .xvb-mode{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #4f376c;border-radius:7px;color:#ccb2f4;font-size:10px;font-weight:650;letter-spacing:1.3px;white-space:nowrap;margin-top:6px;background:#20162b}
#xorvaniq-backbone .xvb-mode-dot{width:6px;height:6px;border-radius:50%;background:#b28aff;box-shadow:0 0 12px #b28aaa}
#xorvaniq-backbone .xvb-map-wrap{position:relative;width:100%;margin:10px 0 0;contain:layout paint}
#xorvaniq-backbone .xvb-map{position:static;display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:12/5;overflow:visible;opacity:1;transform:none}
#xorvaniq-backbone .xvb-graticule{fill:none;stroke:#7d599a;stroke-opacity:.17;stroke-width:.6}
#xorvaniq-backbone .xvb-land{fill:#231b34;stroke:#7c5b9d;stroke-opacity:.65;stroke-width:1}
#xorvaniq-backbone .xvb-route{fill:none;stroke:#b880fb;stroke-width:1.35;opacity:.52}
#xorvaniq-backbone .xvb-packet{fill:none;stroke:#b780ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:9 251;animation:xvb-flow 4s linear infinite;filter:drop-shadow(0 0 4px #9565fa)}
#xorvaniq-backbone .xvb-packet:nth-of-type(4n){stroke:#7beaff;filter:drop-shadow(0 0 4px #64ddef)}
#xorvaniq-backbone .xvb-halo{fill:#a977fa;opacity:.12;animation:xvb-pulse 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
#xorvaniq-backbone .xvb-ring{fill:#171622;stroke:#b48afb;stroke-width:1.7}
#xorvaniq-backbone .xvb-core{fill:#f6eaff;filter:drop-shadow(0 0 5px #ad75ff)}
#xorvaniq-backbone .xvb-hub .xvb-core{fill:#b5f9ff;filter:drop-shadow(0 0 8px #77edff)}
#xorvaniq-backbone .xvb-hub .xvb-ring{stroke:#79e8fc}
#xorvaniq-backbone .xvb-node text{fill:#d6c7eb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600;letter-spacing:1.6px;paint-order:stroke;stroke:#10101c;stroke-width:4px;stroke-linejoin:round}
#xorvaniq-backbone .xvb-hub text{fill:#a0f0ff}
#xorvaniq-backbone .xvb-map-caption{fill:#9381b4;stroke:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:1.7px}
#xorvaniq-backbone .xvb-map-caption path{stroke:#9774c3;stroke-width:1;fill:none}
#xorvaniq-backbone .xvb-mobile-legend{display:none}
#xorvaniq-backbone .xvb-console{display:grid;grid-template-columns:minmax(230px,1.1fr) minmax(280px,1.2fr) auto;align-items:center;gap:25px;border:1px solid #453258;border-radius:12px;padding:19px 21px;background:#171322;box-shadow:inset 0 1px 0 #ffffff05}
#xorvaniq-backbone .xvb-check .xvb-eyebrow{font-size:9px;letter-spacing:1.6px;margin:0 0 6px}
#xorvaniq-backbone .xvb-state{display:flex;align-items:center;gap:8px;margin:0;color:#dfd6ed;font-size:15px;line-height:1.4}
#xorvaniq-backbone .xvb-state-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#a99bb6}
#xorvaniq-backbone[data-xvb-observed="true"] .xvb-state-dot{background:#89edf1;box-shadow:0 0 12px #7ee6ed77}
#xorvaniq-backbone .xvb-detail{margin:5px 0 0;color:#b5a9c5;font-size:11px;line-height:1.5;min-height:1.5em}
#xorvaniq-backbone .xvb-real-route{display:flex;align-items:center;justify-content:center;gap:9px;color:#c3afde;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.6px;white-space:nowrap}
#xorvaniq-backbone .xvb-wire{position:relative;flex:1;max-width:56px;min-width:16px;height:1px;background:#77519c;overflow:hidden}
#xorvaniq-backbone .xvb-wire::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:#9cf6ff;opacity:0}
#xorvaniq-backbone[data-xvb-observed="true"] .xvb-wire::after{opacity:1;animation:xvb-wire 2s linear infinite}
#xorvaniq-backbone .xvb-controls{display:flex;gap:8px;align-items:center}
#xorvaniq-backbone .xvb-controls button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:108px;padding:10px 14px;border:1px solid #69468c;border-radius:7px;background:#251934;color:#eee5ff;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:none;transform:none}
#xorvaniq-backbone .xvb-controls button:hover{background:#362247;border-color:#b785e9}
#xorvaniq-backbone .xvb-controls button:focus-visible{outline:2px solid #9eeaff;outline-offset:4px}
#xorvaniq-backbone .xvb-controls button:disabled{opacity:.65;cursor:default}
#xorvaniq-backbone .xvb-controls [data-xvb-pause]{background:#111019;border-color:#544064}
#xorvaniq-backbone .xvb-disclosure{margin:14px 1px 0;color:#b4a7c3;font-size:11px;font-weight:400;line-height:1.65;max-width:none}
#xorvaniq-backbone .xvb-noscript{color:#d9bbef;font-size:12px;margin:10px 0 0}
#xorvaniq-backbone[data-xvb-paused="true"] .xvb-packet,#xorvaniq-backbone[data-xvb-paused="true"] .xvb-halo,#xorvaniq-backbone[data-xvb-paused="true"] .xvb-wire::after{animation-play-state:paused}
@keyframes xvb-flow{to{stroke-dashoffset:-1040}}
@keyframes xvb-pulse{0%,100%{transform:scale(.82);opacity:.11}50%{transform:scale(1.3);opacity:.27}}
@keyframes xvb-wire{to{transform:translateX(100%)}}
@media(max-width:1100px){#xorvaniq-backbone .xvb-console{grid-template-columns:1fr auto;gap:15px}#xorvaniq-backbone .xvb-real-route{grid-column:1/-1;grid-row:2;justify-content:flex-start;max-width:470px}}
@media(max-width:700px){#xorvaniq-backbone{width:calc(100% - 24px);margin:28px auto;padding:23px 18px 20px;border-radius:14px}#xorvaniq-backbone .xvb-heading{display:block}#xorvaniq-backbone .xvb-mode{display:inline-flex;margin-top:17px;padding:7px 10px;font-size:9px}#xorvaniq-backbone .xvb-eyebrow{font-size:9px;letter-spacing:1.35px}#xorvaniq-backbone .xvb-intro{font-size:14px}#xorvaniq-backbone .xvb-map-wrap{margin:15px -12px 8px;width:calc(100% + 24px)}#xorvaniq-backbone .xvb-node text,#xorvaniq-backbone .xvb-map-caption{display:none}#xorvaniq-backbone .xvb-mobile-legend{display:block;margin:0 0 20px;color:#beb0d2;font-size:11px;line-height:1.7}#xorvaniq-backbone .xvb-route{stroke-width:2}#xorvaniq-backbone .xvb-packet{stroke-width:4;filter:none}#xorvaniq-backbone .xvb-console{display:flex;flex-direction:column;align-items:stretch;padding:17px 14px;gap:18px}#xorvaniq-backbone .xvb-real-route{font-size:8px;gap:7px;justify-content:space-between}#xorvaniq-backbone .xvb-wire{min-width:8px}#xorvaniq-backbone .xvb-controls{display:flex;flex-wrap:wrap}#xorvaniq-backbone .xvb-controls button{flex:1;font-size:12px;min-width:100px}#xorvaniq-backbone .xvb-disclosure{font-size:10px}}
@media(prefers-reduced-motion:reduce){#xorvaniq-backbone .xvb-packet,#xorvaniq-backbone .xvb-halo,#xorvaniq-backbone .xvb-wire::after{animation:none!important}}
@media print{#xorvaniq-backbone .xvb-controls{display:none}#xorvaniq-backbone .xvb-packet,#xorvaniq-backbone .xvb-halo,#xorvaniq-backbone .xvb-wire::after{animation:none!important}}
#xorvaniq-backbone .xvb-packet-0{animation-duration:3.5s;animation-delay:-0s}
#xorvaniq-backbone .xvb-packet-1{animation-duration:2.8s;animation-delay:-0.5s}
#xorvaniq-backbone .xvb-packet-2{animation-duration:4.5s;animation-delay:-1.2s}
#xorvaniq-backbone .xvb-packet-3{animation-duration:6s;animation-delay:-1.6s}
#xorvaniq-backbone .xvb-packet-4{animation-duration:4.6s;animation-delay:-0.4s}
#xorvaniq-backbone .xvb-packet-5{animation-duration:3.8s;animation-delay:-0.7s}
#xorvaniq-backbone .xvb-packet-6{animation-duration:4.4s;animation-delay:-1.8s}
#xorvaniq-backbone .xvb-packet-7{animation-duration:4.7s;animation-delay:-0.9s}
#xorvaniq-backbone .xvb-packet-8{animation-duration:4.2s;animation-delay:-1.1s}

/* No-JavaScript fallback must be genuinely static, without dead controls. */
#xorvaniq-backbone:not([data-xvb-ready="true"]) .xvb-packet,#xorvaniq-backbone:not([data-xvb-ready="true"]) .xvb-halo,#xorvaniq-backbone:not([data-xvb-ready="true"]) .xvb-wire::after{animation:none}
#xorvaniq-backbone:not([data-xvb-ready="true"]) .xvb-controls{display:none}
#xorvaniq-backbone .xvb-detail{font-size:12px}
#xorvaniq-backbone .xvb-controls button{font-size:13px}
#xorvaniq-backbone .xvb-disclosure{font-size:12px}
@media(max-width:700px){#xorvaniq-backbone .xvb-disclosure{font-size:11px}}