.xpl{position:relative;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:radial-gradient(120% 85% at 82% 0%,rgba(213,105,58,.18),transparent 55%),radial-gradient(110% 95% at 0% 100%,rgba(43,43,176,.45),transparent 62%),linear-gradient(150deg,#1b1b4f,#0d0d36 55%,#16163f);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px -34px #000028cc;color:#fff;isolation:isolate;font-family:var(--head)}.xpl:before{content:"";position:absolute;inset:0;z-index:0;opacity:.14;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:34px 34px;mask:radial-gradient(70% 70% at 50% 42%,#000,transparent 78%)}.xpl__stage{position:absolute;inset:0;z-index:1}.xpl__scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:7% 8% 16%;text-align:center;opacity:0;transform:scale(.98);transition:opacity .6s var(--ease),transform .6s var(--ease);pointer-events:none}.xpl__scene.is-active{opacity:1;transform:none}.xpl__title{font-size:clamp(.8rem,1.6vw,1.05rem);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff}.xpl__sub{font-size:clamp(.66rem,1.2vw,.8rem);color:#ffffff9e;font-weight:500;max-width:34ch}.xpl__accent{color:var(--orange-lt)}.xpl__chip{font-family:var(--mono);font-size:clamp(.56rem,1vw,.72rem);color:#fffc;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:5px 9px;white-space:nowrap}.xpl__chip--target{color:#fff;background:#d5693a3d;border-color:#f0915f8c}.xpl__gate{display:inline-flex;align-items:center;gap:6px;font-size:clamp(.6rem,1.1vw,.74rem);font-weight:600;color:#9be7b8;background:#7ddfa01f;border:1px solid rgba(125,223,160,.4);border-radius:999px;padding:5px 12px}.xpl__gate svg{width:13px;height:13px}.xpl__gate--pop{opacity:0;transform:scale(.6)}.xpl__scene.is-active .xpl__gate--pop{animation:xpop .5s var(--ease) .9s both}.xpl__grid{display:grid;grid-template-columns:repeat(3,auto);gap:8px;justify-content:center}.xpl__scene--estate.is-active .xpl__chip{opacity:0;animation:chipIn .5s var(--ease) both;animation-delay:calc(var(--i,0)*.09s)}.xpl__flow{display:flex;align-items:center;gap:clamp(8px,2vw,20px);justify-content:center;flex-wrap:wrap}.xpl__stack{display:grid;gap:6px}.xpl__arrow{color:var(--orange-lt);font-size:1.2rem;line-height:1}.xpl__kb{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 18px;border-radius:14px;background:linear-gradient(140deg,#2b2bb080,#00007580);border:1px solid rgba(143,184,255,.4);min-width:120px}.xpl__kb b{font-size:clamp(.7rem,1.3vw,.86rem);color:#fff}.xpl__kb span{font-family:var(--mono);font-size:.6rem;color:#8fb8ff}.xpl__scene--document.is-active .xpl__stack .xpl__chip{opacity:0;animation:streamIn .6s var(--ease) both;animation-delay:calc(var(--i,0)*.12s)}.xpl__scene--document.is-active .xpl__kb{animation:xglow 2.4s var(--ease) .6s infinite alternate}.xpl__spec{display:flex;flex-direction:column;gap:5px;padding:12px 16px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);min-width:120px;text-align:left}.xpl__spec b{font-size:.74rem;color:#fff}.xpl__specline{height:5px;border-radius:4px;background:#ffffff2e}.xpl__specline--o{background:linear-gradient(90deg,var(--orange-lt),var(--orange))}.xpl__scene--architect.is-active .xpl__spec{opacity:0;animation:chipIn .55s var(--ease) .2s both}.xpl__scene--architect.is-active .xpl__specline{transform:scaleX(0);transform-origin:left;animation:lineGrow .5s var(--ease) both}.xpl__scene--architect.is-active .xpl__specline:nth-child(2){animation-delay:.5s}.xpl__scene--architect.is-active .xpl__specline:nth-child(3){animation-delay:.66s}.xpl__scene--architect.is-active .xpl__specline:nth-child(4){animation-delay:.82s}.xpl__branches{display:flex;gap:clamp(8px,2vw,18px);justify-content:center;flex-wrap:wrap}.xpl__branch{display:flex;flex-direction:column;gap:6px;align-items:center;padding:12px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);min-width:120px}.xpl__branch b{font-size:clamp(.66rem,1.2vw,.8rem);color:#fff}.xpl__branch .xpl__tags{display:flex;gap:5px}.xpl__tags span{font-family:var(--mono);font-size:.56rem;color:#ffffffb8;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:2px 6px}.xpl__loop{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:600;color:var(--orange-lt);background:#d5693a24;border:1px dashed rgba(240,145,95,.5);border-radius:999px;padding:5px 13px}.xpl__loop svg{width:14px;height:14px}.xpl__scene--build.is-active .xpl__loop svg{animation:spin 3s linear infinite}.xpl__dots14{display:flex;gap:4px;justify-content:center}.xpl__td{width:9px;height:9px;border-radius:50%;background:#e0573a}.xpl__scene--build.is-active .xpl__td{animation:redgreen 5s var(--ease) infinite;animation-delay:calc(var(--i,0)*.18s)}.xpl__iter{font-size:.68rem;color:#ffffffb3;font-weight:500}.xpl__iter b{color:#9be7b8}.xpl__envs{display:flex;align-items:center;gap:8px}.xpl__env{font-family:var(--mono);font-size:clamp(.6rem,1.1vw,.74rem);color:#ffffffb3;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 12px}.xpl__scene--promote.is-active .xpl__env{opacity:.4;animation:envOn .4s var(--ease) forwards}.xpl__scene--promote.is-active .xpl__env:nth-child(1){animation-delay:.3s}.xpl__scene--promote.is-active .xpl__env:nth-child(3){animation-delay:.9s}.xpl__scene--promote.is-active .xpl__env:nth-child(5){animation-delay:1.5s}.xpl__rocket{width:42px;height:auto;margin:2px auto 0;filter:drop-shadow(0 0 5px rgba(255,255,255,.6)) drop-shadow(0 0 14px rgba(240,145,95,.7)) drop-shadow(0 0 30px rgba(213,105,58,.45))}.xpl__scene--promote.is-active .xpl__rocket{animation:lift 2.6s var(--ease) .6s both}.xpl__close{font-size:clamp(.66rem,1.2vw,.82rem);font-weight:600;color:#fff;max-width:32ch}.xpl__close b{color:var(--orange-lt)}.xpl__fleet{font-family:var(--head);font-weight:700;font-size:clamp(1rem,2vw,1.5rem);color:#fff}.xpl__fleet span{color:var(--orange-lt)}.xpl__controls{position:absolute;z-index:3;left:0;right:0;bottom:12px;display:flex;align-items:center;justify-content:center;gap:14px}.xpl__play{width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--orange-lt),var(--orange));box-shadow:0 8px 20px -8px #d5693acc;flex-shrink:0}.xpl__play svg{width:14px;height:14px}.xpl__dots{display:flex;gap:4px;align-items:center}.xpl__dot{width:24px;height:24px;border:0;padding:0;margin:0;cursor:pointer;background:transparent;display:inline-grid;place-items:center;border-radius:50%}.xpl__dot:before{content:"";width:9px;height:9px;border-radius:50%;background:#ffffff52;transition:background .3s,transform .3s}.xpl__dot.is-on:before{background:var(--orange-lt);transform:scale(1.3)}.xpl__caption{position:absolute;z-index:3;left:14px;top:12px;font-family:var(--mono);font-size:.64rem;color:#ffffff8c;background:#00002866;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 10px}html:not(.js) .xpl__controls{display:none}@keyframes chipIn{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}@keyframes streamIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes lineGrow{to{transform:scaleX(1)}}@keyframes xpop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes xglow{0%{box-shadow:0 0 #8fb8ff00}to{box-shadow:0 0 30px -4px #8fb8ff66}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes redgreen{0%,40%{background:#e0573a}55%,to{background:#7ddfa0}}@keyframes envOn{to{opacity:1;transform:translateY(-2px)}}@keyframes lift{0%{transform:translateY(8px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}.xpl__gatecard{display:flex;flex-direction:column;gap:7px;padding:14px 18px;border-radius:14px;text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);min-width:min(320px,80%)}.xpl__gaterow{display:flex;gap:10px;align-items:baseline;font-size:clamp(.6rem,1.1vw,.74rem)}.xpl__gaterow b{flex:0 0 5.5em;color:#8fb8ff;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.xpl__gaterow span{color:#ffffffd1}.xpl__scene--gate.is-active .xpl__gatecard{opacity:0;animation:chipIn .5s var(--ease) .15s both}.xpl__scene--gate.is-active .xpl__gaterow{opacity:0;animation:chipIn .5s var(--ease) both}.xpl__scene--gate.is-active .xpl__gaterow:nth-child(1){animation-delay:.3s}.xpl__scene--gate.is-active .xpl__gaterow:nth-child(2){animation-delay:.45s}.xpl__scene--gate.is-active .xpl__gaterow:nth-child(3){animation-delay:.6s}.xpl__scene--flavor.is-active .xpl__branch{opacity:0;animation:chipIn .55s var(--ease) both}.xpl__scene--flavor.is-active .xpl__branch:nth-child(1){animation-delay:.2s}.xpl__scene--flavor.is-active .xpl__branch:nth-child(2){animation-delay:.4s}