@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--paper:#f0e8d5;--muted:#a7aea2;--ink:#171c19;--line:#3b443a;--accent:#e89168;font-family:'DM Sans',sans-serif;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(ellipse at 50% 25%,#34403660,transparent 62%)}body:before{position:fixed;inset:0;content:'';opacity:.035;pointer-events:none;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
header{max-width:1180px;margin:auto;padding:27px 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{position:relative;padding-left:48px;color:var(--paper);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:1.1px;line-height:1.2}.brand-second{font-size:15px}.seal{position:absolute;left:0;top:-1px;width:34px;height:34px;border:1px solid #9da593;border-radius:50%;font-size:28px;text-align:center;line-height:31px}.header-note{font-size:9px;letter-spacing:1.5px;color:var(--muted)}
main{width:min(820px,calc(100% - 40px));margin:58px auto 70px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:16px}.eyebrow>span{height:1px;width:30px;background:var(--line)}h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(54px,8vw,92px);font-weight:800;text-align:center;line-height:.92;letter-spacing:-.8px;margin:22px 0 18px}h1 em{font-style:normal;color:var(--accent)}.intro{color:var(--muted);text-align:center;font-size:13px;margin:0 0 42px}
#vote{border-top:1px solid var(--line);padding-top:29px}.casting-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-label{display:block;color:var(--muted);font-size:8px;letter-spacing:1.8px;text-transform:uppercase}.casting-head h2{font:700 clamp(38px,6vw,62px)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:11px 0 0}.vote-counter{color:var(--muted);font-size:9px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.vote-card{display:grid;grid-template-columns:44% 56%;border:1px solid #5a6251;background:#1b211be0;box-shadow:0 16px 52px #0004;min-height:360px}.vote-card[hidden],.vote-empty[hidden]{display:none!important}.vote-art-wrap{background:#293329;min-height:360px;position:relative;overflow:hidden}.vote-art-wrap img{display:block;width:100%;height:100%;object-fit:cover;animation:vote-idle 5.5s ease-in-out infinite;transform-origin:50% 90%}.vote-stamp{position:absolute;right:16px;bottom:16px;font:700 17px/.9 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#c88963;border:2px solid #c88963;padding:8px;transform:rotate(-9deg);opacity:0}.vote-card.already-seen{border-color:#50564b;filter:saturate(.65)}.vote-card.already-seen .vote-copy{opacity:.7}.vote-copy{padding:29px 31px}.vote-family{display:block;color:var(--muted);font-size:8px;letter-spacing:1.8px;text-transform:uppercase}.vote-copy h3{font:700 clamp(40px,6vw,68px)/.92 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:12px 0;overflow-wrap:anywhere}.vote-copy>p{font-size:15px;line-height:1.5;color:#c0c7b8;margin:10px 0}.vote-copy .vote-role{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#d0d5c3}.vote-copy details{border-top:1px solid var(--line);margin-top:20px;padding-top:13px;font-size:11px;color:var(--muted)}.vote-copy summary{cursor:pointer;color:#d1d5c5}.vote-copy details p{font-size:11px;color:var(--muted)}.vote-empty{text-align:center;border:1px dashed var(--line);padding:45px;color:var(--muted)}
.vote-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin:19px 0 8px}.vote-controls button{width:68px;height:60px;border:1px solid #66705a;background:#252d24;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font:28px 'Barlow Condensed',sans-serif;transition:transform .15s,background .15s,border-color .15s,opacity .15s}.vote-controls button:hover:not(:disabled){transform:translateY(-2px);background:#35402d}.vote-controls button small{font:8px 'DM Sans',sans-serif;letter-spacing:1px;text-transform:uppercase;margin-top:5px;color:var(--muted)}.vote-controls .vote-pass{border-color:#9d6655;color:#f0a181}.vote-controls .vote-keep{border-color:#829b69;color:#b5db96}.vote-controls .vote-small{width:55px;color:#d1d5c5}.vote-controls button:disabled,.vote-controls button.is-seen{opacity:.28;cursor:default;filter:grayscale(1)}.vote-status{text-align:center;color:var(--accent);font-size:10px;min-height:16px;margin:8px 0}.vote-metrics{border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px}.vote-metrics summary{cursor:pointer;color:#d1d5c5;text-align:center;list-style:none}.vote-metrics summary:after{content:' +';color:var(--accent)}.vote-metrics[open] summary:after{content:' −'}.vote-metrics p{line-height:1.6}.vote-leader{display:flex;justify-content:space-between;gap:15px;padding:5px 0;border-bottom:1px solid #3b443a;font-size:10px}.vote-leader span:last-child{color:#c1caae;white-space:nowrap}
footer{border-top:1px solid var(--line);padding:24px 35px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px;color:var(--muted)}footer a{color:var(--muted);text-underline-offset:3px}.spark{color:var(--accent);font-size:13px}.noscript{text-align:center;color:var(--accent);padding:30px}.paused *{animation-play-state:paused!important}@keyframes vote-idle{0%,100%{transform:scale(1.015) rotate(-.25deg) translateY(0)}50%{transform:scale(1.015) rotate(.25deg) translateY(-4px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:600px){header{padding:20px}.header-note{display:none}.brand{font-size:10px;padding-left:40px}.brand-second{font-size:12px}.seal{width:30px;height:30px;font-size:24px;line-height:27px}main{width:calc(100% - 32px);margin-top:35px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:58px}.intro{font-size:11px;margin-bottom:31px}.casting-head{display:block}.vote-counter{display:block;margin-top:10px}.vote-card{grid-template-columns:1fr}.vote-art-wrap{height:330px;min-height:0}.vote-copy{padding:24px}.vote-copy h3{font-size:55px}.vote-copy>p{font-size:14px}.vote-controls{gap:8px}.vote-controls button{width:60px}.vote-controls .vote-small{width:49px}footer{flex-wrap:wrap;justify-content:center;text-align:center;font-size:7px;gap:14px}}