.xp-intro{max-width:820px}.xp-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;padding:18px 22px;border:1px solid var(--line-soft);border-radius:11px;background:var(--gunmetal)}.xp-legend .li{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12.5px;color:var(--silver)}.xp-legend .sw{width:14px;height:14px;border-radius:4px;flex:none;border:1px solid rgba(255,255,255,.18)}.xp-legend .sw.key{background:var(--steel)}.xp-legend .sw.data{background:#5a626b}.xp-legend .sw.noise{background:var(--amber)}.xp-legend .sw.bad{background:#d9534f}.xp-legend .sw.ok{background:var(--ok)}.xp{border:1px solid var(--line-soft);border-radius:16px;background:var(--gunmetal);overflow:hidden;margin-top:34px}.xp-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:26px 30px 4px}.xp-tag{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:#fff;background:var(--bg-2);border:1px solid var(--line);border-radius:7px;padding:6px 11px;white-space:nowrap}.xp-tag.pend{color:#e6c277;border-color:#d9a44166}.xp-head .xp-titles{flex:1;min-width:240px}.xp-head h3{font-family:var(--font-display);font-weight:700;font-size:21px;color:#fff;line-height:1.2}.xp-oneline{color:var(--ice);font-size:14.5px;margin-top:5px;font-family:var(--font-mono)}.xp-stage{margin:18px 30px 0;background:linear-gradient(180deg,#17151890,#121013);border:1px solid var(--line-soft);border-radius:12px;padding:14px;overflow:hidden}.xp-stage svg{width:100%;height:auto;display:block}.xp svg text{font-family:var(--font-mono);fill:var(--silver)}.xp .lbl{font-size:11px;fill:#aeb6bf}.xp .lbl-sm{font-size:9.5px;fill:var(--muted-2)}.xp .node{fill:#221f24;stroke:#3a363b;stroke-width:1.4}.xp .node-label{font-size:11.5px;fill:#fff}.xp .wire{stroke:#3a3a40;stroke-width:1.6}.xp .wire-dash{stroke:#3a3a40;stroke-width:1.4;stroke-dasharray:4 5}.xp .key{fill:var(--steel)}.xp .key-stroke{stroke:var(--steel);fill:none}.xp .data{fill:#5a626b}.xp .noise{fill:var(--amber)}.xp .bad{fill:#d9534f}.xp .ok{fill:var(--ok)}.xp .glow-key{filter:drop-shadow(0 0 5px rgba(47,128,190,.7))}.xp-body{padding:20px 30px 28px}.xp-eli{color:#d4d7db;font-size:16px;line-height:1.65;max-width:680px}.xp-eli b{color:#fff;font-weight:600}.xp-parts{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}.xp-parts li{position:relative;padding-left:22px;color:#bcbec3;font-size:14px;line-height:1.5}.xp-parts li:before{content:"";position:absolute;left:2px;top:7px;width:8px;height:8px;border-radius:2px;background:var(--steel)}.xp-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft);font-family:var(--font-mono);font-size:13px}.xp-links a{display:inline-flex;align-items:center;gap:7px}@media(max-width:680px){.xp-parts{grid-template-columns:1fr}}.xp [data-anim]{animation-play-state:paused}.xp.live [data-anim]{animation-play-state:running}@keyframes xpTravel{0%{transform:translate(0);opacity:0}8%{opacity:1}82%{opacity:1}to{transform:translate(var(--xp-span,300px));opacity:0}}.xp-travel{animation:xpTravel 2.6s cubic-bezier(.5,0,.5,1) infinite}@keyframes xpTravelBack{0%{transform:translate(0);opacity:0}8%{opacity:1}82%{opacity:1}to{transform:translate(calc(-1 * var(--xp-span,300px)));opacity:0}}.xp-travel-back{animation:xpTravelBack 2.6s cubic-bezier(.5,0,.5,1) infinite}@keyframes xpPulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}.xp-pulse{animation:xpPulse 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes xpRoll{0%,30%{fill:var(--steel)}33%,63%{fill:#7b61c4}66%,96%{fill:#3aa0a0}}.xp-roll{animation:xpRoll 2.6s steps(1,end) infinite}@keyframes xpGrey{0%,40%{fill:#d9534f;opacity:1}70%,to{fill:#5a5a5a;opacity:.5}}.xp-grey{animation:xpGrey 2.6s ease-in-out infinite}@keyframes xpAura{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.xp-aura{animation:xpAura 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes xpBeat{0%,46%{stroke-dashoffset:0}50%,to{stroke-dashoffset:0}}@keyframes xpFuse{0%{stroke-dashoffset:var(--xp-len,200)}70%,to{stroke-dashoffset:0}}.xp-fuse{animation:xpFuse 2.6s linear infinite}@keyframes xpPop{0%,to{opacity:0;transform:scale(.2)}20%,80%{opacity:1;transform:scale(1)}}.xp-pop{animation:xpPop 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes xpCountdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--xp-circ,170)}}.xp-countdown{animation:xpCountdown 2.6s linear infinite}@keyframes xpCut{0%,55%{opacity:1;stroke:var(--steel)}60%,to{opacity:.22;stroke:#d9534f}}.xp-cut{stroke:var(--steel);animation:xpCut 3.2s ease-in-out infinite}@keyframes xpFlow{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.xp-flow{stroke-dasharray:7 6;animation:xpFlow 1.1s linear infinite}@keyframes xpZoom{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.xp-zoom{animation:xpZoom 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.d1{animation-delay:.25s}.d2{animation-delay:.5s}.d3{animation-delay:.75s}.d4{animation-delay:1s}.d5{animation-delay:1.25s}.d6{animation-delay:1.5s}.xp-hex{font-family:var(--font-mono);font-size:11px;fill:#5793c4}@media(prefers-reduced-motion:reduce){.xp [data-anim]{animation:none!important}.xp .rm-show{opacity:1!important}}.xp [data-step]{opacity:.07;transition:opacity .5s ease,filter .5s ease}.xp [data-step].seen{opacity:.46}.xp [data-step].cur{opacity:1}.xp.live [data-step].cur{filter:drop-shadow(0 0 5px rgba(107,176,227,.6))}.xp-narrate{display:flex;align-items:center;gap:14px;margin:12px 4px 2px;padding:13px 16px;border:1px solid var(--line-soft);border-radius:10px;background:var(--bg-2);min-height:58px}.xp-stepnum{font-family:var(--font-mono);font-size:12px;color:#fff;background:var(--steel-deep);border:1px solid var(--steel);border-radius:6px;padding:5px 10px;flex:none;letter-spacing:.04em}.xp-captext{font-size:15px;color:var(--silver);line-height:1.5;flex:1}.xp-captext b{color:#fff;font-weight:600}.xp-nav{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}.xp-dots{display:flex;gap:7px;align-items:center}.xp-dot{width:9px;height:9px;padding:0;border-radius:50%;background:var(--gunmetal-2);border:1px solid var(--line);cursor:pointer;transition:background .25s,border-color .25s,transform .15s}.xp-dot:hover{border-color:var(--steel);transform:scale(1.3)}.xp-dot.on{background:var(--steel);border-color:var(--steel)}.xp-dot:focus-visible{outline:2px solid var(--ice);outline-offset:2px}.xp-ctrl{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--gunmetal);border:1px solid var(--line);color:var(--silver);font-family:var(--font-mono);font-size:16px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.xp-ctrl:hover{border-color:var(--steel);color:#fff;background:var(--gunmetal-2)}.xp-ctrl:active{transform:translateY(1px)}.xp.xp-manual .xp-stepnum{background:var(--gunmetal-2);border-color:var(--line)}@media(prefers-reduced-motion:reduce){.xp [data-step]{opacity:1!important;filter:none!important}}