/* ---------- the Order of Steering, Quadratic Funding, Emerald ---------- */
.qband{margin:34px 0;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;quotes:none}
.qband span{display:block;font-family:Disp,'Inter Display',sans-serif;font-weight:300;font-size:clamp(24px,3.4vw,42px);line-height:1.2;color:var(--hi)}
.qband small{display:block;margin-top:12px;font-size:11px;letter-spacing:.24em;color:var(--ink);text-transform:uppercase}

.drawfig .field circle{fill:#3d70c3;opacity:.25}
.drawfig .ring{fill:none;stroke:#1f3a6e;stroke-dasharray:3 6;animation:spin 60s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes spin{to{transform:rotate(360deg)}}
.drawfig .seat circle{fill:#0b1430;stroke:#2a4a7a;stroke-width:1.4;transition:all .6s ease var(--d)}
.drawfig .seat text{fill:#6b8ac0;font-size:11px}
.drawfig .seat.lit circle{fill:#12305a;stroke:#9ef0ff;filter:drop-shadow(0 0 7px rgba(158,240,255,.7))}
.drawfig .seat.lit text{fill:#fff}
.seed{font-size:11px;line-height:1.8;color:var(--grey);margin:10px 0 12px;border-left:2px solid #3d70c3;padding:6px 12px;background:rgba(15,26,58,.5)}
.seed b{color:var(--hi);font-weight:500}.seed code{color:var(--ink)}
.devnums b.sm{font-size:18px}
.keepers{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.kp{border:1px solid #1f3a6e;border-radius:4px;padding:6px 4px;text-align:center;background:#0b1430;transition:all .5s ease}
.kp b{display:block;font-size:14px;color:#6b8ac0;font-weight:500}
.kp small{display:block;font-size:8.5px;color:#4f5f80;letter-spacing:.02em;margin-top:2px;line-height:1.3}
.kp.on{border-color:#9ef0ff;background:#10264f;box-shadow:0 0 14px -4px rgba(158,240,255,.5)}.kp.on b{color:#fff}.kp.on small{color:#9ec3ef}

.rub{display:grid;gap:12px;margin:4px 0 14px}
.rb{display:grid;grid-template-columns:150px 1fr 54px;gap:12px;align-items:center}
.rl b{display:block;color:var(--hi);font-size:13px;font-weight:500}.rl small{color:var(--grey);font-size:10.5px}
.rt{height:12px;border-radius:6px;background:#0b1430;border:1px solid #1f3a6e;overflow:hidden}
.rt i{display:block;height:100%;border-radius:6px;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.rt i.fire{background:linear-gradient(90deg,#ff9b66,#ffcf9a)}.rt i.funding{background:linear-gradient(90deg,#3d70c3,#9ef0ff)}.rt i.held{background:linear-gradient(90deg,#4f5f80,#9fb6d8)}
.rb em{font-style:normal;text-align:right;color:var(--hi);font-size:13px}
.pots{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--grey);border-top:1px solid #1a3a6a;padding-top:10px}
.pots b{color:var(--hi);font-weight:500}
label.sub{margin-top:18px}
.proplist{display:grid;gap:10px;max-height:460px;overflow-y:auto;overscroll-behavior:contain}
.prop{border:1px solid #1f3a6e;background:#0b1430;padding:12px 14px;border-radius:6px;font-size:12px}
.prop .meta{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;color:var(--grey);flex-wrap:wrap}
.prop .alloc{margin:6px 0;color:#cfe6ff}.prop .alloc b{color:#fff;font-weight:500}
.prop p{margin:6px 0 0;color:var(--txt);line-height:1.7}
.prop h5{font-family:Disp,'Inter Display',sans-serif;font-weight:400;font-size:17px;color:var(--hi);margin:6px 0 2px}
.prop small{display:block;margin-top:8px;color:var(--grey);font-size:10.5px}
.prop.passed{border-color:#5fe3a1}.prop.failed{opacity:.7}
.prop .ems{border-left:2px solid #5fe3a1;padding-left:10px;color:#bfe9d3}.prop .ems i{color:#5fe3a1;font-style:normal}
.vote.open{display:flex;margin-top:10px;gap:8px;align-items:end;flex-wrap:wrap}

.passfig .vt{fill:#0b1430;stroke:#2a4a7a;transition:all .5s ease var(--d)}
.passfig .vt.y{fill:#12305a;stroke:#5fe3a1}.passfig .vt.th{stroke-width:2}
.passfig .vn{fill:#6b8ac0;font-size:13px}
.passfig .thl{stroke:#ffcf9a;stroke-dasharray:4 5}

/* your place: the green circle (ch. 6: "tapped his watch against the green circle") */
.circlebtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.device button.green{display:flex;align-items:center;gap:12px;background:#0b1f1a;border:1px solid #2f7a5c;color:#d8fff0;border-radius:999px;padding:8px 18px 8px 8px}
.device button.green i{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#5fe3a1 0%,#2c9a6c 70%);box-shadow:0 0 0 0 rgba(95,227,161,.6);animation:tap 2.4s ease-in-out infinite}
.device button.green.ghost{background:transparent}
.device button.green:hover{border-color:#5fe3a1;background:#0e2a22}
@keyframes tap{0%,100%{box-shadow:0 0 0 0 rgba(95,227,161,.5)}50%{box-shadow:0 0 0 9px rgba(95,227,161,0)}}
.seat{margin-top:28px}
.callname{display:grid;gap:2px;margin-bottom:14px;padding:12px 14px;border:1px solid #2f7a5c;border-radius:6px;background:#0b1f1a}
.callname small{font-size:10px;letter-spacing:.2em;color:#5fe3a1;text-transform:uppercase}
.callname b{font-family:Disp,'Inter Display',sans-serif;font-weight:400;font-size:24px;color:#fff;letter-spacing:.02em}
.callname span{font-size:11px;color:var(--grey)}
.booth .bh{font-size:12px;color:var(--grey);margin-bottom:8px}.booth .bh b{color:#fff}
.talk{border:1px solid #1f3a6e;background:#03040c;border-radius:6px;padding:10px 12px;max-height:220px;overflow-y:auto;font-size:12px;line-height:1.7}
.talk p{margin:0 0 6px;color:var(--txt)}.talk p b{color:#9ef0ff;font-weight:500;margin-right:6px}
.alloc3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.emask{display:flex;gap:8px;margin-top:10px}.emask input{flex:1}

.qffig .qa{fill:#ff9b66;opacity:.8}
.qffig .qdots rect{fill:#9ef0ff;opacity:.85;animation:qd 2.4s ease-in-out infinite}
.qffig .qdots rect:nth-child(odd){animation-delay:.4s}
@keyframes qd{50%{opacity:.35}}
.qffig .qpot{fill:#0b1430;stroke:#9ef0ff}
.heralds{margin-top:28px;border:1px solid var(--line);padding:22px}
.heralds .gh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px;font-size:11px;color:var(--grey)}

/* Emerald */
.emer .dot::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#5fe3a1;margin-right:6px;box-shadow:0 0 8px #5fe3a1;animation:chk 1.8s ease-in-out infinite}
.emlog{min-height:220px;max-height:340px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:8px;align-content:start;padding:4px 2px}
.emlog p{margin:0;font-size:13px;line-height:1.7;padding:10px 12px;border-radius:10px;max-width:88%}
.emlog .em{background:#0b1f1a;border:1px solid #2f7a5c;color:#d8fff0}
.emlog .you{background:#10264f;border:1px solid #2a4a7a;color:#e8f4ff;justify-self:end}
.emlog .typing::after{content:'';display:inline-block;width:7px;height:13px;margin-left:2px;background:#5fe3a1;vertical-align:-2px;animation:cblink .7s steps(1) infinite}
.listen p{font-size:14px;line-height:1.85;color:var(--txt);margin:0}.listen small{display:block;margin-top:10px;color:var(--grey);font-size:11px}

@media (max-width:980px){
  .keepers{grid-template-columns:repeat(7,1fr);gap:4px}.kp small{display:none}
  .rb{grid-template-columns:110px 1fr 44px}
}