.pr-card { border-radius: 18px; overflow: hidden; border: 1px solid rgba(0,0,0,.07); }
.pr-band { height: 6px; }
.pr-state { display: inline-block; padding: .1rem .6rem; border-radius: 999px; font-size: .8rem; font-weight: 600; }
.pr-state.live { background: #e3f2d9; color: #2f7124; } .pr-state.scheduled { background: #eef4fb; color: #3b6aa0; } .pr-state.paused { background: #fff1cc; color: #8a5a00; } .pr-state.ended { background: #eee; color: #666; }
.pr-big { font-size: 2.4rem; font-weight: 700; line-height: 1; }
.pr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: .6rem; margin: .9rem 0; }
.pr-stats div { background: rgba(127,127,127,.08); border-radius: 12px; padding: .55rem .7rem; } .pr-stats small { display: block; opacity: .7; font-size: .78rem; } .pr-stats b { font-size: 1.15rem; }
.pr-time { height: 8px; border-radius: 999px; background: rgba(127,127,127,.15); overflow: hidden; } .pr-time span { display: block; height: 100%; border-radius: 999px; }
.pr-tier { border: 1px solid rgba(0,0,0,.15); border-radius: 999px; padding: .3rem .8rem; cursor: pointer; user-select: none; }
.pr-tier input { margin-right: .35rem; }
.pr-table td, .pr-table th { vertical-align: middle; }