.rune-tpp-wrap { background:#111111; }

.rune-tpp-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; padding-bottom:12px; border-bottom:1px dashed #1a1a1a; flex-wrap:wrap; gap:12px; }
.rune-tpp-title { font-family:'Lato',sans-serif; font-size:9px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#555; flex-shrink:0; }

.rune-tpp-scoreboard { display:flex; align-items:center; gap:16px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px dashed #1a1a1a; flex-wrap:wrap; }
.rune-tpp-score-left { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.rune-tpp-score-num { font-family:'Lato',sans-serif; font-size:32px; font-weight:900; color:#fff; line-height:1; }
.rune-tpp-score-detail { display:flex; flex-direction:column; gap:2px; }
.rune-tpp-score-stars { color:#F69B07; font-size:12px; letter-spacing:1px; }
.rune-tpp-score-sub { font-size:9px; color:#555; font-family:'Roboto',sans-serif; }
.rune-tpp-divider { width:1px; height:32px; background:#222; flex-shrink:0; }
.rune-tpp-aspect-pills { display:flex; flex-wrap:wrap; gap:5px; flex:1; }
.rune-tpp-aspect-pill { display:flex; align-items:center; gap:4px; background:#1a1a1a; border:0.5px solid #2a2a2a; border-radius:20px; padding:4px 8px; }
.rune-tpp-pill-label { font-size:9px; color:#666; font-family:'Roboto',sans-serif; }
.rune-tpp-pill-dot { width:2px; height:2px; border-radius:50%; background:#333; flex-shrink:0; }
.rune-tpp-pill-score { font-size:9px; font-weight:700; color:#F69B07; font-family:'Lato',sans-serif; }

.rune-tpp-filter-wrap { position:relative; flex-shrink:0; }
.rune-tpp-filter-trigger { background:#1D1D1D; border:1px solid #333; color:#fff; font-size:11px; font-family:'Roboto',sans-serif; padding:6px 12px; border-radius:4px; cursor:pointer; display:flex; align-items:center; gap:6px; user-select:none; }
.rune-tpp-filter-options { display:none; position:absolute; right:0; top:calc(100% + 5px); background:#1D1D1D; border:1px solid #333; border-radius:4px; z-index:999; min-width:140px; overflow:hidden; }
.rune-tpp-filter-options.open { display:block; }
.rune-tpp-filter-option { padding:10px 15px; font-size:12px; color:#888; font-family:'Roboto',sans-serif; cursor:pointer; transition:0.2s; }
.rune-tpp-filter-option:hover { background:#252525; color:#fff; }
.rune-tpp-filter-option.active { color:#F69B07; }

.rune-tpp-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-bottom:8px; }
.rune-tpp-card { background:#1a1a1a; border:0.5px solid #2a2a2a; border-radius:8px; padding:12px; }
.rune-tpp-card-top { display:flex; align-items:flex-start; gap:12px; margin-bottom:8px; }
.rune-tpp-avatar { width:36px; height:36px; border-radius:50%; background:#F69B07; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:900; color:#111; flex-shrink:0; font-family:'Lato',sans-serif; overflow:hidden; }
.rune-tpp-avatar.woo { background:#252525; color:#666; }
.rune-tpp-avatar img { width:100%; height:100%; object-fit:cover; }
.rune-tpp-rider-name { font-family:'Lato',sans-serif; font-size:14px; font-weight:700; color:#fff; }
.rune-tpp-rider-meta { font-size:11px; color:#555; font-family:'Roboto',sans-serif; margin-top:2px; }
.rune-tpp-card-right { margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; gap:3px; flex-shrink:0; }
.rune-tpp-card-stars { color:#F69B07; font-size:12px; letter-spacing:2px; }
.rune-tpp-badge { font-size:7px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:2px 6px; border-radius:3px; }
.rune-tpp-badge.manual { background:rgba(246,155,7,0.1); color:#F69B07; border:0.5px solid rgba(246,155,7,0.3); }
.rune-tpp-badge.woo { background:#1d1d1d; color:#555; border:0.5px solid #2a2a2a; }
.rune-tpp-img-pills-row { display:flex; align-items:flex-start; gap:10px; margin-bottom:8px; }
.rune-tpp-img-wrap { flex-shrink:0; border:0.5px solid #2a2a2a; border-radius:5px; overflow:hidden; cursor:zoom-in; transition:border-color 0.2s; }
.rune-tpp-img-wrap:hover { border-color:#F69B07; }
.rune-tpp-img-wrap img { width:52px; height:52px; object-fit:cover; display:block; }
.rune-tpp-card-pills { display:flex; flex-wrap:wrap; gap:4px; align-content:flex-start; }
.rune-tpp-card-pill { font-size:8px; font-weight:700; padding:2px 6px; border-radius:20px; background:#1d1d1d; border:0.5px solid #2a2a2a; color:#666; display:flex; align-items:center; gap:3px; }
.rune-tpp-card-pill span { color:#F69B07; }
.rune-tpp-body { font-size:12px; color:#ccc; line-height:1.7; font-style:italic; margin-bottom:8px; font-family:'Roboto',sans-serif; }
.rune-tpp-reply { background:#111; border-left:2px solid #F69B07; border-radius:0 4px 4px 0; padding:10px 14px; }
.rune-tpp-reply-label { font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#F69B07; margin-bottom:4px; font-family:'Lato',sans-serif; }
.rune-tpp-reply-text { font-size:12px; color:#666; line-height:1.6; font-family:'Roboto',sans-serif; }
.rune-tpp-loadmore { text-align:center; padding:10px; border:0.5px dashed #2a2a2a; border-radius:5px; font-size:9px; color:#555; letter-spacing:2px; text-transform:uppercase; font-family:'Lato',sans-serif; cursor:pointer; margin-top:4px; }
.rune-tpp-loadmore:hover { border-color:#F69B07; color:#F69B07; }
.rune-tpp-empty { text-align:center; padding:32px 20px; color:#444; font-size:12px; font-family:'Roboto',sans-serif; }
.rune-tpp-loading { text-align:center; padding:24px; color:#444; font-size:10px; letter-spacing:1px; text-transform:uppercase; font-family:'Lato',sans-serif; }
.rune-tpp-lightbox { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.92); z-index:99999; align-items:center; justify-content:center; cursor:zoom-out; }
.rune-tpp-lightbox.open { display:flex; }
.rune-tpp-lightbox img { max-width:90vw; max-height:90vh; border-radius:8px; object-fit:contain; }
@media(max-width:768px){
    .rune-tpp-scoreboard { gap:10px; }
    .rune-tpp-divider { display:none; }
    .rune-tpp-grid { grid-template-columns:1fr; }
}
