@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f2eb;--bg-2:#ece7dc;--surface:#fff;--surface-2:#faf8f3;--ink:#141413;--ink-2:#4b4a45;--ink-3:#69665e;--line:#e2dccf;--line-strong:#cbc3b2;--goat:#f5b700;--goat-strong:#ffcf3d;--goat-ink:#7a5a00;--goat-soft:#fff1c2;--bloat:#ce3053;--bloat-on:#fff;--bloat-ink:#b3203f;--bloat-soft:#ffe1e7;--focus:#1b66ff;--shadow-sm:0 1px 2px #1414130f, 0 1px 1px #1414130a;--shadow-md:0 14px 32px -14px #1414134d, 0 2px 6px #1414130f;--radius:22px;--font-display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--font-body:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--logo-lg:clamp(68px, 12vw, 100px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0f0e;--bg-2:#1a1a18;--surface:#1c1c1a;--surface-2:#232321;--ink:#f3efe6;--ink-2:#c9c4b8;--ink-3:#9a958a;--line:#2e2d2a;--line-strong:#44423d;--goat:#ffc633;--goat-strong:#ffd866;--goat-ink:#ffd15c;--goat-soft:#3a2f0d;--bloat:#ff6b86;--bloat-on:#2a0c14;--bloat-ink:#ff8ba0;--bloat-soft:#3d1820;--focus:#7aa7ff;--shadow-sm:0 1px 2px #0006;--shadow-md:0 16px 36px -14px #000000bf, 0 2px 6px #00000059}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);scrollbar-gutter:stable}body:has(dialog[open]){overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:var(--bg);border-radius:12px;padding:10px 16px;font-weight:650;text-decoration:none;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.shell{width:100%;max-width:1120px;min-height:100dvh;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.page{flex:1;padding:4px 0 36px}.page:focus{outline:none}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:88px;padding:18px 0;display:flex}.site-header[data-page=leaderboard],.site-header[data-page=about]{z-index:30;background:var(--bg);position:sticky;top:0}.brand{border-radius:12px;align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.brand__mark{background:var(--goat);color:#141413;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.wordmark{width:190px;min-width:0;max-width:100%;display:block}.brand-art{justify-content:center;align-items:center;gap:2.5%;width:100%;display:flex;container-type:inline-size}.goat-lettering{font-family:var(--font-display);letter-spacing:-.065em;white-space:nowrap;flex:none;align-items:center;font-weight:800;line-height:.9;display:inline-flex}.goat-lettering svg{width:.8em;height:.96em;margin:-.1em .005em 0 .025em}.brand-art>.goat-lettering{font-size:18cqw}.brand-art__or{font-family:var(--font-display);letter-spacing:-.06em;color:var(--ink-3);flex:none;padding-top:1%;font-size:4cqw;font-style:italic;font-weight:500}.bloat-lettering{flex:none;width:100%;display:block}.bloat-lettering img{-webkit-user-drag:none;width:100%;height:auto}.brand-art>.bloat-lettering{width:44%;transform:rotate(-3deg)}.site-nav{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;flex:none;gap:4px;padding:4px;display:flex}.nav-link{min-height:40px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:650;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.nav-link:hover{background:var(--bg-2);color:var(--ink)}.nav-link[aria-current=page]{background:var(--ink);color:var(--bg)}@media (width<=400px){.wordmark{width:160px}.nav-link{padding:0 11px;font-size:14px}.nav-link svg{display:none}}.button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:15px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.button:active:not(:disabled){transform:scale(.97)}.button--primary{background:var(--ink);color:var(--bg)}.button--primary:hover{background:color-mix(in srgb, var(--ink) 84%, var(--goat))}.button--ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.button--ghost:hover:not(:disabled){background:var(--surface);border-color:var(--ink-3)}.button:disabled{opacity:.45;cursor:default}.icon-button{background:var(--bg-2);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{background:var(--line)}.pill{height:20px;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:10.5px;font-weight:750;display:inline-flex}.pill--new{background:var(--ink);color:var(--bg)}.page--vote{padding-top:clamp(36px,6vh,58px)}.vote-title{max-width:660px;margin:0 auto 20px;padding:0 6px}.subhead{max-width:64ch;color:var(--ink-2);text-align:center;text-wrap:balance;margin:0 auto 32px;font-size:16px}.arena{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,3vw,32px);max-width:864px;margin:0 auto;display:grid;position:relative}.versus{z-index:3;border:1px solid var(--line-strong);background:var(--bg);width:clamp(34px,5vw,46px);height:clamp(34px,5vw,46px);color:var(--ink-3);font-family:var(--font-display);letter-spacing:.03em;box-shadow:0 0 0 6px var(--bg);pointer-events:none;border-radius:50%;place-items:center;font-size:12px;font-weight:800;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.arena[data-revealing] .versus{opacity:0;transform:translate(-50%,-50%)scale(.8)}.card{isolation:isolate;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:12px;min-width:0;min-height:348px;padding:20px 24px 18px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s,opacity .2s;display:flex;position:relative;box-shadow:0 3px 2px -2px #14141308,0 12px 32px -24px #14141333}.card__topline{justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:20px;margin-bottom:6px;display:flex}.card__category{min-width:0;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.card .pill--new{background:var(--bg-2);height:19px;color:var(--ink-2);padding:0 6px;font-size:9px}.card__name{max-width:100%;font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:4px;font-size:clamp(20px,3vw,29px);font-weight:750;line-height:1.08}.card__content{flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;animation:.2s ease-out content-in;display:flex}@keyframes content-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.card__desc{max-width:30ch;color:var(--ink-2);text-wrap:pretty;font-size:15px;line-height:1.5}.card__pick{background:var(--goat-soft);width:100%;min-height:44px;color:var(--ink);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;margin-top:auto;font-size:13px;font-weight:650;transition:background .2s,border-color .2s,color .2s;display:flex;position:relative}kbd{border:1px solid var(--line-strong);min-width:22px;height:22px;color:var(--ink-3);background:var(--surface);box-shadow:0 1px 0 var(--line);font-family:var(--font-body);border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:500;display:inline-flex}.card__pick kbd{display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.desktop-key{display:none}@media (hover:hover) and (pointer:fine){.card__pick{padding:0 40px}.card__pick kbd,.desktop-key{display:inline-flex}.card:hover:not([data-result]),.card:focus-visible:not([data-result]){border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 12px 32px -16px #14141340}.card:hover .card__pick,.card:focus-visible .card__pick{background:var(--goat);border-color:var(--goat);color:#141413}}.card:active:not([data-result]){transform:scale(.985)}.card--skeleton{cursor:default}.card--skeleton .card__pick{border:none}.card[data-leaning]{transform:translateY(calc(var(--lean,0) * -4px));border-color:var(--goat);box-shadow:0 0 0 calc(var(--lean,0) * 3px) color-mix(in srgb, var(--goat) 30%, transparent);transition:none}.card[data-leaning] .card__pick{background:var(--goat);color:#141413}.arena[data-leaning=left] .card[data-side=right],.arena[data-leaning=right] .card[data-side=left]{opacity:.75}@media (width<=600px){.site-header{min-height:72px;padding:12px 0}.site-nav{padding:3px}.brand{gap:7px}.wordmark{width:170px}.nav-link{min-height:36px;padding:0 11px;font-size:13px}.nav-link svg{display:none}.page--vote{padding-top:30px}.vote-title{margin-bottom:20px;padding:0 2px}.subhead{max-width:38ch;margin-bottom:26px;font-size:13px}.card{border-radius:17px;gap:12px;min-height:320px;padding:12px 12px 11px}.card__content{gap:10px}.card .logo--lg{width:64px;height:64px;font-size:26px}.card__topline{flex-wrap:wrap;align-content:flex-start;gap:4px;min-height:30px;margin-bottom:2px}.card__category{letter-spacing:.04em;width:100%;font-size:9px}.card .pill--new{height:16px;padding:0 5px;font-size:8px}.card__name{margin-top:2px;font-size:20px}.card__desc{font-size:13px;line-height:1.5}.card__pick{border-radius:10px;min-height:44px;font-size:13px}.card__pick svg{width:15px;height:15px}.versus{box-shadow:0 0 0 4px var(--bg)}}@media (width<=370px){.shell{padding-left:12px;padding-right:12px}.wordmark{width:148px}.nav-link{padding:0 9px;font-size:12px}.subhead{font-size:12px}.card{padding-left:10px;padding-right:10px}.card__name{font-size:18px}}.logo{background:#fff;border-radius:24%;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #14141314}.logo img{object-fit:contain;-webkit-user-drag:none;width:84%;height:84%}.logo--lg{width:var(--logo-lg);height:var(--logo-lg)}.logo--sm{border-radius:12px;width:44px;height:44px}.logo--initials{color:#fff;font-family:var(--font-display);letter-spacing:-.03em;box-shadow:none;font-weight:800}.logo--lg.logo--initials{font-size:calc(var(--logo-lg) * .4)}.logo--sm.logo--initials{font-size:17px}.tone-0{background:#1f1f1e}.tone-1{background:#2f4858}.tone-2{background:#5b3f63}.tone-3{background:#3d5a40}.tone-4{background:#6b4a2b}.tone-5{background:#33415c}@media (prefers-color-scheme:dark){.tone-0{background:#4a4943}.tone-1{background:#3d6075}.tone-2{background:#75527f}.tone-3{background:#4f7553}.tone-4{background:#8a6038}.tone-5{background:#46587b}}.card[data-result]{cursor:default;z-index:2}.card[data-result=goat]{border-color:var(--goat);box-shadow:0 0 0 4px color-mix(in srgb, var(--goat) 40%, transparent), var(--shadow-md);animation:.5s cubic-bezier(.2,1.5,.4,1) both goat-pop}@keyframes goat-pop{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1.035)}}.card[data-result=bloat]{border-color:color-mix(in srgb, var(--bloat) 55%, var(--line));animation:.7s cubic-bezier(.3,.1,.3,1) both bloat-inflate}.card[data-result=bloat]>:not(.stamp):not(.puffs){animation:.7s ease-in both bloat-fade}@keyframes bloat-inflate{0%{transform:scale(1)}22%{transform:scale(1.07,1.11)}40%{transform:scale(1.11,1.05)}62%{transform:scale(.97)}to{transform:scale(.93)translateY(6px)}}@keyframes bloat-fade{0%,45%{opacity:1;filter:none}to{opacity:.4;filter:grayscale(.85)}}.stamp{z-index:4;font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;pointer-events:none;border-radius:14px;align-items:center;gap:6px;padding:7px 16px 7px 11px;font-size:clamp(19px,3.4vw,30px);font-weight:800;display:inline-flex;position:absolute;top:40%;left:50%;box-shadow:0 10px 24px -8px #0006}.stamp--goat{background:var(--goat);color:#141413;padding:14px 20px 12px;font-size:clamp(30px,5vw,48px);animation:.42s cubic-bezier(.2,1.6,.4,1) both stamp-goat;transform:translate(-50%,-50%)rotate(-7deg)}@keyframes stamp-goat{0%{opacity:0;transform:translate(-50%,-50%)rotate(-16deg)scale(2.3)}60%{opacity:1;transform:translate(-50%,-50%)rotate(-6deg)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)rotate(-7deg)scale(1)}}.stamp--bloat{width:min(85%,280px);box-shadow:none;filter:drop-shadow(0 8px 14px #460a1933);padding:0;animation:.5s cubic-bezier(.3,1.4,.5,1) both stamp-bloat;transform:translate(-50%,-50%)rotate(6deg)}@keyframes stamp-bloat{0%{opacity:0;transform:translate(-50%,-50%)rotate(6deg)scale(.3)}55%{opacity:1;transform:translate(-50%,-50%)rotate(9deg)scale(1.2,1.12)}to{opacity:1;transform:translate(-50%,-50%)rotate(6deg)scale(1)}}.confetti{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:40%;left:50%}.confetti i{--angle:calc(var(--i) * 45deg + 8deg);background:var(--goat);opacity:0;border-radius:2px;width:5px;height:8px;animation:.72s cubic-bezier(.15,.7,.3,1) 60ms forwards confetti;position:absolute;top:-6px;left:-4px}.confetti i:nth-child(3n){background:var(--ink);border-radius:50%;width:7px;height:7px}.confetti i:nth-child(3n+1){background:var(--goat-strong)}@keyframes confetti{0%{opacity:1;transform:rotate(var(--angle)) translateY(-10px) rotate(0deg) scale(.6)}to{opacity:0;transform:rotate(var(--angle)) translateY(clamp(-150px, -16vw, -80px)) rotate(200deg) scale(1)}}.puffs{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:40%;left:50%}.puffs i{border:2px solid var(--bloat);opacity:0;border-radius:50%;width:18px;height:18px;animation:.75s ease-out forwards puff;position:absolute}.puffs i:first-child{animation-delay:.1s;top:-20px;left:-70px}.puffs i:nth-child(2){width:14px;height:14px;animation-delay:.2s;top:-34px;left:52px}.puffs i:nth-child(3){width:22px;height:22px;animation-delay:.28s;top:34px;left:-10px}@keyframes puff{0%{opacity:.9;transform:translateY(0)scale(.4)}to{opacity:0;transform:translateY(-46px)scale(1.5)}}.vote-actions{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.skip-button{min-height:44px;color:var(--ink-3);border-color:#0000;padding:0 15px;font-size:12px}.skip-button:hover:not(:disabled){border-color:var(--line)}.skip-button{min-width:120px}.result-strip{text-align:center;justify-content:center;min-height:72px;margin-top:10px;display:flex}.result-strip p{margin:0}.result-strip__row{max-width:100%;animation:.2s both rise}.result-strip__label{color:var(--ink-3);justify-content:center;align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.result-strip__saving{align-items:flex-start;gap:7px;display:flex}.saving-dot{background:var(--ink-3);border-radius:50%;width:6px;height:6px;margin-top:6px;animation:1s ease-in-out infinite alternate saving}@keyframes saving{to{opacity:.25}}.result-strip__pair{flex-wrap:wrap;justify-content:center;gap:8px 10px;display:inline-flex}.result{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:7px;max-width:100%;padding:5px 12px 5px 6px;font-size:14px;display:inline-flex}.result__icon{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.result--goat .result__icon{background:var(--goat);color:#141413}.result--bloat .result__icon{background:var(--bloat);color:var(--bloat-on)}.result__name{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-weight:650;overflow:hidden}.result__score{font-variant-numeric:tabular-nums;font-weight:750}.result__delta{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:13px;font-weight:700;display:inline-flex}.result--goat .result__delta{color:var(--goat-ink)}.result--bloat .result__delta{color:var(--bloat-ink)}.result-strip__hint,.result-strip__note{max-width:52ch;color:var(--ink-3);font-size:12px}.touch-hint{font-size:11px;display:block}@media (hover:hover) and (pointer:fine){.touch-hint{display:none}}.panel{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:520px;margin:24px auto;padding:28px 24px;display:flex}.panel--error{border-color:color-mix(in srgb, var(--bloat) 45%, var(--line))}.panel__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:750}.panel__text{color:var(--ink-2);margin:0 0 10px}.shimmer{background:linear-gradient(90deg, var(--bg-2) 0%, var(--surface-2) 50%, var(--bg-2) 100%);background-size:200% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.logo.shimmer{box-shadow:none}.skeleton-line{border-radius:6px;width:80%;height:12px;display:block}.skeleton-line--title{width:60%;height:22px;margin-top:8px}.skeleton-line--short{width:48%}.skeleton-line--score{width:56px;height:20px}.shimmer-text{color:var(--line-strong)!important}.toast-region{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:60;pointer-events:none;justify-content:center;width:min(92vw,460px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);text-align:center;box-shadow:var(--shadow-md);border-radius:14px;padding:12px 18px;font-size:14px;font-weight:550;animation:.25s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.turnstile-host{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:70;position:fixed;transform:translate(-50%)}.site-footer{padding:22px 0 calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:16px;font-size:12px;display:flex}.footer-suggest{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;min-height:40px;padding:0;font-weight:650;display:inline-flex}.footer-suggest:hover{border-color:var(--ink-3);color:var(--ink)}.footer-links{flex-wrap:wrap;gap:6px 18px;display:flex}.footer-links a{min-height:40px;color:var(--ink-2);align-items:center;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--ink);text-decoration:underline}.dialog{overscroll-behavior:contain;background:var(--surface);width:min(100vw - 32px,460px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);border:none;border-radius:24px;padding:0;overflow-y:auto;box-shadow:0 30px 80px -20px #00000073}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f0e7a}.dialog[open]{animation:.2s both rise}.dialog__body{flex-direction:column;gap:20px;padding:24px;display:flex}.dialog__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog__head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;line-height:1.2}.dialog__text{color:var(--ink-2);margin:0;font-size:15px}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--ink-2);font-size:13px;font-weight:650}.field input{border:1.5px solid var(--line-strong);background:var(--surface-2);height:48px;color:var(--ink);border-radius:14px;padding:0 14px;font-size:16px}.field input:focus{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--goat) 45%, transparent);outline:none}.field input[aria-invalid=true]{border-color:var(--bloat);box-shadow:0 0 0 4px var(--bloat-soft)}.field input[readonly]{color:var(--ink-3)}.dialog__message{background:var(--bg-2);border-radius:12px;margin:0;padding:10px 12px;font-size:14px}.dialog__message--ok{background:var(--goat-soft)}.dialog__message--error{color:var(--bloat-ink);background:0 0;padding:0;font-size:13px}.dialog__actions{justify-content:flex-end;gap:10px;display:flex}.dialog__actions .button{width:100%;min-height:48px}.suggestion-success{text-align:center;flex-direction:column;align-items:center;gap:20px;padding-top:8px;display:flex}.suggestion-success__icon{background:var(--goat-soft);width:64px;height:64px;color:var(--goat-ink);border-radius:50%;place-items:center;display:grid}.suggestion-success .dialog__text{overflow-wrap:anywhere;max-width:30ch}.suggestion-success .button{width:100%;min-height:48px;margin-top:8px}.text-button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;min-height:40px;padding:0 12px;font-size:13px;font-weight:600}.text-button:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.suggestion-success .text-button{margin-top:-12px}.page-title{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:10px 0 6px;font-size:clamp(33px,6vw,54px);font-weight:800;line-height:1.04}.board-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.page--board{padding-top:32px}.title-dot{color:var(--goat)}.board-intro{color:var(--ink-2);margin:8px 0 0;font-size:15px}.board-score-help{color:var(--ink-3);flex:none;margin-left:auto;padding:12px 0 4px 12px;font-size:12px;text-decoration:none}.board-score-help>svg{display:none}.board-score-help:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.board-labels{color:var(--ink-3);letter-spacing:.09em;text-transform:uppercase;grid-template-columns:40px 1fr auto;gap:14px;padding:12px 20px 10px 12px;font-size:10px;font-weight:650;display:grid}.board-count{letter-spacing:normal;font-weight:500}.board-footnote{color:var(--ink-3);text-align:center;margin:18px 0 30px;font-size:12px}.board-more__error{color:var(--bloat-ink);margin:0 0 12px;font-size:13px}@media (width<=600px){.board-head{align-items:flex-start;gap:8px}.board-score-help{border-radius:50%;place-items:center;width:44px;height:44px;margin:5px 0 0;padding:0;display:grid}.board-score-help>svg{display:block}.board-score-help>span{display:none}.board-score-help:hover{background:var(--bg-2)}.board-intro{max-width:32ch;font-size:13px}.board-labels{grid-template-columns:28px 1fr auto;gap:10px;padding-left:8px;padding-right:14px;font-size:9px}}.board-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:28px 0 18px;display:flex}.segmented{background:var(--bg-2);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.segmented button{height:42px;color:var(--ink-2);font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;padding:0 18px 0 14px;font-size:16px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true][data-view=goat]{background:var(--goat);color:#141413}.segmented button[aria-pressed=true][data-view=bloat]{background:var(--bloat);color:var(--bloat-on)}.category-filter{width:250px;min-width:0;position:relative}.category-filter select{appearance:none;background:var(--surface);border:1px solid var(--line-strong);width:100%;height:48px;color:var(--ink);text-overflow:ellipsis;cursor:pointer;border-radius:12px;padding:0 38px 0 16px;font-size:14px;font-weight:550}.category-filter select:hover{border-color:var(--ink-3)}.category-filter>svg{pointer-events:none;color:var(--ink-3);position:absolute;top:50%;right:14px;transform:translateY(-50%)}@media (width<=600px){.board-controls{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px;margin:18px 0 12px;display:grid}.segmented{gap:2px;width:100%;padding:3px}.segmented button{flex:1;justify-content:center;gap:5px;min-width:0;padding:0 7px;font-size:13px}.segmented svg{flex:none;width:16px;height:16px}.category-filter{width:100%}.category-filter select{padding-left:12px;padding-right:30px;font-size:13px}.category-filter>svg{right:10px}}@media (width<=370px){.segmented svg{display:none}.category-filter select{padding-left:10px;padding-right:26px;font-size:12px}}.board{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.board[aria-busy=true]{opacity:.6}.board-row{border-top:1px solid var(--line);grid-template-columns:40px 44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 20px 16px 12px;display:grid}.board-row:first-child{border-top:none}.board[data-view=goat] .board-row[data-top]{background:color-mix(in srgb, var(--goat) 8%, var(--surface))}.board[data-view=bloat] .board-row[data-top]{background:color-mix(in srgb, var(--bloat) 7%, var(--surface))}.board-row__rank{color:var(--ink-3);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:center;font-size:21px;font-weight:800}.board[data-view=goat] .board-row[data-top] .board-row__rank{color:var(--goat-ink)}.board[data-view=bloat] .board-row[data-top] .board-row__rank{color:var(--bloat-ink)}.board-row__main{flex-direction:column;gap:2px;min-width:0;display:flex}.board-row__name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:16px;font-weight:700;line-height:1.25;display:flex}.board-row__meta{min-width:0;color:var(--ink-3);gap:8px;font-size:13px;display:flex}.board-row__category{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-row__desc{text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden}@media (width>=720px){.board-row__desc{display:inline}.board-row__desc:before{content:"·";margin-right:8px}}.board-row__score{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.board-row__score strong{font-family:var(--font-display);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.15}.board-row__score span{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.board-row--skeleton .board-row__main{gap:8px}.board-row--skeleton .skeleton-line--title{height:16px;margin-top:0}.board-more{flex-direction:column;align-items:center;margin:22px 0;display:flex}@media (width<=440px){.board-row{grid-template-columns:28px 40px minmax(0,1fr) auto;gap:10px;padding:10px 14px 10px 8px}.board-row__rank{font-size:17px}.board-row .logo--sm{width:40px;height:40px}.board-row__score strong{font-size:18px}}.page--about{width:100%;max-width:720px;margin:0 auto;padding-top:36px}.lede{color:var(--ink-2);margin:8px 0;font-size:clamp(17px,2.4vw,21px);line-height:1.5}.goat-text,.bloat-text{font-family:var(--font-display);border-radius:6px;padding:0 .3em;font-weight:800}.goat-text{background:var(--goat);color:#141413}.bloat-text{background:var(--bloat);color:var(--bloat-on)}.prose h2{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:8px;margin:34px 0 8px;scroll-margin-top:112px;font-size:24px;font-weight:800;display:flex}.prose p,.prose li{color:var(--ink-2);line-height:1.65}.prose ul{padding-left:1.2em}.prose li+li{margin-top:6px}.prose a{color:var(--ink);-webkit-text-decoration-color:var(--goat);text-decoration-color:var(--goat);text-underline-offset:3px;text-decoration-thickness:2px}.prose code{background:var(--bg-2);border-radius:6px;padding:2px 6px;font-size:.88em}.prose .pill{vertical-align:2px}.about-cta{flex-wrap:wrap;gap:10px;margin:34px 0;display:flex}@media (width<=600px){.card__pick kbd,.desktop-key{display:none}.touch-hint{display:block}.card__pick{padding:0 6px}.result-strip{min-height:86px}.result{gap:5px;font-size:12px}.result__name{max-width:13ch}}@media (width>=601px) and (height<=820px){.site-header{min-height:72px;padding:12px 0}.page--vote{padding-top:22px}.vote-title{max-width:540px;margin-bottom:18px}.subhead{margin-bottom:22px}.card{gap:10px;min-height:338px}.card .logo--lg{width:84px;height:84px;font-size:34px}.vote-actions,.result-strip{margin-top:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.confetti,.puffs{display:none}.card[data-result],.card[data-leaning]{animation:none;transform:none}.card[data-result=bloat]>:not(.stamp):not(.puffs){opacity:.4;filter:grayscale(.85);animation:none}.stamp--goat{animation:none;transform:translate(-50%,-50%)rotate(-7deg)}.stamp--bloat{animation:none;transform:translate(-50%,-50%)rotate(6deg)}.shimmer{animation:none}}