@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--navy:#122e50;--muted:#56667a;--yellow:#ffe36c;--line:#d5dee8;--ice:#eaf1f8;--paper:#fff4b0}*{box-sizing:border-box}body{margin:0;background:#f9fbfd;color:var(--navy);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.party:has(input:focus-visible){outline:3px solid #207bd9;outline-offset:4px}button:disabled{cursor:not-allowed}button[hidden],[hidden]{display:none!important}.masthead{max-width:1280px;margin:auto;padding:26px 44px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{text-decoration:none;color:var(--navy);font-size:15px;letter-spacing:1.6px;font-weight:800;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;background:var(--navy);color:var(--yellow);font:700 28px 'Space Grotesk',sans-serif;width:39px;height:39px;border-radius:4px;letter-spacing:-2px;padding-right:3px}.brand-year{font-weight:500;color:var(--muted);margin-left:1px}.parody{font-size:12px;font-weight:700;letter-spacing:1.8px;border:1px solid var(--navy);padding:7px 11px;border-radius:3px}main{max-width:1192px;margin:0 auto;padding:42px 0 38px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 12px}h1,h2,p{margin-top:0}h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(38px,4.5vw,62px);letter-spacing:-2.8px;line-height:1.1;margin-bottom:17px;font-weight:700}h1 span{position:relative;z-index:0}h1 span:after{content:'';position:absolute;background:var(--yellow);height:14px;left:-3px;right:-4px;bottom:3px;z-index:-1;transform:rotate(-2deg)}.lead{color:var(--muted);font-size:17px;margin-bottom:0}.edition{border:1px solid #b8c7d8;border-radius:50%;width:112px;height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(10deg);margin-right:22px}.edition span{font-size:10px;font-weight:700;letter-spacing:2px}.edition strong{font:700 34px 'Space Grotesk',sans-serif;line-height:1.4}.voting-room{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;box-shadow:0 8px 32px #122e5005}.selection{padding:28px 30px 23px}.section-title{display:flex;align-items:center;gap:12px}.step{font-size:12px;font-weight:700;border:1px solid #bcc8d6;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;flex-shrink:0}.section-title h2{margin:0;font:600 21px 'Space Grotesk',Arial,sans-serif;letter-spacing:-.5px}.section-note{font-size:14px;color:var(--muted);margin:10px 0 22px}.selection fieldset{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.party{background:var(--paper);border:1px solid #e9dda1;min-height:72px;border-radius:4px;display:flex;align-items:center;gap:10px;padding:12px;position:relative;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.party:hover{transform:translateY(-2px);box-shadow:0 4px 0 #122e500c}.party input{position:absolute;opacity:0;width:1px;height:1px}.party:has(input:checked){border:2px solid var(--navy);padding:11px;box-shadow:3px 3px 0 var(--navy)}.party:has(input:disabled){cursor:default}.party:has(input:disabled):hover{transform:none}.party-code{font:700 20px 'Space Grotesk',Arial,sans-serif;color:var(--party,var(--navy));min-width:33px}.party-name{font-size:14px;font-weight:600;overflow-wrap:anywhere;line-height:1.3}.check{display:none;position:absolute;right:6px;top:3px;font-size:12px}.party:has(input:checked) .check{display:block}.blank{grid-column:1/-1;min-height:46px;background:#fff9d9}.blank .party-code{font-size:17px}.selection-summary{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:24px;padding-top:19px;font-size:14px;color:var(--muted)}.mini-paper{color:var(--navy);font-size:15px}.casting{background:var(--ice);border-left:1px solid var(--line);padding:28px 30px 23px;display:flex;flex-direction:column;align-items:center}.cast-heading{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center}.sound{background:transparent;border:1px solid #c7d3df;color:var(--muted);border-radius:20px;padding:6px 11px;font-size:12px;white-space:nowrap}.sound[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.machine-stage{width:min(100%,400px);aspect-ratio:1;position:relative;margin-top:5px;isolation:isolate}.machine-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.machine-label{position:absolute;left:25%;right:25%;top:48%;text-align:center;background:#f6f7f9;padding:12px 5px 10px;transform:rotate(-1deg);box-shadow:0 1px 3px #0002;display:flex;flex-direction:column;gap:5px}.machine-label>span{font-size:11px;letter-spacing:2px}.machine-label strong{font:700 16px 'Space Grotesk',sans-serif}.machine-label small{font-size:10px;color:var(--muted)}.feed{position:absolute;top:0;left:27%;width:46%;height:32%;overflow:hidden;z-index:3;pointer-events:none}.ballot{position:absolute;top:0;left:7%;width:86%;height:125px;padding:14px 8px 8px;background:var(--yellow);color:#263743;box-shadow:2px 2px 8px #122e5022;display:flex;flex-direction:column;align-items:center;gap:7px;transform:rotate(-5deg);text-align:center}.ballot>span{font-size:9px;letter-spacing:.9px}.ballot strong{font-size:13px;line-height:1.2}.ballot small{font-size:8px;letter-spacing:2px}.shreds{position:absolute;left:29%;right:29%;top:68%;height:28%;overflow:visible;pointer-events:none;z-index:4}.strip{position:absolute;top:0;width:5%;height:63%;background:repeating-linear-gradient(180deg,var(--yellow) 0,var(--yellow) 13px,#a08e4d 14px,var(--yellow) 15px);opacity:0;transform-origin:top center}.brrr{position:absolute;top:35%;right:0;font:700 25px 'Space Grotesk',sans-serif;color:var(--navy);transform:rotate(12deg);opacity:0}.action-area{width:100%;max-width:360px;margin-top:auto;text-align:center}.status{font-size:14px;min-height:21px;margin:0 0 12px;color:var(--muted)}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:15px 20px;background:var(--navy);color:white;border:2px solid var(--navy);border-radius:6px;font-weight:700;min-height:54px;transition:background .15s,transform .15s}.primary:hover:enabled{background:#214c7c;transform:translateY(-1px)}.primary:disabled{background:#d1dce8;border-color:#d1dce8;color:#63768e}.primary>span:last-child{font-size:23px;font-weight:400;line-height:20px}.action-note{font-size:12px;margin:10px 0 0;color:var(--muted)}.feeding .ballot{animation:feed 1.6s .2s ease-in forwards}.shredding .machine-image,.shredding .machine-label{animation:rumble .11s infinite}.shredding .brrr{opacity:1;animation:rumble .13s infinite}.shredding .strip{animation:shred 2s var(--delay) ease-in both}.finished .strip{opacity:1;transform:translate(var(--x),30%) rotate(var(--r));height:45%}.shredding .machine-label,.finished .machine-label{background:var(--yellow)}.shredding .machine-label strong,.finished .machine-label strong{font-size:14px}.receipt{position:relative;max-width:560px;margin:34px auto 0;padding:35px 30px 24px;background:#fff6c9;border:1px solid #e5d990;text-align:center;box-shadow:5px 5px 0 #e5d990;scroll-margin-top:24px}.receipt h2{font:700 clamp(27px,4vw,36px) 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:17px 0}.receipt p{line-height:1.6}.receipt .eyebrow{font-size:10px;letter-spacing:1.6px;padding-right:35px}.receipt-stamp{position:absolute;right:-10px;top:16px;border:2px solid #8b372a;color:#8b372a;font-size:12px;font-weight:800;padding:6px 9px;transform:rotate(9deg)}.receipt-bottom{display:flex;justify-content:space-between;gap:10px;border-block:1px dashed #b6a874;padding:15px 0;margin:24px 0;font-size:12px}.receipt-note{font-size:12px;color:var(--muted);margin:12px 0 0}footer{max-width:1192px;margin:0 auto;padding:0 0 30px;display:flex;flex-wrap:wrap;gap:7px 14px;font-size:12px;color:var(--muted)}footer strong{font-weight:600}.footer-end{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes feed{to{transform:translateY(170px) rotate(0)}}@keyframes rumble{0%,100%{translate:-1px 0}50%{translate:1px 1px}}@keyframes shred{0%{opacity:0;transform:scaleY(0)}10%{opacity:1}65%{opacity:1;transform:scaleY(1)}100%{opacity:1;transform:translate(var(--x),30%) rotate(var(--r));height:45%}}@media(min-width:1500px){main{padding-top:58px}.intro{margin-bottom:42px}}@media(max-width:1280px){main,footer{margin-left:36px;margin-right:36px}}@media(max-width:1000px){.selection,.casting{padding:24px 20px}.party{gap:5px;padding:10px}.party:has(input:checked){padding:9px}.party-name{font-size:12px}.party-code{font-size:18px;min-width:30px}.section-title h2{font-size:19px}.machine-label strong{font-size:13px}.machine-label small{font-size:9px}.sound{padding:6px 8px}}@media(max-width:760px){.masthead{padding:18px 20px}.brand{font-size:12px;letter-spacing:1px;gap:8px}.brand-mark{height:32px;width:32px;font-size:24px}.brand-year{display:none}.parody{font-size:10px;padding:6px 8px}main{margin:0;padding:30px 18px}.intro{margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:39px;letter-spacing:-1.8px}.lead{font-size:15px;max-width:280px;line-height:1.6}.edition{display:none}.voting-room{grid-template-columns:1fr}.selection{padding:22px 18px}.section-note{font-size:13px;margin:9px 0 18px}.party-name{font-size:14px}.party{min-height:62px;gap:8px}.blank{min-height:44px}.selection-summary{margin-top:18px;padding-top:15px;font-size:13px}.casting{border-left:0;border-top:1px solid var(--line);padding:24px 18px}.machine-stage{max-width:380px;margin-top:12px}.machine-label strong{font-size:15px}.machine-label small{font-size:10px}.receipt{margin-top:28px;padding:38px 18px 22px}.receipt-bottom{flex-direction:column}footer{margin:0 20px;font-size:12px;flex-direction:column;line-height:1.5}.footer-end{margin-left:0;margin-top:8px}}@media(max-width:360px){.party-name{font-size:12px}.selection fieldset{gap:8px}.party-code{min-width:26px}h1{font-size:34px}.casting{padding-inline:12px}.machine-label strong{font-size:13px}.machine-label small{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.feeding .ballot{transform:translateY(170px)}.shredding .strip{opacity:1}.shredding .brrr{opacity:1}}

/* Align the interactive paper and reveal label with the generated machine. */
.machine-stage{width:min(100%,360px);margin-top:64px}.feed{top:-16%;height:34%}.machine-label{left:20%;right:20%;top:51%;height:33%;padding:16px 7px;justify-content:center;gap:9px}.machine-label strong{font-size:19px}.machine-label>span{font-size:13px}.machine-label small{font-size:11px}.shredding .machine-label,.finished .machine-label{top:32%;height:20%;gap:4px;padding:6px 3px}.shredding .machine-label strong,.finished .machine-label strong{font-size:12px}.shredding .machine-label>span,.finished .machine-label>span{font-size:10px}.shredding .machine-label small,.finished .machine-label small{font-size:9px}.shreds{left:25%;right:25%;top:66%}.brrr{top:25%;right:-4%}@media(max-width:760px){.machine-stage{margin-top:64px}.party-name{font-size:14px}}@media(max-width:360px){.machine-label strong{font-size:16px}.machine-label small{font-size:10px}.shredding .machine-label strong,.finished .machine-label strong{font-size:10px}}

/* More ballots, with the parties' real marks and a bounded selection tray. */
.selection fieldset{max-height:416px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#9daebd transparent;padding:3px 8px 7px 3px;align-content:start}
.party{min-height:74px;gap:10px}.party-symbol{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px}.party-symbol img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.party-name{font-size:14px}.blank-symbol{font-size:20px}.blank{min-height:48px}.blank .party-symbol{height:24px}
.ballot{gap:5px;padding-top:9px}.ballot-logo{display:block;width:28px;height:28px;object-fit:contain;mix-blend-mode:multiply}.ballot strong{font-size:12px}.ballot:has(.ballot-logo[hidden]){gap:10px;padding-top:16px}
@media(max-width:1000px) and (min-width:761px){.party-symbol{width:33px;height:33px;flex-basis:33px}.party{gap:7px}.party-name{font-size:13px}}
@media(max-width:760px){.selection fieldset{max-height:342px}.party{min-height:70px;gap:8px}.party-symbol{width:35px;height:35px;flex-basis:35px}.party-name{font-size:13px}.blank{min-height:46px}}
@media(max-width:360px){.party-symbol{width:28px;height:28px;flex-basis:28px}.party-name{font-size:12px}}