.dpd-duel{--dpd-line:color-mix(in srgb, var(--dpd-dark) 15%, transparent);box-sizing:border-box;width:100%;max-width:var(--dpd-max,920px);margin:clamp(36px, 6vw, 72px) auto;padding:clamp(20px, 4vw, 42px);overflow:hidden;color:var(--dpd-dark);background:var(--dpd-paper);border:1px solid var(--dpd-line);border-radius:22px;box-shadow:0 18px 45px rgb(7 31 39 / .09);font-family:inherit;min-height:0!important;container-type:inline-size}.dpd-duel *,.dpd-duel *::before,.dpd-duel *::after{box-sizing:border-box}.dpd-heading{margin:0 auto 24px;text-align:center}.dpd-kicker{display:block;margin-bottom:6px;color:var(--dpd-primary);font-size:12px;font-weight:900;letter-spacing:.11em}.dpd-heading h2{margin:0;color:inherit;font-family:inherit;font-size:clamp(28px, 4.5vw, var(--dpd-heading, 44px));font-weight:850;line-height:1.04;letter-spacing:-.035em}.dpd-heading p{margin:9px 0 0;color:color-mix(in srgb,var(--dpd-dark) 68%,transparent);font-size:15px;line-height:1.45}.dpd-cards{position:relative;display:grid!important;width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch;gap:clamp(18px, 4vw, 38px)}.dpd-card{display:flex;flex-direction:column;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;float:none!important;transition:transform .24s ease}.dpd-duel button.dpd-card-button{appearance:none!important;display:flex!important;flex:1 1 auto!important;flex-direction:column;width:100%!important;max-width:none!important;height:100%;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden;color:inherit;background:#fff;border:2px solid transparent!important;border-radius:17px;box-shadow:0 9px 26px rgb(7 31 39 / .10);cursor:pointer;text-align:left;text-transform:none!important;white-space:normal!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.dpd-card-button:hover,.dpd-card-button:focus-visible{transform:translateY(-4px);border-color:var(--dpd-primary);box-shadow:0 14px 34px rgb(7 31 39 / .16);outline:none}.dpd-card-button:disabled{cursor:default}.dpd-card-button:disabled:hover{transform:none}.dpd-image{display:block;width:100%;max-width:100%;aspect-ratio:4 / 5;overflow:hidden;background:linear-gradient(145deg,#edf5f1,#dce9e4)}.dpd-image img{display:block;width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;margin:0!important;object-fit:contain!important}.dpd-card-copy{display:grid;flex:1;width:100%;min-width:0;min-height:132px;grid-template-rows:auto minmax(19px,auto) auto;padding:17px 18px 18px}.dpd-card-copy strong{align-self:end;min-width:0;overflow:visible;color:inherit;font-size:clamp(18px, 2.2vw, 25px);font-weight:850;line-height:1.1;letter-spacing:-.025em;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;text-overflow:clip}.dpd-card-copy small{display:-webkit-box;min-width:0;min-height:19px;margin-top:6px;overflow:hidden;color:color-mix(in srgb,var(--dpd-dark) 62%,transparent);font-size:12px;line-height:1.35;white-space:normal!important;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dpd-vote-label{display:flex;width:100%;max-width:100%;align-items:center;justify-content:center;min-height:40px;margin:13px 0 0!important;padding:8px 14px;overflow:visible;color:#fff;background:var(--dpd-primary);border-radius:9px;font-size:13px;font-weight:850;letter-spacing:.02em;line-height:1.2;text-align:center;white-space:normal!important;overflow-wrap:anywhere}.dpd-vs{position:absolute;z-index:4;top:38%;left:50%;display:grid;width:52px;height:52px;margin:0;place-items:center;color:#fff;background:var(--dpd-dark);border:5px solid var(--dpd-paper);border-radius:50%;font-size:14px;font-weight:950;transform:translate(-50%,-50%);box-shadow:0 6px 16px rgb(7 31 39 / .2)}.dpd-result{flex:0 0 auto;width:100%;max-width:100%;padding:13px 3px 0;opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease}.dpd-result-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dpd-percent{color:var(--dpd-primary);font-size:22px;line-height:1}.dpd-votes{color:color-mix(in srgb,var(--dpd-dark) 65%,transparent);font-size:12px}.dpd-bar{height:8px;margin-top:8px;overflow:hidden;background:color-mix(in srgb,var(--dpd-dark) 10%,transparent);border-radius:999px}.dpd-bar span{display:block;width:0;height:100%;background:var(--dpd-primary);border-radius:inherit;transition:width .75s cubic-bezier(.2,.75,.25,1)}.dpd-duel.is-voted .dpd-result{opacity:1;transform:none}.dpd-duel.is-voted .dpd-vote-label{color:var(--dpd-dark);background:color-mix(in srgb,var(--dpd-dark) 8%,#fff)}.dpd-duel.is-voted .dpd-card.is-selected .dpd-card-button{border-color:var(--dpd-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--dpd-primary) 20%,transparent),0 14px 34px rgb(7 31 39 / .14)}.dpd-duel.is-voted .dpd-card.is-selected .dpd-vote-label{color:#fff;background:var(--dpd-primary)}.dpd-status{min-height:22px;margin-top:20px;color:var(--dpd-primary);font-size:14px;font-weight:750;text-align:center}.dpd-total{margin:2px 0 0;color:color-mix(in srgb,var(--dpd-dark) 70%,transparent);font-size:13px;text-align:center}.dpd-duel.is-loading{pointer-events:none;opacity:.78}.dpd-duel .dpd-heading h2,.dpd-duel .dpd-card-button,.dpd-duel .dpd-card-copy strong{color:var(--dpd-dark)!important}.dpd-duel .dpd-heading p,.dpd-duel .dpd-card-copy small,.dpd-duel .dpd-votes,.dpd-duel .dpd-total{color:color-mix(in srgb,var(--dpd-dark) 68%,transparent)!important}html[data-dph-site-theme="dark"] .dpd-duel,body.dph-site-dark .dpd-duel,body.dark-mode .dpd-duel{--dpd-line:rgba(209, 231, 222, .16);color:#eef8f4;background:#0c2932;box-shadow:0 18px 45px rgb(0 0 0 / .25)}html[data-dph-site-theme="dark"] .dpd-heading p,html[data-dph-site-theme="dark"] .dpd-card-copy small,html[data-dph-site-theme="dark"] .dpd-votes,html[data-dph-site-theme="dark"] .dpd-total,body.dph-site-dark .dpd-heading p,body.dph-site-dark .dpd-card-copy small,body.dph-site-dark .dpd-votes,body.dph-site-dark .dpd-total{color:#b7cbc4}html[data-dph-site-theme="dark"] .dpd-card-button,body.dph-site-dark .dpd-card-button,body.dark-mode .dpd-card-button{color:#eef8f4!important;background:#123640}html[data-dph-site-theme="dark"] .dpd-heading h2,html[data-dph-site-theme="dark"] .dpd-card-copy strong,body.dph-site-dark .dpd-heading h2,body.dph-site-dark .dpd-card-copy strong,body.dark-mode .dpd-heading h2,body.dark-mode .dpd-card-copy strong{color:#eef8f4!important}html[data-dph-site-theme="dark"] .dpd-heading p,html[data-dph-site-theme="dark"] .dpd-card-copy small,html[data-dph-site-theme="dark"] .dpd-votes,html[data-dph-site-theme="dark"] .dpd-total,body.dph-site-dark .dpd-heading p,body.dph-site-dark .dpd-card-copy small,body.dph-site-dark .dpd-votes,body.dph-site-dark .dpd-total,body.dark-mode .dpd-heading p,body.dark-mode .dpd-card-copy small,body.dark-mode .dpd-votes,body.dark-mode .dpd-total{color:#b7cbc4!important}html[data-dph-site-theme="dark"] .dpd-image,body.dph-site-dark .dpd-image{background:#09232b}html[data-dph-site-theme="dark"] .dpd-vs,body.dph-site-dark .dpd-vs{border-color:#0c2932}html[data-dph-site-theme="dark"] .dpd-duel.is-voted .dpd-vote-label,body.dph-site-dark .dpd-duel.is-voted .dpd-vote-label{color:#dcece6;background:#21444c}html[data-dph-site-theme="dark"] .dpd-duel.is-voted .dpd-card.is-selected .dpd-vote-label,body.dph-site-dark .dpd-duel.is-voted .dpd-card.is-selected .dpd-vote-label{color:#fff;background:var(--dpd-primary)}@media (max-width:600px){.dpd-duel{width:100%;max-width:100%;margin:30px auto;padding:19px var(--dpd-mobile-padding,10px) 21px;border-radius:15px}.dpd-heading{margin-bottom:17px}.dpd-heading h2{font-size:var(--dpd-heading-mobile,29px)}.dpd-heading p{padding-inline:4px;font-size:13px}.dpd-cards{gap:var(--dpd-mobile-gap,10px);overflow:visible}.dpd-card{height:100%}.dpd-vs{position:absolute;z-index:4;top:36%;left:50%;width:30px;height:30px;margin:0;border-width:3px;font-size:9px;transform:translate(-50%,-50%);box-shadow:0 3px 8px rgb(7 31 39 / .20)}.dpd-duel button.dpd-card-button{width:100%!important;max-width:none!important;min-width:0!important;border-radius:12px;box-shadow:0 5px 14px rgb(7 31 39 / .09)}.dpd-image{width:100%;height:var(--dpd-mobile-image,250px);aspect-ratio:auto}.dpd-image img{object-fit:contain!important}.dpd-card-copy{min-height:132px;grid-template-rows:minmax(38px,auto) minmax(34px,auto) auto;padding:11px 9px 10px;text-align:center}.dpd-card-copy strong{display:flex;align-items:end;justify-content:center;font-size:var(--dpd-mobile-name,15px);line-height:1.14}.dpd-card-copy small{min-height:34px;margin-top:5px;font-size:var(--dpd-mobile-meta,10px);line-height:1.3;text-align:center;-webkit-line-clamp:2}.dpd-vote-label{min-height:36px;margin-top:8px!important;padding:7px 5px;font-size:var(--dpd-mobile-button,11px)}.dpd-result{padding-top:10px}.dpd-percent{font-size:17px}.dpd-votes{font-size:9px}.dpd-mobile-stack .dpd-cards{grid-template-columns:1fr;gap:38px}.dpd-mobile-stack .dpd-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dpd-mobile-stack .dpd-card-copy strong{font-size:var(--dpd-mobile-name,15px)}}@media (max-width:380px){.dpd-duel{padding-inline:max(4px, calc(var(--dpd-mobile-padding, 10px) - 2px))}.dpd-cards{gap:max(4px, calc(var(--dpd-mobile-gap, 10px) - 2px))}.dpd-vs{width:26px;height:26px;font-size:8px}.dpd-card-copy{min-height:124px;padding:9px 7px 8px}.dpd-vote-label{min-height:34px}}@container (max-width:620px){.dpd-duel:not(.dpd-mobile-stack) .dpd-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--dpd-mobile-gap,10px)}.dpd-card,.dpd-duel button.dpd-card-button{width:100%!important;max-width:none!important;min-width:0!important}.dpd-card-copy strong,.dpd-card-copy small,.dpd-vote-label{white-space:normal!important}}@media (prefers-reduced-motion:reduce){.dpd-duel *,.dpd-duel *::before,.dpd-duel *::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}