.viewer-vote-panel{border:1px solid #526b82;border-radius:15px;background:#0d1b29;padding:16px;color:#edf5ff;box-shadow:0 12px 32px #0005}
html.viewer-vote-mode #viewerPredictionCard,
html.viewer-vote-mode .board-column>#viewerPredictionCard.viewer-prediction-mobile{display:none!important}
html.viewer-vote-mode #board .square.vote-target>.piece,
html.viewer-vote-mode #board .square.vote-leader>.piece{
  display:grid!important;
  opacity:1!important;
}
.viewer-vote-heading,.viewer-vote-round-row,.viewer-vote-joined,.viewer-vote-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.viewer-vote-heading h2{margin:2px 0 0;color:#ffd36f;font-size:21px}.viewer-vote-heading small{color:#8193a5}
.viewer-vote-connection{border-radius:999px;background:#26384a;padding:5px 9px;color:#a9c6df;font-size:12px;font-weight:700}
.viewer-vote-team-setup p{margin:12px 0 8px}.viewer-vote-team-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.viewer-vote-team-buttons button,.viewer-vote-submit,.viewer-vote-subbutton,.viewer-vote-promotion button{border:1px solid #526b82;border-radius:9px;background:#182839;color:#fff;padding:10px 12px;font-weight:800}
.viewer-vote-team-buttons button:hover,.viewer-vote-team-buttons button.is-selected{background:#dcae3a;color:#181207;border-color:#f2c967}
.viewer-vote-joined{margin:12px 0;color:#ffd36f}.viewer-vote-subbutton{padding:7px 10px;font-size:13px}
.viewer-vote-round-row{margin-top:14px;border-top:1px solid #31485d;padding-top:13px}.viewer-vote-round-row b{color:#ffd36f;font-size:24px;font-variant-numeric:tabular-nums}
.viewer-vote-message{min-height:2.8em;margin:10px 0;color:#c8d8e8;line-height:1.45}.viewer-vote-message.is-error{color:#ff9f9f}
.viewer-vote-selection{margin:9px 0;padding:10px;border-radius:8px;background:#162b3d;color:#eaf4ff}.viewer-vote-selection strong{color:#ffd36f}
.viewer-vote-promotion{margin:9px 0;padding:10px;border:1px solid #7b6031;border-radius:9px;background:#2b2112}.viewer-vote-promotion>span{display:block;margin-bottom:8px;font-weight:800}.viewer-vote-promotion>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.viewer-vote-actions{margin-top:10px}.viewer-vote-submit{flex:1;background:#e2b33e;color:#171006;border-color:#f4cb66}.viewer-vote-actions button:disabled{opacity:.4}
.viewer-vote-note{display:block;margin-top:10px;color:#8296a9;line-height:1.45}
.board .square.vote-target::after{content:"・";position:absolute;inset:0;display:grid;place-items:center;color:#1876d2;font-size:clamp(25px,4.2vw,48px);font-weight:900;text-shadow:0 1px 1px #fff;pointer-events:none;z-index:8}
.board .square.vote-target:has(.piece)::after{display:none!important}
.viewer-opponent-vote-clock{margin:0 0 6px;padding:5px 9px;border:1px solid #526b82;border-radius:7px;background:#142437;color:#ffd36f;font-size:12px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.board .square.vote-leader{box-shadow:inset 0 0 0 3px #db3232!important}
@media(max-width:600px){.viewer-vote-panel{padding:13px;border-radius:12px}.viewer-vote-heading h2{font-size:19px}.viewer-vote-round-row b{font-size:22px}.viewer-vote-message{min-height:0}.viewer-vote-note{font-size:12px}}