/* vote page: the arena is the page visual */
.vt-qbar { position: relative; height: 6px; max-width: 420px; margin-top: 18px; border-radius: 6px; background: #15151410; overflow: hidden } .vt-qbar i { position: absolute; inset: 0 auto 0 0; background: var(--ink); border-radius: inherit; transition: width .9s var(--e-out) } .vt-qbar.met i { background: var(--up) }
.vt .arena { position: relative; display: flex; align-items: end; justify-content: center; gap: clamp(8px, 1.6vw, 22px); height: clamp(360px, 40vw, 500px); padding: 0 8px; border-radius: 20px; background: radial-gradient(ellipse 70% 60% at 50% 100%, #ffffffe0, transparent 70%) }
.vt .arena:after { content: ''; position: absolute; left: 4%; right: 4%; bottom: 0; height: 1px; background: var(--line-2) }
.vt .col { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: end; width: clamp(72px, 9vw, 120px); height: 100%; animation: ina .7s var(--e-out) both; animation-delay: calc(var(--i) * 70ms) }
.vt .col-em { position: relative; z-index: 2; transition: transform var(--mid) var(--e-out) } .vt .col-em .em { width: clamp(58px, 6vw, 84px); height: clamp(58px, 6vw, 84px); border-radius: 26%; box-shadow: var(--sh2) }
.vt .col:hover .col-em, .vt .col.hl .col-em, .vt .col.on .col-em { transform: translateY(-6px) }
.vt .col-bar { position: relative; width: 100%; height: var(--h); margin-top: -18px; transition: height 1s var(--e-out) }
.vt .col-bar i { position: absolute; inset: 0; border-radius: 18px 18px 0 0; background: linear-gradient(180deg, #fff, #ecece8); box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px #15151408; transition: background var(--mid), box-shadow var(--mid) }
.vt .col.lead .col-bar i { background: linear-gradient(180deg, #fff, #f6dcd7); box-shadow: inset 0 0 0 1px #ef4a3640 } .vt .col.lead .col-bar:before { content: ''; position: absolute; z-index: 1; top: 0; left: 18%; right: 18%; height: 3px; border-radius: 3px; background: var(--red) }
.vt .col.on .col-bar i { box-shadow: inset 0 0 0 2px var(--ink) } .vt .col.mine .col-em:after { content: ''; position: absolute; right: -4px; top: -4px; width: 14px; height: 14px; border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 3px var(--paper) }
.vt .col-t { position: absolute; bottom: 38px; left: 0; right: 0; display: grid; justify-items: center; gap: 1px } .vt .col-t b { font-size: var(--t3); font-weight: 400; letter-spacing: -.02em } .vt .col-t small { font-size: var(--t6); color: var(--soft) }
.vt .col-k { position: absolute; bottom: 12px; display: inline-flex; gap: 4px; align-items: center; font-size: 11.5px; color: var(--soft); white-space: nowrap }
.pl-kind { display: inline-flex; align-items: center; gap: 6px; font-size: var(--t6); color: var(--soft); margin-bottom: 4px }
.plan .pl-build .soft { font-size: var(--t6); line-height: 1.4 } .plan.hl { transform: translateY(-2px); box-shadow: var(--sh3) }
.plans .plan { grid-template-columns: 170px minmax(0, 1fr) 150px 210px }
@media (max-width: 1080px) { .plans .plan { grid-template-columns: 130px 1fr } .vt .col-k { display: none } }
@media (max-width: 600px) { .plans .plan { grid-template-columns: 1fr } .vt .arena { height: 300px; gap: 4px } .vt .col-t small { display: none } }
.r1-talk.duo2 { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr); gap: 14px; align-items: start } .r1-talk .room { display: grid; grid-template-rows: auto 1fr auto; height: 620px } .r1-talk .room .feed { height: auto; min-height: 0 }
@media (max-width: 1080px) { .r1-talk.duo2 { grid-template-columns: 1fr } }
/* First governance round: a preview of actual choices, without simulated voting. */
.fv-stat { font-size: clamp(15px,1.4vw,21px)!important; letter-spacing: -.02em }
.fv-note,.fv-axis { color:var(--soft); font-size:12px; margin-top:24px }
.fv-axis { text-align:center; margin-top:18px }
.fv-eyebrow { display:block; font-size:11px; letter-spacing:.11em; text-transform:uppercase; color:var(--soft); margin-bottom:12px }
.fv-intro { max-width:730px; color:var(--soft); line-height:1.65; margin:18px 0 28px }
.fv-proposals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px }
.fv-proposal { padding:30px; background:#ffffff80; border:1px solid var(--line-2); border-radius:20px; scroll-margin-top:110px; transition:border-color .3s,box-shadow .3s }
.fv-proposal.fv-highlight { border-color:var(--red); box-shadow:0 0 0 3px #ef4a3610 }
.fv-card-top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:28px }
.fv-card-top .fv-eyebrow { margin:0 }
.fv-agent { display:flex; align-items:center; gap:10px; font-size:13px }
.fv-proposal h3 { font-size:clamp(24px,2.4vw,36px); font-weight:400; letter-spacing:-.045em; line-height:1.15 }
.fv-stance { color:var(--soft); margin-top:10px; font-size:14px }
.fv-amount { display:flex; align-items:center; gap:22px; margin:24px 0; padding-bottom:24px; border-bottom:1px solid var(--line-2) }
.fv-amount>b { font-weight:400; letter-spacing:-.075em; line-height:1; font-size:72px }
.fv-amount>b>span { font-size:36px; color:var(--red); margin-left:5px }
.fv-amount>div { font-size:13px; line-height:1.8 }.fv-amount>div>span { color:var(--soft) }
.fv-mandate { min-height:48px; line-height:1.6; font-size:15px }
.fv-argument { margin-top:24px }.fv-argument h4 { font-size:12px; font-weight:600; margin:20px 0 6px }.fv-argument p { font-size:14px; color:var(--soft); line-height:1.65 }
.fv-execution { border-top:1px solid var(--line-2); margin-top:24px; padding-top:18px }
.fv-execution summary { display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-size:14px; list-style:none }
.fv-execution summary::-webkit-details-marker { display:none }.fv-execution[open] summary>span { transform:rotate(45deg) }
.fv-execution ol { padding-left:18px; margin-top:18px }.fv-execution li { font-size:14px; line-height:1.65; margin:12px 0; color:var(--soft) }
.fv-debate { border-top:1px solid var(--line-2) }.fv-defense { display:grid; grid-template-columns:210px 1fr; gap:30px; padding:30px 0; border-bottom:1px solid var(--line-2) }
.fv-defense>div:first-child { display:grid; grid-template-columns:64px 1fr; gap:5px 15px; align-content:start; align-items:center }.fv-defense .em { grid-row:span 2 }.fv-defense b { font-size:15px; font-weight:500 }.fv-defense span:not(.em) { color:var(--soft); font-size:12px }
.fv-defense h3 { font-weight:400; font-size:clamp(19px,2vw,26px); letter-spacing:-.03em }.fv-defense p { color:var(--soft); line-height:1.65; margin-top:12px; max-width:760px; font-size:15px }
.fv-defense details { margin-top:16px }.fv-defense summary { cursor:pointer; font-size:13px }
.fv-process { display:grid; grid-template-columns:1fr 1fr; gap:50px }.fv-process h2 { font-weight:400; font-size:clamp(28px,3vw,44px); letter-spacing:-.045em; line-height:1.15 }
.fv-process ol { list-style:decimal-leading-zero; padding-left:28px }.fv-process li { padding:0 0 24px 14px }.fv-process li::marker { font-size:12px; color:var(--red) }.fv-process b { font-size:16px; font-weight:500 }.fv-process p { color:var(--soft); font-size:14px; line-height:1.6; margin-top:8px }
.fv-opening { display:flex; justify-content:space-between; align-items:center; gap:25px; border-top:1px solid var(--line-2); padding-top:40px;padding-bottom:60px }.fv-opening h2 { font-size:30px; font-weight:400;letter-spacing:-.04em;margin:15px 0 }.fv-opening p { color:var(--soft);font-size:14px }.fv-opening button:disabled { opacity:.5;cursor:not-allowed }
@media(max-width:700px) { .fv-proposals,.fv-process { grid-template-columns:1fr }.fv-proposal {padding:24px}.fv-defense {grid-template-columns:1fr;gap:18px}.fv-opening {align-items:start;flex-direction:column}.fv-process{gap:24px}.fv-mandate{min-height:0}.vt .col-t small{display:block;font-size:11px} }
@media(prefers-reduced-motion:reduce) { .fv-proposal,.vt .col,.vt .col-em,.vt .col-bar {animation:none;transition:none} }

.mint-wallet-overlay{position:fixed;inset:0;z-index:10000;background:#1116;display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}
.mint-wallet-dialog{position:relative;background:#faf9f6;color:#202020;border:1px solid #ccc;padding:32px;width:min(100%,400px);box-sizing:border-box;box-shadow:0 20px 80px #0002;font-family:Arial,sans-serif}
.mint-wallet-dialog h2{font-size:24px;margin:0 0 24px}.mint-wallet-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#222;font-size:28px;cursor:pointer}
.mint-wallet-option{display:flex;justify-content:space-between;gap:12px;width:100%;padding:16px;margin-top:10px;border:1px solid #ccc;background:white;color:#222;cursor:pointer;text-align:left;font-size:14px}.mint-wallet-option:hover{border-color:#ff7957}.mint-wallet-option span{font-family:monospace}


/* Wallet information is an inline addition; the live hero remains untouched. */
.vote-power{display:flex;align-items:center;gap:36px;margin-top:4px;margin-bottom:42px;padding:18px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);flex-wrap:wrap}
.vote-power h2{font-size:14px;font-weight:500;letter-spacing:0}.vote-power dl{display:flex;gap:40px}.vote-power dl>div{display:flex;flex-direction:column;gap:5px}.vote-power dt{font-size:11px;color:var(--soft)}.vote-power dd{font-size:24px;font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.vote-power-actions{margin-left:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vote-power-actions>span{font:11px monospace;color:var(--soft)}.vote-power-actions>button:not(.btn){font-size:11px;color:var(--soft);text-decoration:underline;text-underline-offset:3px}.vote-power .btn{padding:10px 17px;font-size:12px}.vote-power-error{flex-basis:100%;font-size:12px;color:var(--red)}
@media(max-width:600px){.vote-power{gap:18px;padding:16px 0}.vote-power h2{flex-basis:100%}.vote-power dl{gap:25px}.vote-power dd{font-size:22px}.vote-power-actions{gap:10px}.vote-power-actions>span{display:none}}
/* Production vote: connect first, treasury decision second, recorded vote share only. */
#main>.vote-power{margin-top:28px;margin-bottom:0;padding:20px 0;gap:28px}
#main>.vote-power .btn{background:var(--ink);color:var(--paper);border-color:var(--ink);padding:13px 20px}
.vote-arena.ph{display:block;padding-top:38px;padding-bottom:20px}
.mandate-heading{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.mandate-heading h1{font-size:22px;letter-spacing:-.035em;font-weight:400;margin:0}.mandate-heading .ph-d{font-size:13px;margin:0;color:var(--soft)}.mandate-heading .ph-ctx{margin:0}
.mandate-capital{margin:36px 0 22px;padding:28px 0 24px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.capital-amount{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.capital-amount strong{font-size:clamp(48px,7.5vw,96px);font-weight:400;line-height:1.08;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.capital-amount>span{font-size:clamp(16px,2.5vw,30px);color:var(--soft);letter-spacing:-.03em}
.capital-bottom{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--soft)}.capital-value{font-size:28px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.capital-bottom a{font-size:11px;text-decoration:underline;text-underline-offset:3px}
.supply-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:24px}.supply-strip i{height:5px;background:#1515140e}.supply-strip i:first-child{background:var(--red)}
.race-heading{display:flex;justify-content:space-between;align-items:center;font:11px monospace;text-transform:uppercase;letter-spacing:.04em}.race-heading .fv-note{margin:0;font-size:11px}
.vote-arena.vt .arena{height:270px;max-width:800px;margin:12px auto 0;border-radius:0}.vote-arena.vt .col{padding-bottom:68px;box-sizing:border-box;animation:none;cursor:pointer}.vote-arena.vt .col-bar{margin-top:0;flex-shrink:0}.vote-arena.vt .col-t{bottom:10px;gap:4px}.vote-arena.vt .col-em{margin-bottom:8px}.vote-arena.vt .col-em .em{width:64px;height:64px}.vote-arena.vt .col-t small{display:block}.vote-arena .fv-axis{margin-top:14px}.vote-arena .ph-stats{display:flex;gap:42px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line-2)}.vote-arena .ph-stats dd{font-size:20px}
#ballot-panel{padding-top:32px;padding-bottom:38px;scroll-margin-top:100px}#ballot-title{font-size:32px;font-weight:400;letter-spacing:-.04em}#ballot-state{font-size:13px;color:var(--soft);margin-top:10px}
#ballot-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}#ballot-choices label{padding:20px;border:1px solid var(--line-2);background:#ffffff70;border-radius:10px;gap:12px;font-family:inherit}#ballot-choices label>span{font-size:19px}#ballot-choices small{color:var(--soft);font-size:12px;min-height:30px}#ballot-choices .btn{font-size:12px;padding:10px 8px}#ballot-choices input{border:0;border-bottom:1px solid var(--line-2);padding:8px 0;border-radius:0;font-size:18px}#ballot-total{font-size:12px;margin-bottom:18px;color:var(--soft)}#ballot-feedback{font-size:12px;margin-top:14px}#ballot-reset{font-size:12px}
#plans .proposal-vote{margin-top:18px}.fv-proposals{gap:12px}.fv-proposal{padding:22px}.fv-card-top{margin-bottom:18px}.fv-amount{display:none}.fv-stance{display:none}.fv-proposal h3{font-size:24px}.fv-mandate{font-size:13px;margin-top:16px}.sec:has(#pick-t){padding-top:28px}.sec:has(#pick-t) h2{font-size:30px}.fv-intro{font-size:12px;margin:12px 0 20px}
@media(max-width:700px){#main>.vote-power{margin-top:18px;gap:18px}#main>.vote-power h2{flex-basis:auto}#main>.vote-power dl{gap:20px}.vote-power-actions{margin-left:0}.mandate-heading{gap:12px}.mandate-heading .ph-d{display:none}.mandate-capital{margin-top:24px}.capital-bottom{gap:12px}.capital-bottom a{flex-basis:100%}#ballot-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.vote-arena.vt .arena{height:240px}.vote-arena .ph-stats{gap:20px}.race-heading{gap:12px}.race-heading .fv-note{max-width:50%;text-align:right}.fv-proposals{grid-template-columns:1fr}.capital-amount{gap:8px}.vote-arena.vt .col-em .em{width:48px;height:48px}}