.cmp-stage{--cmp-tint: #8d97ad;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:radial-gradient(60% 90% at 18% 10%,color-mix(in srgb,var(--color-cobalt-500) 26%,transparent),transparent 70%),radial-gradient(60% 90% at 82% 100%,color-mix(in srgb,var(--cmp-tint) 22%,transparent),transparent 70%),linear-gradient(180deg,#0b0f1a,#05070d);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0f,0 30px 60px -36px #05070d99;color:#fff}.cmp-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(170deg,rgba(255,255,255,.07),transparent 38%)}.cmp-tile{position:relative;display:grid;place-items:center;border-radius:28%;background:linear-gradient(150deg,#ffffff29,#ffffff08 48%,#ffffff0f),#ffffff0a;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff0a,inset 0 0 0 1px #ffffff17,0 18px 40px -18px #000000b3}.cmp-plate{display:grid;place-items:center;border-radius:24%;background:linear-gradient(180deg,#f6f8fb,#e4e8f0);box-shadow:inset 0 1px #fff,0 1px 2px #05070d4d}.cmp-mark{display:block;border-radius:24%;object-fit:contain}.cmp-vs{display:grid;place-items:center;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff14;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.cmp-card{position:relative;border:1px solid transparent;border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--color-ice-2) 70%,transparent),color-mix(in srgb,var(--color-ice) 40%,transparent));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 60%,transparent)}:root[data-theme=dark] .cmp-card{background:linear-gradient(150deg,#ffffff0d,#ffffff04);box-shadow:inset 0 1px #ffffff0f}.cmp-chip{display:grid;place-items:center;border-radius:12px;background:radial-gradient(80% 80% at 30% 20%,color-mix(in srgb,var(--color-cobalt-500) 40%,transparent),transparent 70%),#0b0f1a;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0f;color:#dbe4ff}@media(prefers-reduced-transparency:reduce){.cmp-tile{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a2133}}.cmp-caption{color:#ffffffb3}.cmp-matrix thead th{border-bottom:1px solid var(--color-line)}.cmp-matrix .is-fx{background:color-mix(in srgb,var(--color-cobalt-500) 6%,transparent)}.cmp-matrix-row{border-top:1px solid var(--color-line)}.cmp-matrix-group+.cmp-matrix-row{border-top:0}.cmp-matrix-sticky{position:sticky;left:0;z-index:1;background:var(--color-page)}.cmp-check{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;font-size:12px;font-weight:600;line-height:1}.cmp-check.is-yes{background:var(--color-cobalt-500);color:#fff;box-shadow:inset 0 1px #ffffff4d}.cmp-check.is-partial{background:color-mix(in srgb,var(--color-warning) 18%,transparent);color:#b54708}.cmp-check.is-no{background:var(--color-ice-2);color:var(--color-ink-faint)}.cmp-check.is-unknown{background:transparent;color:var(--color-ink-faint);box-shadow:inset 0 0 0 1px var(--color-line-strong)}:root[data-theme=dark] .cmp-check.is-partial{color:#fdb022}.cmp-only{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;vertical-align:1px;font-size:12px;font-weight:500;white-space:nowrap;background:color-mix(in srgb,var(--color-cobalt-500) 12%,transparent);color:var(--color-cobalt-600)}.cmp-matrix{background:var(--color-page)}.cmp-orbit{aspect-ratio:1 / 1}@media(min-width:640px){.cmp-orbit{aspect-ratio:16 / 8}}.cmp-orbit-center{width:84px;height:84px;box-shadow:inset 0 1px #ffffff3d,inset 0 0 0 1px #ffffff1f,0 0 60px -6px color-mix(in srgb,var(--color-cobalt-500) 55%,transparent)}.cmp-orbit-node{width:48px;height:48px;transition:transform .3s var(--ease-out-quint),box-shadow .3s var(--ease-out-quint)}.cmp-orbit-node:hover,.cmp-orbit-node:focus-visible{transform:translateY(-2px) scale(1.06);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #fff3,0 16px 32px -12px #000c}@media(min-width:640px){.cmp-orbit-center{width:112px;height:112px}.cmp-orbit-node{width:64px;height:64px}}.cmp-row-tile{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(180deg,#121827,#05070d);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff0f}.cmp-pill{align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;background:color-mix(in srgb,var(--color-cobalt-500) 10%,transparent);color:var(--color-cobalt-600)}.cmp-orbit-pulse{stroke:color-mix(in srgb,var(--color-cobalt-300) 90%,#fff);stroke-linecap:round;stroke-dasharray:8 92;stroke-dashoffset:100;opacity:0;animation:cmp-pulse 5.2s var(--ease-out-quint) infinite}@keyframes cmp-pulse{0%{stroke-dashoffset:100;opacity:0}12%{opacity:.9}70%{opacity:.5}to{stroke-dashoffset:8;opacity:0}}.cmp-orbit-node{animation:cmp-drift 7s ease-in-out infinite}@keyframes cmp-drift{0%,to{translate:0 0}50%{translate:0 -3px}}.cmp-orbit-glow{transform-box:fill-box;transform-origin:center;animation:cmp-breathe 6s ease-in-out infinite}@keyframes cmp-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.cmp-orbit-line{stroke:#ffffff1f;transition:stroke .3s var(--ease-out-quint),opacity .3s var(--ease-out-quint)}.cmp-orbit.is-active .cmp-orbit-link:not(.is-on){opacity:.35}.cmp-orbit-link{transition:opacity .3s var(--ease-out-quint)}.cmp-orbit-link.is-on .cmp-orbit-line{stroke:color-mix(in srgb,var(--color-cobalt-300) 80%,transparent)}.cmp-spin{transform-style:preserve-3d}.cmp-spin.is-spinning{animation:cmp-turn 4s linear infinite}@keyframes cmp-turn{0%{transform:perspective(420px) rotateY(0)}to{transform:perspective(420px) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.cmp-orbit-pulse,.cmp-orbit-node,.cmp-orbit-glow,.cmp-spin.is-spinning{animation:none}}.cmp-fan{height:300px}.cmp-fan-from{width:76px;height:76px;filter:saturate(.7)}.cmp-fan-node{width:40px;height:40px;border-radius:12px}.cmp-fan-node.is-first{width:48px;height:48px;box-shadow:inset 0 1px #ffffff3d,inset 0 0 0 1px #ffffff24,0 0 40px -6px color-mix(in srgb,var(--color-cobalt-500) 60%,transparent)}.cmp-caption.is-first{color:#fff}@media(min-width:640px){.cmp-fan{height:340px}}.cmp-pick.is-ours{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-cobalt-500) 40%,transparent),0 18px 40px -28px color-mix(in srgb,var(--color-cobalt-500) 60%,transparent)}