.dpz{--tab:18px;--q:calc(1 - var(--p,1));max-width:1040px;margin-inline:auto}.dpz .dpz-board{filter:drop-shadow(0 18px 30px #2947fe1a)drop-shadow(0 2px 4px #2947fe0f);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dpz .dpz-piece{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)));position:relative}.dpz .dpz-piece:first-child{--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{height:100%;transition:border-radius var(--duration-slower) var(--ease-smooth);background:#fff;border-radius:22px;align-content:start;gap:14px;padding:26px 30px 28px;display:grid;position:relative}.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:"";top:50%;right:calc(-1 * var(--tab));width:calc(2 * var(--tab));height:calc(2 * var(--tab));margin-top:calc(-1 * var(--tab));background:#fff;border-radius:50%;position:absolute}.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:"";z-index:4;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;position:absolute;top:18px;bottom:18px;left:0}.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{font-size:var(--text-ds-small);color:var(--color-dc-g-70);align-items:center;gap:10px;font-weight:600;display:flex}.dpz .dpz-knows{font-size:var(--text-ds-h4);letter-spacing:-.015em;color:var(--color-ds-ink);margin:0;font-weight:600;line-height:1.25}.dpz .dpz-frag{background:var(--color-dc-g-3);transition:background var(--duration-slower) var(--ease-smooth);transition-delay:calc(var(--i) * .14s);border-radius:14px;gap:4px;margin-top:4px;padding:14px 16px;display:grid}.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);letter-spacing:-.02em;color:var(--color-ds-ink);font-variant-numeric:tabular-nums;transition:color var(--duration-slower);transition-delay:calc(var(--i) * .14s);font-weight:600}.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{justify-items:center;display:grid}.dpz .dpz-stem{background:var(--color-dc-blue-20);transform-origin:top;width:2px;height:40px;transition:transform var(--duration-slower) var(--ease-smooth) .35s}.dpz .dpz-insight{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;background:#fff;border-radius:20px;align-items:center;gap:16px;padding:18px 26px 18px 18px;display:flex}.dpz .dpz-insight .ds-eyebrow{font-size:11px}.dpz .dpz-insight p{font-size:var(--text-ds-h5);color:var(--color-ds-ink);margin:6px 0 0;font-weight:600;line-height:1.35}.dpz.is-armed:not(.is-joined) .dpz-stem{transition-delay:0s;transform:scaleY(0)}.dpz.is-armed:not(.is-joined) .dpz-insight{opacity:0;transition-delay:0s;transform:translateY(-10px)scale(.97)}@media (width<=819px){.dpz .dpz-board{grid-template-columns:1fr}.dpz .dpz-piece:first-child{--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));margin:0 0 0 calc(-1 * var(--tab));left:50%;right:auto}.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{border-left:0;border-top:1.5px dashed var(--color-dc-blue-20);height:0;-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);inset:0 18px auto}}.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}}