/* Compact broadcast widgets: stable layout, readable amounts, restrained accents. */
#theater#theater .host-support :is(#support-goal,#support-rank-open){
 border:1px solid rgb(255 255 255 / .18);border-radius:10px!important;
 padding:10px!important;color:#fff;box-shadow:0 2px 8px #17202b0c;
 font-variant-numeric:tabular-nums;text-align:left;overflow:hidden;
}
#theater#theater #support-goal{background:rgb(27 29 37 / var(--goal-background-alpha,.72))!important}
#theater#theater #support-rank-open{background:rgb(27 29 37 / var(--ranking-background-alpha,.72))!important;display:block}
#theater#theater .host-support [hidden]{display:none!important}
#theater#theater .support-goal-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px 6px!important;align-items:center}
#theater#theater #support-goal-title{grid-column:1;min-width:0;font-size:11px;font-weight:600;line-height:1.4;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#theater#theater #support-percent{grid-column:2;grid-row:1;color:#e0cbff;font-size:12px;font-weight:700;white-space:nowrap;margin:0}
#theater#theater #support-goal-values{grid-column:1/-1;margin:0;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4;font-size:16px;letter-spacing:-.3px;color:#fff}
#theater#theater #support-goal-values>span{font-size:10px;font-weight:400;letter-spacing:0;color:#e0e1e6}
#theater#theater #support-goal-notice{grid-column:1/-1;font-size:10px;color:#e0e1e6;line-height:1.5}
#theater#theater #support-progress{height:9px!important;border-radius:20px;margin-top:8px!important;background:rgb(255 255 255 / .18);box-shadow:inset 0 1px 2px #0002;overflow:hidden}
#theater#theater #support-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#9b71d5,#c6a3ee);box-shadow:inset 0 1px 0 #ffffff50;transition:width .65s ease}
#theater#theater #support-rank-open>b{display:block;font-size:11px;font-weight:600;line-height:1.4;margin:0 0 7px;color:#fff}
#theater#theater #support-top{display:flex;flex-direction:column;gap:0;justify-content:initial;font-size:10px;line-height:1.5;color:#e0e1e6}
#theater#theater .host-support .support-rank-item{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto;gap:6px!important;align-items:center;padding:6px 0;border-top:1px solid #ffffff18;min-width:0}
#theater#theater .support-rank-item i{display:grid;place-items:center;width:19px;height:21px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);background:#e5c581;color:#473713;font-size:11px;font-weight:750;font-style:normal;line-height:1}
#theater#theater .support-rank-item:nth-child(2) i{background:#d3dce8;color:#374354}
#theater#theater .support-rank-item:nth-child(3) i{background:#cea88f;color:#49382d}
#theater#theater .support-rank-item b{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:11px;font-weight:500}
#theater#theater .support-rank-item em{min-width:0;color:#fff;font-size:10px;font-weight:650;font-style:normal;white-space:nowrap}
#theater#theater .support-rank-item:first-child em{color:#f0d69a}
#theater#theater #support-rank-open:focus-visible{outline:2px solid #bfa1e7;outline-offset:2px}
@media(hover:hover){#theater#theater #support-rank-open:hover{border-color:#c6a3ee;box-shadow:0 0 0 1px #c6a3ee30}}
/* Keep the same compact footprint on phone portrait and landscape. */
#theater#theater.mobile-landscape .host-support :is(#support-goal,#support-rank-open){padding:6px!important;border-radius:7px!important}
#theater#theater.mobile-landscape :is(#support-goal-title,#support-rank-open>b){font-size:10px;margin-bottom:0}
#theater#theater.mobile-landscape .support-goal-line{gap:3px!important}
#theater#theater.mobile-landscape #support-goal-values{font-size:13px}
#theater#theater.mobile-landscape #support-percent{font-size:10px}
#theater#theater.mobile-landscape #support-progress{height:6px!important;margin-top:5px!important}
#theater#theater.mobile-landscape .support-rank-item{grid-template-columns:15px minmax(0,1fr) auto;gap:4px!important;padding:4px 0}
#theater#theater.mobile-landscape .support-rank-item i{width:14px;height:17px;font-size:9px}
#theater#theater.mobile-landscape .support-rank-item b{font-size:10px}
#theater#theater.mobile-landscape .support-rank-item em{font-size:9px}
#support-ranks .support-rank-row{align-items:center;padding:12px 8px;border-radius:6px;border-bottom:1px solid #eeedf1}
#support-ranks .support-rank-row:first-child{background:#faf6ec}
#support-ranks .support-rank-row>strong{color:#6b507e;font-size:13px}
@media(prefers-reduced-motion:reduce){#theater#theater #support-fill{transition:none}}