:root{--paper:#f5f5ef;--ink:#14291f;--muted:#677464;--line:#dce0d4;--lime:#d7f66b;--soft:#edf1e6;--green:#377244}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #748f28;outline-offset:4px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.shell{max-width:1184px;margin:auto;padding-left:32px;padding-right:32px}
.demo-bar{background:#e8eddc;border-bottom:1px solid #d7dfc8}.demo-inner{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#58684d}.demo-inner b{font-size:9px;letter-spacing:1px;margin-right:12px}.demo-controls{display:flex;gap:3px;flex-shrink:0;background:#dce4ce;border-radius:7px;padding:3px}.demo-controls button{border:0;background:none;font-size:11px;border-radius:5px;padding:8px 13px}.demo-controls button[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 4px #14291f14;font-weight:bold}
.masthead{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:34px;font-weight:900;letter-spacing:-2px}.brand-dot{color:#80a445}.edition-label{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.rules-link{font-size:12px;text-underline-offset:5px;text-decoration-color:#a9b79b}.rules-link span{margin-left:6px}.rules-link:hover{color:#4c6d30}
.intro{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:48px;padding:48px 0 42px}.eyebrow{font-size:9px;font-weight:bold;letter-spacing:1.8px;color:#5c704f;margin:0 0 17px}.tiny-ball{color:#809e36;margin-right:5px}h1{font-size:72px;letter-spacing:-3.5px;line-height:.99;margin:0 0 21px}h1 em{font-style:normal;color:#57743e}.intro-copy{font-size:15px;color:var(--muted);line-height:1.65;margin:0}.week-card{background:var(--soft);border:1px solid #dce4d0;border-radius:12px;padding:25px}.state-pill{display:inline-block;font-size:9px;letter-spacing:1px;font-weight:bold;padding:7px 10px;background:#dce9bd;border-radius:5px;color:#3e5b27}.state-pill:before{content:'';display:inline-block;width:5px;height:5px;background:#709238;border-radius:50%;margin-right:6px;vertical-align:1px}.week-card strong{display:block;margin-top:18px;font-size:18px;letter-spacing:-.4px}.week-card p{font-size:12px;margin:9px 0 5px;line-height:1.6}.time-zone{font-size:10px;color:var(--muted)}.week-card>a{display:block;border-top:1px solid #d6dfc9;margin-top:19px;padding-top:15px;font-size:11px;text-decoration:none}.week-card>a span{float:right}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:0 0 21px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-size:26px;letter-spacing:-.8px;margin:0}.section-heading>p,.section-heading>span{font-size:10px;color:var(--muted);margin:0 0 4px;line-height:1.5}.candidates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.candidate{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:#fafaf5;overflow:hidden;transition:border-color .15s,box-shadow .15s}.candidate.is-selected{border-color:#8ba946;box-shadow:0 0 0 2px #a7c75e40}.thumb{padding:0;border:0;display:block;position:relative;width:100%;aspect-ratio:4/5;background:#234731;overflow:hidden;text-align:left}.thumb svg{width:100%;height:100%;display:block}.thumb .sample-label{position:absolute;left:12px;top:12px;font-size:7px;letter-spacing:1px;color:#ffffffba;font-weight:bold}.thumb-number{position:absolute;right:11px;top:10px;color:#fff8;font-size:12px;font-weight:bold}.play-icon{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);display:grid;place-items:center;background:#f5f5efeb;border-radius:50%;width:40px;height:40px;font-size:15px;padding-left:2px;box-shadow:0 4px 18px #0003;transition:background .15s}.thumb:hover .play-icon{background:var(--lime)}.scene-label{position:absolute;left:12px;bottom:13px;color:#fff;font-size:8px;letter-spacing:1px;font-weight:bold}.candidate-body{padding:15px 13px 13px;display:flex;flex-direction:column;flex:1}.country-tag{font-size:8px;color:#68765e;letter-spacing:1px;font-weight:bold;margin:0 0 8px}.candidate h3{font-size:15px;letter-spacing:-.2px;line-height:1.35;margin:0 0 6px;min-height:40px}.author{font-size:10px;color:var(--muted);margin:0 0 18px;line-height:1.5}.vote-button{margin-top:auto;background:#e9eedf;border:1px solid #d9e1ce;border-radius:6px;padding:11px 6px;font-size:10px;font-weight:bold;width:100%;min-height:39px;transition:background .15s}.vote-button:hover{background:#dfe8d0}.vote-button[aria-pressed=true]{background:var(--lime);border-color:#c6e452}.vote-button[aria-pressed=true]:before{content:'✓';margin-right:6px}.vote-note{display:flex;align-items:center;gap:11px;background:#eef2e7;padding:14px 17px;border-radius:7px;margin-top:19px}.vote-note>span{font-size:14px;color:#769242}.vote-note p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.vote-note strong{color:var(--ink)}.vote-status{font-size:12px;color:#426431;line-height:1.6;min-height:20px;margin:16px 0 0}
.winner-card{display:grid;grid-template-columns:1.1fr 1fr;border-radius:14px;overflow:hidden;background:var(--ink);color:var(--paper)}.winner-card .thumb{aspect-ratio:auto;height:360px;min-height:0}.winner-card .thumb .play-icon{width:54px;height:54px;left:calc(50% - 27px);top:calc(50% - 27px);font-size:20px;color:var(--ink)}.winner-copy{padding:34px 38px;align-content:center}.winner-copy .eyebrow{color:#c8e380}.trophy{font-size:31px;display:inline-block;margin-bottom:16px}.winner-copy h3{font-size:33px;line-height:1.1;letter-spacing:-1px;margin:0 0 11px}.winner-copy .author{color:#c5d1bc;font-size:12px;margin-bottom:22px}.winner-stats{display:flex;gap:26px;padding-top:19px;border-top:1px solid #ffffff24}.winner-stats strong{font-size:27px;font-weight:normal;letter-spacing:-1px}.winner-stats span{display:block;font-size:9px;color:#c1cdb7;margin-top:6px}.winner-message{font-size:12px;line-height:1.5;color:#ccdac4;margin:20px 0 0}.tie-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tie-cards .winner-card{grid-template-columns:1fr}.tie-cards .thumb{height:220px;min-height:0;max-height:none}.tie-cards .winner-copy{padding:25px}.tie-cards .winner-copy h3{font-size:26px}.tie-cards .trophy{display:none}#results-section{margin-top:34px}.results{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.result-row{display:grid;grid-template-columns:30px minmax(120px,1fr) 2fr 60px;align-items:center;gap:20px;padding:17px 20px;border-top:1px solid var(--line);font-size:12px}.result-row:first-child{border:0;background:#ebf0df}.result-position{font-size:16px;color:#81916c}.result-title{font-weight:bold;line-height:1.4}.result-title small{display:block;font-size:9px;color:var(--muted);font-weight:normal;margin-top:4px}.result-track{appearance:none;border:0;width:100%;height:7px;background:#e4e9db;border-radius:4px;overflow:hidden}.result-track::-webkit-meter-bar{border:0;background:#e4e9db;border-radius:4px}.result-track::-webkit-meter-optimum-value{background:#99b454;border-radius:4px}.result-track::-moz-meter-bar{background:#99b454;border-radius:4px}.result-votes{text-align:right;font-weight:bold}.result-votes small{display:block;font-size:9px;font-weight:normal;color:var(--muted);margin-top:4px}.results-footnote{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.6}
.how-it-works{border-top:1px solid var(--line);margin-top:40px;padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.how-it-works h2{font-size:27px;letter-spacing:-.8px;line-height:1.15;margin:0 0 20px}.how-it-works ol{padding:0;list-style:none;margin:0}.how-it-works li{display:flex;gap:16px;margin-bottom:21px}.how-it-works li>span{font-size:10px;color:#88956f;padding-top:2px}.how-it-works strong{font-size:12px}.how-it-works p{font-size:11px;color:var(--muted);line-height:1.6;margin:5px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px!important;min-height:90px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}footer a{text-underline-offset:4px}
dialog{border:1px solid #dce0d4;border-radius:16px;padding:25px;background:var(--paper);color:var(--ink);width:min(650px,calc(100% - 30px));max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#09180fde;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog-top .eyebrow{margin:0;font-size:8px}.close-dialog{border:0;background:#e7ecde;border-radius:50%;width:31px;height:31px;font-size:22px;line-height:1}.primary{background:var(--lime);border:0;border-radius:6px;font-weight:bold;font-size:12px;padding:13px 18px}.primary:hover{background:#c8e858}.sample-stage{background:#234731;border-radius:10px;aspect-ratio:16/10;overflow:hidden}.sample-stage svg{width:100%;height:100%;display:block}.sample-stage.playing .demo-ball{animation:sample-shot 2.8s ease-in-out forwards}.sample-stage.playing .demo-player{animation:sample-player 2.8s ease-in-out forwards}@keyframes sample-shot{0%,15%{transform:translate(0,0)}70%,100%{transform:translate(12px,-105px)}}@keyframes sample-player{0%,15%{transform:translate(0,0)}45%,100%{transform:translate(8px,-17px)}}#play-dialog h2{font-size:25px;letter-spacing:-.6px;margin:20px 0 8px}#play-author{font-size:12px;color:var(--muted)}.sample-note{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:20px}#rules-heading{font-size:34px;letter-spacing:-1px;margin:10px 0 16px}.rules-intro{font-size:13px;line-height:1.6;color:var(--muted)}.rules-list{padding-left:22px;margin:24px 0}.rules-list li{padding-left:5px;margin-bottom:17px;font-size:12px;line-height:1.75;color:#55624f}.rules-list strong{color:var(--ink)}
@media(max-width:1000px){.edition-label{display:none}.candidates{grid-template-columns:repeat(3,minmax(0,1fr))}.intro{grid-template-columns:1fr 285px;gap:30px}h1{font-size:64px}.thumb{aspect-ratio:5/4}.candidate h3{min-height:0}.winner-copy{padding:28px}.winner-copy h3{font-size:28px}}
@media(max-width:650px){.shell{padding-left:20px;padding-right:20px}.demo-inner{flex-direction:column;align-items:flex-start;padding-top:12px;padding-bottom:12px;gap:10px;font-size:10px;line-height:1.5}.demo-inner b{display:block;margin-bottom:3px}.demo-controls{align-self:stretch}.demo-controls button{flex:1}.masthead{height:78px;gap:15px}.brand{font-size:29px}.masthead .rules-link{font-size:10px;max-width:130px;text-align:right;line-height:1.7}.intro{grid-template-columns:1fr;padding-top:31px;gap:25px;padding-bottom:32px}h1{font-size:61px;letter-spacing:-3px}.eyebrow{font-size:8px;letter-spacing:1.3px}.intro-copy{font-size:13px}.week-card{padding:19px}.week-card strong{font-size:17px;margin-top:12px}.week-card>a{margin-top:13px;padding-top:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-heading h2{font-size:24px}.section-heading>p{font-size:10px}.candidates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumb{aspect-ratio:4/5}.candidate-body{padding:12px 10px}.candidate h3{font-size:14px;min-height:38px}.country-tag{font-size:7px}.author{font-size:9px;margin-bottom:13px}.vote-button{font-size:9px;min-height:42px}.vote-note{align-items:flex-start;padding:13px}.vote-note p{font-size:10px}.how-it-works{grid-template-columns:1fr;gap:26px;margin-top:30px;padding-top:27px}.how-it-works h2{font-size:25px}.winner-card{grid-template-columns:1fr}.winner-card .thumb{height:260px;min-height:0;max-height:none}.winner-copy{padding:25px}.winner-copy h3{font-size:29px}.tie-cards{grid-template-columns:1fr}.tie-cards .thumb{height:240px;min-height:0;max-height:none}.result-row{grid-template-columns:20px 1fr 44px;gap:10px;padding:15px 13px}.result-track{grid-column:2;grid-row:auto}.result-votes{grid-column:3;grid-row:span 2}.result-title{font-size:11px}.result-position{grid-row:span 2}.result-votes small{font-size:8px}footer{font-size:9px;min-height:85px;line-height:1.7}.sample-stage{aspect-ratio:4/3}dialog{padding:20px}.rules-list li{font-size:12px}#rules-heading{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.play-icon::before{content:"";display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--ink);margin-left:2px}

.back-preview{text-decoration:none;letter-spacing:0;font-size:11px}.back-preview:hover{text-decoration:underline}@media(max-width:1000px){.back-preview{display:inline-block}}@media(max-width:650px){.masthead{flex-wrap:wrap;height:auto;min-height:90px;padding-top:16px;padding-bottom:16px}.masthead .back-preview{order:3;flex-basis:100%}}
