.dpz{--tab: 18px;--q: calc(1 - var(--p, 1));max-width:1040px;margin-inline:auto}.dpz .dpz-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));filter:drop-shadow(0 18px 30px rgba(41,71,254,.1)) drop-shadow(0 2px 4px rgba(41,71,254,.06))}.dpz .dpz-piece{position:relative;z-index:calc(3 - var(--i));transform:translate(calc(var(--dx, 0px) * var(--q)),calc(var(--dy, 0px) * var(--q))) rotate(calc(var(--rot, 0deg) * var(--q)))}.dpz .dpz-piece:nth-child(1){--dx: -64px;--dy: 18px;--rot: -4deg}.dpz .dpz-piece:nth-child(2){--dx: 0px;--dy: -26px;--rot: 2.5deg}.dpz .dpz-piece:nth-child(3){--dx: 64px;--dy: 10px;--rot: 5deg}.dpz .dpz-shape{position:relative;display:grid;align-content:start;gap:14px;height:100%;padding:26px 30px 28px;border-radius:22px;background:#fff;transition:border-radius var(--duration-slower) var(--ease-smooth)}.dpz .dpz-piece+.dpz-piece .dpz-shape{padding-left:calc(30px + var(--tab));-webkit-mask:radial-gradient(circle var(--tab) at 0 50%,transparent calc(var(--tab) - .5px),#000 var(--tab));mask:radial-gradient(circle var(--tab) at 0 50%,transparent calc(var(--tab) - .5px),#000 var(--tab))}.dpz .dpz-piece:not(:last-child):after{content:"";position:absolute;top:50%;right:calc(-1 * var(--tab));width:calc(2 * var(--tab));height:calc(2 * var(--tab));margin-top:calc(-1 * var(--tab));border-radius:50%;background:#fff}.dpz.is-joined .dpz-piece:not(:last-child) .dpz-shape{border-top-right-radius:0;border-bottom-right-radius:0}.dpz.is-joined .dpz-piece:not(:first-child) .dpz-shape{border-top-left-radius:0;border-bottom-left-radius:0}.dpz .dpz-piece+.dpz-piece:before{content:"";position:absolute;z-index:4;left:0;top:18px;bottom:18px;border-left:1.5px dashed var(--color-dc-blue-20);-webkit-mask:linear-gradient(#000 calc(50% - var(--tab) - 4px),transparent 0 calc(50% + var(--tab) + 4px),#000 0);mask:linear-gradient(#000 calc(50% - var(--tab) - 4px),transparent 0 calc(50% + var(--tab) + 4px),#000 0);opacity:0;transition:opacity var(--duration-slower) .2s}.dpz.is-joined .dpz-piece+.dpz-piece:before{opacity:1}.dpz.is-armed.is-joined .dpz-board{animation:dpz-click .6s var(--ease-spring)}@keyframes dpz-click{40%{transform:scale(1.012)}}.dpz .dpz-team{display:flex;align-items:center;gap:10px;font-size:var(--text-ds-small);font-weight:600;color:var(--color-dc-g-70)}.dpz .dpz-knows{margin:0;font-size:var(--text-ds-h4);font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--color-ds-ink)}.dpz .dpz-frag{display:grid;gap:4px;margin-top:4px;padding:14px 16px;border-radius:14px;background:var(--color-dc-g-3);transition:background var(--duration-slower) var(--ease-smooth);transition-delay:calc(var(--i) * .14s)}.dpz .dpz-frag small{font-size:var(--text-ds-meta);color:var(--color-dc-g-60)}.dpz .dpz-frag b{font-size:var(--text-ds-h4);font-weight:600;letter-spacing:-.02em;color:var(--color-ds-ink);font-variant-numeric:tabular-nums;transition:color var(--duration-slower);transition-delay:calc(var(--i) * .14s)}.dpz.is-joined .dpz-frag{background:var(--color-dc-blue-5)}.dpz.is-joined .dpz-frag b{color:var(--color-ds-accent)}.dpz .dpz-result{display:grid;justify-items:center}.dpz .dpz-stem{width:2px;height:40px;background:var(--color-dc-blue-20);transform-origin:top;transition:transform var(--duration-slower) var(--ease-smooth) .35s}.dpz .dpz-insight{display:flex;align-items:center;gap:16px;padding:18px 26px 18px 18px;border-radius:20px;background:#fff;border:1px solid var(--color-dc-blue-20);box-shadow:var(--shadow-dc-card-lift);transition:opacity var(--duration-slowest) var(--ease-reveal) .6s,transform var(--duration-slowest) var(--ease-spring) .6s}.dpz .dpz-insight .ds-eyebrow{font-size:11px}.dpz .dpz-insight p{margin:6px 0 0;font-size:var(--text-ds-h5);font-weight:600;line-height:1.35;color:var(--color-ds-ink)}.dpz.is-armed:not(.is-joined) .dpz-stem{transform:scaleY(0);transition-delay:0s}.dpz.is-armed:not(.is-joined) .dpz-insight{opacity:0;transform:translateY(-10px) scale(.97);transition-delay:0s}@media(max-width:819px){.dpz .dpz-board{grid-template-columns:1fr}.dpz .dpz-piece:nth-child(1){--dx: -10px;--dy: -24px;--rot: -3deg}.dpz .dpz-piece:nth-child(2){--dx: 12px;--dy: 0px;--rot: 2.5deg}.dpz .dpz-piece:nth-child(3){--dx: -8px;--dy: 24px;--rot: -2deg}.dpz .dpz-shape{padding:22px 22px 24px}.dpz .dpz-piece+.dpz-piece .dpz-shape{padding-left:22px;padding-top:calc(22px + var(--tab));-webkit-mask:radial-gradient(circle var(--tab) at 50% 0,transparent calc(var(--tab) - .5px),#000 var(--tab));mask:radial-gradient(circle var(--tab) at 50% 0,transparent calc(var(--tab) - .5px),#000 var(--tab))}.dpz .dpz-piece:not(:last-child):after{top:auto;bottom:calc(-1 * var(--tab));right:auto;left:50%;margin:0 0 0 calc(-1 * var(--tab))}.dpz.is-joined .dpz-piece:not(:last-child) .dpz-shape{border-radius:22px 22px 0 0}.dpz.is-joined .dpz-piece:not(:first-child) .dpz-shape{border-radius:0 0 22px 22px}.dpz.is-joined .dpz-piece:nth-child(2) .dpz-shape{border-radius:0}.dpz .dpz-insight{align-items:flex-start;padding:16px}.dpz .dpz-piece+.dpz-piece:before{inset:0 18px auto;height:0;border-left:0;border-top:1.5px dashed var(--color-dc-blue-20);-webkit-mask:linear-gradient(90deg,#000 calc(50% - var(--tab) - 4px),transparent 0 calc(50% + var(--tab) + 4px),#000 0);mask:linear-gradient(90deg,#000 calc(50% - var(--tab) - 4px),transparent 0 calc(50% + var(--tab) + 4px),#000 0)}}.dpz .dpz-mine{position:absolute;top:18px;right:20px}.dpz .dpz-piece.is-mine .ds-icon{background:var(--color-ds-accent);color:#fff}.dpz .dpz-piece.is-mine .dpz-team{color:var(--color-ds-accent)}@media(prefers-reduced-motion:reduce){.dpz .dpz-piece,.dpz .dpz-board,.dpz .dpz-insight,.dpz .dpz-stem{transition:none;animation:none}}