.content-duel__grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem}.content-duel__versus{align-self:center;justify-self:center;font-family:"Caprasimo",Georgia,serif;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;color:#82796a}.content-duel__tally{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1rem}.content-duel__empty{max-width:34rem}.duel-card{position:relative;display:flex;flex-direction:column}.duel-card__form{display:flex;flex:1}.duel-card__inner{display:flex;flex:1;flex-direction:column;width:100%;overflow:hidden}.duel-card__vote{padding:0;border:0;appearance:none;font:inherit;text-align:left;cursor:pointer}.duel-card__vote:focus-visible{outline:3px solid #c67139;outline-offset:2px}.duel-card__photo,.duel-card__placeholder{width:100%;height:11rem;object-fit:cover}.duel-card__placeholder{display:grid;place-items:center;background:#eee7db;font-size:3.5rem}.duel-card__text{display:flex;flex-direction:column;gap:.375rem;padding:1rem 1.25rem 1.25rem}.duel-card__name{font-family:"Caprasimo",Georgia,serif;font-size:1.25rem;line-height:1.2;letter-spacing:-0.015em}.duel-card__locality{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#56633f}.duel-card__detail{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:.9375rem;color:#645c50}.duel-card__inner--static:hover,.duel-card__inner--static:focus-visible{box-shadow:0 1px 2px rgba(46,43,37,.14)}.content-duel__visit{margin-bottom:1.5rem;font-size:.9375rem;color:#645c50}.duel-card--picked .duel-card__inner{box-shadow:0 0 0 3px #c67139,0 3px 10px rgba(46,43,37,.16);animation:duel-picked-pop 420ms ease-out both}@keyframes duel-picked-pop{0%{transform:scale(1)}45%{transform:scale(1.025)}100%{transform:scale(1)}}.duel-confetti{position:absolute;z-index:2;inset:0;pointer-events:none}.duel-confetti__piece{position:absolute;top:45%;left:50%;width:.4375rem;height:.6875rem;border-radius:1px;opacity:0;animation:duel-confetti-burst 900ms cubic-bezier(0.15, 0.75, 0.35, 1) var(--delay, 0ms) both}.duel-confetti__piece:nth-child(4n+1){background:#c67139}.duel-confetti__piece:nth-child(4n+2){background:#8fa073}.duel-confetti__piece:nth-child(4n+3){background:#f6a06b}.duel-confetti__piece:nth-child(4n+4){background:#56633f}@keyframes duel-confetti-burst{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(0.5)}65%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--throw) * -1)) rotate(220deg) scale(1)}}.duel-card__result{padding-top:.75rem}.duel-card__bar{overflow:hidden;height:.5rem;border-radius:999px;background:#dcd3c4}.duel-card__bar-fill{display:block;height:100%;transform-origin:left center;border-radius:inherit;background:#8fa073;animation:duel-bar-grow 700ms cubic-bezier(0.2, 0.7, 0.2, 1) both}@keyframes duel-bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}.duel-card--picked .duel-card__bar-fill{background:#c67139}.duel-card__score{display:flex;align-items:baseline;gap:.5rem;padding-top:.5rem}.duel-card__percentage{font-family:"Caprasimo",Georgia,serif;font-size:1.5rem;font-weight:400;line-height:1}@media(max-width: 767.98px){.content-duel__grid{grid-template-columns:1fr;gap:.75rem}.duel-card__photo,.duel-card__placeholder{height:9rem}}@media(prefers-reduced-motion: reduce){.duel-confetti{display:none}.duel-card__bar-fill,.duel-card--picked .duel-card__inner{animation:none}}.leaderboard{max-width:44rem;margin:0 auto;padding:0;list-style:none}.leaderboard__row{display:grid;grid-template-columns:2rem 3.5rem 1fr auto;align-items:center;gap:.875rem;margin-bottom:.75rem;padding:.75rem 1rem}.leaderboard__rank{font-family:"Caprasimo",Georgia,serif;font-size:1.25rem;text-align:center;color:#a19786}.leaderboard__photo,.leaderboard__placeholder{width:3.5rem;height:3.5rem;border-radius:1rem;object-fit:cover}.leaderboard__placeholder{display:grid;place-items:center;background:#eee7db;font-size:1.5rem}.leaderboard__text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.leaderboard__name{overflow:hidden;font-family:"Caprasimo",Georgia,serif;font-size:1.0625rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.leaderboard__locality{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#56633f}.leaderboard__score{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.leaderboard__percentage{font-family:"Caprasimo",Georgia,serif;font-size:1.375rem;font-weight:400;line-height:1.1}@media(max-width: 575.98px){.leaderboard__row{grid-template-columns:1.5rem 2.75rem 1fr auto;gap:.625rem}.leaderboard__photo,.leaderboard__placeholder{width:2.75rem;height:2.75rem}}