/* A compact national presidential tug of votes inside the existing sticky bar. */
.developer-bar.has-presidential-duel{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:20px;padding:7px 32px;min-height:68px}
.has-presidential-duel>nav{justify-self:end;gap:14px;white-space:nowrap}
.has-presidential-duel>div{gap:12px;min-width:0}
.presidential-duel{--duel-position:50%;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;width:300px;min-height:52px;text-decoration:none!important;color:#d8e5df;border-radius:6px;outline-offset:4px}
.presidential-duel:focus-visible{outline:2px solid #c6ed92}
.duel-caption{display:flex;align-items:center;gap:4px;font-size:8px;letter-spacing:1px;color:#a4b9ad;line-height:1}
.duel-signal{width:4px;height:4px;border-radius:50%;background:#87968e;margin-left:2px}
.presidential-duel[data-status=counting] .duel-signal{background:#c6ed92;box-shadow:0 0 5px #c6ed9280}
.duel-game{display:flex;align-items:center;gap:7px;width:100%;height:27px}
.duel-player{display:flex;align-items:center;gap:5px;min-width:78px;flex-shrink:0;line-height:1.15;transition:transform .7s ease}
.duel-player b{display:block;font-size:10px;font-weight:600;color:#e2eae5}
.duel-player small{display:block;font-size:9px;font-variant-numeric:tabular-nums;color:#a2b4aa}
.duel-right{text-align:right;justify-content:flex-end}
.duel-face{position:relative;display:grid;place-items:center;overflow:hidden;width:27px;height:27px;border-radius:50%;border:1px solid #5876ab;background:#203349;font-size:10px;flex-shrink:0}
.duel-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.duel-right .duel-face{border-color:#a45461;background:#492833}
.duel-rope{position:relative;flex:1;height:4px;border-radius:3px;background:linear-gradient(90deg,#5688ff 0%,#5688ff var(--duel-position),#f2576b var(--duel-position),#f2576b 100%);opacity:.85}
.duel-rope::before,.duel-rope::after{position:absolute;top:0;content:'';width:7px;height:4px;border-left:1px solid #ffffff66;border-right:1px solid #ffffff66}
.duel-rope::before{left:22%}.duel-rope::after{right:22%}
.duel-midline{position:absolute;left:50%;top:-5px;height:14px;border-left:1px dashed #c5d1c377}
.duel-knot{position:absolute;left:var(--duel-position);top:50%;width:10px;height:10px;border:2px solid #e9f2dc;border-radius:2px;background:#bbdb8f;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 7px #0008;transition:left 1s ease}
.duel-status{font-size:8px;line-height:1;color:#a4b9ad;white-space:nowrap;font-variant-numeric:tabular-nums}
.presidential-duel[data-leader=left] .duel-left,.presidential-duel[data-leader=right] .duel-right{transform:translateY(-2px)}
.presidential-duel[data-leader=left] .duel-left .duel-face{border-color:#91b1ff;box-shadow:0 0 0 2px #5688ff28}
.presidential-duel[data-leader=right] .duel-right .duel-face{border-color:#ff94a1;box-shadow:0 0 0 2px #f2576b28}
.presidential-duel[data-status=stale] .duel-status,.presidential-duel[data-status=unavailable] .duel-status{color:#e0bb80}
.presidential-duel[data-status=stale] .duel-rope{opacity:.4}
@media(max-width:1350px){.has-presidential-duel .developer-badge{display:none}.has-presidential-duel>nav>a:not(.developer-contact){display:none}.developer-bar.has-presidential-duel{gap:16px;padding-left:20px;padding-right:20px}}
@media(max-width:860px){.developer-bar.has-presidential-duel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 10px;padding:8px 16px}.has-presidential-duel>div{grid-column:1;grid-row:1;width:auto;display:block;font-size:10px}.has-presidential-duel>nav{grid-column:2;grid-row:1;width:auto;font-size:10px;gap:0}.has-presidential-duel .developer-contact{font-size:0;padding:5px 6px;gap:0;max-width:none;white-space:nowrap;flex-wrap:nowrap}.has-presidential-duel .developer-contact strong{font-size:10px}.presidential-duel{grid-row:2;grid-column:1/-1;justify-self:center;width:min(300px,100%);min-height:51px}.tv-mode .developer-bar.has-presidential-duel{padding-top:6px;padding-bottom:6px}}
@media(max-width:390px){.has-presidential-duel>nav .developer-contact{font-size:0}.has-presidential-duel>nav a{font-size:9px}.has-presidential-duel>div{font-size:9px}}
@media(prefers-reduced-motion:reduce){.duel-knot,.duel-player{transition:none}}