/* TVBoxStop Ranking Chart v2 */
:root {
  --bg:      #0d0d14;
  --surface: #13131f;
  --border:  #1e1e30;
  --card:    #161624;
  --hover:   #1c1c2e;
  --orange:  #f59e0b;
  --orange2: #ff6b35;
  --blue:    #3b82f6;
  --green:   #10b981;
  --red:     #ef4444;
  --text:    #e2e8f0;
  --muted:   #64748b;
  --gold:    #ffd700;
  --silver:  #c0c0c0;
  --bronze:  #cd7f32;
}

/* ─── ROOT — slider changes font-size here, everything else uses em ─── */
.tbrc-app { font-size:14px; font-family:'Segoe UI',system-ui,sans-serif; background:var(--bg); color:var(--text); border-radius:14px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,.5); margin:20px 0; }
.tbrc-app * { box-sizing:border-box; }

/* SIZE STEPS — only these three lines control all sizing */
.tbrc-size-1 { font-size:14px; }
.tbrc-size-2 { font-size:18px; }
.tbrc-size-3 { font-size:22px; }

/* HERO */
.tbrc-hero { position:relative; background:linear-gradient(135deg,#0a0a14,#1a0a2e 50%,#0a1428); padding:3em 2em 2.5em; text-align:center; overflow:hidden; }
.tbrc-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(245,158,11,.08),transparent 70%),radial-gradient(ellipse 60% 50% at 80% 50%,rgba(59,130,246,.08),transparent 70%); }
.tbrc-hero-inner { position:relative; z-index:1; }
.tbrc-hero-icon  { font-size:3em; display:block; margin-bottom:.6em; animation:tbrc-float 3s ease-in-out infinite; }
@keyframes tbrc-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-.4em)} }
.tbrc-hero-title { font-size:clamp(1.4em,4vw,2.4em); font-weight:800; margin:0 0 .4em; background:linear-gradient(90deg,var(--orange),var(--orange2),var(--blue)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.tbrc-hero-sub   { color:var(--muted); font-size:.9em; margin:0 0 1em; }
.tbrc-hero-badges { display:flex; gap:.5em; justify-content:center; flex-wrap:wrap; }
.tbrc-badge-pill  { padding:.25em .85em; border-radius:20px; font-size:.72em; font-weight:700; letter-spacing:.5px; text-transform:uppercase; }
.tbrc-pill-orange { background:rgba(245,158,11,.15); color:var(--orange); border:1px solid rgba(245,158,11,.3); }
.tbrc-pill-blue   { background:rgba(59,130,246,.15);  color:var(--blue);   border:1px solid rgba(59,130,246,.3); }
.tbrc-pill-green  { background:rgba(16,185,129,.15);  color:var(--green);  border:1px solid rgba(16,185,129,.3); }
.tbrc-scanline { position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--orange),transparent); animation:tbrc-scan 2.5s linear infinite; }
@keyframes tbrc-scan { 0%,100%{opacity:.2;transform:scaleX(.3)} 50%{opacity:1;transform:scaleX(1)} }

/* CONTROLS */
.tbrc-controls { display:flex; align-items:center; gap:.7em; flex-wrap:wrap; padding:.9em 1.4em; background:var(--surface); border-bottom:1px solid var(--border); }
.tbrc-search-wrap { position:relative; flex:1; min-width:160px; }
.tbrc-search-icon { position:absolute; left:.7em; top:50%; transform:translateY(-50%); font-size:.9em; pointer-events:none; }
#tbrc-search { width:100%; background:var(--bg); border:1px solid var(--border); border-radius:.5em; color:var(--text); padding:.5em .8em .5em 2.1em; font-size:1em; }
#tbrc-search:focus { outline:none; border-color:var(--orange); box-shadow:0 0 0 3px rgba(245,158,11,.1); }
.tbrc-filter-group { display:flex; align-items:center; gap:.35em; font-size:.85em; color:var(--muted); }
.tbrc-filter-group select { background:var(--bg); border:1px solid var(--border); color:var(--text); border-radius:.4em; padding:.38em .55em; font-size:1em; cursor:pointer; }
.tbrc-view-toggle { display:flex; gap:.25em; }
.tbrc-view-btn { background:var(--bg); border:1px solid var(--border); color:var(--muted); border-radius:.4em; width:2.2em; height:2.2em; cursor:pointer; font-size:1em; }
.tbrc-view-btn.active { background:var(--orange); color:#000; border-color:var(--orange); }
.tbrc-count-label { font-size:.85em; color:var(--muted); white-space:nowrap; margin-left:auto; }
.tbrc-count-label span { color:var(--orange); font-weight:700; }

/* SIZE SLIDER */
.tbrc-size-group { display:flex; align-items:center; gap:.4em; font-size:.85em; color:var(--muted); white-space:nowrap; }
.tbrc-size-aa { font-size:1em; font-weight:700; color:var(--text); text-decoration:underline; text-underline-offset:2px; cursor:default; letter-spacing:-.5px; }
.tbrc-size-btn { background:var(--surface); border:1px solid var(--border); color:var(--text); border-radius:.4em; width:1.8em; height:1.8em; font-size:1.1em; font-weight:700; cursor:pointer; line-height:1; padding:0; transition:background .15s,border-color .15s; flex-shrink:0; }
.tbrc-size-btn:hover { background:var(--orange); border-color:var(--orange); color:#000; }
.tbrc-size-btn:disabled { opacity:.3; cursor:default; }
#tbrc-size-slider { -webkit-appearance:none; appearance:none; width:60px; height:4px; background:var(--border); border-radius:2px; outline:none; cursor:pointer; }
#tbrc-size-slider::-webkit-slider-thumb { -webkit-appearance:none; width:14px; height:14px; border-radius:50%; background:var(--orange); cursor:pointer; }
#tbrc-size-slider::-moz-range-thumb { width:14px; height:14px; border-radius:50%; background:var(--orange); border:none; cursor:pointer; }
#tbrc-size-label { font-size:.85em; min-width:62px; }

/* PODIUM */
.tbrc-podium { display:flex; justify-content:center; align-items:flex-end; gap:.85em; padding:2em 1.4em 0; background:var(--bg); }
.tbrc-podium-item { flex:1; max-width:220px; background:var(--card); border-radius:.85em .85em 0 0; padding:1.2em 1em; text-align:center; cursor:pointer; border:1px solid var(--border); border-bottom:none; position:relative; overflow:hidden; animation:tbrc-rise .6s cubic-bezier(.34,1.56,.64,1) both; transition:transform .25s,box-shadow .25s; }
.tbrc-podium-item::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; }
.tbrc-podium-item:hover { transform:translateY(-4px); box-shadow:0 8px 32px rgba(0,0,0,.5); }
.tbrc-podium-1 { padding-bottom:2.2em; animation-delay:.1s; }
.tbrc-podium-1::before { background:linear-gradient(90deg,var(--gold),#fff9c4,var(--gold)); }
.tbrc-podium-2 { padding-bottom:1.1em; animation-delay:.2s; }
.tbrc-podium-2::before { background:var(--silver); }
.tbrc-podium-3 { padding-bottom:.5em; animation-delay:.3s; }
.tbrc-podium-3::before { background:var(--bronze); }
@keyframes tbrc-rise { from{transform:translateY(60px);opacity:0} to{transform:translateY(0);opacity:1} }
.tbrc-podium-medal  { font-size:2em; display:block; margin-bottom:.25em; }
.tbrc-podium-rank   { font-size:.75em; color:var(--muted); text-transform:uppercase; letter-spacing:1px; }
.tbrc-podium-name   { font-size:.9em; font-weight:700; margin:.4em 0 .25em; line-height:1.3; }
.tbrc-podium-antutu { font-size:.75em; color:var(--orange); font-weight:600; }
.tbrc-podium-stars  { font-size:.8em; color:var(--gold); margin-top:.15em; }

/* TABLE */
.tbrc-table-outer { overflow-x:auto; overflow-y:visible; background:var(--bg); padding-bottom:0; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--orange) var(--border); }
.tbrc-table-outer::-webkit-scrollbar { height:8px; }
.tbrc-table-outer::-webkit-scrollbar-track { background:var(--border); border-radius:4px; }
.tbrc-table-outer::-webkit-scrollbar-thumb { background:var(--orange); border-radius:4px; }
.tbrc-table-scroll-pad { height:.8em; background:var(--bg); }
.tbrc-front-table { width:100%; border-collapse:collapse; font-size:1em; min-width:700px; table-layout:fixed; }
.tbrc-front-table thead { position:sticky; top:0; z-index:10; }
.tbrc-front-table thead th { background:var(--surface); color:var(--muted); padding:.55em .65em; text-align:left; font-size:.78em; font-weight:700; text-transform:uppercase; letter-spacing:.8px; white-space:nowrap; border-bottom:2px solid var(--orange); position:sticky; top:0; z-index:10; box-shadow:0 2px 8px rgba(0,0,0,.5); overflow:hidden; text-overflow:ellipsis; }
.tbrc-front-table tbody tr { border-bottom:1px solid rgba(255,255,255,.04); cursor:pointer; opacity:0; animation:tbrc-row-in .4s ease forwards; }
.tbrc-front-table tbody tr:hover { background:var(--hover); }
@keyframes tbrc-row-in { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }
.tbrc-front-table td { padding:.6em .65em; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Per-column widths — fixed layout means these are exact */
/* Total must = 100%. Details btn gets 6% so it never clips */
.tbrc-front-table .tc-model   { width:15%; white-space:normal; word-break:break-word; }
.tbrc-front-table .tc-rank    { width:4%;  text-align:center; }
.tbrc-front-table .tc-rating  { width:6%;  white-space:nowrap; }
.tbrc-front-table .tc-price   { width:7%;  }
.tbrc-front-table .tc-os      { width:10%; font-size:.82em; }
.tbrc-front-table .tc-cpu     { width:11%; font-size:.82em; white-space:normal; word-break:break-word; }
.tbrc-front-table .tc-antutu  { width:10%; }
.tbrc-front-table .tc-wv      { width:8%;  font-size:.82em; }
.tbrc-front-table .tc-netflix { width:6%;  font-size:.82em; }
.tbrc-front-table .tc-audio   { width:9%;  white-space:normal; }
.tbrc-front-table .tc-date    { width:5%;  font-size:.78em; }
.tbrc-front-table .tc-btn     { width:7%;  padding:.4em .3em; text-align:center; }
.tbrc-front-table .tc-pc      { width:5%;  padding:.4em .3em; text-align:center; }

/* Match th widths to td column classes */
.tbrc-front-table thead th:nth-child(1)  { width:15%; }
.tbrc-front-table thead th:nth-child(2)  { width:4%;  text-align:center; }
.tbrc-front-table thead th:nth-child(3)  { width:6%;  }
.tbrc-front-table thead th:nth-child(4)  { width:7%;  }
.tbrc-front-table thead th:nth-child(5)  { width:10%; }
.tbrc-front-table thead th:nth-child(6)  { width:10%; }
.tbrc-front-table thead th:nth-child(7)  { width:9%;  }
.tbrc-front-table thead th:nth-child(8)  { width:7%;  }
.tbrc-front-table thead th:nth-child(9)  { width:6%;  }
.tbrc-front-table thead th:nth-child(10) { width:8%;  }
.tbrc-front-table thead th:nth-child(11) { width:5%;  }
.tbrc-front-table thead th:nth-child(12) { width:7%;  }
.tbrc-front-table thead th:nth-child(13) { width:5%;  }

.tbrc-td-sm   { font-size:.85em; }
.tbrc-yt-note { font-size:.75em; color:var(--muted); display:block; }
.tbrc-muted-txt { color:var(--muted); }

/* rank badge */
.tbrc-rank-badge { display:inline-flex; align-items:center; justify-content:center; width:2em; height:2em; border-radius:50%; font-weight:800; font-size:.85em; }
.tbrc-rank-1 { background:var(--gold);    color:#000; box-shadow:0 0 10px rgba(255,215,0,.4); }
.tbrc-rank-2 { background:var(--silver);  color:#000; }
.tbrc-rank-3 { background:var(--bronze);  color:#fff; }
.tbrc-rank-n { background:var(--surface); color:var(--muted); border:1px solid var(--border); }

.tbrc-stars-f { color:var(--gold); font-size:.9em; letter-spacing:1px; }

/* price */
.tbrc-price-link  { color:var(--green); font-weight:700; text-decoration:none; border-bottom:1px dashed rgba(16,185,129,.4); transition:color .15s; }
.tbrc-price-link:hover { color:#34d399; border-bottom-color:#34d399; }
.tbrc-price-plain { color:var(--green); font-weight:700; }

/* antutu bar */
.tbrc-antutu-wrap { display:flex; align-items:center; gap:.3em; }
.tbrc-antutu-num  { min-width:3.5em; font-size:.85em; font-weight:600; color:var(--orange); flex-shrink:0; }
.tbrc-antutu-bg   { flex:1; max-width:3.5em; height:5px; background:var(--border); border-radius:3px; overflow:hidden; }
.tbrc-antutu-fill { height:100%; border-radius:3px; background:linear-gradient(90deg,var(--orange),var(--orange2)); width:0; transition:width 1s cubic-bezier(.22,1,.36,1) .3s; }

/* audio chips */
.tbrc-chip { display:inline-block; padding:.15em .45em; border-radius:.3em; font-size:.72em; font-weight:700; margin:1px; }
.tbrc-chip-atmos  { background:rgba(245,158,11,.15); color:#f59e0b; border:1px solid rgba(245,158,11,.3); }
.tbrc-chip-vision { background:rgba(99,102,241,.15);  color:#818cf8; border:1px solid rgba(99,102,241,.3); }
.tbrc-chip-dts    { background:rgba(16,185,129,.15);  color:#34d399; border:1px solid rgba(16,185,129,.3); }
.tbrc-chip-truehd { background:rgba(239,68,68,.15);   color:#f87171; border:1px solid rgba(239,68,68,.3); }
.tbrc-chip-hdr    { background:rgba(59,130,246,.15);  color:#60a5fa; border:1px solid rgba(59,130,246,.3); }

.tbrc-wv-l1 { color:var(--green); font-weight:700; font-size:.85em; }
.tbrc-wv-l3 { color:var(--red);   font-weight:600; font-size:.85em; }
.tbrc-wv-na { color:var(--muted); font-size:.85em; }

.tbrc-detail-btn { background:none; border:1px solid var(--border); color:var(--muted); border-radius:.4em; padding:.3em .5em; font-size:.75em; cursor:pointer; transition:all .15s; white-space:nowrap; width:100%; }
.tbrc-detail-btn:hover { border-color:var(--orange); color:var(--orange); }

/* STICKY FLOATING HEADER */
#tbrc-sticky-header { display:none; position:fixed; top:0; z-index:9980; overflow:hidden; box-shadow:0 3px 12px rgba(0,0,0,.6); pointer-events:auto; }
#tbrc-sticky-header .tbrc-front-table { border-radius:0; margin:0; }
#tbrc-sticky-header thead th { border-bottom:2px solid var(--orange); box-shadow:none; }

/* ── PROS/CONS BUTTON ── */
.tbrc-pc-btn {
  background: linear-gradient(135deg, rgba(16,185,129,.15), rgba(239,68,68,.15));
  border: 1px solid rgba(255,255,255,.15);
  color: var(--text);
  border-radius: .4em;
  padding: .3em .5em;
  font-size: .85em;
  cursor: pointer;
  transition: all .15s;
  white-space: nowrap;
  width: 100%;
}
.tbrc-pc-btn:hover { border-color: var(--orange); transform: scale(1.05); }

/* ── PROS/CONS MODAL ── */
.tbrc-pc-backdrop {
  display: none;
  position: fixed; inset: 0;
  background: rgba(0,0,0,.75);
  z-index: 9995;
  backdrop-filter: blur(6px);
}
.tbrc-pc-backdrop.open { display: block; }

.tbrc-pc-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9996;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.tbrc-pc-modal.open { display: flex; }

.tbrc-pc-inner {
  position: relative;
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 16px;
  overflow: hidden;
  /* Chalkboard background */
  background:
    radial-gradient(ellipse at 20% 30%, rgba(255,255,255,.015) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(255,255,255,.01) 0%, transparent 50%),
    linear-gradient(160deg, #1c1c1c 0%, #242424 40%, #1a1a1a 100%);
  box-shadow: 0 30px 80px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.05);
  animation: tbrc-pc-in .3s cubic-bezier(.34,1.56,.64,1);
  /* Subtle chalk texture */
  border: 2px solid rgba(255,255,255,.08);
}
@keyframes tbrc-pc-in {
  from { transform: scale(.9) translateY(20px); opacity: 0; }
  to   { transform: scale(1)  translateY(0);    opacity: 1; }
}

/* Chalk texture overlay */
.tbrc-pc-inner::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,.005) 2px, rgba(255,255,255,.005) 4px),
    repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(255,255,255,.003) 3px, rgba(255,255,255,.003) 6px);
  pointer-events: none;
  z-index: 0;
}

.tbrc-pc-close {
  position: absolute;
  top: 16px; right: 16px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  padding: .4em 1em;
  border-radius: 20px;
  cursor: pointer;
  font-size: .85em;
  font-weight: 600;
  z-index: 2;
  transition: background .15s;
  font-family: inherit;
}
.tbrc-pc-close:hover { background: rgba(255,255,255,.2); }

.tbrc-pc-model-name {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: clamp(1.2em, 3vw, 1.8em);
  font-weight: 800;
  color: #fff;
  padding: 1.4em 3em .6em;
  letter-spacing: .5px;
  text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

/* Horizontal chalk line under model name */
.tbrc-pc-model-name::after {
  content: '';
  display: block;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
  margin: .6em auto 0;
  width: 60%;
  border-radius: 1px;
}

.tbrc-pc-columns {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  min-height: 320px;
  padding: 0 0 2em;
}

.tbrc-pc-col { flex: 1; padding: 1.2em 2em 1.5em; }

/* Vertical chalk divider */
.tbrc-pc-divider {
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.35) 15%, rgba(255,255,255,.35) 85%, transparent);
  flex-shrink: 0;
  margin: 1em 0;
}

.tbrc-pc-col-header {
  font-size: 1.1em;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1em;
  padding-bottom: .5em;
  font-family: inherit;
}
/* Chalk underline on header */
.tbrc-pc-col-header::after {
  content: '';
  display: block;
  height: 2px;
  margin-top: .4em;
  border-radius: 1px;
}
.tbrc-pc-pros-header { color: #6ee7b7; }
.tbrc-pc-pros-header::after { background: linear-gradient(90deg, #6ee7b7, transparent); }
.tbrc-pc-cons-header { color: #fca5a5; }
.tbrc-pc-cons-header::after { background: linear-gradient(90deg, #fca5a5, transparent); }

.tbrc-pc-list {
  list-style: none;
  margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: .65em;
}
.tbrc-pc-list li {
  color: rgba(255,255,255,.88);
  font-size: .95em;
  line-height: 1.5;
  padding-left: 1.4em;
  position: relative;
  animation: tbrc-pc-item .4s ease both;
}
.tbrc-pc-list li:nth-child(1)  { animation-delay: .05s; }
.tbrc-pc-list li:nth-child(2)  { animation-delay: .10s; }
.tbrc-pc-list li:nth-child(3)  { animation-delay: .15s; }
.tbrc-pc-list li:nth-child(4)  { animation-delay: .20s; }
.tbrc-pc-list li:nth-child(5)  { animation-delay: .25s; }
.tbrc-pc-list li:nth-child(6)  { animation-delay: .30s; }
.tbrc-pc-list li:nth-child(7)  { animation-delay: .35s; }
.tbrc-pc-list li:nth-child(8)  { animation-delay: .40s; }
.tbrc-pc-list li:nth-child(9)  { animation-delay: .45s; }
.tbrc-pc-list li:nth-child(10) { animation-delay: .50s; }
@keyframes tbrc-pc-item {
  from { opacity:0; transform: translateX(-10px); }
  to   { opacity:1; transform: translateX(0); }
}

/* Chalk bullet */
.tbrc-pc-pros-col .tbrc-pc-list li::before {
  content: '✓';
  position: absolute; left: 0;
  color: #6ee7b7;
  font-weight: 700;
}
.tbrc-pc-cons-col .tbrc-pc-list li::before {
  content: '✗';
  position: absolute; left: 0;
  color: #fca5a5;
  font-weight: 700;
}
.tbrc-pc-empty { color: rgba(255,255,255,.3) !important; font-style: italic; }
.tbrc-pc-empty::before { display: none; }

@media (max-width: 600px) {
  .tbrc-pc-columns { flex-direction: column; }
  .tbrc-pc-divider { width: auto; height: 2px; margin: 0 1.5em;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.35) 15%, rgba(255,255,255,.35) 85%, transparent); }
}
.tbrc-front-table thead th[data-col] { user-select:none; }
.tbrc-front-table thead th[data-col]:hover { color:var(--text); background:var(--hover); }
.tbrc-sort-arrows { display:inline-flex; flex-direction:column; align-items:center; float:right; margin-left:.4em; gap:0; line-height:1; }
.tbrc-arr { font-size:.55em; color:var(--border); display:block; line-height:1.1; transition:color .15s; }
.tbrc-arr-active { color:var(--orange) !important; }

/* COLUMN WIDTHS — prevent overlap */
.tbrc-card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1em; padding:1.4em; background:var(--bg); }
.tbrc-card { background:var(--card); border:1px solid var(--border); border-radius:.7em; padding:1.1em; cursor:pointer; position:relative; overflow:hidden; opacity:0; animation:tbrc-card-in .4s ease forwards; transition:transform .2s,box-shadow .2s,border-color .2s; }
.tbrc-card:hover { transform:translateY(-3px); box-shadow:0 10px 30px rgba(0,0,0,.4); border-color:rgba(245,158,11,.3); }
@keyframes tbrc-card-in { from{opacity:0;transform:scale(.97) translateY(10px)} to{opacity:1;transform:scale(1) translateY(0)} }
.tbrc-card-rank-strip { position:absolute; top:0; left:0; width:2.5em; height:2.5em; display:flex; align-items:center; justify-content:center; font-size:.8em; font-weight:800; border-radius:0 0 .7em 0; }
.tbrc-card-price { position:absolute; top:.85em; right:.85em; font-size:.92em; font-weight:700; }
.tbrc-card-name  { font-size:1em; font-weight:700; margin:1.6em 0 .3em; padding-right:1.4em; line-height:1.3; }
.tbrc-card-meta  { font-size:.78em; color:var(--muted); margin-bottom:.7em; }
.tbrc-card-antutu-label { font-size:.7em; color:var(--muted); text-transform:uppercase; letter-spacing:.5px; }
.tbrc-card-antutu-val   { font-size:1.3em; font-weight:800; color:var(--orange); }
.tbrc-card-bar-bg  { height:3px; background:var(--border); border-radius:2px; margin:.55em 0 0; overflow:hidden; }
.tbrc-card-bar-fill { height:100%; border-radius:2px; background:linear-gradient(90deg,var(--orange),var(--orange2)); width:0; transition:width 1s cubic-bezier(.22,1,.36,1) .4s; }
.tbrc-card-chips { display:flex; flex-wrap:wrap; gap:3px; margin-top:.55em; }

/* PRICE HOVER PREVIEW */
#tbrc-preview { display:none; position:fixed; z-index:99999; width:200px; background:#12121e; border:1px solid rgba(245,158,11,.35); border-radius:.7em; box-shadow:0 12px 40px rgba(0,0,0,.7); overflow:hidden; pointer-events:none; transition:opacity .15s,transform .15s; }
.tbrc-prev-img-wrap { width:100%; height:130px; background:#0a0a14; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.tbrc-prev-img   { width:100%; height:100%; object-fit:cover; display:none; }
.tbrc-prev-title { padding:.55em .7em .25em; font-size:.78em; color:var(--text); line-height:1.4; max-height:46px; overflow:hidden; }
.tbrc-prev-cta   { padding:.25em .7em .55em; font-size:.78em; font-weight:700; color:var(--orange); }

/* DRAWER */
.tbrc-backdrop { display:none; position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:9990; backdrop-filter:blur(4px); }
.tbrc-backdrop.open { display:block; }
.tbrc-drawer { position:fixed; right:0; top:0; bottom:0; width:min(520px,100vw); background:#0e0e1a; border-left:1px solid var(--border); z-index:9999; transform:translateX(100%); transition:transform .35s cubic-bezier(.32,1,.6,1); overflow-y:auto; box-shadow:-10px 0 40px rgba(0,0,0,.6); font-size:inherit; }
.tbrc-drawer.open { transform:translateX(0); }
.tbrc-drawer-inner { padding:2em 1.7em; }
.tbrc-drawer-close { position:sticky; top:0; float:right; background:var(--surface); border:1px solid var(--border); color:var(--text); width:2.3em; height:2.3em; border-radius:50%; cursor:pointer; font-size:1em; }
.tbrc-drawer-close:hover { background:var(--orange); color:#000; }
.tbrc-drawer-name { font-size:1.6em; font-weight:800; background:linear-gradient(90deg,var(--orange),var(--orange2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin:0 0 .25em; line-height:1.2; }
.tbrc-drawer-meta { color:var(--muted); font-size:.92em; margin-bottom:.6em; }
.tbrc-drawer-price-row { display:flex; align-items:center; justify-content:space-between; gap:1em; margin:.6em 0 .5em; padding:.7em 1em; background:rgba(16,185,129,.08); border:1px solid rgba(16,185,129,.2); border-radius:.5em; }
.tbrc-drawer-price-val { font-size:1.3em; font-weight:800; color:var(--green); }
.tbrc-drawer-buy-btn { display:inline-block; background:var(--green); color:#000; font-weight:700; font-size:.85em; padding:.45em 1em; border-radius:.4em; text-decoration:none; white-space:nowrap; transition:background .15s; }
.tbrc-drawer-buy-btn:hover { background:#34d399; color:#000; }
.tbrc-drawer-yt-note { font-size:.8em; color:var(--orange); margin-bottom:.9em; }
.tbrc-drawer-section { margin-bottom:1.4em; }
.tbrc-drawer-section-title { font-size:.72em; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:var(--orange); padding-bottom:.4em; margin-bottom:.25em; border-bottom:1px solid var(--border); }
.tbrc-antutu-big  { font-size:2.2em; font-weight:900; color:var(--orange); text-align:center; padding:1em 0; }
.tbrc-antutu-bar  { height:8px; background:var(--border); border-radius:4px; overflow:hidden; margin-bottom:1.1em; }
.tbrc-antutu-fill { height:100%; background:linear-gradient(90deg,var(--orange),var(--orange2),var(--red)); border-radius:4px; width:0; transition:width 1.2s cubic-bezier(.22,1,.36,1) .1s; }

/* DETAIL ROWS */
.tbrc-dtable { width:100%; border-collapse:collapse; }
.tbrc-dr { border-bottom:1px solid rgba(255,255,255,.05); }
.tbrc-dr:last-child { border-bottom:none; }
.tbrc-dr:nth-child(even) td { background:rgba(255,255,255,.025); }
.tbrc-dl { padding:.55em .85em .55em 0; font-size:.78em; color:var(--muted); text-transform:uppercase; letter-spacing:.5px; white-space:nowrap; width:45%; vertical-align:middle; }
.tbrc-dv { padding:.55em 0 .55em .85em; font-size:.92em; font-weight:600; color:var(--text); text-align:right; vertical-align:middle; }
.tbrc-yes { color:var(--green); }
.tbrc-no  { color:var(--red); }

/* RESPONSIVE */
@media (max-width:700px) {
  .tbrc-controls { padding:.7em; gap:.4em; }
  .tbrc-front-table thead th:nth-child(5),
  .tbrc-front-table thead th:nth-child(6),
  .tbrc-front-table thead th:nth-child(9),
  .tbrc-front-table thead th:nth-child(11),
  .tbrc-front-table tbody td:nth-child(5),
  .tbrc-front-table tbody td:nth-child(6),
  .tbrc-front-table tbody td:nth-child(9),
  .tbrc-front-table tbody td:nth-child(11) { display:none; }
  .tbrc-hero { padding:2em 1em 1.75em; }
}