/* The rendered scene gets enough room to read while ballots and Continue remain visible. */
.reveal-dialog { display:flex; width:min(900px,100%); gap:12px; }
.verdict-summary { gap:22px; }
.verdict-summary .condemnation-scene { width:60%; height:auto; aspect-ratio:8/5; margin:0; background:#101a22; isolation:isolate; border-radius:6px; }
.condemnation-scene canvas { display:block; position:absolute; inset:0; width:100%; height:100%; }
.verdict-control { grid-template-columns:auto 1fr; }
.verdict-control select { min-height:44px; margin:0; }
.verdict-copy { flex:1; min-width:0; }
.verdict-identity { display:flex; justify-content:center; margin-bottom:6px; }
.verdict-identity .monk-badge { width:33px; height:43px; }
.verdict-copy .verdict { margin:6px 0; }
@media(max-width:600px) and (min-height:501px) {
  .reveal-dialog { padding:14px; gap:10px; }
  .reveal-dialog h2 { font-size:25px; }
  .verdict-summary { flex-direction:column; gap:8px; }
  .verdict-summary .condemnation-scene { width:100%; height:min(340px,40dvh); max-height:none; aspect-ratio:auto; }
  .verdict-copy { width:100%; }
  .verdict-identity { float:left; margin:0 9px 0 0; }
  .verdict-copy .verdict { font-size:20px; margin:2px 0; }
  .verdict-copy p { margin:4px 0; }
}
@media(max-height:500px) {
  .reveal-dialog { padding:10px 14px; gap:7px; max-height:calc(100dvh - 16px); }
  .reveal-dialog .verdict-heading { font-size:14px; }
  .reveal-dialog h2 { font-size:22px; }
  .verdict-summary { flex-direction:row; gap:16px; }
  .verdict-summary .condemnation-scene { width:230px; max-width:46%; height:135px; aspect-ratio:auto; }
  .verdict-copy .verdict { font-size:20px; margin:2px 0; }
  .verdict-identity { float:left; margin:0 10px 0 0; }
  .verdict-copy p { font-size:13px; }
  .reveal-dialog .ballot-groups { gap:6px; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .reveal-dialog .ballot-group { padding:6px; }
  .reveal-dialog .ballot-recipient { font-size:12px; padding-bottom:4px; }
  .reveal-dialog .ballot-recipient>.monk-badge { height:28px; width:22px; }
  .reveal-dialog .ballot-voters { margin-top:5px; gap:6px; }
  .reveal-dialog .ballot-voters .monk-badge { height:24px; width:18px; }
}