.cmp-stage{--cmp-tint:#8d97ad;isolation:isolate;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);color:#fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0f,0 30px 60px -36px #05070d99}.cmp-stage:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(170deg,#ffffff12,#0000 38%);position:absolute;inset:0}.cmp-tile{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(150deg,#ffffff29,#ffffff08 48%,#ffffff0f),#ffffff0a;border-radius:28%;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff0a,inset 0 0 0 1px #ffffff17,0 18px 40px -18px #000000b3}.cmp-plate{background:linear-gradient(#f6f8fb,#e4e8f0);border-radius:24%;place-items:center;display:grid;box-shadow:inset 0 1px #fff,0 1px 2px #05070d4d}.cmp-mark{object-fit:contain;border-radius:24%;display:block}.cmp-vs{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e;background:#ffffff0f;border-radius:999px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff14}.cmp-card{background:linear-gradient(150deg, color-mix(in srgb, var(--color-ice-2) 70%, transparent), color-mix(in srgb, var(--color-ice) 40%, transparent));border:1px solid #0000;border-radius:20px;position:relative;box-shadow:inset 0 1px #fff9}:root[data-theme=dark] .cmp-card{background:linear-gradient(150deg,#ffffff0d,#ffffff04);box-shadow:inset 0 1px #ffffff0f}.cmp-chip{background:radial-gradient(80% 80% at 30% 20%, color-mix(in srgb, var(--color-cobalt-500) 40%, transparent), transparent 70%), #0b0f1a;color:#dbe4ff;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff0f}@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{z-index:1;background:var(--color-page);position:sticky;left:0}.cmp-check{border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:600;line-height:1;display:inline-grid}.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{color:var(--color-ink-faint);box-shadow:inset 0 0 0 1px var(--color-line-strong);background:0 0}:root[data-theme=dark] .cmp-check.is-partial{color:#fdb022}.cmp-only{vertical-align:1px;white-space:nowrap;background:color-mix(in srgb, var(--color-cobalt-500) 12%, transparent);color:var(--color-cobalt-600);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.cmp-matrix{background:var(--color-page)}.cmp-orbit{aspect-ratio:1}@media (min-width:640px){.cmp-orbit{aspect-ratio:16/8}}.cmp-orbit-center{width:84px;height:84px;box-shadow:inset 0 1px 0 #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{background:linear-gradient(#121827,#05070d);border-radius:15px;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff0f}.cmp-pill{white-space:nowrap;background:color-mix(in srgb, var(--color-cobalt-500) 10%, transparent);color:var(--color-cobalt-600);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500}.cmp-orbit-pulse{stroke:color-mix(in srgb, var(--color-cobalt-300) 90%, #fff);stroke-linecap:round;stroke-dasharray:8 92;stroke-dashoffset:100px;opacity:0;animation:cmp-pulse 5.2s var(--ease-out-quint) infinite}@keyframes cmp-pulse{0%{stroke-dashoffset:100px;opacity:0}12%{opacity:.9}70%{opacity:.5}to{stroke-dashoffset:8px;opacity:0}}.cmp-orbit-node{animation:7s ease-in-out infinite cmp-drift}@keyframes cmp-drift{0%,to{translate:0}50%{translate:0 -3px}}.cmp-orbit-glow{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite cmp-breathe}@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:4s linear infinite cmp-turn}@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{filter:saturate(.7);width:76px;height:76px}.cmp-fan-node{border-radius:12px;width:40px;height:40px}.cmp-fan-node.is-first{width:48px;height:48px;box-shadow:inset 0 1px 0 #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)}