@layer components{.page-heading{text-align:center;justify-items:center;gap:.5rem;width:min(100%,55rem);margin-inline:auto;display:grid}.page-heading h1{margin:0;font-size:clamp(2.25rem,5vw,3.5rem);line-height:.92}.page-heading p{max-width:35rem;margin:0}.page-heading__subtitle{font-weight:750}.page-heading__description{color:var(--ink-soft)}.head-to-head{width:var(--article);color:var(--ink);gap:clamp(1rem,3vw,1.5rem);margin:clamp(3.5rem,8vw,6rem) auto 0;padding:clamp(1rem,3vw,2rem);display:grid;overflow:hidden}.head-to-head--full{--head-to-head-content-width:calc(var(--page) - 2 * clamp(1rem, 4vw, 3rem));width:var(--page);padding:clamp(1rem,4vw,3rem);padding-top:var(--page-heading-space);margin-block:0 clamp(2rem,5vw,4rem)}.head-to-head__header{text-align:center;justify-items:center;gap:.5rem;display:grid}.head-to-head__header h2{margin:0;font-size:clamp(2.25rem,5vw,3.5rem);line-height:.92}.head-to-head:not(.head-to-head--full) .head-to-head__header h2{font-size:clamp(2rem,5vw,3rem)}.head-to-head__header p{max-width:35rem;margin:0;font-weight:750}.head-to-head__tabs{width:min(100%, 34rem, var(--head-to-head-content-width,100%));border:3px solid var(--ink);background:var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;gap:3px;display:grid}.head-to-head__tabs button{background:var(--paper-white);min-height:3rem;color:var(--ink);font:inherit;font-size:var(--step--1);letter-spacing:.03em;text-transform:uppercase;border:0;border-radius:0;padding:.7rem 1rem;font-weight:950}.head-to-head__tabs button[aria-selected=true]{background:var(--hi-vis)}.head-to-head__tabs button:focus-visible{z-index:1;outline:.2rem solid var(--ink);outline-offset:.2rem}.head-to-head__play{gap:clamp(1rem,3vw,1.5rem);display:grid}.head-to-head__play[hidden],.head-to-head__leaderboard[hidden]{display:none}.head-to-head__arena{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.35rem,2vw,1.25rem);display:grid}.head-to-head__choice{border:3px solid var(--ink);background:var(--paper-white);min-width:0;box-shadow:.25rem .3rem 0 var(--ink);color:var(--ink);font:inherit;text-align:left;border-radius:0;align-self:stretch;padding:0;transition:transform .15s,box-shadow .15s;display:grid;overflow:hidden}.head-to-head__choice:hover:not(:disabled),.head-to-head__choice:focus-visible{box-shadow:.4rem .5rem 0 var(--ink);transform:translateY(-.2rem)rotate(-.5deg)}.head-to-head__choice:nth-of-type(2):hover:not(:disabled),.head-to-head__choice:nth-of-type(2):focus-visible{transform:translateY(-.2rem)rotate(.5deg)}.head-to-head__choice:focus-visible{outline:.2rem solid var(--ink);outline-offset:.2rem}.head-to-head__choice:disabled{cursor:wait;opacity:.78}.head-to-head[data-voting=true] .head-to-head__choice{pointer-events:none;opacity:.78}.head-to-head__image{aspect-ratio:1;border-bottom:2px solid var(--ink);background:var(--paper-deep);display:block;position:relative;overflow:hidden}.head-to-head__image img{object-fit:contain;width:100%;height:100%}.head-to-head__choice strong{min-height:calc(1.05em + clamp(.85rem,2vw,1rem));padding:clamp(.65rem,2vw,1rem) clamp(.65rem,2vw,1rem) .2rem;font-size:clamp(.85rem,2.3vw,1.35rem);line-height:1.05}.head-to-head[data-loading] .head-to-head__image img{visibility:hidden}.head-to-head[data-loading] .head-to-head__image:after,.head-to-head[data-loading] .head-to-head__choice strong:before{background:linear-gradient(100deg, var(--paper-deep) 20%, var(--paper-white) 50%, var(--paper-deep) 80%) 100% 0 / 200% 100%;animation:1.1s linear infinite head-to-head-loading}.head-to-head[data-loading] .head-to-head__image:after{content:"";position:absolute;inset:0}.head-to-head[data-loading] .head-to-head__choice strong:before{content:"";width:72%;height:1em;display:block}.head-to-head[data-loading] .head-to-head__pick{visibility:hidden}.head-to-head__pick{background:var(--hi-vis);width:fit-content;color:var(--ink);font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;justify-self:center;margin:.7rem auto clamp(.65rem,2vw,1rem);padding:.35rem .55rem;font-weight:950}.head-to-head__versus{z-index:2;aspect-ratio:1;border:3px solid var(--ink);background:var(--hi-vis);width:clamp(2.5rem,7vw,4.5rem);box-shadow:.2rem .25rem 0 var(--ink);color:var(--ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:clamp(1rem,3vw,1.65rem);line-height:1;display:grid;transform:rotate(-8deg)}.head-to-head__status{text-align:center;min-height:1.55em;font-size:var(--step--1);color:var(--ink-soft);margin:0;font-weight:800}.head-to-head__all{justify-self:center;width:fit-content;font-weight:900}.head-to-head__leaderboard{color:var(--ink);gap:1rem;display:grid}.head-to-head__table-region{min-width:0;overflow-x:auto}.head-to-head__table-region:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.head-to-head__leaderboard table{border-collapse:collapse;width:100%;min-width:80rem;font-size:var(--step--1)}.head-to-head__leaderboard th,.head-to-head__leaderboard td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.55rem .65rem}.head-to-head__leaderboard tbody tr:last-child>*{border-bottom:0}.head-to-head__leaderboard thead th{border-bottom-color:var(--line-strong);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.head-to-head__leaderboard thead button{width:100%;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.35rem;padding:0;display:flex}.head-to-head__leaderboard thead button:after{border-inline:.25rem solid #0000;content:"";opacity:.35;border-top:.35rem solid;width:0;height:0}.head-to-head__leaderboard th[aria-sort=ascending] button:after{opacity:1;border-top:0;border-bottom:.35rem solid}.head-to-head__leaderboard th[aria-sort=descending] button:after{opacity:1}.head-to-head__leaderboard th[aria-sort] button{color:var(--cap-blue)}.head-to-head__leaderboard tbody th{text-align:left;min-width:14rem}.head-to-head__leaderboard tbody td{white-space:nowrap;font-weight:700}.head-to-head__hat{grid-template-columns:3.5rem minmax(8rem,1fr);align-items:center;gap:.65rem;font-weight:850;display:grid}.head-to-head__hat img{aspect-ratio:1;object-fit:contain;background:var(--paper-white);width:3.5rem;height:3.5rem;padding:.2rem;display:block}.head-to-head__number{font-family:var(--font-display);font-size:var(--step-0);text-align:center}.head-to-head__score .no-cap-badge{width:3.5rem;margin-inline:auto}.head-to-head__score .no-cap-badge strong{font-size:1.35rem}.head-to-head__score .no-cap-badge small{font-size:.55rem}.head-to-head__rank{font-family:var(--font-display);font-size:var(--step-1);text-align:center}@keyframes head-to-head-loading{to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.head-to-head[data-loading] .head-to-head__image:after,.head-to-head[data-loading] .head-to-head__choice strong:before{animation:none}}.head-to-head--full:has(.head-to-head__leaderboard:not([hidden])){width:100vw;margin-inline:calc(50% - 50vw);padding-inline:0}@media (width<=36rem){.head-to-head{--head-to-head-content-width:calc(100vw - 1rem - 2 * .65rem);width:calc(100vw - 1rem);padding-inline:.65rem}.head-to-head__arena{gap:.25rem}.head-to-head__choice strong{overflow-wrap:anywhere}.head-to-head__pick{font-size:.65rem}.head-to-head__tabs button{padding-inline:.45rem;font-size:.68rem}}}@layer reset,base,utilities,primitives,routes;