.vb-top{text-align:center;justify-items:center;gap:4px;display:grid}.vb-top.vb-top h1{font:900 clamp(24px,7vw,28px)/1.1 var(--v3-font,ui-rounded,"Avenir Next",-apple-system,system-ui,sans-serif);letter-spacing:-.02em;color:var(--v3-ink,var(--ab-ink,inherit));text-wrap:balance;margin:0}.vb-top.vb-top h1:focus{outline:none}.vb-headline{font:750 15px/1.35 var(--v3-font,ui-rounded,"Avenir Next",-apple-system,system-ui,sans-serif);color:var(--v3-ink-2,var(--ab-ink,inherit));text-wrap:balance;margin:0}.vb{--vb-me:var(--v3-orange-ink,var(--ab-orange-ink,#a8401f));--vb-opp:var(--v3-mint-ink,var(--ab-mint-ink,#1d7f5b));--vb-muted:var(--v3-muted,var(--ab-muted,#4b5059));--vb-me-dim:color-mix(in srgb,var(--vb-me) 55%,var(--vb-muted));--vb-opp-dim:color-mix(in srgb,var(--vb-opp) 55%,var(--vb-muted));box-sizing:border-box;border:1.5px solid var(--v3-line,var(--ab-line,#a9adb3));background:var(--v3-surface,var(--ab-paper,transparent));width:100%;max-width:600px;color:var(--v3-ink,var(--ab-ink,inherit));border-radius:20px;gap:4px;margin-inline:auto;padding:12px;display:grid}.vb-head{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:2px 10px 6px;display:grid}.vb-name{min-width:0;font:850 15px/1.2 var(--v3-font,ui-rounded,"Avenir Next",-apple-system,system-ui,sans-serif);align-items:center;gap:6px;display:flex}.vb-name.is-me{color:var(--vb-me)}.vb-name.is-opp{color:var(--vb-opp);justify-content:flex-end}.vb-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vb-check{width:20px;height:20px;color:var(--v3-surface,var(--ab-paper,#fff));font:900 12px/1 var(--v3-font,ui-rounded,"Avenir Next",-apple-system,system-ui,sans-serif);border-radius:50%;flex:none;place-items:center;display:inline-grid}.vb-name.is-me .vb-check{background:var(--vb-me)}.vb-name.is-opp .vb-check{background:var(--vb-opp)}.vb-row{border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;display:grid}.vb-row.is-main{padding-block:8px}.vb[data-winner=me] .vb-row.is-decides{background:color-mix(in srgb,var(--vb-me) 13%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--vb-me) 45%,transparent)}.vb[data-winner=opp] .vb-row.is-decides{background:color-mix(in srgb,var(--vb-opp) 13%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--vb-opp) 45%,transparent)}.vb-val{min-width:0;font:900 17px/1.15 var(--v3-font,ui-rounded,"Avenir Next",-apple-system,system-ui,sans-serif);font-variant-numeric:tabular-nums;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.vb-row.is-main .vb-val{font-size:22px}.vb-row .vb-val.is-text{font-size:15px;line-height:1.2}.vb-val.is-me{color:var(--vb-me)}.vb-val.is-opp{color:var(--vb-opp);text-align:right}.vb-val.is-me.is-lose,.vb-row.is-eq .vb-val.is-me{color:var(--vb-me-dim);font-weight:750}.vb-val.is-opp.is-lose,.vb-row.is-eq .vb-val.is-opp{color:var(--vb-opp-dim);font-weight:750}.vb-label{text-align:center;max-width:38vw;font:750 12px/1.2 var(--v3-font,ui-rounded,"Avenir Next",-apple-system,system-ui,sans-serif);color:var(--v3-muted,var(--ab-muted,inherit));justify-items:center;gap:2px;display:grid}.vb-eq{font-weight:900}.vb-tag{color:var(--v3-surface,var(--ab-paper,#fff));font:900 10.5px/1.4 var(--v3-font,ui-rounded,"Avenir Next",-apple-system,system-ui,sans-serif);letter-spacing:.02em;border-radius:99px;padding:1px 7px;display:inline-block}.vb[data-winner=me] .vb-tag{background:var(--vb-me)}.vb[data-winner=opp] .vb-tag{background:var(--vb-opp)}.vb-reason{text-align:center;font:800 14.5px/1.35 var(--v3-font,ui-rounded,"Avenir Next",-apple-system,system-ui,sans-serif);color:var(--v3-ink,var(--ab-ink,inherit));text-wrap:balance;margin:6px 4px 0}.vb-caption{text-align:center;font:600 12.5px/1.35 var(--v3-font,ui-rounded,"Avenir Next",-apple-system,system-ui,sans-serif);color:var(--v3-muted,var(--ab-muted,inherit));margin:2px 4px 0}.vb-head:has(.vb-face){padding:4px 6px 8px}.vb-name:has(>.vb-face){gap:8px;font-size:16px}.vb-face{background:color-mix(in srgb,currentColor 13%,var(--v3-surface,var(--ab-paper,#fff)));border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 0 0 2.5px}.vb-face>.avatar-emoji{font-size:22px}.vb-face>svg{width:26px;height:26px}.vb-face>.vb-check{width:19px;height:19px;box-shadow:0 0 0 2px var(--v3-surface,var(--ab-paper,#fff));font-size:11px;position:absolute;bottom:-4px;right:-5px}.vb-name.is-opp .vb-face>.vb-check{left:-5px;right:auto}.vb-name.is-lose .vb-face{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 40%,transparent)}.vb-name.is-lose .vb-face>:not(.vb-check){filter:saturate(.55);opacity:.8}@media (max-height:720px){.vb-face{width:32px;height:32px}.vb-face>.avatar-emoji{font-size:18px}.vb-face>svg{width:22px;height:22px}.vb-head:has(.vb-face){padding-block:2px 6px}}@media (max-height:520px){.vb{gap:2px;padding:8px}.vb-row{padding-block:4px}.vb-row.is-main .vb-val{font-size:19px}.vb-reason{margin-top:3px;font-size:13.5px}}@media (prefers-reduced-motion:no-preference){.vb-head{animation:.3s cubic-bezier(.2,.8,.2,1) both vb-in}.vb-row{animation:.34s cubic-bezier(.2,.8,.2,1) both vb-in;animation-delay:calc(var(--i,0) * 70ms + 90ms)}.vb[data-winner] .vb-row.is-decides{animation:.34s cubic-bezier(.2,.8,.2,1) both vb-in,.5s cubic-bezier(.2,.8,.2,1) both vb-mark;animation-delay:calc(var(--i,0) * 70ms + 90ms),calc(var(--n,1) * 70ms + .22s)}.vb-tag{animation:.38s cubic-bezier(.3,1.6,.5,1) both vb-tag;animation-delay:calc(var(--n,1) * 70ms + .3s)}.vb-row:not(.is-eq) .vb-val.is-me.is-lose{animation:.45s both vb-dim-me;animation-delay:calc(var(--n,1) * 70ms + .34s)}.vb-row:not(.is-eq) .vb-val.is-opp.is-lose{animation:.45s both vb-dim-opp;animation-delay:calc(var(--n,1) * 70ms + .34s)}.vb-reason{animation:.4s both vb-in;animation-delay:calc(var(--n,1) * 70ms + .42s)}.vb-caption{animation:.4s both vb-fade;animation-delay:calc(var(--n,1) * 70ms + .48s)}.vb-check{animation:.45s cubic-bezier(.3,1.6,.5,1) both vb-check;animation-delay:calc(var(--n,1) * 70ms + .3s)}.vb-name.is-lose .vb-face>:not(.vb-check){animation:.45s both vb-dim-face;animation-delay:calc(var(--n,1) * 70ms + .34s)}}@keyframes vb-in{0%{opacity:0;transform:translateY(6px)}}@keyframes vb-fade{0%{opacity:0}}@keyframes vb-mark{0%{background:0 0;box-shadow:inset 0 0 #0000}}@keyframes vb-tag{0%{opacity:0;transform:scale(.6)}}@keyframes vb-dim-me{0%{color:var(--vb-me);font-weight:900}}@keyframes vb-dim-opp{0%{color:var(--vb-opp);font-weight:900}}@keyframes vb-dim-face{0%{opacity:1;filter:none}}@keyframes vb-check{0%{transform:scale(0)}to{transform:none}}:root[data-motion=still] :is(.vb,.vb *){animation:none!important}