/* The arena: a single decision surface, with secondary information kept quiet. */
.arena .section-top{align-items:center;margin-bottom:30px}.arena .section-top h2{font-size:clamp(32px,3.5vw,49px)}
.arena-ledger{display:flex;align-items:center;gap:32px;padding:24px 0 28px;margin-bottom:14px;border-top:1px solid var(--line)}
.ledger-balance{display:flex;align-items:center;gap:14px;flex:1.2}.ledger-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #39442d;border-radius:12px;color:var(--green);background:#172011}.ledger-icon svg{width:22px;height:22px}.ledger-label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.arena-ledger strong{font-family:var(--display);font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.3;display:block}.arena-ledger small{font-family:var(--font);font-weight:400;color:#a5ae99;font-size:13px;letter-spacing:0}.ledger-item{flex:.8;padding-left:28px;border-left:1px solid var(--line)}.ledger-note{font-size:13px;text-align:right;color:#c6ccbe;line-height:1.65}.ledger-note span{color:var(--muted)}
.vote-room{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:20px;align-items:stretch}
.ballot{border:1px solid #3a4332;border-radius:16px;background:radial-gradient(ellipse at 65% 0%,#24321c66,transparent 65%),#11160f;overflow:hidden;box-shadow:0 16px 60px #0003;position:relative}.ballot:before{content:'';position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,#c2fc6177,transparent)}
.ballot-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 30px}.ballot-label{font-size:11px;letter-spacing:.12em;color:#9aa88e;font-weight:500}.ballot-state{display:flex;align-items:center;gap:7px;color:#a5af9a;font-size:12px}.ballot-state svg{width:14px;height:14px}
.ballot-focus{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 30px 36px}.proposal-empty{display:flex;flex-direction:column;gap:19px;max-width:410px}.proposal-emblem{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;background:#c2fc6109;border:1px solid #536143;box-shadow:inset 0 0 15px #c2fc6107}.proposal-emblem img{width:24px;height:26px;opacity:.9}.ballot-kicker{font-size:10px;color:#8e9b81;letter-spacing:.12em;display:block;margin-bottom:9px}.ballot h3{font-size:clamp(25px,2.7vw,36px);letter-spacing:-.045em}.proposal-empty p{color:#a2ad97;font-size:14px;line-height:1.7;margin-top:10px;max-width:320px}
.round-clock{position:relative;width:120px;height:120px;flex-shrink:0;color:#49553e;align-self:center;margin-top:10px}.round-clock>svg{display:block;width:100%;height:100%}.round-clock>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.round-clock strong{font-family:var(--display);font-size:38px;line-height:1;letter-spacing:-.06em;font-weight:500;color:#d8e8c8}.round-clock strong span{font-size:17px;letter-spacing:0;margin-left:3px;color:#91a17f}.round-clock small{font-size:8px;letter-spacing:.09em;line-height:1.5;margin-top:10px;color:#a0ad91}.clock-ticks{opacity:.7}
.ballot-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 30px}.ballot-choices button{display:flex;align-items:center;text-align:left;gap:13px;padding:21px 17px;border-radius:10px;position:relative;min-width:0;min-height:95px;transition:border-color .2s,background .2s}.choice-enter{background:linear-gradient(125deg,#2a391e,#1c2615);border:1px solid #687e4c;color:#d1e8b5}.choice-pass{background:#171c14;border:1px solid #414b36;color:#c7cebd}.choice-symbol{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;border:1px solid currentColor;opacity:.65}.choice-symbol svg{width:20px;height:20px}.choice-copy{display:flex;flex-direction:column;gap:4px}.choice-copy strong{font-family:var(--display);font-size:24px;letter-spacing:-.035em;font-weight:600;line-height:1.2}.choice-copy small{font-size:12px;color:#a2b28f;line-height:1.5}.choice-pass small{color:#99a28e}.choice-word{font-size:9px;letter-spacing:.09em;margin-left:auto;opacity:.6;align-self:flex-start;margin-top:2px}
.ballot-result{display:flex;justify-content:space-between;gap:12px;margin:17px 30px 22px;font-size:12px;color:#9ca890}.majority-label{color:#b7c4a7}.ballot-bottom{border-top:1px solid #313c28;background:#0a1007aa;padding:16px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#9aa58f;font-size:12px}.ballot-bottom a{white-space:nowrap;color:#c0cdb2}.ballot-bottom a:hover{color:var(--green)}.ballot-bottom a span{font-size:16px;margin-left:8px;color:var(--green)}
.participation{padding:25px 27px;border-radius:16px;background:#10130d;border:1px solid #2c3525;display:flex;flex-direction:column}.participation-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.participation .ballot-label{max-width:150px;line-height:1.8;font-size:10px}.participation-glyph{color:var(--green);font-size:38px;line-height:1}.participation h3{font-size:32px;margin-top:33px;line-height:1.15}.participation>p:not(.participation-note){font-size:14px;color:var(--muted);line-height:1.7;margin-top:14px;max-width:240px}.participation .primary{margin:24px 0;padding:13px 16px;font-size:14px}.participation-facts{display:grid;gap:10px;padding-top:17px;border-top:1px solid #2c3525;font-size:12px}.participation-facts div{display:flex;justify-content:space-between;gap:12px}.participation-facts span{color:var(--muted)}.participation-facts strong{font-weight:400;color:#c9d1bf}.participation-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#8f9e80;margin-top:22px!important;line-height:1.6}.participation-note svg{width:14px;height:16px;flex-shrink:0;color:#a6bd90}
.nomination-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 4px 0}.nomination-bar>div{display:flex;align-items:center;gap:14px}.nomination-plus{display:grid;place-items:center;width:37px;height:37px;border:1px dashed #536044;color:#b0c398;border-radius:50%;font-size:22px;line-height:1;flex-shrink:0}.nomination-bar h3{font-family:var(--font);font-size:15px;letter-spacing:0;font-weight:500}.nomination-bar p{font-size:12px;color:var(--muted);margin-top:4px}.nomination-bar .text-button{font-size:12px;color:#c5d3b5}
@media(max-width:1050px){.arena-ledger{gap:22px}.ledger-item{padding-left:18px}.ledger-note{display:none}.vote-room{grid-template-columns:minmax(0,1.7fr) minmax(235px,1fr);gap:16px}.ballot-top,.ballot-bottom{padding-left:23px;padding-right:23px}.ballot-focus{padding:24px 23px 30px;gap:16px}.ballot-choices{padding:0 23px;gap:10px}.ballot-result{margin-left:23px;margin-right:23px}.ballot-choices button{padding:17px 12px;gap:9px}.choice-word{display:none}.round-clock{width:98px;height:98px}.round-clock strong{font-size:32px}.round-clock small{font-size:7px}.participation{padding:24px 22px}.participation h3{font-size:30px}}
@media(max-width:760px){.arena .section-top{align-items:flex-start;margin-bottom:25px}.arena .section-top h2{max-width:330px;line-height:1.15;font-size:33px}.arena .status-pill{margin-top:1px}.arena-ledger{gap:16px;padding:21px 0 24px;margin-bottom:4px}.ledger-icon{display:none}.ledger-balance{flex:1}.ledger-item{flex:.8;padding-left:15px}.ledger-label{font-size:11px;line-height:1.5}.arena-ledger strong{font-size:18px}.arena-ledger small{font-size:11px}.vote-room{grid-template-columns:1fr;gap:16px}.ballot-top{padding:19px 20px;gap:10px}.ballot-label{font-size:10px}.ballot-state{font-size:10px}.ballot-focus{padding:21px 20px 28px;gap:12px;align-items:center}.proposal-empty{gap:17px}.proposal-emblem{width:43px;height:43px}.proposal-emblem img{width:21px;height:23px}.ballot h3{font-size:28px;line-height:1.13;max-width:240px}.proposal-empty p{font-size:13px;max-width:240px}.ballot-kicker{font-size:9px}.round-clock{width:92px;height:92px}.round-clock strong{font-size:30px}.round-clock small{font-size:7px;letter-spacing:.02em}.ballot-choices{padding:0 20px;gap:12px}.ballot-choices button{padding:18px 13px;gap:11px;min-height:102px;align-items:flex-start;flex-direction:column}.choice-symbol{width:24px;height:24px}.choice-symbol svg{width:17px;height:17px}.choice-copy strong{font-size:23px}.choice-copy small{font-size:11px}.ballot-result{margin:16px 20px 20px;font-size:11px}.ballot-bottom{padding:15px 20px;font-size:11px;align-items:flex-start}.ballot-bottom p{max-width:230px;line-height:1.7}.ballot-bottom a{padding-top:2px;font-size:11px}.participation{padding:23px}.participation h3{margin-top:18px;font-size:29px}.participation h3 br{display:none}.participation>p:not(.participation-note){max-width:100%;margin-top:10px;font-size:14px}.participation .primary{margin:20px 0}.participation .ballot-label{max-width:100%;font-size:10px}.participation-glyph{font-size:28px}.participation-facts{font-size:13px}.participation-note{font-size:12px;margin-top:18px!important}.nomination-bar{align-items:flex-start;flex-direction:column;gap:17px;padding-top:22px}.nomination-bar .text-button{margin-left:51px;font-size:13px}.nomination-bar p{font-size:12px}}
@media(max-width:380px){.ballot-state{font-size:9px}.ballot h3{font-size:24px}.round-clock{width:78px;height:78px}.round-clock strong{font-size:26px}.round-clock small{font-size:6px}.ballot-choices button{padding:16px 11px}.choice-copy small{font-size:10px}.ballot-bottom{gap:10px}}
/* Results remain readable while the scene adds depth around the decision. */
.round-clock strong b{font-weight:500}.round-clock #clock-progress{transition:stroke-dashoffset 1s linear}.round-clock.closing{color:#869468}.round-clock.closing strong{color:var(--green)}
.choice-vote{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.choice-vote>strong{font-size:23px;font-family:var(--display);letter-spacing:-.04em;line-height:1.2;font-weight:500}.choice-badge{font-size:8px;letter-spacing:.1em;min-height:12px}.ballot-choices .leading{border-color:var(--green);background:linear-gradient(120deg,#3e5427,#1f2e15);box-shadow:inset 0 1px 0 #d1ff8c22,0 0 24px #c2fc610c}.ballot-choices .leading .choice-badge{color:var(--green)}
.vote-results{padding:25px 30px 23px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.result-heading>div{display:flex;align-items:center;gap:9px}.result-heading strong{font-weight:500;color:#dbe6cf}.majority-label{font-size:12px;color:#aaba98;border:1px solid #35432a;padding:3px 9px;border-radius:20px;white-space:nowrap}.leader-dot{width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0}.leader-dot[data-leader="empty"],.leader-dot[data-leader="stale"]{background:#768269}.leader-dot[data-leader="tie"]{background:#d7c393}.leader-dot[data-leader="second"]{background:#c2d0b3}.vote-split{display:flex;position:relative;margin-top:17px;height:12px;gap:3px}.vote-split-first{width:var(--vote-share,0%);background:linear-gradient(90deg,#8db938,#d3ff83);border-radius:3px 0 0 3px;transition:width .8s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 16px #c2fc611c}.vote-split-second{flex:1;background:linear-gradient(90deg,#738565,#a2b293);border-radius:0 3px 3px 0;transition:width .8s}.vote-split.empty .vote-split-second{background:repeating-linear-gradient(135deg,#26321f 0,#26321f 4px,#1a2314 4px,#1a2314 9px);border-radius:3px}.majority-marker{position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:#f4ffe0bb;box-shadow:0 0 0 2px #11160f88}.vote-split.stale{opacity:.45}.split-labels{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a5b194;margin-top:9px}.split-threshold{font-size:8px;letter-spacing:.09em;color:#8a9979}.vote-results>p{margin-top:16px;color:#839175;font-size:11px}.round-feed-note{color:#7e8b71;font-size:11px;margin:20px 4px 0}.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}
.participation{position:relative;overflow:hidden;background:linear-gradient(160deg,#182111bb,#0d120bcc),url('orbit.jpg') 70% 14%/auto 470px no-repeat;isolation:isolate}.participation>*:not(.participation-orbit){position:relative;z-index:1}.participation-orbit{position:absolute;inset:0;background:linear-gradient(180deg,#0d120b55,#0d120b 75%);z-index:0}.participation .participation-facts{margin-top:auto}.participation h3{text-shadow:0 2px 20px #000c}.ballot{background:radial-gradient(ellipse at 92% 12%,#2d451f70,transparent 56%),linear-gradient(130deg,#141b10,#10170c)}.ballot .proposal-emblem{box-shadow:0 0 30px #c2fc610c,inset 0 0 15px #c2fc610a;transition:transform .5s,box-shadow .5s}.ballot:hover .proposal-emblem{transform:rotate(-7deg);box-shadow:0 0 30px #c2fc6125,inset 0 0 15px #c2fc6115}
.hero-art{transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) scale(1.025);transition:transform 1s ease-out}.collective-art{position:absolute;inset:-15px;background:url('collective.jpg') center right/cover no-repeat;transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0) scale(1.02);transition:transform 1s ease-out;pointer-events:none}.collective-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090b09 1%,#090b09d9 38%,#090b0900 75%),linear-gradient(0deg,#090b09d9,transparent 40%)}.manifesto>*:not(.collective-art){position:relative;z-index:1}.manifesto h2{font-size:clamp(48px,6.7vw,88px);max-width:800px}.manifesto-foot p{padding:15px 18px;background:#0a1008ad;backdrop-filter:blur(12px);border-left:1px solid #586748}.how .step-icon{display:inline-block;transition:transform .7s cubic-bezier(.2,.8,.2,1);text-shadow:0 0 30px #c2fc6144}.how article:hover .step-icon{transform:rotateY(180deg)}.how .steps article{transition:opacity .7s,transform .7s}.how .steps article:nth-child(2){transition-delay:.12s}.how .steps article:nth-child(3){transition-delay:.24s}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.revealed{opacity:1;transform:translateY(0)}.status-pill{transition:color .4s,border-color .4s}.ballot[data-phase="position"]:before{background:linear-gradient(90deg,transparent,#c2fc61,transparent)}.primary{box-shadow:0 3px 0 #70983c;transition:background .2s,transform .2s,box-shadow .2s}.primary:hover{box-shadow:0 5px 25px #c2fc6120,0 3px 0 #70983c}.primary:active{transform:translateY(1px);box-shadow:0 1px 0 #70983c}
@media(max-width:1050px){.choice-vote>strong{font-size:19px}.ballot-choices button{flex-wrap:wrap}.choice-vote{min-width:40px}.vote-results{padding-left:23px;padding-right:23px}.participation{background-position:67% 5%;background-size:auto 410px}}
@media(max-width:760px){.ballot-choices button{position:relative;flex-wrap:nowrap;padding-top:18px}.choice-vote{position:absolute;top:19px;right:12px;gap:5px}.choice-vote>strong{font-size:20px}.choice-badge{font-size:7px}.vote-results{padding:22px 20px}.result-heading{font-size:12px;gap:8px}.majority-label{font-size:10px;padding:3px 7px}.vote-results>p{font-size:10px}.round-feed-note{font-size:11px;line-height:1.8}.participation{background-size:auto 500px;background-position:72% 10%}.participation-orbit{background:linear-gradient(90deg,#0d120b99,#0d120b44),linear-gradient(0deg,#0d120b 5%,#0d120b66)}.collective-art{inset:80px -100px 0 -20px;background-position:60% center;background-size:auto 700px;opacity:.75}.collective-art:after{background:linear-gradient(90deg,#090b09cc,transparent 90%),linear-gradient(0deg,#090b09,transparent 60%)}.manifesto h2{font-size:clamp(41px,9.7vw,66px)}.manifesto-foot{margin-top:65px}.manifesto-foot p{background:#0a1008b8;font-size:12px}.hero-art{transform:none}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.hero-art,.collective-art{transform:none!important}.round-clock #clock-progress,.vote-split-first,.vote-split-second{transition:none}.how article:hover .step-icon{transform:none}}
.vote-split[data-leader="second"] .vote-split-first{background:linear-gradient(90deg,#738565,#a2b293);box-shadow:none}.vote-split[data-leader="second"] .vote-split-second{background:linear-gradient(90deg,#8db938,#d3ff83);box-shadow:0 0 16px #c2fc611c}.vote-split[data-leader="tie"] .vote-split-first,.vote-split[data-leader="tie"] .vote-split-second{background:#a7b391;box-shadow:none}
.hero-art{animation:hero-reveal 1.5s ease-out both}.collective-art{animation:sculpture-float 9s ease-in-out infinite}.participation-glyph{animation:collective-turn 24s linear infinite}@keyframes hero-reveal{from{opacity:0}to{opacity:1}}@keyframes sculpture-float{0%,100%{transform:translate3d(var(--drift-x,0px),calc(var(--drift-y,0px) + 0px),0) scale(1.025)}50%{transform:translate3d(var(--drift-x,0px),calc(var(--drift-y,0px) - 12px),0) scale(1.035)}}@keyframes collective-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hero-art,.collective-art,.participation-glyph{animation:none!important}}