:root{--ink:#0b0d1a;--ink-2:#12152a;--ink-3:#1b1f3d;--stage:#34287a;--gold:#f2c14e;--gold-soft:#f8dc94;--cream:#f4f1ea;--muted:#a6a6c2;--line:#f2c14e38;--display:"Fraunces", Georgia, serif;--body:"Figtree", system-ui, sans-serif;--radius:14px;--gutter:clamp(16px, 4vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(ellipse 70% 45% at 30% -10%, #765cff52, transparent 70%), radial-gradient(ellipse 50% 35% at 90% 0%, #4fe0c11a, transparent 70%), var(--ink);min-height:100dvh;color:var(--cream);font:16px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}main{width:100%;max-width:1040px;padding:0 var(--gutter) 64px;flex:1;margin:0 auto}a{color:var(--gold);text-underline-offset:3px;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.05}p{margin:0}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:.75rem;font-weight:700}.masthead{width:100%;max-width:1040px;padding:18px var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.logo{font-family:var(--display);color:var(--cream);letter-spacing:-.02em;font-size:1.5rem;font-style:italic;font-weight:800;text-decoration:none}.logo__star{color:var(--gold);margin:0 2px;font-size:.8em;font-style:normal;display:inline-block;transform:translateY(-.1em)}.masthead__nav{align-items:center;gap:20px;font-weight:600;display:flex}.masthead__nav a{color:var(--cream);text-decoration:none}.masthead__nav a:hover{color:var(--gold)}.masthead__flag{font-size:1.2rem}.btn{min-height:44px;font:600 .95rem var(--body);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn--gold{background:var(--gold);color:var(--ink)}.btn--gold:hover:not(:disabled){background:var(--gold-soft)}.btn--ghost{color:var(--cream);border-color:var(--line);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--gold)}.btn--lg{min-height:52px;padding:14px 28px;font-size:1.05rem}.hero{max-width:720px;padding:clamp(32px,8vw,88px) 0 clamp(32px,6vw,64px)}.hero__title{margin-bottom:20px;font-size:clamp(2.6rem,8vw,5rem);font-weight:800}.hero__title em{color:var(--gold);font-weight:600}.hero__lede{color:var(--muted);max-width:560px;margin-bottom:28px;font-size:1.1rem}.tickets{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.ticket{background:linear-gradient(160deg, var(--ink-3), var(--ink-2));border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:22px 20px 20px;display:flex;position:relative;-webkit-mask:radial-gradient(10px at 0 62%,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(10px at 100% 62%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(10px at 0 62%,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(10px at 100% 62%,#0000 98%,#000) 100%/51% 100% no-repeat}.ticket__no{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:.7rem;font-weight:700}.ticket__title{font-size:1.5rem}.ticket__prompt{color:var(--muted);border-bottom:1px dashed var(--line);flex:1;margin-bottom:6px;padding-bottom:14px;font-size:.95rem}.ticket__actions{gap:8px;display:flex}.ticket__actions .btn{flex:1}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:64px;padding-top:40px;display:grid}.step h3{margin:8px 0 6px;font-size:1.3rem}.step p{color:var(--muted)}.step__n{font-family:var(--display);color:var(--gold);font-size:2.2rem;font-style:italic;line-height:1}.play{padding-top:clamp(16px,4vw,40px)}.play__head{text-align:center;margin-bottom:clamp(20px,4vw,36px)}.play__prompt{font-size:clamp(1.8rem,5vw,2.8rem)}.duel{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:clamp(12px,3vw,28px);min-height:300px;display:grid}.duel__loading{color:var(--muted);font-family:var(--display);grid-column:1/-1;place-items:center;font-size:1.3rem;font-style:italic;display:grid}.contender{--hue:350;text-align:center;min-height:300px;color:var(--cream);background:radial-gradient(ellipse 90% 60% at 50% 0%, hsl(var(--hue) 55% 30% / .55), transparent 70%), linear-gradient(180deg, var(--ink-3), var(--ink-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 0 0 6px var(--ink-2), inset 0 0 0 7px var(--line);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px 40px;transition:transform .2s,box-shadow .25s,opacity .3s,filter .3s;display:flex;position:relative;overflow:hidden}.contender:hover:not(:disabled){box-shadow:inset 0 0 0 6px var(--ink-2), inset 0 0 0 7px var(--gold), 0 18px 48px -12px hsl(var(--hue) 60% 40% / .6);transform:translateY(-4px)}.contender:disabled{cursor:default}.contender__band{background:linear-gradient(90deg, hsl(var(--hue) 60% 45%), hsl(calc(var(--hue) + 40) 60% 55%));height:8px;position:absolute;inset:0 0 auto}.contender__name{font-family:var(--display);text-wrap:balance;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.1}.contender__sub{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.contender__key{font:600 .75rem var(--body);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 8px;position:absolute;bottom:14px}.contender__delta{font-family:var(--display);font-size:1.4rem;font-weight:800;animation:.6s both rise}.contender--won{box-shadow:inset 0 0 0 6px var(--ink-2), inset 0 0 0 7px var(--gold), 0 0 60px -6px #f2c14e8c;transform:scale(1.03)}.contender--won .contender__delta{color:var(--gold)}.contender--lost{opacity:.45;filter:grayscale(.7);transform:scale(.97)}.contender--lost .contender__delta{color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.vs{background:var(--stage);border:3px dotted var(--gold);border-radius:50%;align-self:center;place-items:center;width:64px;height:64px;animation:1.6s steps(2,end) infinite bulbs;display:grid;box-shadow:0 0 24px #f2c14e59}.vs span{font-family:var(--display);color:var(--gold);font-size:1.4rem;font-style:italic;font-weight:800;transform:translateY(-2px)}@keyframes bulbs{50%{border-color:var(--gold-soft);box-shadow:0 0 32px #f8dc9480}}.play__foot{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:28px;display:flex}.play__notice{min-height:1.5em;color:var(--gold-soft);font-size:.95rem}.play__count{color:var(--muted)}.play__count strong{color:var(--cream)}.callout{border-radius:var(--radius);border:1px solid var(--gold);color:var(--gold-soft);background:#f2c14e1f;padding:14px 18px;font-weight:600;text-decoration:none;display:block}.callout--big{color:var(--cream);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;font-weight:400;display:flex}.callout--big p{flex:260px}@media (width<=640px){.duel{grid-template-columns:1fr;gap:0}.contender{min-height:180px;padding:36px 20px 28px}.contender__key{display:none}.vs{z-index:1;justify-self:center;width:54px;height:54px;margin:-20px 0}}.rankings,.shared{padding-top:clamp(16px,4vw,40px)}.rankings__head h1,.shared__head h1{margin-bottom:20px;font-size:clamp(2.2rem,6vw,3.4rem)}.pills{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:6px 14px;font-size:.9rem;font-weight:600;text-decoration:none}.pill--on{border-color:var(--gold);color:var(--gold)}.tabs{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:4px;display:grid}.tab{text-align:center;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:9px;padding:10px 8px;font-weight:600;text-decoration:none;overflow:hidden}.tab--on{background:var(--stage);color:var(--cream)}.country-pick{color:var(--muted);align-items:center;gap:10px;margin-bottom:16px;display:flex}.country-pick select{background:var(--ink-2);max-width:320px;min-height:40px;color:var(--cream);border:1px solid var(--line);font:inherit;border-radius:8px;flex:1;padding:6px 10px}.share-bar{border-radius:var(--radius);background:linear-gradient(120deg, var(--stage), var(--ink-3));border:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:20px;padding:16px 18px;display:flex}.share-bar p{flex:240px}.board{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.board__row{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:14px 4px;display:grid}.board__rank{font-family:var(--display);color:var(--muted);text-align:center;font-size:1.3rem;font-weight:700}.board__row--top .board__rank{color:var(--gold);font-size:1.6rem;font-style:italic}.board__row--1 .board__name{font-size:1.35rem}.board__divider{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:18px 4px 8px;font-size:.78rem}.board__row--new .board__name{color:var(--muted)}.board__item{flex-direction:column;min-width:0;display:flex}.board__name{font-family:var(--display);font-size:1.15rem;font-weight:600;line-height:1.2}.board__sub{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.board__stats{flex-direction:column;align-items:flex-end;display:flex}.board__rating{font-variant-numeric:tabular-nums;font-weight:700}.board__record{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.match{--score:50;border-radius:var(--radius);background:linear-gradient(120deg, var(--stage), var(--ink-3));border:1px solid var(--gold);align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.match__ring{background:radial-gradient(closest-side, var(--stage) 78%, transparent 80%), conic-gradient(var(--gold) calc(var(--score) * 1%), #f2c14e26 0);border-radius:50%;flex:none;place-items:center;width:96px;height:96px;display:grid}.match__ring span{font-family:var(--display);font-size:1.6rem;font-weight:800}.match__label{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:.75rem;font-weight:700}.match__verdict{font-family:var(--display);font-size:1.35rem;font-style:italic}.shared__actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.empty{text-align:center;color:var(--muted);font-family:var(--display);flex-direction:column;align-items:center;gap:16px;padding:48px 0;font-size:1.2rem;font-style:italic;display:flex}.empty .btn{font-style:normal}.footer{padding:24px var(--gutter) 32px;text-align:center;color:var(--muted);border-top:1px solid var(--line);font-size:.85rem}.footer span{font-family:var(--display);color:var(--cream);font-style:italic;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.link-button{color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:.95rem;text-decoration:underline}.link-button:hover{color:var(--gold)}.rankings__suggest{text-align:center;margin-top:24px}.suggest{text-align:left;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;width:100%;max-width:480px;margin:0 auto;padding:18px;display:flex}.suggest__title{font-family:var(--display);font-size:1.15rem;font-weight:700}.suggest input,.moderate input{background:var(--ink);width:100%;min-height:44px;color:var(--cream);border:1px solid var(--line);font:inherit;border-radius:8px;padding:10px 12px}.suggest input:focus,.moderate input:focus{border-color:var(--gold);outline:none}.suggest__actions{flex-wrap:wrap;gap:8px;display:flex}.suggest__status{min-height:1.4em;color:var(--gold-soft);font-size:.95rem}.admin{flex-direction:column;gap:16px;padding-top:clamp(16px,4vw,40px);display:flex}.admin h1{font-size:clamp(2rem,5vw,2.8rem)}.moderate{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.moderate__meta{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:.8rem;font-weight:700}.moderate__details{color:var(--muted)}.moderate__fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.picker{padding-top:clamp(16px,4vw,40px)}.ticket__progress{float:right;color:var(--muted);letter-spacing:.08em}.nudge{margin:20px 0 0}.nudge .eyebrow{margin-bottom:4px;display:block}.nudge strong{color:var(--gold-soft)}.hero__title{font-size:clamp(2.2rem,6.5vw,4rem)}.hero{padding-bottom:clamp(20px,4vw,36px)}.home-duel{margin-bottom:48px}.duel__foot{flex-direction:column;align-items:center;gap:10px;margin-top:18px;display:flex}.crowd{text-align:center;max-width:560px;min-height:1.5em;color:var(--muted);font-size:.98rem;animation:.35s both rise}.crowd--underdog{color:var(--gold);font-weight:600}.crowd--crowd,.crowd--close{color:var(--cream)}.showdown{border-radius:var(--radius);border:1px solid var(--gold);background:radial-gradient(ellipse 70% 80% at 50% 0%, #765cff40, transparent 70%), linear-gradient(160deg, var(--ink-3), var(--ink-2));text-align:center;max-width:760px;margin:0 auto 48px;padding:24px clamp(16px,4vw,32px);position:relative}.showdown--loading{color:var(--muted);font-family:var(--display);font-style:italic}.showdown__pick{grid-template-columns:1fr 1fr;gap:48px;margin:8px 0 14px;display:grid}.showdown__choice{border:1px solid var(--line);background:var(--ink);min-height:120px;color:var(--cream);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px 12px;transition:border-color .15s,transform .15s;display:flex;position:relative}.showdown__choice:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}.showdown__name{font-family:var(--display);text-wrap:balance;font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700;line-height:1.1}.showdown__sub{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.showdown__vs{width:32px;font-family:var(--display);color:var(--gold);font-style:italic;font-weight:800;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}.showdown__hint{color:var(--muted);font-size:.92rem}.showdown__results{text-align:left;flex-direction:column;gap:16px;margin:8px 0 12px;display:flex}.split__label{color:var(--muted);margin-bottom:6px;font-size:.85rem;font-weight:600}.split__bar{background:var(--ink);border-radius:999px;height:14px;display:flex;overflow:hidden}.split__a,.split__b{transition:width .6s}.split__a{background:var(--gold)}.split__b{background:var(--stage)}.split--mine{box-shadow:inset 0 0 0 2px var(--cream)}.split__names{justify-content:space-between;gap:12px;margin-top:6px;font-size:.92rem;display:flex}.split__names span:last-child{text-align:right}.showdown__foot{border-top:1px dashed var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:12px;font-size:.9rem;display:flex}.showdown__yesterday{color:var(--muted);margin-top:10px;font-size:.9rem}.showdown__yesterday strong{color:var(--cream)}.showdown-page{padding-top:clamp(16px,4vw,40px)}.showdown-page__more{text-align:center;color:var(--muted)}@media (width<=480px){.masthead__nav{gap:14px}.masthead__flag{display:none}.showdown__pick{gap:36px}.showdown__vs{right:-30px}}.profile{flex-direction:column;gap:20px;padding-top:clamp(16px,4vw,40px);display:flex}.profile__from{margin-bottom:0}.taste{border-radius:var(--radius);border:1px solid var(--gold);background:radial-gradient(ellipse 70% 60% at 20% 0%, #765cff47, transparent 70%), linear-gradient(160deg, var(--ink-3), var(--ink-2));padding:clamp(20px,4vw,32px)}.taste__title{margin-bottom:10px;font-size:clamp(2.1rem,7vw,3.6rem);font-weight:800}.taste__tagline{color:var(--muted);max-width:620px;font-size:1.1rem}.taste__stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:24px 0 0;display:grid}.taste__stats div{border:1px solid var(--line);background:#0b0d1a99;border-radius:10px;padding:12px 14px}.taste__stats dt{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.taste__stats dd{font-family:var(--display);color:var(--gold);margin:4px 0 0;font-size:1.5rem;font-weight:700}.taste__hot{border:1px solid var(--line);background:#f2c14e1a;border-radius:10px;margin-top:18px;padding:12px 14px}.taste__cats{border-top:1px dashed var(--line);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:24px;padding-top:20px;display:grid}.taste__cat h3{margin-bottom:8px;font-size:1.05rem}.taste__cat ol{margin:0 0 8px;padding-left:1.3em}.taste__cat li{margin:2px 0}.taste__cat li::marker{color:var(--gold);font-weight:700}.taste__empty{color:var(--muted);margin-bottom:8px;font-style:italic}.taste__cat a{font-size:.9rem}.profile__actions{flex-wrap:wrap;gap:10px;display:flex}.profile__note{color:var(--muted);font-size:.9rem}.unlock{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:460px;margin:0 auto;display:flex}.unlock__bar{background:var(--ink-2);border:1px solid var(--line);border-radius:999px;width:100%;height:12px;overflow:hidden}.unlock__bar span{background:var(--gold);height:100%;transition:width .5s;display:block}@media (width<=400px){.logo{font-size:1.3rem}.masthead__nav{gap:11px;font-size:.92rem}}.meter{border-radius:var(--radius);border:1px solid var(--gold);background:linear-gradient(120deg, var(--stage), var(--ink-3));margin-bottom:20px;padding:18px 20px}.meter__title{margin-bottom:12px;font-size:clamp(1.3rem,4vw,1.7rem)}.meter__bar{background:var(--ink);border-radius:999px;height:10px;overflow:hidden}.meter__bar span{background:var(--gold);height:100%;transition:width .5s;display:block}.meter__count{color:var(--muted);margin-top:8px;font-size:.95rem}.meter__count strong{color:var(--gold)}.shared__sub{margin:36px 0 12px;font-size:1.4rem}.shared__more{color:var(--muted);margin-top:12px;font-style:italic}