.dial{--u:calc(100cqw / 360);--dial-ring:rgb(var(--g-ground));position:relative;container-type:inline-size;width:100%;aspect-ratio:360/196;margin-bottom:1.5rem}.dial__face{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.dial__bezel,.dial__floor{fill:none;stroke:var(--gc-grid);stroke-width:1}.dial__bands{filter:drop-shadow(0 2px 2.5px rgb(0 0 0/.55))}.dial__band{fill:none}.dial__sheen{fill:none;stroke:rgb(var(--g-ink)/.3);stroke-width:1}.dial__minor{stroke:var(--gc-grid);stroke-width:1}.dial__tick{stroke:var(--gc-grid-strong);stroke-width:1.25;stroke-linecap:round}.dial__tick[data-zero]{stroke:rgb(var(--g-teal-200)/.55);stroke-width:1.5}.dial__hub{stroke:rgb(var(--g-ink)/.16);stroke-width:1;filter:drop-shadow(0 2px 3px rgb(0 0 0/.6))}.dial__pin{fill:rgb(var(--g-ink-3))}.dial__arm{position:absolute;left:calc(180 * var(--u));top:calc(176 * var(--u));width:0;height:0;transform:rotate(var(--turn));transition:transform var(--gc-dur-travel) var(--gc-ease)}.dial__needle{position:absolute;left:calc(9 * var(--u));top:calc(-6 * var(--u));width:calc(112 * var(--u));height:calc(12 * var(--u));overflow:visible}.dial__needle-lit{fill:rgb(var(--gc-self-lit))}.dial__needle-shade{fill:rgb(var(--gc-self-shade))}.dial__arm[data-side=rival] .dial__needle-lit{fill:rgb(var(--gc-rival))}.dial__arm[data-side=rival] .dial__needle-shade{fill:rgb(var(--gc-rival-shade))}.dial__tip{position:absolute;left:calc(121 * var(--u));top:0;width:calc(10 * var(--u));height:calc(10 * var(--u));border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(var(--gc-self-lit)) 0,rgb(var(--gc-self)) 50%,rgb(var(--gc-self-shade)) 100%);box-shadow:0 0 0 1.5px var(--dial-ring),var(--gc-cast);transform:translate(-50%,-50%)}.dial__arm[data-side=rival] .dial__tip{width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:2px;background:linear-gradient(160deg,rgb(var(--gc-rival)) 0,rgb(var(--gc-rival)) 45%,rgb(var(--gc-rival-shade)) 100%)}.dial__badge{position:absolute;left:calc(160 * var(--u));top:0;display:block;line-height:0;border-radius:7px;background:var(--dial-ring);box-shadow:0 0 0 2px var(--dial-ring),var(--gc-cast);transform:translate(-50%,-50%) rotate(calc(-1 * var(--turn)));transition:transform var(--gc-dur-travel) var(--gc-ease)}.dial__arm[data-side=self] .dial__badge{box-shadow:0 0 0 2px var(--dial-ring),0 0 0 3.5px rgb(var(--gc-self)/.9),var(--gc-cast)}.dial__arm[data-side=rival] .dial__badge{box-shadow:0 0 0 2px var(--dial-ring),0 0 0 3.5px rgb(var(--gc-rival)/.85),var(--gc-cast)}.dial__arm[data-side=self]{z-index:1}.dial__arm[data-inside] .dial__needle{width:calc(78 * var(--u))}.dial__arm[data-inside] .dial__tip{left:calc(88 * var(--u))}.dial__arm[data-inside] .dial__badge{left:calc(106 * var(--u))}.dial__ends{position:absolute;inset:calc(100% + .25rem) 0 auto;height:1rem;font-size:.75rem;font-weight:500;line-height:1;color:rgb(var(--g-ink-4))}.dial__ends>span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.dial__ends>span:first-child{left:calc(44 * var(--u));transform:translateX(max(-50%,calc(-44 * var(--u))))}.dial__ends>span:nth-child(2){left:50%}.dial__ends>span:nth-child(3){left:calc(316 * var(--u));transform:translateX(min(-50%,calc(44 * var(--u) - 100%)))}.dial[data-size=page] .dial__ends{font-size:.8125rem}@media (max-width:379px){.dial__ends{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.dial__arm,.dial__badge{transition:none}}.stance{--stance-mark:9px;display:grid;gap:.5rem}.stance__marks{display:flex;flex-wrap:wrap;gap:3px}.stance__mark{width:var(--stance-mark);height:var(--stance-mark);border-radius:50%;background:var(--gc-disc);box-shadow:var(--gc-cast)}.stance__mark[data-tone=mixed]{background:linear-gradient(90deg,rgb(var(--gc-t-lit)) 0,rgb(var(--gc-t)) 50%,rgb(var(--gc-t-out)) 50%)}.stance__mark[data-tone=negative]{border-radius:1px;background:linear-gradient(135deg,rgb(var(--gc-t-lit)) 0,rgb(var(--gc-t)) 50%,rgb(var(--gc-t-out)) 50%,rgb(var(--gc-t-shade)) 100%);transform:rotate(45deg) scale(.8)}.stance__counts{display:flex;flex-wrap:wrap;gap:.25rem .875rem;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;color:rgb(var(--g-ink-3))}.stance__count{display:inline-flex;align-items:center;gap:.3125rem}