/* Tabule rating cards: scoreboard header strip, flap digits, prefix tb- */
.tb-rating{--tb-ink:#191529;--tb-mute:#5b5670;--tb-line:#e6e1f0;--tb-vio:#7c31f6;--tb-vio-d:#4b16b8;--tb-lime:#d8f36a;
  --tb-disp:"Bricolage Grotesque",system-ui,sans-serif;--tb-text:"Onest",system-ui,sans-serif;--tb-mono:"DM Mono",ui-monospace,monospace;
  container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0 0 24px;text-align:left}
.tb-rating *,.tb-rating *::before,.tb-rating *::after{box-sizing:border-box}
.tb-card{background:#fff;color:var(--tb-ink);border:1px solid var(--tb-line);box-shadow:0 30px 60px -36px rgba(60,30,120,.3);min-width:0}
.tb-top{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#191529;color:#efeaff}
.tb-rank,.tb-rt{display:flex;gap:3px;align-items:center;flex:none}
.tb-f{position:relative;display:grid;place-items:center;width:30px;height:38px;font:500 22px/1 var(--tb-mono);font-style:normal;color:#fff;background:linear-gradient(#2f2850 0 49%,#241e3f 51%);border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tb-f::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#0e0b1c}
.tb-fs{width:22px;height:30px;font-size:16px;color:var(--tb-lime)}
.tb-rt em{font:500 11px var(--tb-mono);font-style:normal;color:#9d94c4;margin-left:5px}
.tb-tag{font:500 11px var(--tb-mono);letter-spacing:.18em;text-transform:uppercase;color:#c8bff0;white-space:nowrap}
.tb-rule{flex:1;min-width:20px;height:1px;background:repeating-linear-gradient(90deg,#4a4170 0 6px,transparent 6px 10px)}
.tb-main{display:grid;grid-template-columns:200px minmax(0,1fr) 220px;align-items:center;gap:28px;padding:22px 24px 18px}
.tb-logo{display:block;line-height:0;border-radius:8px;overflow:hidden;text-decoration:none}
.tb-logo img{width:100%;height:auto;display:block}
.tb-logo span{display:block;padding:24px 10px;font:600 18px/1.2 var(--tb-disp);color:var(--tb-ink);background:#f3eefe;text-align:center}
.tb-body{min-width:0;display:flex;flex-direction:column;gap:8px}
.tb-bonus{margin:0;font:500 25px/1.15 var(--tb-disp);letter-spacing:-.02em;text-wrap:balance;color:var(--tb-ink)}
.tb-bonus em{font-style:normal;background:linear-gradient(transparent 58%,var(--tb-lime) 58% 92%,transparent 92%)}
.tb-feat{list-style:none;margin:0;padding:0;font:400 14.5px/1.45 var(--tb-text);color:var(--tb-mute);display:flex;flex-wrap:wrap;gap:2px 18px}
.tb-feat li{margin:0;padding:0}
.tb-promo{font:400 13px var(--tb-text);color:var(--tb-mute)}
.tb-promo b{font:500 12px var(--tb-mono);letter-spacing:.14em;color:var(--tb-ink);border:1px dashed var(--tb-vio);padding:2px 8px;margin-left:6px}
.tb-act{display:flex;flex-direction:column;gap:8px}
.tb-cta{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--tb-vio);color:#fff!important;text-decoration:none!important;font:600 14px var(--tb-text);letter-spacing:.08em;text-transform:uppercase;padding:15px 14px;border-radius:999px;box-shadow:0 12px 24px -12px rgba(124,49,246,.8);transition:background .2s,transform .2s}
.tb-cta:hover{background:var(--tb-vio-d);transform:translateY(-1px)}
.tb-cta svg{width:16px;height:16px;flex:none}
.tb-review{text-align:center;font:500 11px var(--tb-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tb-vio-d)}
.tb-act small{text-align:center;font:400 11.5px var(--tb-text);color:var(--tb-mute)}
.tb-info{display:flex;flex-direction:column;border-top:1px dashed var(--tb-line)}
.tb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.tb-a{padding:12px 16px;border-right:1px solid var(--tb-line);min-width:0}
.tb-a:last-child{border-right:0}
.tb-a span{display:block;font:500 10px var(--tb-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tb-mute)}
.tb-a b{display:block;font:500 14.5px/1.3 var(--tb-text);margin-top:3px;color:var(--tb-ink);overflow-wrap:anywhere}
.tb-pay{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:11px 16px;border-top:1px solid var(--tb-line);color:var(--tb-mute)}
.tb-p{display:inline-flex;align-items:center;gap:7px;font:400 13.5px var(--tb-text);color:var(--tb-ink)}
.tb-p svg{width:18px;height:18px;display:block;flex:none;color:var(--tb-vio)}
.tb-p em{font-style:normal}
.tb-more{display:none}
.tb-lead{border-color:#191529;box-shadow:0 0 0 3px var(--tb-lime),0 30px 60px -30px rgba(60,30,120,.45)}
.tb-rating a:focus-visible,.tb-more:focus-visible{outline:2px solid var(--tb-vio);outline-offset:3px}
@container (max-width:880px){
 .tb-main{grid-template-columns:170px minmax(0,1fr)}
 .tb-act{grid-column:1/-1;flex-direction:row;align-items:center}
 .tb-cta{flex:1}
 .tb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tb-a{border-bottom:1px solid var(--tb-line)}
 .tb-a:nth-child(3n){border-right:0}
}
@container (max-width:560px){
 .tb-rating{gap:12px}
 .tb-top{gap:8px;padding:8px 12px}
 .tb-kind,.tb-rule{display:none}
 .tb-rt{margin-left:auto}
 .tb-f{width:24px;height:31px;font-size:18px}
 .tb-fs{width:19px;height:26px;font-size:14px}
 .tb-main{grid-template-columns:1fr;gap:10px;padding:14px 14px 12px}
 .tb-logo{max-width:150px}
 .tb-bonus{font-size:20.5px}
 .tb-feat{font-size:13.5px;flex-direction:column}
 .tb-more{display:block;align-self:flex-start;background:none;border:0;padding:0;font:500 11px var(--tb-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tb-vio);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
 .tb-act{flex-direction:column;align-items:stretch;gap:6px}
 .tb-act small{display:none}
 .tb-cta{padding:13px 10px}
 .tb-info{display:none}
 .tb-card.open .tb-info{display:flex}
 .tb-grid{grid-template-columns:1fr 1fr}
 .tb-a,.tb-a:nth-child(3n){border-right:1px solid var(--tb-line)}
 .tb-a:nth-child(2n){border-right:0}
 .tb-pay{gap:8px 16px}
}
.tb-rating{margin-bottom:46px}
@media (max-width:560px){body .tb-rating + script + p{font-size:11.5px!important;letter-spacing:0!important;padding:8px 14px!important;white-space:nowrap}}
@media (max-width:359px){body .tb-rating + script + p{white-space:normal;border-radius:16px}}
.tb-rating + script + p{display:block;width:fit-content;max-width:100%;margin-left:auto!important;margin-right:auto!important;padding:9px 18px;background:#fff;border:1px solid #e6e1f0;border-radius:999px;box-shadow:0 10px 24px -18px rgba(60,30,120,.35);font:500 13px/1.4 "DM Mono",ui-monospace,monospace!important;letter-spacing:.06em;color:#191529!important;text-align:center}
.tb-rating + script + p:not([style*="-30px"]){margin-top:-30px!important}
.tb-rating + script + p strong{font-weight:500;background:linear-gradient(transparent 55%,#d8f36a 55% 92%,transparent 92%)}
@media (prefers-reduced-motion:reduce){.tb-cta{transition:none}}