@layer tokens,base,layout,components,utilities;@layer tokens{:root{
  

  
  --n-0:#ffffff;
  --n-25:#fafafa;
  --n-100:#f0efeb;
  --n-150:#e8e7e3;
  --n-175:#c8c7c2;
  --n-200:#e0dfd9;
  --n-300:#c8c7c0;
  --n-400:#aeada4;
  --n-500:#86857c;
  --n-600:#5e5d55;
  --n-700:#3a3933;
  --n-800:#242320;
  --n-900:#111110;

  
  
  --accent:#148d10;
  --accent-soft:#fff1df;
  --rgb-accent:236 158 41; 

  
  --brand-50:#fff1df;
  --brand-100:#fff1df;
  --brand-300:#ec9e29;
  --brand-400:#ec9e29;
  --brand-500:#ec9e29;

  
  --green-50:#f0fdf4;
  --green-100:#dcfce7;
  --green-400:#22c55e;
  --green-500:#16a34a;
  --green-600:#15803d;
  --green-700:#166534;

  --amber-50:#fffbeb;
  --amber-100:#fef3c7;
  --amber-400:#fbbf24;
  --amber-500:#679729;
  --amber-600:#b45309;
  --gold-500:#ca8a04;
  --gold-100:#fef9c3;

  --red-100:#fee2e2;
  --red-500:#ef4444;
  --red-600:#dc2626;

  --blue-50:#eff6ff;
  --blue-100:#dbeafe;
  --blue-500:#2563eb;
  --blue-600:#1d4ed8;

  
  --bg-base:#adadad;         
  --bg-surface:#ffffff;      
  --bg-surface-hover:#fafafa;
  --bg-subtle:#f0efeb;       
  --bg-muted:#e8e7e3;        
  --bg-inverse:#111110;      

  --text-primary:#111110;    
  --text-body:#242320;       
  --text-lead:#3a3933;       
  --text-secondary:#5e5d55;  
  --text-tertiary:#86857c;   
  --text-disabled:#aeada4;   
  --text-inverse:#ffffff;    
  --text-accent:#ec9e29;

  --border-subtle:#e8e7e3;   
  --border-default:#e0dfd9;  
  --border-strong:#c8c7c0;   
  --border-hover:#c8c7c2;    

  
  --rgb-black:0 0 0;
  --rgb-white:255 255 255;
  --rgb-n-900:17 17 16;
  --rgb-bg-base:245 245 245; 
  --rgb-brand-500:236 158 41;
  --rgb-green-500:22 163 74;

  
  --nav-bg:rgb(245 245 245 / 0.92);
  --bg-base-55:rgb(245 245 245 / 0.55);
  --glass-white-65:rgb(var(--rgb-white) / 0.65);
  --glass-white-82:rgb(var(--rgb-white) / 0.82);
  --glass-white-94:rgb(var(--rgb-white) / 0.94);
  --glass-white-95:rgb(var(--rgb-white) / 0.95);
  --glass-white-20:rgb(var(--rgb-white) / 0.20);
  --glass-white-12:rgb(var(--rgb-white) / 0.12);
  --glass-white-10:rgb(var(--rgb-white) / 0.10);
  --glass-white-06:rgb(var(--rgb-white) / 0.06);
  --glass-black-06:rgb(var(--rgb-black) / 0.06);
  --glass-black-08:rgb(var(--rgb-black) / 0.08);
  --glass-black-12:rgb(var(--rgb-black) / 0.12);
  --glass-ink-56:rgb(var(--rgb-n-900) / 0.56);
  --glass-ink-55:rgb(var(--rgb-n-900) / 0.55);
  --brand-tint-06:rgb(var(--rgb-accent) / 0.06);
  --brand-tint-12:rgb(var(--rgb-accent) / 0.12);
  --brand-tint-18:rgb(var(--rgb-accent) / 0.18);

  
  --shadow:0 1px 3px rgb(var(--rgb-black) / 0.06),0 8px 24px rgb(var(--rgb-black) / 0.06);
  --shadow-lg:0 2px 8px rgb(var(--rgb-black) / 0.08),0 16px 40px rgb(var(--rgb-black) / 0.10);
  --shadow-xs:0 1px 2px rgb(var(--rgb-black) / 0.05);
  --shadow-sm:0 1px 3px rgb(var(--rgb-black) / 0.06),0 4px 12px rgb(var(--rgb-black) / 0.05);
  --shadow-md:0 1px 4px rgb(var(--rgb-black) / 0.06),0 8px 24px rgb(var(--rgb-black) / 0.07);
  --shadow-accent:0 4px 16px rgb(var(--rgb-accent) / 0.26);
  --shadow-green:0 4px 12px rgb(var(--rgb-green-500) / 0.22);
  --shadow-float-sm:0 2px 8px rgb(var(--rgb-black) / 0.12);
  --shadow-brand-glow-lg:0 8px 32px rgb(var(--rgb-accent) / 0.28);

  
  --rating-star:#fbbf24; 
  --badge-hot:#aa0909;   
  --badge-new:#16a34a;   
  --badge-top:#258319;   

  
  
  --htag-new-bg:rgb(236 158 41 / 0.25);
  --htag-new-text:#ec9e29;
  --htag-new-border:rgb(236 158 41 / 0.30);

  
  --slot-thumb-grad-a:#1e003a;
  --slot-thumb-grad-b:#4b0082;
  --slot-screen-grad-a:#1e003a;
  --slot-screen-grad-b:#3a006b;
  --casino-hero-grad-a:#1a0a00;
  --casino-hero-grad-b:#3d1500;
  --casino-logo-grad-a:#ff583300;
  --casino-logo-grad-b:#ffffff00;

  
  --c-black:#000;
  --green:#16a34a;
  --green-soft:#dcfce7;
  --blue:#2563eb;
  --blue-soft:#dbeafe;
  --gold:#ffc400;
  --gold-soft:#fef9c3;
  --bg:#f5f5f5;
  --card:#ffffff;
  --border:#e0dfd9;
  --text:#111110;
  --text2:#252525;
  --text3:#292929;
  --text4:#aeada4;

  
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;

  
  --sp-1:var(--space-1);
  --sp-2:var(--space-2);
  --sp-3:var(--space-3);
  --sp-4:var(--space-4);
  --sp-5:var(--space-5);
  --sp-6:var(--space-6);
  --sp-8:var(--space-8);
  --sp-10:var(--space-10);
  --sp-12:var(--space-12);
  --sp-16:var(--space-16);

  
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-xl:16px;
  --radius-2xl:20px;
  --radius-full:9999px;

  
  --r-sm:var(--radius-sm);
  --r-md:var(--radius-md);
  --r-lg:var(--radius-lg);
  --r-xl:var(--radius-xl);
  --r-2xl:var(--radius-2xl);
  --r-full:var(--radius-full);

  
  --dur-fast:150ms;
  --dur-normal:220ms;
  --ease-out:cubic-bezier(0,0,0.2,1);

  
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-black:800;

  --lh-tight:1.1;
  --lh-normal:1.5;

  --ls-tight:-0.03em;
  --ls-snug:-0.015em;

  
  --radius:var(--radius-lg);

  
  --scale-card:1.3;

  

  
  --font-display:'Serif', sans-serif;
  --font-ui:'DM Sans', sans-serif;
  --font-mono:'DM Mono', monospace;

  
  --type-min:1rem;
  --type-body:19px;
  --type-body-sm:var(--type-min);
  --type-nav:var(--type-min);
  --type-nav-dd:var(--type-min);
  --type-label:18px;

  
  --layout-wrap-maxw:1280px;
  --layout-wrap-pad-x:32px;
  --layout-wrap-pad-x-sm:16px;
  --type-micro:var(--type-min);
  --type-tiny:17px;

  --type-logo:20px;
  --type-hero-title:clamp(36px, 5vw, 60px);
  --type-hero-lead:var(--type-min);
  --type-toolbar-title:18px;
  --type-stat-num:34px;
  --type-score-num:18px;

  
  --nav-height:60px;
  
  --nav-logo-h:44px;
  --nav-logo-maxw:200px;
  --nav-link-py:6px;
  --nav-link-px:12px;
  --nav-link-radius:8px;
  --nav-link-gap:6px;
  --nav-dd-radius:12px;
  --nav-dd-minw:220px;
  --nav-dd-pad:8px;
  --nav-dd-link-py:10px;
  --nav-dd-link-px:10px;
  --nav-dd-link-radius:10px;
  --nav-burger-size:40px;
  --nav-burger-radius:10px;

  
  --hero-pad-top:56px;
  --hero-pad-bottom:48px;
  --hero-gap:32px;
  --hero-title-ls:-1.5px;
  --hero-title-lh:1.05;
  --hero-lead-lh:1.6;
  --hero-lead-maxw:420px;

  
  --stat-gap:32px;
  --stat-num-ls:-1px;
  --stat-num-lh:1;
  --stat-label-mt:3px;

  
  --toolbar-pad-top:20px;
  --toolbar-gap:10px;
  --toolbar-title-ls:-.3px;

  --chip-gap:8px;
  --chip-py:6px;
  --chip-px:14px;
  --chip-radius:100px;
  --chip-border-w:1.5px;
  --chip-count-fs:11px;
  --chip-count-py:1px;
  --chip-count-px:6px;
  --chip-count-radius:6px;
  --red: #b81414;

  
  --select-border-w:1.5px;
  --select-radius:8px;
  --select-py:7px;
  --select-px:12px;
  --select-fs:13px;

  
  --breadcrumb-pad-top:var(--sp-4);
  --breadcrumb-gap:6px;
  --breadcrumb-row-gap:4px;
  --breadcrumb-fs:var(--type-min);
  --breadcrumb-color:var(--text-tertiary);
  --breadcrumb-link:var(--text-tertiary);
  --breadcrumb-link-hover:var(--text-primary);
  --breadcrumb-sep:var(--text-disabled);
  --breadcrumb-lh:1.4;

  
  --grid-gap:20px;
  --grid-pad-top:20px;
  --grid-pad-bottom:56px;
  --card-radius:var(--radius);
  --card-hover-raise:-3px;

  
  --thumb-h:168px;
  --badge-py:3px;
  --badge-px:9px;
  --badge-radius:6px;
  --thumb-score-radius:8px;
  --thumb-score-py:5px;
  --thumb-score-px:10px;
  --thumb-demo-radius:8px;
  --thumb-demo-py:7px;
  --thumb-demo-px:16px;

  
  --slot-card-name-fs:17px;
  --slot-card-provider-fs:var(--type-min);
  --slot-card-stars-fs:var(--type-min);
  --slot-card-spec-label-fs:var(--type-min);
  --slot-card-spec-value-fs:var(--type-min);
  --slot-card-c-rank-fs:var(--type-min);
  --slot-card-c-logo-fs:var(--type-min);
  --slot-card-c-name-fs:var(--type-min);
  --slot-card-c-bonus-fs:var(--type-min);
  --slot-card-c-rank-w:22px;
  --slot-card-c-rank-w-m:22px;
  --slot-card-c-logo-size:46px;
  --slot-card-c-logo-size-m:46px;
  --slot-card-c-logo-radius:10px;
  --slot-card-c-logo-pad:4px;

  
  --btn-go-radius:7px;
  --btn-go-py:6px;
  --btn-go-px:12px;
  --btn-go-fs:var(--type-min);
  --btn-go-fw:600;
  --btn-go-bg:var(--accent);
  --btn-go-fg:var(--text-inverse);
  --btn-go-hover-opacity:.86;

  
  --btn-go-radius-m:8px;
  --btn-go-py-m:10px;
  --btn-go-px-m:12px;
  --btn-go-fs-m:var(--type-min);

  --btn-review-radius:8px;
  --btn-review-py:9px;
  --btn-review-px:12px;
  --btn-review-fs:var(--type-min);
  --btn-review-gap:7px;
  --btn-review-fw:600;
  --btn-review-bg:var(--bg);
  --btn-review-fg:var(--text);
  --btn-review-border:var(--border);
  --btn-review-bg-hover:var(--bg-surface-hover);
  --btn-review-fg-hover:var(--text);
  --btn-review-border-hover:var(--text2);

  
  --btn-ghost-radius:var(--btn-review-radius);
  --btn-ghost-py:var(--btn-review-py);
  --btn-ghost-px:var(--btn-review-px);
  --btn-ghost-fs:var(--btn-review-fs);
  --btn-ghost-gap:var(--btn-review-gap);

  
  --btn-review-radius-m:8px;
  --btn-review-py-m:12px;
  --btn-review-px-m:12px;
  --btn-review-fs-m:var(--type-min);

  --btn-demo-radius:8px;
  --btn-demo-py:9px;
  --btn-demo-px:14px;
  --btn-demo-fs:var(--type-min);
  --btn-demo-fw:500;
  --btn-demo-bg:#e1ffafd8;
  --btn-demo-fg:var(--text3);
  --btn-demo-border:var(--border);
  --btn-demo-bg-hover:transparent;
  --btn-demo-fg-hover:var(--text);
  --btn-demo-border-hover:var(--text3);

  
  --btn-demo-radius-m:8px;
  --btn-demo-py-m:12px;
  --btn-demo-px-m:12px;
  --btn-demo-fs-m:var(--type-min);

  --btn-icon-radius:7px;
  --btn-icon-py:5px;
  --btn-icon-px:9px;
  --btn-icon-w:34px;
  --btn-icon-h:32px;
  --btn-icon-fs:var(--type-label);
  --btn-icon-bg:var(--bg);
  --btn-icon-fg:var(--text2);
  --btn-icon-border:var(--border);
  --btn-icon-border-hover:var(--text3);

  
  --btn-icon-radius-m:8px;
  --btn-icon-w-m:40px;
  --btn-icon-h-m:40px;

  
  --btn-demo-overlay-bg:var(--glass-white-95);
  --btn-demo-overlay-fg:var(--text);

  

  
  --cp-font-display:'Serif', ui-serif, Georgia, 'Times New Roman', Times, serif;
  --cp-font-sans:'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --cp-font-mono:'DM Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;

  --cp-fs-display:36px;
  --cp-fs-h1:26px;
  --cp-fs-h2:18px;
  --cp-fs-body:var(--type-min);
  --cp-fs-small:var(--type-min);
  --cp-fs-mono:var(--type-min);

  --cp-lh-display:1.05;
  --cp-lh-head:1.2;
  --cp-lh-body:1.65;

  
  --cp-type-hero-title:var(--cp-fs-display);
  --cp-type-section-title:var(--cp-fs-h2);
  --cp-type-card-title:var(--cp-fs-h1);
  --cp-type-body:var(--cp-fs-body);
  --cp-type-label:var(--cp-fs-small);
  --cp-type-code:var(--cp-fs-mono);

  
  --cp-wrap:980px;
  --cp-pad:20px;
  --cp-gap:14px;

  
  --cp-radius:14px;
  --cp-btn-h:42px;
  --cp-btn-px:14px;
  --cp-btn-gap:10px;
  --cp-chip-h:32px;
  --cp-chip-px:12px;
}
}@layer components{.cp{
  background:var(--bg-base);
  color:var(--text-primary);
  font-family:var(--cp-font-sans);
  font-size:var(--cp-type-body);
  line-height:var(--cp-lh-body);
}

.cp-wrap{
  max-width:var(--cp-wrap);
  margin:0 auto;
  padding:var(--cp-pad);
}

.cp-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--cp-gap);
  padding:18px 18px 16px;
  border:1px solid var(--border-default);
  background:var(--glass-white-94);
  border-radius:var(--cp-radius);
  box-shadow:var(--shadow-sm);
}

.cp-title{
  margin:0;
  font-family:var(--cp-font-display);
  font-weight:800;
  font-size:var(--cp-type-hero-title);
  line-height:var(--cp-lh-display);
  letter-spacing:-0.02em;
}

.cp-subtitle{
  margin:6px 0 0;
  color:var(--text-secondary);
  font-size:var(--cp-type-body);
}

.cp-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

.cp-section{
  margin-top:18px;
}

.cp-h2{
  margin:0 0 10px;
  font-size:var(--cp-type-section-title);
  line-height:var(--cp-lh-head);
  font-weight:800;
  letter-spacing:-0.01em;
  font-family:var(--cp-font-display);
}

.cp-lead{
  margin:0 0 12px;
  color:var(--text-secondary);
  font-size:var(--cp-type-body);
}

.cp-grid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:var(--cp-gap);
}

.cp-col-6{grid-column:span 6;}
.cp-col-4{grid-column:span 4;}
.cp-col-3{grid-column:span 3;}
.cp-col-12{grid-column:span 12;}

@media(max-width:920px){
  .cp-col-6,.cp-col-4,.cp-col-3{grid-column:span 12;}
  .cp-hero{align-items:flex-start;flex-direction:column;}
  .cp-nav{justify-content:flex-start;}
}


.cp-btn{
  height:var(--cp-btn-h);
  padding:0 var(--cp-btn-px);
  border-radius:12px;
  border:1.5px solid var(--border-default);
  background:var(--bg-surface);
  color:var(--text-primary);
  font:600 var(--cp-type-label)/1 var(--cp-font-sans);
  display:inline-flex;
  align-items:center;
  gap:var(--cp-btn-gap);
  text-decoration:none;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
  user-select:none;
}
.cp-btn:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs);transform:translateY(-1px);}
.cp-btn:active{transform:translateY(0);}
.cp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

.cp-btn--primary{
  background:var(--accent);
  color:var(--text-inverse);
  border-color:transparent;
  box-shadow:var(--shadow-accent);
}
.cp-btn--primary:hover{filter:saturate(1.02) brightness(1.02);}

.cp-btn--ghost{
  background:transparent;
}

.cp-btn--danger{
  background:var(--red-600);
  color:var(--text-inverse);
  border-color:transparent;
}

.cp-ico{
  width:28px;
  height:28px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--glass-black-06);
  font-size:16px;
  flex-shrink:0;
}


.cp-card{
  border:1px solid var(--border-default);
  background:var(--bg-surface);
  border-radius:var(--cp-radius);
  padding:14px 14px 12px;
  box-shadow:var(--shadow-sm);
}

.cp-card-hd{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}

.cp-card-title{
  margin:0;
  font:800 var(--cp-type-card-title)/var(--cp-lh-head) var(--cp-font-display);
  letter-spacing:-0.01em;
}

.cp-card-desc{
  margin:6px 0 0;
  color:var(--text-secondary);
  font-size:var(--cp-type-label);
}

.cp-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.cp-tag{
  height:var(--cp-chip-h);
  padding:0 var(--cp-chip-px);
  border-radius:999px;
  border:1px solid var(--border-default);
  background:var(--bg-subtle);
  display:inline-flex;
  align-items:center;
  gap:8px;
  font:600 var(--cp-type-label)/1 var(--cp-font-sans);
  color:var(--text-primary);
}

.cp-mono{
  font-family:var(--cp-font-mono);
  font-size:var(--cp-type-code);
}


.cp-card--slot .cp-ico{background:rgb(var(--rgb-accent) / 0.12);}
.cp-card--casino .cp-ico{background:rgb(var(--rgb-green-500) / 0.14);}
.cp-card--provider .cp-ico{background:rgb(37 99 235 / 0.14);}
.cp-card--category .cp-ico{background:rgb(217 119 6 / 0.16);}


.cp-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:var(--cp-radius);
  border:1px solid var(--border-default);
  background:var(--bg-surface);
  box-shadow:var(--shadow-sm);
}
.cp-table th,.cp-table td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top;}
.cp-table thead th{background:var(--bg-subtle);font-size:var(--type-min);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);}
.cp-table tbody tr:last-child td{border-bottom:none;}
.cp-k{white-space:nowrap;}
}@layer base{* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
[hidden]{display:none !important;}
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-display);
  font-weight: 400;
  font-size: var(--type-body);
  -webkit-font-smoothing: antialiased;
}


.md-table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0;}
.md-table:focus{outline:none;}
.md-table:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px;}
.md-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface);overflow:hidden;}
.md-table thead th{background:var(--bg-subtle);color:var(--text-tertiary);font-size:var(--type-min);font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.md-table th,.md-table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:top;font-size:var(--type-min);line-height:1.65;}
.md-table td{color:var(--text-secondary);}
.md-table tbody tr:last-child td{border-bottom:none;}
.md-table tbody tr:hover td{background:var(--bg-subtle);}
@media(max-width:600px){
  .md-table th,.md-table td{padding:10px 12px;}
  .md-table table{min-width:560px;}
}



.md-content{
  color:var(--text2);
  font-family:var(--font-ui);
  font-size:16px;
  line-height:1.78;
}
.md-content :where(p, ul, ol, blockquote, pre, table, figure){margin:0 0 var(--sp-4);}
.md-content :where(h2, h3, h4, h5, h6){font-family:var(--font-display);color:var(--text);line-height:1.2;margin:var(--sp-8) 0 var(--sp-3);}
.md-content :where(h2){font-size:26px;font-weight:800;letter-spacing:-.015em;}
.md-content :where(h3){font-size:20px;font-weight:800;letter-spacing:-.01em;}
.md-content :where(h4){font-size:18px;font-weight:800;}
.md-content :where(ul, ol){padding-left:1.2em;}
.md-content :where(li){margin:0.35em 0;}
.md-content :where(hr){border:0;height:1px;background:var(--border-subtle);margin:var(--sp-8) 0;}
.md-content :where(a){
  color:var(--accent);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.md-content :where(a:hover){opacity:0.9;}
.md-content :where(code){
  font-family:var(--font-mono);
  font-size:0.95em;
  background:var(--bg-subtle);
  border:1px solid var(--border-subtle);
  border-radius:8px;
  padding:0.14em 0.38em;
}
.md-content :where(pre){
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:14px;
  padding:14px 16px;
  overflow:auto;
}
.md-content :where(pre code){background:transparent;border:none;padding:0;}
.md-content :where(blockquote){
  border-left:3px solid var(--accent);
  padding:8px 0 8px 14px;
  color:var(--text-secondary);
}
.md-content :where(blockquote p){margin:0;}
.md-content :where(img){
  max-width:100%;
  height:auto;
  border-radius:14px;
  border:1px solid var(--border-subtle);
  display:block;
}
.md-content :where(table){
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--border-subtle);
  border-radius:12px;
  background:var(--bg-surface);
  overflow:hidden;
  display:block;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.md-content :where(th, td){padding:12px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:top;font-size:var(--type-min);line-height:1.65;}
.md-content :where(th){background:var(--bg-subtle);color:var(--text-tertiary);font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.md-content :where(tr:last-child td){border-bottom:none;}

.seo-block .md-content{max-width:75ch;}
}@layer layout{.page-wrap{
  max-width:var(--layout-wrap-maxw);
  margin:0 auto;
  padding:0 var(--layout-wrap-pad-x);
}

.breadcrumb{
  padding:var(--breadcrumb-pad-top) 0 0;
  display:flex;
  align-items:center;
  gap:var(--breadcrumb-gap);
  flex-wrap:wrap;
  max-width: 100%;
  white-space: wrap;
  row-gap:var(--breadcrumb-row-gap);
  font-size:var(--breadcrumb-fs);
  color:var(--breadcrumb-color);
  line-height:var(--breadcrumb-lh);
  min-width:0;
}
.breadcrumb a{color:var(--breadcrumb-link);text-decoration:none;}
.breadcrumb a:hover{color:var(--breadcrumb-link-hover);}
.breadcrumb .sep{color:var(--breadcrumb-sep);}

.slot-review .breadcrumb{grid-column:1/-1;}
.category-page{--breadcrumb-pad-top:var(--sp-5);}
.categories-hub{--breadcrumb-pad-top:var(--sp-5);}
.casinos-page{
  --breadcrumb-pad-top:var(--cas-breadcrumb-pad-top);
  --breadcrumb-color:var(--text3);
  --breadcrumb-link:var(--text3);
  --breadcrumb-link-hover:var(--text);
  --breadcrumb-sep:var(--text4);
}

.hero {
  padding: var(--hero-pad-top) 0 var(--hero-pad-bottom);
  display: flex; align-items: flex-end;
  justify-content: space-between; gap: var(--hero-gap);
  border-bottom: 1px solid var(--border);
}
.hero-left h1 {
  font-family: var(--font-display);
  font-size: var(--type-hero-title);
  font-weight: 800; letter-spacing: var(--hero-title-ls);
  line-height: var(--hero-title-lh); color: var(--text);
  margin-bottom: 14px;
}
.hero-left h1 span { color: var(--accent); }
.hero-left p {
  font-size: var(--type-hero-lead); font-weight: 400;
  color: var(--text2); line-height: var(--hero-lead-lh);
  max-width: var(--hero-lead-maxw);
}
.hero-stats {
  display: flex; gap: var(--stat-gap); flex-shrink: 0;
  padding-bottom: 4px;
}
.stat-block { text-align: right; }
.stat-n {
  font-family: var(--font-display);
  font-size: var(--type-stat-num); font-weight: 800;
  letter-spacing: var(--stat-num-ls); color: var(--text);
  line-height: var(--stat-num-lh);
}
.stat-l {
  font-size: var(--type-label); font-weight: 500;
  color: var(--text3); margin-top: var(--stat-label-mt);
}

.toolbar {
  padding: var(--toolbar-pad-top) 0 0;
  display: flex; align-items: center; gap: var(--toolbar-gap);
  flex-wrap: wrap;
}
.toolbar-title {
  font-family: var(--font-display);
  font-size: var(--type-toolbar-title); font-weight: 800;
  letter-spacing: var(--toolbar-title-ls); margin-right: 6px;
}
.toolbar-mobile-filter { display: none; }
.toolbar-chips { display: flex; flex-wrap: wrap; align-items: center; gap: var(--toolbar-gap); }
.chip-sel {
  border: 1.5px solid var(--border); border-radius: 10px;
  background: var(--card); color: var(--text2);
  padding: 9px 12px; font-family: var(--font-ui);
  font-size: var(--type-label); font-weight: 500; cursor: pointer; outline: none;
  transition: border-color .15s;
}
.chip-sel:hover { border-color: var(--text3); }
.chip {
  display: inline-flex; align-items: center; gap: var(--chip-gap);
  padding: var(--chip-py) var(--chip-px); border-radius: var(--chip-radius);
  font-size: var(--type-label); font-weight: 500;
  background: var(--card); border: var(--chip-border-w) solid var(--border);
  color: var(--text2); cursor: pointer;
  transition: all .15s;
}
.chip-count{
  font-family: var(--font-mono);
  font-size: var(--chip-count-fs);
  padding: var(--chip-count-py) var(--chip-count-px);
  border-radius: var(--chip-count-radius);
  background: var(--glass-black-08);
  color: inherit;
}
.chip.active .chip-count{ background: var(--glass-white-20); }
.chip:hover { border-color: var(--text3); color: var(--text); }
.chip.active {
  background: var(--text); border-color: var(--text);
  color: var(--text-inverse);
}
.toolbar-right { margin-left: auto; }
.sort-sel {
  border: var(--select-border-w) solid var(--border); border-radius: var(--select-radius);
  background: var(--card); color: var(--text2);
  padding: var(--select-py) var(--select-px); font-family: var(--font-ui);
  font-size: var(--select-fs); font-weight: 500; cursor: pointer; outline: none;
  transition: border-color .15s;
}
.sort-sel:hover { border-color: var(--text3); }

.grid,
.slot-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: var(--grid-gap); padding: var(--grid-pad-top) 0 var(--grid-pad-bottom);
}

.pagination {
  display:flex; align-items:center; justify-content:center;
  gap:4px; padding: 0 0 72px;
}
.pg {
  width:36px; height:36px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  border: 1.5px solid var(--border); background: var(--card);
  font-family: var(--font-ui);
  font-size: var(--type-nav); font-weight: 500; color: var(--text2);
  cursor: pointer; transition: all .15s;
}
.pg:hover { border-color: var(--text2); color: var(--text); }
.pg.active { background: var(--text); border-color: var(--text); color: var(--text-inverse); }
.pg.dots { border:none; background:none; color: var(--text3); cursor:default; }

.load-area{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  padding: 0 0 72px;
}
.load-progress{ width:100%; max-width:420px; }
.lp-label{ text-align:center; font-size:var(--type-min); color:var(--text3); margin-bottom:12px; }
.lp-track{ height:4px; background:var(--border); border-radius:9999px; overflow:hidden; }
.lp-fill{ height:100%; width:0%; background:var(--text); border-radius:9999px; transition: width .2s ease; }
.btn-load-more{
  background: var(--card);
  color: var(--text);
  border: 1.5px solid var(--border);
  border-radius: 10px;
  padding: 12px 28px;
  font-family: var(--font-ui);
  font-size: var(--type-min);
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
  display:flex; align-items:center; gap:12px;
}
.btn-load-more:hover{ border-color: var(--text2); background: var(--bg-surface-hover); }
.btn-load-more:disabled{ opacity:.6; cursor: not-allowed; }
.btn-load-more-icon{ color: var(--text4); }
.pager-sentinel{ height:1px; }


.seo-block{
  margin-top:var(--sp-12);
  padding-top:var(--sp-10);
  border-top:1px solid var(--border-subtle);
}
@layer components {
nav {
  position: relative; top:0; z-index:9995;
  background: var(--nav-bg);
  height: var(--nav-height);
}
.nav-inner{
  height:var(--nav-height);
  display:flex;
  align-items:center;
  gap:32px;
}
.nav-logo {
  font-family: var(--font-display);
  font-size: var(--type-logo); font-weight: 800;
  letter-spacing: -.5px;
  color: var(--text);
  text-decoration: none;
  display: flex; align-items: center; gap: 7px;
  flex-shrink: 0;
}
.nav-logo-img{height:var(--nav-logo-h);width:auto;max-width:var(--nav-logo-maxw);display:block;object-fit:contain;}
.logo-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--accent);
  animation: blink 2s ease-in-out infinite;
}
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }

.nav-links {
  display: flex; gap: 4px; list-style: none; flex: 1;
}
.nav-link {
  padding: var(--nav-link-py) var(--nav-link-px);
  font-size: var(--type-nav); font-weight: 600; color: var(--text2);
  text-decoration: none; border-radius: var(--nav-link-radius);
  transition: background .15s, color .15s;
  display:inline-flex; align-items:center; gap:var(--nav-link-gap);
}
.nav-link:hover { background: var(--border); color: var(--text); }
.nav-link.active { background: var(--text); color: var(--text-inverse); }

.nav-item{position:relative;}
.nav-item.is-open{z-index:9998;}
.nav-dd-caret{font-size:var(--type-min);color:var(--text3);}
.nav-dd{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  min-width:var(--nav-dd-minw);
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--nav-dd-radius);
  box-shadow:var(--shadow-lg);
  padding:var(--nav-dd-pad);
  display:flex;
  flex-direction:column;
  gap:2px;
  z-index:9997;
}
.nav-dd.is-portal{
  position:fixed;
  top:0;
  left:0;
  z-index:10000;
}
.nav-dd-link{
  padding:var(--nav-dd-link-py) var(--nav-dd-link-px);
  border-radius:var(--nav-dd-link-radius);
  text-decoration:none;
  font-size:var(--type-nav-dd);
  font-weight:600;
  color:var(--text2);
}
.nav-dd-link:hover{background:var(--bg);color:var(--text);}

.nav-item.is-open > .nav-parent{
  background: var(--border);
  color: var(--text);
}

.nav-right { margin-left: auto; display:flex; align-items:center; gap:10px; }
.nav-btn {
  padding: 8px 18px; border-radius: 8px;
  background: var(--accent); border: none;
  font-family: var(--font-ui);
  font-size: var(--type-nav); font-weight: 600; color: var(--text-inverse);
  cursor: pointer; transition: opacity .15s;
  text-decoration: none; display:inline-flex; align-items:center; justify-content:center;
}
.nav-btn:hover { opacity: .88; }

.nav-burger{
  display:none;
  width:var(--nav-burger-size);height:var(--nav-burger-size);
  border-radius:var(--nav-burger-radius);
  border:1.5px solid var(--border);
  background:var(--card);
  cursor:pointer;
  align-items:center;
  justify-content:center;
}
.nav-burger:hover{border-color:var(--text3);}
.nav-burger-icon{
  width:18px;height:12px;display:block;position:relative;
}
.nav-burger-icon::before,
.nav-burger-icon::after,
.nav-burger-icon{background:transparent;}
.nav-burger-icon::before,
.nav-burger-icon::after{
  content:'';
  position:absolute;left:0;right:0;
  height:2px;border-radius:2px;
  background:var(--text);
}
.nav-burger-icon::before{top:0;}
.nav-burger-icon::after{bottom:0;}
.nav-burger-icon{
  box-shadow:0 5px 0 0 var(--text);
}

.mobile-menu-backdrop{
  position:fixed;inset:0;
  background:rgb(var(--rgb-black) / 0.35);
  backdrop-filter:blur(6px);
  z-index:10050;
}
.mobile-menu{
  position:fixed;inset:0;
  z-index:10051;
  display:flex;
  justify-content:flex-end;
}

.demo-backdrop{
  position:fixed;inset:0;
  background:rgb(var(--rgb-black) / 0.45);
  backdrop-filter:blur(6px);
  z-index:10060;
}
.demo-modal{
  position:fixed;
  inset:10px;
  z-index:10061;
  display:flex;
  flex-direction:column;
  background:var(--card);
  border:1.5px solid var(--border);
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.dm-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid var(--border);
}
.dm-title{font-weight:700;}
.dm-close{
  width:34px;height:34px;border-radius:10px;
  border:1.5px solid var(--border);
  background:var(--bg-subtle);
  color:var(--text);
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:20px;line-height:1;
}
.dm-close:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-subtle);}
.dm-body{flex:1;min-height:0;background:var(--c-black);}
.dm-iframe{width:100%;height:100%;border:0;background:var(--c-black);display:block;}

@media (min-width:900px){
  .demo-modal{inset:5vh 8vw;}
}
.mobile-menu-panel{
  width:min(420px, 92vw);
  height:100%;
  background:var(--card);
  border-left:1px solid var(--border);
  box-shadow:var(--shadow-lg);
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.mm-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.mm-logo{
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.5px;
  color: var(--text);
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:7px;
}
.mm-logo-img{height:22px;width:auto;display:block;object-fit:contain;}
.mm-close{
  width:40px;height:40px;
  border-radius:10px;
  border:1.5px solid var(--border);
  background:var(--card);
  cursor:pointer;
  font-size:22px;
  line-height:1;
  color:var(--text2);
}
.mm-close:hover{border-color:var(--text3);color:var(--text);}
.mm-links{display:flex;flex-direction:column;gap:6px;}
.mm-link{
  padding:10px 10px;
  border-radius:10px;
  text-decoration:none;
  font-size:var(--type-min);
  font-weight:600;
  color:var(--text2);
  border:1px solid transparent;
  background:transparent;
  width:100%;
  text-align:left;
}
.mm-link:hover{background:var(--bg);color:var(--text);border-color:var(--border);}
.mm-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px;}
.mm-cta{width:100%;}

.mm-dd{display:flex;flex-direction:column;gap:4px;padding:0 0 0 6px;}
.mm-item.has-dd{display:flex;flex-direction:column;gap:6px;}
.mm-parent-row{display:flex;align-items:center;gap:8px;}
.mm-parent-row .mm-link{flex:1;}
.mm-dd-toggle{
  width:40px;height:40px;
  border-radius:10px;
  border:1.5px solid var(--border);
  background:var(--card);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.mm-dd-toggle:hover{border-color:var(--text3);}
.mm-parent-row .mm-caret{margin-left:0;}
.mm-sublink{
  padding:9px 10px;
  border-radius:10px;
  text-decoration:none;
  font-size:var(--type-min);
  font-weight:600;
  color:var(--text2);
}
.mm-sublink:hover{background:var(--bg);color:var(--text);}
.mm-caret{margin-left:auto;color:var(--text3);font-size:var(--type-min);}

body.menu-open{overflow:hidden;}
body.popup-open{overflow:hidden;}

.sc-playbutton{display:flex;justify-content:center;margin:24px 0;}
.btn-play{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 18px;
  border-radius:10px;
  border:1.5px solid var(--border);
  text-decoration:none;
  font-family:var(--font-ui);
  font-size:var(--type-nav);
  font-weight:800;
  letter-spacing:-.01em;
  cursor:pointer;
  transition:opacity .15s, background .15s, border-color .15s, color .15s;
}
.btn-play-primary{background:var(--accent);color:var(--text-inverse);border-color:transparent;box-shadow:var(--shadow-accent);}
.btn-play-primary:hover{opacity:.9;}
.btn-play-ghost{background:var(--glass-white-65);color:var(--text2);}
.btn-play-ghost:hover{background:var(--bg-surface);color:var(--text);border-color:var(--text3);}

.demo-embed{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow);
  overflow:hidden;
  margin:22px 0;
}
.demo-embed .de-head{
  padding:12px 14px;
  border-bottom:1px solid var(--border);
  background:var(--nav-bg);
  backdrop-filter:blur(12px);
}
.demo-embed .de-title{
  font-size:var(--type-min);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text3);
}
.demo-embed .de-frame{
  aspect-ratio:16/9;
  background:var(--c-black);
}
.demo-embed iframe{width:100%;height:100%;border:0;display:block;}

.toc-block, .toc-body{font-size:16px;line-height:1.6;color:var(--text2);}
.toc-body nav#TableOfContents, .toc-block nav#TableOfContents{padding:12px 14px;}
.toc-body ul, .toc-block ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:6px;}
.toc-body li ul, .toc-block li ul{padding-left:14px;margin-top:6px;gap:6px;}
.toc-body a, .toc-block a{color:var(--text2);text-decoration:none;}
.toc-body a:hover, .toc-block a:hover{color:var(--text);text-decoration:none;text-underline-offset:2px;}

.comments{
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid var(--border);
}
.comments__inner{max-width:72ch;}
.comments__header{margin-bottom:14px;}
.comments__title{
  font-family:var(--font-display);
  font-size:32px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.15;
  margin:6px 0 6px;
}
.comments__lead{color:var(--text3);font-size:var(--type-min);font-weight:600;margin:0;}
.comments__list{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.comment{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:14px 14px;
}
.comment__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;}
.comment__author{font-size:var(--type-min);font-weight:800;color:var(--text);}
.comment__time{font-size:var(--type-min);color:var(--text4);font-weight:600;white-space:nowrap;}
.comment__refs{display:flex;align-items:center;gap:8px;font-size:var(--type-min);color:var(--text3);margin-bottom:10px;flex-wrap:wrap;}
.comment__ref{color:var(--text2);font-weight:700;text-decoration:none;}
.comment__ref:hover{text-decoration:underline;text-underline-offset:2px;}
.comment__sep{color:var(--text4);}
.comment__text{font-size:var(--type-min);line-height:1.75;color:var(--text2);}

.comments__form{margin-top:16px;}
.comments__form-title{
  font-family:var(--font-display);
  font-size:24px;
  font-weight:800;
  letter-spacing:-.02em;
  margin:0 0 6px;
}
.comments__form-lead{margin:0 0 12px;color:var(--text3);font-size:var(--type-min);line-height:1.6;}
.comment-form{display:grid;gap:10px;}
.form-field{display:grid;gap:6px;}
.form-field > span{font-size:var(--type-min);color:var(--text3);font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.comment-form input,.comment-form textarea,.comment-form select{
  width:100%;
  border:1.5px solid var(--border);
  border-radius:12px;
  background:var(--glass-white-65);
  padding:10px 12px;
  font-family:var(--font-ui);
  font-size:var(--type-min);
  color:var(--text);
  outline:none;
}
.comment-form textarea{resize:vertical;min-height:110px;}
.comment-form input:focus,.comment-form textarea:focus,.comment-form select:focus{border-color:var(--text3);background:var(--bg-surface);}
.comment-submit{
  justify-self:start;
  background:var(--accent);
  color:var(--text-inverse);
  border:none;
  border-radius:12px;
  padding:10px 16px;
  font-family:var(--font-ui);
  font-size:var(--type-min);
  font-weight:800;
  cursor:pointer;
  box-shadow:var(--shadow-accent);
}
.comment-submit:hover{opacity:.92;}
.comment-status{min-height:18px;color:var(--text3);font-size:var(--type-min);}

.popup-backdrop{
  position:fixed;
  inset:0;
  background:var(--glass-ink-55);
  backdrop-filter:blur(10px);
  z-index:10100;
}
.popup-modal{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(980px, calc(100vw - 24px));
  height:min(700px, calc(100vh - 24px));
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow-lg);
  z-index:10101;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.pm-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid var(--border);
  background:var(--nav-bg);
  backdrop-filter:blur(12px);
}
.pm-title{
  font-size:var(--type-min);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text3);
}
.pm-close{
  width:36px;
  height:36px;
  border-radius:10px;
  border:1.5px solid var(--border);
  background:var(--card);
  cursor:pointer;
  font-size:18px;
  line-height:1;
  color:var(--text2);
}
.pm-close:hover{border-color:var(--text3);color:var(--text);background:var(--bg-surface);}
.pm-body{
  flex:1;
  min-height:0;
  padding:0;
  overflow:auto;
}
.pm-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--accent-soft);
  margin:16px 16px 14px;
}
.pm-cta-title{
  font-size:1rem;
  font-weight:700;
  color:var(--text);
}
.pm-cta-sub{
  margin-top:3px;
  font-size:1rem;
  color:var(--text2);
  line-height:1.55;
  max-width:70ch;
}
.pm-cta-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  flex-shrink:0;
}
.pm-cta-btn{
  padding:10px 14px;
  border-radius:10px;
  white-space:nowrap;
}
.pm-cta-code{
  font-size:var(--type-min);
  color:var(--text3);
  display:flex;
  align-items:center;
  gap:6px;
}
.pm-cta-code-val{
  font-family:var(--font-mono);
  font-weight:700;
  color:var(--text);
}
.pm-split{
  height:100%;
  display:grid;
  grid-template-columns: 220px 1fr;
}
.pm-menu{
  border-right:1px solid var(--border);
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow:auto;
  background:var(--bg-base-55);
}
.pm-tab{
  width:100%;
  text-align:left;
  padding:10px 10px;
  border-radius:10px;
  border:1px solid transparent;
  background:transparent;
  cursor:pointer;
  font-family:var(--font-ui);
  font-size:var(--type-label);
  font-weight:700;
  color:var(--text2);
}
.pm-tab:hover{background:var(--bg-surface);border-color:var(--border);color:var(--text);}
.pm-tab.is-active{background:var(--text);border-color:var(--text);color:var(--text-inverse);}
.pm-panels{overflow:auto;}
.pm-panel{display:none;padding:16px 16px 18px;}
.pm-panel.is-active{display:block;}

@media(max-width:800px){
  .popup-modal{height:min(760px, calc(100vh - 24px));}
  .pm-split{grid-template-columns: 1fr;}
  .pm-menu{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:nowrap;gap:8px;overflow:auto;}
  .pm-tab{white-space:nowrap;width:auto;}
  .pm-cta{margin:12px 12px 12px;flex-direction:column;align-items:stretch;}
  .pm-cta-right{align-items:stretch;}
  .pm-entity-link{margin:12px 12px 10px;}
}
.pm-body h2,.pm-body h3{
  font-family:var(--font-display);
  letter-spacing:-.3px;
  color:var(--text);
}
.pm-body p{color:var(--text2);line-height:1.7;margin-bottom:14px;max-width:70ch;}
.pm-body a{color:var(--accent);}
.pm-body a.btn-go,
.pm-body a.btn-review,
.pm-body a.btn-cta-sm,
.pm-body a.pm-cta-btn{
  text-decoration:none;
}
.pm-body a.btn-go,
.pm-body a.btn-cta-sm,
.pm-body a.pm-cta-btn{
  color:var(--btn-go-fg);
}
.pm-body a.btn-review{color:var(--btn-review-fg);}
.pm-body a.pm-entity-link{color:inherit;text-decoration:none;}
.pm-body ul,.pm-body ol{
  margin:0 0 14px;
  padding-left:20px;
  color:var(--text2);
  line-height:1.7;
  max-width:70ch;
}
.pm-body li{margin:6px 0;}
.pm-body blockquote{
  margin:14px 0;
  padding:12px 14px;
  border-left:3px solid var(--accent);
  background:var(--brand-tint-06);
  border-radius:0 10px 10px 0;
  color:var(--text2);
}
.pm-body code{
  font-family:var(--font-mono);
  font-size:var(--type-min);
  background:var(--glass-black-06);
  padding:2px 6px;
  border-radius:6px;
}
.pm-body pre{
  margin:14px 0;
  padding:12px 14px;
  background:var(--bg-inverse);
  color:var(--text-inverse);
  border-radius:12px;
  overflow:auto;
}
.pm-body pre code{background:transparent;padding:0;}

.pm-panel h2{margin-top:18px;}
.pm-panel > :first-child{margin-top:0 !important;}

.pm-entity-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  margin:16px 16px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
  box-shadow:0 1px 3px rgb(var(--rgb-black) / 0.06);
}
.pm-entity-logo{
  width:36px;
  height:36px;
  border-radius:10px;
  border:1px solid var(--border);
  background:var(--bg);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  overflow:hidden;
}
.pm-entity-logo img{width:100%;height:100%;object-fit:contain;display:block;}
.pm-entity-kicker{
  font-size:var(--type-min);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text3);
  line-height:1.2;
}
.pm-entity-name{
  margin-top:2px;
  font-size:var(--type-min);
  font-weight:700;
  color:var(--text);
  line-height:1.25;
}
.pm-entity-link:hover{border-color:var(--text3);background:var(--bg-surface);}

.lang-dd{position:relative;}
.lang-dd-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1.5px solid var(--border);
  background: var(--glass-white-65);
  cursor:pointer;
  font-family: var(--font-ui);
  font-size: var(--type-label);
  font-weight: 700;
  color: var(--text2);
}
.lang-dd-btn:hover{border-color:var(--text3);color:var(--text);}
.lang-dd-caret{font-size:var(--type-min);color:var(--text3);}
.lang-dd-menu{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  min-width:140px;
  width:max-content;
  max-width:calc(100vw - 16px);
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:var(--shadow-lg);
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:2px;
  z-index:9997;
}
.lang-dd-menu.is-portal{
  position:fixed;
  top:0;
  left:0;
  z-index:10000;
  width:max-content;
}
.lang-dd-link{
  padding:10px 10px;
  border-radius:10px;
  text-decoration:none;
  font-size:var(--type-min);
  font-weight:700;
  color:var(--text2);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.lang-dd-link:hover{background:var(--bg);color:var(--text);}
.lang-dd-link.is-active{background:var(--text);color:var(--text-inverse);}

.card {
  background: var(--card);
  border-radius: var(--card-radius);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: box-shadow .25s, transform .25s;
  animation: up .45s ease both;
}
.card:hover { box-shadow: var(--shadow-lg); transform: translateY(var(--card-hover-raise)); }
@keyframes up {
  from { opacity:0; transform:translateY(20px); }
  to   { opacity:1; transform:translateY(0); }
}

.thumb {
  height: var(--thumb-h); position: relative; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.thumb-emoji { font-size: 68px; position: relative; z-index: 1; }
.thumb-img{
  width:auto;
  height:auto;
  max-width:78%;
  max-height:78%;
  object-fit:contain;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 10px 24px rgb(var(--rgb-black) / 0.18));
}
.thumb.has-img{ background:var(--bg-surface); }
.thumb.has-img .thumb-overlay{ display:none; }
.thumb-overlay {
  position: absolute; inset:0;
  background: linear-gradient(to top, rgb(var(--rgb-black) / 0.35) 0%, transparent 60%);
  z-index: 2;
}
.thumb-badges {
  position: absolute; top:12px; left:12px; z-index:3;
  display:flex; gap:5px; flex-wrap:wrap;
}
.badge {
  padding: var(--badge-py) var(--badge-px); border-radius: var(--badge-radius);
  font-size: var(--type-tiny); font-weight: 700; letter-spacing: .3px;
  background: var(--bg-subtle);
  border: 1px solid var(--border-subtle);
  color: var(--text2);
}
.badge-hot   { background:var(--badge-hot); color:var(--text-inverse); }
.badge-new   { background:var(--badge-new); color:var(--text-inverse); }
.badge-top   { background:var(--badge-top); color:var(--text-inverse); }
.badge.bs-hot{ background:var(--badge-hot); color:var(--text-inverse); }
.badge.bs-new{ background:var(--badge-new); color:var(--text-inverse); }
.badge.bs-top{ background:var(--badge-top); color:var(--text-inverse); }
.badge.bs-crash{ background:var(--blue-500); color:var(--text-inverse); border-color:transparent; }
.badge.bs-provably-fair{ background:var(--green-600); color:var(--text-inverse); border-color:transparent; }
.badge.bs-high-rtp{ background:var(--green-500); color:var(--text-inverse); border-color:transparent; }
.badge.bs-plinko{ background:var(--amber-500); color:var(--text-inverse); border-color:transparent; }
.badge.bs-adjustable-risk{ background:var(--amber-600); color:var(--text-inverse); border-color:transparent; }
.badge.bs-dual-mode{ background:var(--blue-600); color:var(--text-inverse); border-color:transparent; }

.thumb-score {
  position: absolute; top:12px; right:12px; z-index:3;
  background: var(--glass-white-95);
  border-radius: var(--thumb-score-radius); padding: var(--thumb-score-py) var(--thumb-score-px);
  display: flex; align-items: baseline; gap: 3px;
  box-shadow: var(--shadow-float-sm);
}
.score-num {
  font-family: var(--font-display);
  font-size: var(--type-score-num); font-weight: 800; color: var(--text);
  letter-spacing: -.5px;
}
.score-max { font-size: var(--type-tiny); font-weight: 500; color: var(--text3); }
.thumb-demo-btn {
  position: absolute; bottom:12px; left:50%; transform:translateX(-50%) translateY(8px);
  z-index:3; opacity:0;
  background: var(--btn-demo-overlay-bg);
  border: none; border-radius: var(--thumb-demo-radius);
  padding: var(--thumb-demo-py) var(--thumb-demo-px); cursor:pointer;
  font-family: var(--font-ui);
  font-size: var(--type-label); font-weight: 600; color: var(--text);
  transition: opacity .2s, transform .2s;
  white-space: nowrap;
  text-decoration:none;
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
}
.card:hover .thumb-demo-btn { opacity:1; transform:translateX(-50%) translateY(0); }

.card-body { padding: 16px 16px 0; }
.slot-head {
  display: flex; align-items: flex-start;
  justify-content: space-between; margin-bottom: 12px;
}
.slot-name {
  font-family: var(--font-display);
  font-size: calc(var(--slot-card-name-fs) * var(--scale-card)); font-weight: 800;
  letter-spacing: -.3px; color: var(--text);
}
.slot-provider {
  font-size: calc(var(--slot-card-provider-fs) * var(--scale-card)); font-weight: 500;
  color: var(--accent); margin-top: 2px;
  text-decoration:none;
}
.slot-provider:hover{ text-decoration:underline; text-underline-offset:2px; }
.slot-stars { color: var(--rating-star); font-size: calc(var(--slot-card-stars-fs) * var(--scale-card)); letter-spacing:1px; }

.specs {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 6px; margin-bottom: 16px;
}
.spec {
  background: var(--bg); border-radius: 8px;
  padding: 9px 10px; text-align: center;
}
.spec-l {
  font-size: calc(var(--slot-card-spec-label-fs) * var(--scale-card)); font-weight: 600; letter-spacing:.8px;
  text-transform: uppercase; color: var(--text3); margin-bottom: 4px;
}
.spec-v {
  font-family: var(--font-display);
  font-size: calc(var(--slot-card-spec-value-fs) * var(--scale-card)); font-weight: 800;
  letter-spacing: -.3px; color: var(--red);
}
.spec-v.good { color: var(--green); }

.casino-section-label {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 8px;
}
.casino-section-label span {
  font-size: max(var(--type-min), calc(11px * var(--scale-card))); font-weight: 600; letter-spacing:.8px;
  text-transform: uppercase; color: var(--text3);
}
.casino-section-label::after {
  content:''; flex:1; height:1px; background: var(--border);
}

.c-logo{ overflow:hidden; }
.c-logo-img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  padding:var(--slot-card-c-logo-pad);
  object-fit:contain;
  filter:drop-shadow(0 6px 14px rgb(var(--rgb-black) / 0.18));
}

.casino-rows { display:flex; flex-direction:column; gap:6px; }
.casino-row {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 10px; border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--card);
  transition: border-color .15s, background .15s;
  cursor: default;
}
.casino-row:hover {
  border-color: var(--border-hover);
  background: var(--bg-surface-hover);
}
.casino-row .c-rank {
  font-family: var(--font-display);
  font-size: calc(var(--slot-card-c-rank-fs) * var(--scale-card)); font-weight: 800;
  width:var(--slot-card-c-rank-w);
  height:var(--slot-card-c-logo-size);
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.casino-row .c-rank.r1 { color: var(--gold); }
.casino-row .c-rank.r2 { color: var(--text3); }
.casino-row .c-rank.r3 { color: var(--text4); }
.casino-row .c-logo {
  width: var(--slot-card-c-logo-size);
  height: var(--slot-card-c-logo-size);
  border-radius: var(--slot-card-c-logo-radius);
  display: flex; align-items:center; justify-content:center;
  font-family: var(--font-display);
  font-size: calc(var(--slot-card-c-logo-fs) * var(--scale-card)); font-weight: 800; flex-shrink:0;
  letter-spacing:-.5px;
}
.casino-row .c-info { flex:1; min-width:0; }
.casino-row .c-name {
  font-size: calc(var(--slot-card-c-name-fs) * var(--scale-card)); font-weight: 600; color: var(--text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.casino-row .c-bonus {
  font-size: calc(var(--slot-card-c-bonus-fs) * var(--scale-card)); font-weight: 500; color: var(--green);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  margin-top: 1px;
}
.casino-row .c-actions {
  display:grid;
  grid-template-columns: 1fr 34px;
  gap:6px;
  flex-shrink:0;
  align-items:center;
}
.btn-go {
  background: var(--btn-go-bg); color: var(--btn-go-fg); border: none;
  border-radius: var(--btn-go-radius); padding: var(--btn-go-py) var(--btn-go-px);
  font-family: var(--font-ui);
  font-size: calc(var(--btn-go-fs) * var(--scale-card)); font-weight: var(--btn-go-fw);
  cursor: pointer; transition: opacity .15s;
  white-space: nowrap;
  width:100%;
  text-align:center;
  text-decoration:none;
}
.btn-go:hover { opacity:var(--btn-go-hover-opacity); }
.btn-info {
  background: var(--btn-icon-bg); color: var(--btn-icon-fg);
  border: 1.5px solid var(--btn-icon-border); border-radius: var(--btn-icon-radius);
  padding: 0; font-size: calc(var(--btn-icon-fs) * var(--scale-card));
  cursor: pointer; transition: all .15s;
  width:var(--btn-icon-w);
  height:var(--btn-icon-h);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.btn-info:hover { border-color: var(--btn-icon-border-hover); color: var(--text); }
.btn-info-icon { width: 18px; height: 18px; fill: currentColor; display: block; }
@media (max-width: 768px){ .btn-info-icon { width: 20px; height: 20px; } }

.card-footer {
  display: flex; gap: 8px;
  padding: 12px 16px; margin-top: 14px;
  border-top: 1px solid var(--border);
}
.btn-review {
  flex:1; background: var(--btn-review-bg); color: var(--btn-review-fg);
  border: 1.5px solid var(--btn-review-border); border-radius: var(--btn-review-radius);
  padding: var(--btn-review-py) var(--btn-review-px); cursor: pointer;
  font-family: var(--font-ui);
  font-size: calc(var(--btn-review-fs) * var(--scale-card)); font-weight: var(--btn-review-fw);
  transition: all .15s; display:flex; align-items:center;
  justify-content:center; gap:var(--btn-review-gap);
  text-decoration:none;
}
.btn-review:hover { border-color: var(--btn-review-border-hover); background: var(--btn-review-bg-hover); color: var(--btn-review-fg-hover); }
.btn-demo-footer {
  background: var(--btn-demo-bg); color: var(--btn-demo-fg);
  border: 1.5px solid var(--btn-demo-border); border-radius: var(--btn-demo-radius);
  padding: var(--btn-demo-py) var(--btn-demo-px); cursor: pointer;
  font-family: var(--font-ui);
  font-size: calc(var(--btn-demo-fs) * var(--scale-card)); font-weight: var(--btn-demo-fw);
  transition: all .15s; white-space:nowrap;
  text-decoration:none;
}
.btn-demo-footer:hover { background: var(--btn-demo-bg-hover); color: var(--btn-demo-fg-hover); border-color: var(--btn-demo-border-hover); }

footer {
  border-top: 1px solid var(--border);
  padding: 36px 0;
}
.footer-inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.footer-brand {
  font-family: var(--font-display);
  font-size: 18px; font-weight: 800; color: var(--text);
  letter-spacing: -.5px; margin-bottom: 6px;
}
.footer-sub { font-size: var(--type-min); color: var(--text3); line-height: 1.6; max-width: 320px; }
.footer-links { display:flex; gap:20px; flex-wrap:wrap; align-items:center; }
.footer-links a {
  font-size: var(--type-min); font-weight: 500; color: var(--text2);
  text-decoration: none; transition: color .15s;
}
.footer-links a:hover { color: var(--text); }
.footer-18 {
  background: var(--text); color: var(--text-inverse);
  border-radius: 6px; padding: 3px 7px;
  font-size: var(--type-min); font-weight: 700; letter-spacing:.5px;
}

@media(max-width:768px) {
  body{font-size:var(--type-body);}
  .page-wrap{padding:0 var(--layout-wrap-pad-x-sm);}
  .nav-links { display:none; }
  .nav-burger{display:inline-flex;}
  .hero { padding:36px 0 32px; flex-direction:column; gap:24px; }
  .hero-stats { align-self:flex-start; }
  .stat-block { text-align:left; }
  .toolbar { padding:16px 0 0; }
  .toolbar-mobile-filter { display: block; width: 100%; }
  .toolbar-mobile-filter .chip-sel { width: 100%; }
  .toolbar-chips { display: none; }
  .grid { padding:16px 0 40px; grid-template-columns:1fr; }
  .pagination { padding:0 0 48px; }
  .load-area { padding:0 0 48px; }
  footer { padding:24px 0; }

  
  .slot-name{font-size:18px;}
  .slot-provider{font-size:var(--type-min);}
  .specs{grid-template-columns:repeat(2,1fr);}
  .specs .spec:last-child{grid-column:1 / -1;}
  .spec-v{font-size:var(--type-min);}
  .c-name,.c-bonus{white-space:normal;overflow:visible;text-overflow:clip;}
  .casino-row .c-rank{width:var(--slot-card-c-rank-w-m);height:var(--slot-card-c-logo-size-m);}
  .casino-row .c-logo{width:var(--slot-card-c-logo-size-m);height:var(--slot-card-c-logo-size-m);}
  .casino-row{align-items:flex-start;flex-wrap:wrap;}
  .casino-row .c-actions{width:100%;padding-top:8px;display:grid;grid-template-columns:1fr 40px;gap:8px;}
  .btn-go{width:100%;padding:var(--btn-go-py-m) var(--btn-go-px-m);font-size:var(--btn-go-fs-m);border-radius:var(--btn-go-radius-m);}
  .btn-info{width:var(--btn-icon-w-m);height:var(--btn-icon-h-m);display:flex;align-items:center;justify-content:center;border-radius:var(--btn-icon-radius-m);}

  .card-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .btn-review,.btn-demo-footer{width:100%;justify-content:center;}
  .btn-review{padding:var(--btn-review-py-m) var(--btn-review-px-m);font-size:var(--btn-review-fs-m);border-radius:var(--btn-review-radius-m);}
  .btn-demo-footer{padding:var(--btn-demo-py-m) var(--btn-demo-px-m);font-size:var(--btn-demo-fs-m);border-radius:var(--btn-demo-radius-m);}
}


.author-box{
  margin:var(--sp-6) 0;
  padding:14px 16px;
  display:flex;
  gap:12px;
  align-items:center;
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:14px;
  box-shadow:var(--shadow-xs);
}
.author-avatar{
  width:56px;
  height:56px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid var(--border-subtle);
  flex-shrink:0;
}
.author-name{
  font-family:var(--font-display);
  font-weight:800;
  color:var(--text);
  text-decoration:none;
  line-height:1.2;
}
.author-name:hover{opacity:0.9;}
.author-desc{
  margin-top:2px;
  font-size:var(--type-min);
  color:var(--text-secondary);
  line-height:1.45;
}


.container{
  max-width:var(--layout-wrap-maxw);
  margin:0 auto;
  padding:0 var(--layout-wrap-pad-x);
}
.page-hero{
  min-height:240px;
  padding:calc(var(--nav-height) + var(--sp-10)) 0 var(--sp-10);
  background-size:cover;
  background-position:center;
  border-bottom:1px solid var(--border-subtle);
}
.page-hero__inner h1{
  font-family:var(--font-display);
  font-size:clamp(34px,4.5vw,54px);
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1.06;
  margin:var(--sp-2) 0 var(--sp-4);
  color:rgb(var(--rgb-white) / 0.95);
  text-shadow:0 12px 40px rgb(var(--rgb-black) / 0.35);
}
.page-hero__eyebrow{
  font-size:var(--type-min);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgb(var(--rgb-white) / 0.72);
}
.page-hero__subtitle{
  max-width:70ch;
  font-size:16px;
  line-height:1.65;
  color:rgb(var(--rgb-white) / 0.80);
}
.author-page{padding:var(--sp-10) 0 var(--sp-16);}
.author-inner{display:flex;flex-direction:column;gap:var(--sp-8);}
.author-profile{
  display:flex;
  gap:var(--sp-6);
  align-items:center;
  padding:var(--sp-6);
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-sm);
}
.author-avatar-wrap{flex-shrink:0;}
.author-avatar-large{
  width:160px;
  height:160px;
  border-radius:18px;
  object-fit:cover;
  border:1px solid var(--border-subtle);
}
.author-title{margin:0 0 6px;font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;}
.author-bio{margin:0;color:var(--text-secondary);font-size:16px;line-height:1.65;max-width:75ch;}
.content-section{padding:0 var(--sp-2);}
.author-posts h3{font-family:var(--font-display);font-size:22px;font-weight:900;margin-bottom:var(--sp-4);}
.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4);}
.author-post-card{
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:14px;
  padding:var(--sp-5);
  box-shadow:var(--shadow-xs);
}
.author-post-card h4{font-family:var(--font-display);font-size:18px;font-weight:900;margin-bottom:8px;}
.author-post-card a{color:var(--text);text-decoration:none;}
.author-post-card a:hover{color:var(--accent);}
.author-post-card p{margin:0;color:var(--text-secondary);font-size:var(--type-min);line-height:1.65;}
@media(max-width:768px){
  .author-profile{flex-direction:column;align-items:flex-start;}
  .author-avatar-large{width:120px;height:120px;}
}
}
@layer components {
.slot-review{
  
  --sr-wrap-maxw:1200px;
  --sr-wrap-pad-x:var(--sp-8);
  --sr-grid-sidebar-w:340px;
  --sr-grid-col-gap:var(--sp-8);
  --sr-sidebar-sticky-top:76px;

  
  --sr-hero-pad-top:var(--sp-10);
  --sr-hero-pad-bottom:var(--sp-8);
  --sr-thumb-size:140px;
  --sr-thumb-img-w:240px;
  --sr-thumb-img-h:170px;

  
  --sr-title-fs:50px;
  --sr-rating-num-fs:32px;
  --sr-star-fs:18px;
  --sr-score-num-fs:56px;

  background:var(--bg);
  color:var(--text);
}

.slot-review .page-wrap{max-width:var(--sr-wrap-maxw);margin:0 auto;padding:0 var(--sr-wrap-pad-x);}
.slot-review .page-grid{display:grid;grid-template-columns:1fr var(--sr-grid-sidebar-w);gap:0 var(--sr-grid-col-gap);align-items:start;}

.slot-review .slot-hero{padding:var(--sr-hero-pad-top) 0 var(--sr-hero-pad-bottom);grid-column:1/-1;}
.slot-review .slot-hero-inner{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-6);align-items:flex-start;}
.slot-review .slot-thumb{
  width:var(--sr-thumb-size);height:var(--sr-thumb-size);border-radius:var(--r-xl);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:68px;
  background:linear-gradient(135deg,var(--slot-thumb-grad-a),var(--slot-thumb-grad-b));
  box-shadow:var(--shadow-md);position:relative;overflow:hidden;
}
.slot-review .slot-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom right,rgb(var(--rgb-white) / 0.08),transparent);}
.slot-review .slot-thumb-img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 10px 24px rgb(var(--rgb-black) / 0.18));
}
.slot-review .slot-thumb.has-img{
  width:var(--sr-thumb-img-w);
  height:var(--sr-thumb-img-h);
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0;
  overflow:visible;
}
.slot-review .slot-thumb.has-img .slot-thumb-img{
  filter:drop-shadow(0 14px 30px rgb(var(--rgb-black) / 0.20));
}
.slot-review .slot-thumb.has-img::after{display:none;}
.slot-review .slot-hero-meta{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;}
.slot-review .slot-tags{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:var(--sp-3);
}
.slot-review .tag-pill{
  font-size:var(--type-min);
  font-weight:var(--fw-semibold);
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--text-secondary);
  background:var(--bg-surface);
  border:1px solid var(--border-default);
  border-radius:var(--r-full);
  padding:3px 10px;
  text-decoration:none;
  transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.slot-review .tag-pill:hover{
  color:var(--text-primary);
  background:var(--bg-subtle);
  border-color:var(--border-strong);
}
.slot-review .badge-provider{
  font-size:var(--type-min);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent);background:var(--accent-soft);border-radius:var(--r-full);padding:3px 10px;
}
.slot-review .badge-status{
  font-size:var(--type-min);
  font-weight:var(--fw-semibold);
  letter-spacing:.04em;
  text-transform:uppercase;
  border-radius:var(--r-full);
  padding:3px 10px;
  background:var(--bg-subtle);
  border:1px solid var(--border-subtle);
  color:var(--text-secondary);
}
.slot-review .bs-hot{background:var(--red-500);color:var(--text-inverse);}
.slot-review .bs-new{background:var(--green-500);color:var(--text-inverse);}
.slot-review .bs-top{background:var(--amber-500);color:var(--text-inverse);}
.slot-review .bs-crash{background:var(--blue-500);color:var(--text-inverse);border-color:transparent;}
.slot-review .bs-provably-fair{background:var(--green-600);color:var(--text-inverse);border-color:transparent;}
.slot-review .bs-high-rtp{background:var(--green-500);color:var(--text-inverse);border-color:transparent;}
.slot-review .bs-plinko{background:var(--amber-500);color:var(--text-inverse);border-color:transparent;}
.slot-review .bs-adjustable-risk{background:var(--amber-600);color:var(--text-inverse);border-color:transparent;}
.slot-review .bs-dual-mode{background:var(--blue-600);color:var(--text-inverse);border-color:transparent;}
.slot-review .slot-title{
  font-family:var(--font-display);font-size:var(--sr-title-fs);font-weight:var(--fw-black);
  letter-spacing:var(--ls-tight);line-height:var(--lh-tight);
  margin-bottom:var(--sp-3);
}
.slot-review .slot-tagline{font-size:16px;color:var(--text-secondary);line-height:var(--lh-normal);margin-bottom:var(--sp-5);max-width:520px;}
.slot-review .slot-rating-row{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;}
.slot-review .rating-big{display:flex;align-items:baseline;gap:4px;}
.slot-review .rating-num{font-family:var(--font-display);font-size:var(--sr-rating-num-fs);font-weight:var(--fw-black);letter-spacing:var(--ls-snug);}
.slot-review .rating-max{font-size:var(--type-min);color:var(--text-tertiary);}
.slot-review .stars-row{display:flex;gap:2px;align-items:center;}
.slot-review .star{font-size:var(--sr-star-fs);color:var(--amber-400);}
.slot-review .rating-count{font-size:var(--type-min);color:var(--text-tertiary);font-weight:var(--fw-medium);}
.slot-review .updated-tag{font-size:var(--type-min);color:var(--text-disabled);}
.slot-review .hero-actions{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap;}
.slot-review .btn-cta-sm{
  background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--r-md);
  padding:8px 16px;font-family:var(--font-ui);font-size:var(--type-min);font-weight:var(--fw-semibold);
  cursor:pointer;box-shadow:var(--shadow-accent);transition:opacity var(--dur-fast) var(--ease-out);text-decoration:none;
}
.slot-review .btn-cta-sm:hover{opacity:.88;}
.slot-review .btn-cta-lg{padding:10px 22px;font-size:var(--type-min);}
.slot-review .btn-demo{
  background:var(--bg-surface);color:var(--text-secondary);
  border:1.5px solid var(--border-default);border-radius:var(--r-md);
  padding:10px 20px;font-family:var(--font-ui);font-size:var(--type-min);font-weight:var(--fw-semibold);cursor:pointer;
  transition:all var(--dur-fast) var(--ease-out);
}
.slot-review .btn-tests{padding:10px 20px;font-size:var(--type-min);}
.slot-review .btn-demo-wide{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:none;width:auto;}
.slot-review .btn-demo:hover{color:var(--text-primary);border-color:var(--border-strong);}

.slot-review .demo-embed{margin:0 0 var(--sp-8);}
.slot-review .demo-embed .de-frame{aspect-ratio:16/9;}
.slot-review .toc-card .toc-body nav#TableOfContents{padding:12px 14px;}

.slot-review .facts-bar{
  grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);
  background:var(--bg-surface);border:1px solid var(--border-subtle);
  border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--sp-8);
}
.slot-review .fact-cell{padding:var(--sp-5) var(--sp-4);border-right:1px solid var(--border-subtle);text-align:center;}
.slot-review .fact-cell:last-child{border-right:none;}
.slot-review .fact-label{font-size:max(var(--type-min), calc(10px * var(--scale-card)));font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--sp-2);}
.slot-review .fact-value{font-family:var(--font-display);font-size:calc(20px * var(--scale-card));font-weight:var(--fw-black);letter-spacing:var(--ls-snug);line-height:1;}
.slot-review .fact-value.good{color:var(--green-600);}
.slot-review .fact-value.warn{color:var(--amber-600);}
.slot-review .fact-sub{font-size:max(var(--type-min), calc(11px * var(--scale-card)));color:var(--text-tertiary);margin-top:4px;font-weight:var(--fw-medium);}

.slot-review .main-col{padding-bottom:var(--sp-16);min-width:0;}
.slot-review .sidebar-col{position:sticky;top:var(--sr-sidebar-sticky-top);display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:var(--sp-16);}

.slot-review .review-body h2{
  font-family:var(--font-display);font-size:32px;font-weight:var(--fw-black);
  letter-spacing:var(--ls-snug);line-height:1.15;
  margin-top:48px;margin-bottom:var(--sp-4);padding-top:48px;border-top:1px solid var(--border-subtle);
}
.slot-review .review-body h2:first-child{margin-top:0;padding-top:0;border-top:none;}
.slot-review .review-body h3{font-family:var(--font-display);font-size:24px;font-weight:var(--fw-black);margin-top:20px;margin-bottom:var(--sp-3);}
.slot-review .review-body p{font-size:1em;line-height:1.78;color:var(--text-body);margin-bottom:20px;max-width:68ch;}
.slot-review .review-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.slot-review .lead-para{font-size:1.1em!important;line-height:1.65!important;color:var(--text-lead)!important;font-weight:var(--fw-medium)!important;}
.slot-review .review-body blockquote{
  border-left:3px solid var(--accent);
  padding:var(--sp-4) var(--sp-5);margin:20px 0;background:var(--bg-subtle);
  border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text-secondary);font-style:italic;
}
.slot-review .review-body ul,
.slot-review .review-body ol{
  margin:14px 0 20px;
  color:var(--text-body);
  line-height:1.78;
  max-width:68ch;
}
.slot-review .review-body ul{padding-left:22px;list-style:disc;}
.slot-review .review-body ul li{margin:6px 0;padding-left:4px;}
.slot-review .review-body ul li::marker{color:var(--text-tertiary);}
.slot-review .review-body ul ul{margin:10px 0 0;padding-left:18px;list-style:circle;}
.slot-review .review-body ul ul ul{list-style:square;}


.slot-review .review-body ol{list-style:none;padding-left:0;counter-reset:sr-ol;}
.slot-review .review-body ol > li{
  counter-increment:sr-ol;
  position:relative;
  margin:10px 0;
  padding:12px 14px 12px 54px;
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:14px;
}
.slot-review .review-body ol > li::before{
  content:counter(sr-ol);
  position:absolute;
  left:14px;
  top:12px;
  width:28px;
  height:28px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-size:var(--type-min);
  font-weight:600;
  color:var(--text-secondary);
  background:var(--bg-subtle);
  border:1px solid var(--border-subtle);
}
.slot-review .review-body ol ol{margin:10px 0 0;counter-reset:sr-ol;}
.slot-review .review-body ol ol > li{padding-left:54px;}
.slot-review .review-body ol ol > li::before{opacity:.9;}

.slot-review .review-body li > p{margin:10px 0 0;max-width:none;}
.slot-review .review-body li > p:first-child{margin-top:0;}


.slot-review .review-body ul.task-list,
.slot-review .review-body ol.task-list{padding-left:0;list-style:none;}
.slot-review .review-body .task-list-item{list-style:none;padding-left:0;}
.slot-review .review-body .task-list-item input[type="checkbox"]{margin-right:10px;transform:translateY(2px);accent-color:var(--accent);}


.slot-review .review-body .rm-tests{max-width:68ch;}
.slot-review .review-body .rm-tests-text{margin:10px 0 14px;}
.slot-review .review-body .rm-tests-actions{margin:14px 0 14px;}
.slot-review .review-body .rm-tests-btn{width:100%;max-width:420px;}
.slot-review .review-body .rm-tests-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;}
.slot-review .review-body .rm-tests-casino{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;
  border:1px solid var(--border-subtle);
  border-radius:14px;
  background:var(--bg-surface);
  text-decoration:none;
  color:inherit;
  min-width:0;
}
.slot-review .review-body .rm-tests-casino:hover{background:var(--bg-subtle);}
.slot-review .review-body .rm-tests-logo{
  width:34px;height:34px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border-subtle);
  background:var(--bg-subtle);
  flex-shrink:0;
  font-family:var(--font-display);
  font-size:var(--type-min);
  font-weight:800;
  color:var(--text-secondary);
}
.slot-review .review-body .rm-tests-logo-img{width:100%;height:100%;object-fit:contain;display:block;padding:6px;background:transparent;}
.slot-review .review-body .rm-tests-name{flex:1;min-width:0;font-weight:var(--fw-semibold);color:var(--text-primary);font-size:var(--type-min);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slot-review .review-body .rm-tests-meta{font-size:var(--type-min);color:var(--text-tertiary);flex-shrink:0;}
.slot-review .review-body .rm-tests-empty{font-size:var(--type-min);color:var(--text-tertiary);margin:10px 0 20px;}
@media(max-width:600px){
  .slot-review .review-body .rm-tests-list{grid-template-columns:1fr;}
  .slot-review .review-body .rm-tests-btn{max-width:none;}
}

.slot-review .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin:20px 0;}
.slot-review .pc-block{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-5);}
.slot-review .pc-title{font-size:var(--type-min);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-3);}
.slot-review .pc-title.good{color:var(--green-600);}
.slot-review .pc-title.bad{color:var(--red-500);}
.slot-review .pc-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);}
.slot-review .pc-list li{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--type-min);color:var(--text-secondary);line-height:1.5;}

.slot-review .slot-screen{
  width:100%;height:200px;border-radius:var(--r-lg);
  background:linear-gradient(135deg,var(--slot-screen-grad-a),var(--slot-screen-grad-b));
  display:flex;align-items:center;justify-content:center;font-size:60px;margin:20px 0;
  border:1px solid var(--border-subtle);overflow:hidden;position:relative;
}
.slot-review .slot-screen::after{
  content:'Скриншот слота';position:absolute;bottom:0;left:0;right:0;
  background:rgb(var(--rgb-black) / 0.5);color:rgb(var(--rgb-white) / 0.6);
  font-size:var(--type-min);text-align:center;padding:8px;
}

.slot-review .s-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;}
.slot-review .s-card-hd{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;}
.slot-review .s-card-title{font-size:var(--type-min);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0;}
.slot-review .s-card-action{font-size:var(--type-min);color:var(--accent);font-weight:var(--fw-semibold);text-decoration:none;}

.slot-review .slot-hero .top-casinos{margin-top:var(--sp-4);}

.slot-review .score-widget{padding:var(--sp-5);}
.slot-review .score-big{display:flex;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);}
.slot-review .score-num-big{font-family:var(--font-display);font-size:var(--sr-score-num-fs);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);line-height:1;}
.slot-review .score-label{font-size:var(--type-min);color:var(--text-tertiary);font-weight:var(--fw-medium);}
.slot-review .score-stars-big{font-size:20px;color:var(--amber-400);line-height:1;margin-top:2px;}
.slot-review .score-rows{display:flex;flex-direction:column;gap:var(--sp-3);}
.slot-review .score-row{display:flex;align-items:center;gap:var(--sp-3);}
.slot-review .score-row-label{font-size:var(--type-min);color:var(--text-secondary);font-weight:var(--fw-medium);width:120px;flex-shrink:0;}
.slot-review .score-bar-wrap{flex:1;height:6px;background:var(--bg-muted);border-radius:var(--r-full);overflow:hidden;}
.slot-review .score-bar{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--amber-400),var(--amber-500));}
.slot-review .score-bar-val{font-size:var(--type-min);font-family:var(--font-mono);color:var(--text-tertiary);width:24px;text-align:right;}

.slot-review .similar-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border-subtle);text-decoration:none;}
.slot-review .similar-card:hover{background:var(--bg-subtle);}
.slot-review .similar-thumb{
  width:44px;height:44px;
  border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
  flex-shrink:0;
  overflow:hidden;
  background:transparent;
  border:1px solid var(--border-subtle);
}
.slot-review .similar-thumb.is-fallback{background:var(--bg-subtle);}
.slot-review .similar-thumb-img{width:100%;height:100%;object-fit:contain;display:block;padding:6px;background:transparent;}
.slot-review .similar-name{font-size:var(--type-min);font-weight:var(--fw-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slot-review .similar-provider{font-size:var(--type-min);color:var(--text-tertiary);}
.slot-review .similar-rtp{font-family:var(--font-mono);font-size:var(--type-min);color:var(--green-600);font-weight:var(--fw-medium);flex-shrink:0;}

.slot-review .section-sep{display:flex;align-items:center;gap:var(--sp-3);margin:48px 0 20px;}
.slot-review .section-sep h2{margin:0;padding:0;border:none;}
.slot-review .faq-list{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-4);}
.slot-review .faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-xs);}
.slot-review .faq-q{
  width:100%;
  padding:var(--sp-4) var(--sp-5);
  display:flex;align-items:center;justify-content:space-between;
  appearance:none;-webkit-appearance:none;
  background:transparent;border:0;
  font:inherit;color:var(--text-primary);
  cursor:pointer;
  text-align:left;
  gap:var(--sp-3);
}
.slot-review .faq-q:hover{background:var(--bg-subtle);}
.slot-review .faq-q:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.slot-review .faq-q span[itemprop="name"]{flex:1;min-width:0;}
.slot-review .faq-icon{font-size:18px;color:var(--text-tertiary);flex-shrink:0;transition:transform var(--dur-normal) var(--ease-out);}
.slot-review .faq-a{display:none;padding:var(--sp-4) var(--sp-5) var(--sp-5);font-size:var(--type-min);line-height:1.75;color:var(--text-secondary);border-top:1px solid var(--border-subtle);}
.slot-review .faq-item.open .faq-a{display:block;}
.slot-review .faq-item.open .faq-q{background:var(--bg-subtle);}
.slot-review .faq-item.open .faq-icon{transform:rotate(45deg);}

@media(max-width:900px){
  .slot-review .page-grid{grid-template-columns:1fr;}
  .slot-review .slot-title{font-size:34px;}
  .slot-review .facts-bar{grid-template-columns:repeat(3,1fr);}
  .slot-review .fact-cell:nth-child(3){border-right:none;}
  .slot-review .fact-cell:nth-child(4){border-top:1px solid var(--border-subtle);}
  .slot-review .sidebar-col{position:static;}
  .slot-review .pros-cons{grid-template-columns:1fr;}
  .slot-review .slot-thumb{width:100px;height:100px;font-size:48px;}
  .slot-review .slot-thumb.has-img{width:190px;height:140px;}
}
@media(max-width:600px){
  .slot-review .page-wrap{padding:0 var(--sp-4);}
  .slot-review .slot-hero-inner{grid-template-columns:1fr;text-align:center;}
  .slot-review .slot-thumb{margin:0 auto;}
  .slot-review .slot-hero-meta{justify-content:center;}
  .slot-review .hero-actions{flex-direction:column;align-items:stretch;justify-content:center;width:100%;}
  .slot-review .hero-actions .btn-demo{width:100%;}
  .slot-review .slot-rating-row{justify-content:center;}
  .slot-review .facts-bar{grid-template-columns:repeat(2,1fr);}
  .slot-review .fact-cell:nth-child(2){border-right:none;}
}


.slot-review .demo-backdrop{
  position:fixed;inset:0;
  background:var(--glass-ink-55);
  z-index:10200;
}
.slot-review .demo-modal{
  position:fixed;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:min(1100px, calc(100vw - 24px));
  height:min(680px, calc(100vh - 24px));
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-md);
  z-index:10201;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.slot-review .dm-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid var(--border-subtle);
  background:var(--nav-bg);
  backdrop-filter:blur(12px);
}
.slot-review .dm-title{
  font-size:var(--type-min);
  font-weight:var(--fw-semibold);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-tertiary);
}
.slot-review .dm-close{
  width:36px;height:36px;
  border-radius:10px;
  border:1px solid var(--border-default);
  background:var(--bg-surface);
  cursor:pointer;
  font-size:18px;
  line-height:1;
  color:var(--text-secondary);
  transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
}
.slot-review .dm-close:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-subtle);}
.slot-review .dm-body{flex:1;min-height:0;background:var(--c-black);}
.slot-review .dm-iframe{width:100%;height:100%;border:0;background:var(--c-black);}


.slot-review .demo-embed{
  margin:24px 0;
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}
.slot-review .demo-embed .de-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;
  border-bottom:1px solid var(--border-subtle);
  background:var(--bg-subtle);
}
.slot-review .demo-embed .de-title{
  font-size:var(--type-min);font-weight:var(--fw-semibold);
  letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);
}
.slot-review .demo-embed .de-frame{
  aspect-ratio:16/9;
  width:100%;
  background:var(--c-black);
}
.slot-review .demo-embed iframe{width:100%;height:100%;border:0;display:block;background:var(--c-black);}
}
@layer components {
.casino-review{
  
  --cr-wrap-maxw:1200px;
  --cr-wrap-pad-x:var(--sp-8);
  --cr-grid-sidebar-w:320px;
  --cr-grid-col-gap:var(--sp-8);
  --cr-sidebar-sticky-top:76px;

  
  --cr-hero-mt:var(--sp-6);
  --cr-hero-radius:var(--r-2xl);
  --cr-hero-pad:var(--sp-10);
  --cr-hero-gap:var(--sp-8);
  --cr-logo-size:120px;
  --cr-logo-img-size:100px;
  --cr-bhb-icon-fs:40px;
  --cr-tc-icon-fs:22px;

  
  --cr-title-fs:48px;
  --cr-hs-num-fs:48px;

  background:var(--bg);
  color:var(--text);
}

.casino-review .page-wrap{max-width:var(--cr-wrap-maxw);margin:0 auto;padding:0 var(--cr-wrap-pad-x);}

.casino-review .casino-hero{
  margin:var(--cr-hero-mt) 0 0;border-radius:var(--cr-hero-radius);
  background:linear-gradient(135deg,var(--casino-hero-grad-a) 0%,var(--casino-hero-grad-b) 50%,var(--casino-hero-grad-a) 100%);
  padding:var(--cr-hero-pad) var(--cr-hero-pad);position:relative;overflow:hidden;
}
.casino-review .casino-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,var(--brand-tint-18),transparent);pointer-events:none;}
.casino-review .hero-inner{display:flex;align-items:center;gap:var(--cr-hero-gap);position:relative;z-index:1;}
.casino-review .casino-logo-big{
  width:var(--cr-logo-size);height:var(--cr-logo-size);border-radius:var(--r-xl);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text-inverse);flex-shrink:0;letter-spacing:-.5px;
  box-shadow:var(--shadow-brand-glow-lg);
}
.casino-review .casino-logo-img{
  width:var(--cr-logo-img-size);
  height:var(--cr-logo-img-size);
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgb(var(--rgb-black) / 0.28));
}
.casino-review .hero-content{flex:1;min-width:0;}
.casino-review .hero-top-tags{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;}
.casino-review .htag{font-size:var(--type-min);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-full);padding:3px 10px;}
.casino-review .htag-verified{background:rgb(var(--rgb-green-500) / 0.20);color:var(--green-400);border:1px solid rgb(var(--rgb-green-500) / 0.30);}
.casino-review .htag-year{background:var(--glass-white-10);color:rgb(var(--rgb-white) / 0.70);border:1px solid var(--glass-white-12);}
.casino-review .htag-new{background:var(--htag-new-bg);color:var(--htag-new-text);border:1px solid var(--htag-new-border);}
.casino-review .casino-title{font-family:var(--font-display);font-size:var(--cr-title-fs);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-inverse);margin-bottom:4px;}
.casino-review .casino-subtitle{font-size:var(--type-min);color:rgb(var(--rgb-white) / 0.60);line-height:1.5;margin-bottom:var(--sp-5);}
.casino-review .hero-meta-row{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;}
.casino-review .hm-item{display:flex;align-items:center;gap:var(--sp-2);}
.casino-review .hm-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.casino-review .hm-dot.green{background:var(--green-400);}
.casino-review .hm-dot.amber{background:var(--amber-400);}
.casino-review .hm-label{font-size:var(--type-min);color:rgb(var(--rgb-white) / 0.55);font-weight:500;}
.casino-review .hm-value{font-size:var(--type-min);color:rgb(var(--rgb-white) / 0.90);font-weight:600;}
.casino-review .updated-tag{font-size:var(--type-min);color:rgb(var(--rgb-white) / 0.45);margin-top:var(--sp-2);}
.casino-review .hero-right{flex-shrink:0;text-align:center;}
.casino-review .hero-score{background:var(--glass-white-06);border:1px solid rgb(var(--rgb-white) / 0.10);border-radius:var(--r-xl);padding:var(--sp-5) var(--sp-6);backdrop-filter:blur(10px);margin-bottom:var(--sp-4);}
.casino-review .hs-num{font-family:var(--font-display);font-size:var(--cr-hs-num-fs);font-weight:800;letter-spacing:-.03em;color:var(--text-inverse);line-height:1;}
.casino-review .hs-max{font-size:var(--type-min);color:rgb(var(--rgb-white) / 0.40);margin-top:2px;}
.casino-review .hs-stars{font-size:20px;color:var(--amber-400);margin-top:var(--sp-2);}
.casino-review .hs-reviews{font-size:var(--type-min);color:rgb(var(--rgb-white) / 0.40);margin-top:4px;}
.casino-review .hero-actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-6);}
.casino-review .btn-hero{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;
  background:var(--accent);color:var(--text-inverse);
  border:none;border-radius:var(--r-md);
  padding:12px 20px;
  font-family:var(--font-ui);font-size:var(--type-min);font-weight:600;
  cursor:pointer;
  box-shadow:var(--shadow-accent);
  transition:opacity 150ms;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}
.casino-review .btn-hero:hover{opacity:.88;}
.casino-review .btn-hero-secondary{
  background:var(--glass-white-06);
  border:1px solid rgb(var(--rgb-white) / 0.14);
  box-shadow:none;
  margin-top:0;
}
.casino-review .btn-hero-secondary:hover{opacity:1;background:var(--glass-white-12);}

.casino-review .page-grid{display:grid;grid-template-columns:1fr var(--cr-grid-sidebar-w);gap:0 var(--cr-grid-col-gap);align-items:start;margin-top:var(--sp-8);}

.casino-review .bonus-hero-box{
  grid-column:1/-1;background:var(--green-50);border:1.5px solid var(--green-100);
  border-radius:var(--r-xl);padding:var(--sp-5) var(--sp-6);
  display:flex;align-items:center;gap:var(--sp-6);margin-bottom:var(--sp-8);position:relative;overflow:hidden;
}
.casino-review .bhb-icon{font-size:var(--cr-bhb-icon-fs);flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.casino-review .bhb-icon img{width:1em;height:1em;display:block;}
.casino-review .bhb-text{flex:1;min-width:0;}
.casino-review .bhb-label{font-size:var(--type-min);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green-600);margin-bottom:4px;}
.casino-review .bhb-value{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.015em;color:var(--green-700);line-height:1.1;}
.casino-review .bhb-sub{font-size:var(--type-min);color:var(--text-tertiary);margin-top:4px;font-weight:500;}
.casino-review .bhb-code{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0;}
.casino-review .promo-box{background:var(--bg-surface);border:1.5px dashed var(--green-400);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);text-align:center;}
.casino-review .promo-label{font-size:var(--type-min);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:2px;}
.casino-review .promo-code{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--green-700);letter-spacing:.1em;}
.casino-review .btn-bonus-main{background:var(--green-500);color:var(--text-inverse);border:none;border-radius:var(--r-md);padding:12px 22px;font-family:var(--font-ui);font-size:var(--type-min);font-weight:600;cursor:pointer;box-shadow:var(--shadow-green);transition:opacity 150ms;white-space:nowrap;}
.casino-review .btn-bonus-main:hover{opacity:.88;}

.casino-review .facts-bar{
  grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);
  background:var(--bg-surface);border:1px solid var(--border-subtle);
  border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--sp-8);
}
.casino-review .fact-cell{padding:var(--sp-5) var(--sp-4);border-right:1px solid var(--border-subtle);text-align:center;}
.casino-review .fact-cell:last-child{border-right:none;}
.casino-review .fact-label{font-size:max(var(--type-min), calc(10px * var(--scale-card)));font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--sp-2);}
.casino-review .fact-value{font-family:var(--font-display);font-size:calc(20px * var(--scale-card));font-weight:800;letter-spacing:-.015em;line-height:1;color:var(--text-primary);}
.casino-review .fact-value.good{color:var(--green-600);}
.casino-review .fact-sub{font-size:max(var(--type-min), calc(11px * var(--scale-card)));color:var(--text-tertiary);margin-top:4px;font-weight:500;}

.casino-review .main-col{min-width:0;padding-bottom:var(--sp-16);}
.casino-review .section-tabs{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:4px;margin-bottom:var(--sp-8);box-shadow:var(--shadow-xs);overflow-x:auto;}
.casino-review .stab{padding:8px 16px;border-radius:var(--r-lg);border:none;background:transparent;font-family:var(--font-ui);font-size:var(--type-min);font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all 150ms;}
.casino-review .stab:hover{background:var(--bg-subtle);color:var(--text-primary);}
.casino-review .stab.is-active{background:var(--text-primary);color:var(--text-inverse);}

.casino-review .review-body h2{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.015em;line-height:1.15;color:var(--text-primary);margin-top:48px;margin-bottom:var(--sp-4);padding-top:48px;border-top:1px solid var(--border-subtle);}
.casino-review .review-body h2:first-child{margin-top:0;padding-top:0;border-top:none;}
.casino-review .review-body h3{font-family:var(--font-display);font-size:24px;font-weight:800;margin-top:20px;margin-bottom:var(--sp-3);}
.casino-review .review-body p{font-size:1em;line-height:1.78;color:var(--text-body);margin-bottom:20px;max-width:66ch;}
.casino-review .lead-para{font-size:1.1em;line-height:1.65;color:var(--text-lead);font-weight:500;}
.casino-review .review-body blockquote{border-left:3px solid var(--accent);padding:var(--sp-4) var(--sp-5);margin:20px 0;background:var(--bg-subtle);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text-secondary);}
.casino-review .cnt-note{font-size:var(--type-min);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--sp-3);}

.casino-review .review-body ul,
.casino-review .review-body ol{
  margin:14px 0 20px;
  color:var(--text-body);
  line-height:1.78;
  max-width:66ch;
}
.casino-review .review-body ul{padding-left:22px;list-style:disc;}
.casino-review .review-body ul li{margin:6px 0;padding-left:4px;}
.casino-review .review-body ul li::marker{color:var(--text-tertiary);}
.casino-review .review-body ul ul{margin:10px 0 0;padding-left:18px;list-style:circle;}
.casino-review .review-body ul ul ul{list-style:square;}


.casino-review .review-body ol{list-style:none;padding-left:0;counter-reset:cr-ol;}
.casino-review .review-body ol > li{
  counter-increment:cr-ol;
  position:relative;
  margin:10px 0;
  padding:12px 14px 12px 54px;
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:14px;
}
.casino-review .review-body ol > li::before{
  content:counter(cr-ol);
  position:absolute;
  left:14px;
  top:12px;
  width:28px;
  height:28px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-size:var(--type-min);
  font-weight:600;
  color:var(--text-secondary);
  background:var(--bg-subtle);
  border:1px solid var(--border-subtle);
}
.casino-review .review-body ol ol{margin:10px 0 0;counter-reset:cr-ol;}
.casino-review .review-body ol ol > li{padding-left:54px;}
.casino-review .review-body ol ol > li::before{opacity:.9;}

.casino-review .review-body li > p{margin:10px 0 0;max-width:none;}
.casino-review .review-body li > p:first-child{margin-top:0;}


.casino-review .review-body ul.task-list,
.casino-review .review-body ol.task-list{padding-left:0;list-style:none;}
.casino-review .review-body .task-list-item{list-style:none;padding-left:0;}
.casino-review .review-body .task-list-item input[type="checkbox"]{margin-right:10px;transform:translateY(2px);accent-color:var(--accent);}

.casino-review .demo-embed{margin:0 0 var(--sp-8);}
.casino-review .demo-embed .de-frame{aspect-ratio:16/9;}
.casino-review .toc-card .toc-body nav#TableOfContents{padding:12px 14px;}

.casino-review .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin:20px 0;}
.casino-review .pc-block{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-5);}
.casino-review .pc-title{font-size:var(--type-min);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-3);}
.casino-review .pc-title.good{color:var(--green-600);}
.casino-review .pc-title.bad{color:var(--red-500);}
.casino-review .pc-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);}
.casino-review .pc-list li{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--type-min);color:var(--text-secondary);line-height:1.5;}
.casino-review .pc-icon{flex-shrink:0;font-size:var(--type-min);margin-top:1px;}

.casino-review .warn-callout{display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--amber-50);border:1px solid var(--amber-100);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);margin:20px 0;}
.casino-review .warn-callout .wc-icon{font-size:18px;flex-shrink:0;margin-top:2px;}
.casino-review .warn-callout .wc-text{font-size:var(--type-min);color:var(--amber-600);line-height:1.6;font-weight:500;}

.casino-review .payment-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:20px 0;}
.casino-review .pay-chip{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-size:var(--type-min);font-weight:500;color:var(--text-secondary);}

.casino-review .support-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:var(--type-min);}
.casino-review .support-table th{background:var(--bg-subtle);color:var(--text-tertiary);font-size:var(--type-min);font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--border-default);}
.casino-review .support-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;}
.casino-review .support-table td:first-child{color:var(--text-primary);font-weight:500;}
.casino-review .td-good{color:var(--green-600)!important;font-weight:600!important;}
.casino-review .td-warn{color:var(--amber-600)!important;font-weight:600!important;}
.casino-review .td-bad{color:var(--red-500)!important;font-weight:600!important;}

.casino-review .license-callout{display:flex;align-items:flex-start;gap:var(--sp-4);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--r-lg);padding:var(--sp-5);margin:20px 0;}
.casino-review .lc-icon{font-size:28px;flex-shrink:0;margin-top:2px;}
.casino-review .lc-title{font-size:var(--type-min);font-weight:600;color:var(--blue-600);margin-bottom:4px;}
.casino-review .lc-text{font-size:var(--type-min);color:var(--text-secondary);line-height:1.6;}

.casino-review .faq-list{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-4);}
.casino-review .faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-xs);}
.casino-review .faq-q{
  width:100%;
  padding:var(--sp-4) var(--sp-5);
  display:flex;align-items:center;justify-content:space-between;
  appearance:none;-webkit-appearance:none;
  background:transparent;border:0;
  font:inherit;color:var(--text-primary);
  cursor:pointer;
  text-align:left;
  transition:background 150ms;
  gap:var(--sp-3);
}
.casino-review .faq-q:hover{background:var(--bg-subtle);}
.casino-review .faq-q:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.casino-review .faq-q span[itemprop="name"]{flex:1;min-width:0;}
.casino-review .faq-icon{font-size:18px;color:var(--text-tertiary);flex-shrink:0;transition:transform 220ms;}
.casino-review .faq-a{display:none;padding:var(--sp-4) var(--sp-5) var(--sp-5);font-size:var(--type-min);line-height:1.75;color:var(--text-secondary);border-top:1px solid var(--border-subtle);}
.casino-review .faq-item.open .faq-a{display:block;}
.casino-review .faq-item.open .faq-q{background:var(--bg-subtle);}
.casino-review .faq-item.open .faq-icon{transform:rotate(45deg);}

.casino-review .sidebar-col{position:sticky;top:var(--cr-sidebar-sticky-top);display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:var(--sp-16);}
.casino-review .s-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;}
.casino-review .s-card-hd{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;}
.casino-review .s-card-title{font-size:var(--type-min);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);}
.casino-review .score-widget{padding:var(--sp-5);}
.casino-review .score-top{display:flex;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);}
.casino-review .score-num-big{font-family:var(--font-display);font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text-primary);}
.casino-review .score-sub-label{font-size:var(--type-min);color:var(--text-tertiary);font-weight:500;}
.casino-review .score-stars-big{font-size:20px;color:var(--amber-400);margin-top:2px;}
.casino-review .score-count{font-size:var(--type-min);color:var(--text-disabled);margin-top:2px;}
.casino-review .score-rows{display:flex;flex-direction:column;gap:var(--sp-3);}
.casino-review .score-row{display:flex;align-items:center;gap:var(--sp-3);}
.casino-review .score-row-label{font-size:var(--type-min);color:var(--text-secondary);font-weight:500;width:110px;flex-shrink:0;}
.casino-review .score-bar-wrap{flex:1;height:6px;background:var(--bg-muted);border-radius:var(--r-full);overflow:hidden;}
.casino-review .score-bar{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--amber-400),var(--amber-500));}
.casino-review .score-bar-val{font-size:var(--type-min);font-family:var(--font-mono);color:var(--text-tertiary);width:24px;text-align:right;}
.casino-review .trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-subtle);border-top:1px solid var(--border-subtle);}
.casino-review .trust-cell{background:var(--bg-surface);padding:var(--sp-4);text-align:center;}
.casino-review .tc-icon{font-size:var(--cr-tc-icon-fs);margin-bottom:4px;display:flex;align-items:center;justify-content:center;}
.casino-review .tc-icon img{width:1em;height:1em;display:block;}
.casino-review .tc-label{font-size:var(--type-min);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:2px;}
.casino-review .tc-value{font-size:var(--type-min);font-weight:600;color:var(--text-primary);}
.casino-review .tc-value.good{color:var(--green-600);}

.casino-review .bonus-sidebar{padding:var(--sp-5);}
.casino-review .bs-amount{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-.015em;color:var(--green-700);margin-bottom:4px;}
.casino-review .bs-desc{font-size:var(--type-min);color:var(--text-secondary);margin-bottom:var(--sp-4);line-height:1.5;}
.casino-review .bs-conditions{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4);}
.casino-review .bs-cond{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--type-min);color:var(--text-secondary);}
.casino-review .bs-cond-dot{width:5px;height:5px;border-radius:50%;background:var(--text-disabled);flex-shrink:0;}
.casino-review .btn-go-big{width:100%;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--r-md);padding:12px;font-family:var(--font-ui);font-size:var(--type-min);font-weight:600;cursor:pointer;box-shadow:var(--shadow-accent);transition:opacity 150ms;margin-bottom:var(--sp-3);}
.casino-review .btn-go-big:hover{opacity:.88;}
.casino-review .promo-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-subtle);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);}
.casino-review .promo-left{font-size:var(--type-min);color:var(--text-tertiary);}
.casino-review .promo-code-val{font-family:var(--font-mono);font-size:var(--type-min);font-weight:700;color:var(--text-primary);letter-spacing:.08em;}
.casino-review .copy-btn{font-size:var(--type-min);color:var(--text-accent);cursor:pointer;font-weight:600;background:none;border:none;font-family:var(--font-ui);}
.casino-review .copy-btn:hover{opacity:.8;}

.casino-review .rel-links{
  padding:var(--sp-4) var(--sp-5) var(--sp-5);
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.casino-review .rel-link{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:10px;
  background:var(--bg-surface);
  border:1px solid var(--border-default);
  text-decoration:none;
  font-size:var(--type-min);
  font-weight:600;
  color:var(--text-secondary);
  max-width:100%;
}
.casino-review .rel-link:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-muted);}
.casino-review .rel-list{padding:var(--sp-3) 0;}
.casino-review .rel-item{
  padding:10px var(--sp-5);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  text-decoration:none;
  border-bottom:1px solid var(--border-subtle);
  color:inherit;
}
.casino-review .rel-item:last-child{border-bottom:none;}
.casino-review .rel-item:hover{background:var(--bg-subtle);}
.casino-review .rel-name{font-size:var(--type-min);font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.casino-review .rel-score{font-family:var(--font-mono);font-size:var(--type-min);color:var(--text-tertiary);font-weight:600;flex-shrink:0;}

@media(max-width:960px){
  .casino-review .page-grid{grid-template-columns:1fr;}
  .casino-review .sidebar-col{position:static;}
  .casino-review .facts-bar{grid-template-columns:repeat(3,1fr);}
  .casino-review .fact-cell:nth-child(3){border-right:none;}
  .casino-review .fact-cell:nth-child(n+4){border-top:1px solid var(--border-subtle);}
  .casino-review .hero-right{display:none;}
  .casino-review .pros-cons{grid-template-columns:1fr;}
  .casino-review .bonus-hero-box{flex-wrap:wrap;}
  .casino-review .bhb-code{flex:0 0 100%;}
}
@media(max-width:600px){
  .casino-review .page-wrap{padding:0 var(--sp-4);}
  .casino-review .casino-hero{padding:var(--sp-6);}
  .casino-review .hero-inner{flex-direction:column;align-items:flex-start;gap:var(--sp-5);}
  .casino-review .casino-logo-big{width:100px;height:100px;font-size:16px;}
  .casino-review .casino-logo-img{width:100px;height:100px;}
  .casino-review .casino-title{font-size:32px;}
  .casino-review .hero-actions{flex-direction:column;align-items:stretch;width:100%;}
  .casino-review .hero-actions .btn-hero{width:100%;}
  .casino-review .facts-bar{grid-template-columns:repeat(2,1fr);}
  .casino-review .fact-cell:nth-child(2){border-right:none;}
}
}
@layer components {
.casinos-page{
  
  --cas-wrap-pad-bottom:56px;
  --cas-breadcrumb-pad-top:16px;
  --cas-header-pad-top:32px;
  --cas-header-pad-bottom:24px;
  --cas-header-mb:20px;

  background:var(--bg);
  color:var(--text);
}

.casinos-page .page-wrap{
  padding-bottom:var(--cas-wrap-pad-bottom);
}

.casinos-page .cas-header{
  padding:var(--cas-header-pad-top) 0 var(--cas-header-pad-bottom);
  border-bottom:1px solid var(--border);
  margin-bottom:var(--cas-header-mb);
}
.casinos-page .cas-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--brand-tint-12);
  color:var(--accent);
  border-radius:9999px;
  padding:4px 12px;
  font-size:var(--type-min);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.casinos-page .cas-title{
  font-family:var(--font-display);
  font-size:clamp(30px,4vw,46px);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.1;
  margin:0 0 12px;
}
.casinos-page .cas-desc{
  font-size:var(--type-min);
  color:var(--text2);
  max-width:72ch;
  line-height:1.6;
  margin:0;
}

.casino-card .casino-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
}
.casino-card .casino-logo{
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
.casino-card .casino-types{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.casino-card .type-pill{
  font-size:max(var(--type-min), calc(11px * var(--scale-card)));
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--text2);
  background:var(--card);
  border:1px solid var(--border);
  border-radius:9999px;
  padding:3px 10px;
}

.casino-card .casino-top-slots{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.casino-card .casino-top-slot{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid var(--border);
  background:rgb(var(--rgb-white) / 0.60);
  text-decoration:none;
  font-size:max(var(--type-min), calc(13px * var(--scale-card)));
  font-weight:700;
  color:var(--text2);
  transition:background 150ms,color 150ms,border-color 150ms;
}
.casino-card .cts-left{display:flex;align-items:center;gap:10px;min-width:0;}
.casino-card .cts-thumb{
  width:28px;height:28px;border-radius:8px;flex:0 0 auto;
  background:var(--bg-subtle);
  display:inline-flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.casino-card .cts-thumb-img{width:100%;height:100%;object-fit:contain;display:block;padding:3px;}
.casino-card .cts-thumb-fallback{font-size:14px;line-height:1;}
.casino-card .cts-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.casino-card .cts-cta{flex:0 0 auto;color:var(--accent);font-weight:800;font-size:max(var(--type-min), calc(11px * var(--scale-card)));letter-spacing:.02em;}
.casino-card .casino-top-slot:hover{
  background:var(--bg);
  color:var(--text);
  border-color:var(--text3);
}
.casino-card .casino-top-slot:hover .cts-cta{color:var(--text);}

@media(max-width:768px){
  .casinos-page .page-wrap{padding-bottom:40px;}
  .casinos-page .cas-header{padding:24px 0 20px;}
}
}
@layer components {
.providers-page{
  
  --prov-wrap-maxw:1200px;
  --prov-wrap-pad-x:var(--sp-8);
  --prov-wrap-pad-bottom:var(--sp-10);

  --prov-grid-min:360px;
  --prov-grid-gap:20px;

  
  --prov-thumb-h:168px;
  --prov-logo-mount-w:min(320px,86%);
  --prov-logo-mount-h:92px;
  --prov-logo-img-h:56px;
  --prov-thumb-emoji-fs:44px;

  
  --prov-hero-logo-size:64px;

  background:var(--bg);
  color:var(--text);
}
.providers-page .page-wrap{max-width:var(--prov-wrap-maxw);margin:0 auto;padding:0 var(--prov-wrap-pad-x) var(--prov-wrap-pad-bottom);}

.providers-page .prov-header{padding:var(--sp-8) 0 var(--sp-6);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-6);}
.providers-page .prov-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--brand-tint-12);color:var(--accent);border-radius:var(--r-full);padding:4px 12px;font-size:var(--type-min);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-3);}
.providers-page .prov-title{font-family:var(--font-display);font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 var(--sp-3);}
.providers-page .prov-desc{font-size:var(--type-min);color:var(--text-secondary);max-width:72ch;line-height:1.6;margin:0;}

.providers-page .prov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--prov-grid-min),1fr));gap:var(--prov-grid-gap);}

.providers-page details.card{padding:0;}
.providers-page details.card > summary{list-style:none;}
.providers-page details.card > summary::-webkit-details-marker{display:none;}
.providers-page details.card > summary:focus-visible{outline:2px solid rgb(var(--rgb-black) / 0.25);outline-offset:4px;border-radius:14px;}

.providers-page .prov-card{overflow:hidden;}
.providers-page .prov-sum{display:grid;grid-template-columns:1fr;cursor:pointer;}
.providers-page .prov-thumb{
  height:var(--prov-thumb-h);
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(120% 140% at 20% 15%, var(--bg-surface) 0%, var(--bg-subtle) 35%, var(--border-default) 72%, var(--border-strong) 100%);
}
.providers-page .prov-thumb::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(80% 90% at 75% 55%, rgb(var(--rgb-accent) / 0.10) 0%, transparent 60%),
    radial-gradient(90% 120% at 15% 80%, rgb(var(--rgb-black) / 0.08) 0%, transparent 55%);
  pointer-events:none;
  z-index:0;
}

.providers-page .prov-thumb .thumb-overlay{display:none;}

.providers-page .prov-logo-mount{
  position:relative;
  z-index:2;
  width:var(--prov-logo-mount-w);
  height:var(--prov-logo-mount-h);
  border-radius:18px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 16px 44px rgb(var(--rgb-black) / 0.12),0 2px 10px rgb(var(--rgb-black) / 0.06);
  backdrop-filter:blur(10px);
}
.providers-page .prov-logo-mount.is-mount-light{
  background:var(--glass-white-82);
  border:1px solid rgb(var(--rgb-white) / 0.72);
}
.providers-page .prov-logo-mount.is-mount-dark{
  background:var(--glass-ink-56);
  border:1px solid rgb(var(--rgb-white) / 0.14);
}
.providers-page .prov-logo-img{
  width:auto;
  height:var(--prov-logo-img-h);
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 10px 22px rgb(var(--rgb-black) / 0.20));
}
.providers-page .prov-logo-svg{
  position:relative;
  z-index:1;
  width:100%;
  height:var(--prov-logo-img-h);
  display:flex;
  align-items:center;
  justify-content:center;
  filter:none;
}
.providers-page .prov-logo-svg svg{
  width:100%;
  height:100%;
  display:block;
}
.providers-page .prov-thumb .thumb-emoji{
  font-family:var(--font-display);
  font-size:var(--prov-thumb-emoji-fs);
  font-weight:800;
  letter-spacing:-.03em;
  text-transform:uppercase;
  position:relative;
  z-index:1;
}
.providers-page .prov-body{padding:16px 16px 14px;}
.providers-page .prov-head{margin-bottom:10px;}
.providers-page .prov-lead{font-size:max(var(--type-min), calc(14px * var(--scale-card)));line-height:1.65;color:var(--text-secondary);margin-bottom:12px;}
.providers-page .prov-expand-hint{font-size:max(var(--type-min), calc(12px * var(--scale-card)));color:var(--text-tertiary);font-weight:600;letter-spacing:.08em;text-transform:uppercase;}

.providers-page .prov-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px;}
.providers-page .tag-pill{
  font-size:max(var(--type-min), calc(11px * var(--scale-card)));font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-secondary);background:var(--bg-surface);
  border:1px solid var(--border-default);border-radius:var(--r-full);
  padding:3px 10px;
}

.providers-page .prov-specs{margin-bottom:12px;}
.providers-page .prov-desc-long{margin:0 0 14px;color:var(--text-secondary);line-height:1.75;max-width:80ch;font-size:calc(16px * var(--scale-card));}

.providers-page .prov-more{border-top:1px solid var(--border-subtle);background:linear-gradient(to bottom,var(--bg-surface),var(--bg-subtle));padding:14px 16px 16px;}
.providers-page .prov-more-title{font-size:max(var(--type-min), calc(11px * var(--scale-card)));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px;}
.providers-page .prov-game-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.providers-page .prov-game-chip{
  display:inline-flex;align-items:center;
  padding:7px 10px;border-radius:10px;
  background:var(--bg-surface);
  border:1px solid var(--border-default);
  text-decoration:none;
  font-size:max(var(--type-min), calc(13px * var(--scale-card)));font-weight:600;
  color:var(--text-secondary);
  transition:all 150ms cubic-bezier(0,0,0.2,1);
  max-width:100%;
}
.providers-page .prov-game-chip:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-muted);}

.providers-page .prov-actions{display:flex;gap:10px;flex-wrap:wrap;}
.providers-page .prov-btn{border-radius:10px;}


.providers-page .prov-hero{
  margin-top:var(--sp-6);
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-sm);
  padding:18px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);
}
.providers-page .prov-hero-left{display:flex;align-items:center;gap:14px;min-width:0;}
.providers-page .prov-logo-lg{
  width:var(--prov-hero-logo-size);height:var(--prov-hero-logo-size);border-radius:18px;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:800;font-size:var(--type-min);flex-shrink:0;text-transform:uppercase;
  background:linear-gradient(135deg,var(--bg-surface),var(--bg-muted));
  border:1px solid var(--border-default);
  color:var(--text-primary);
}
.providers-page .prov-logo-lg.is-mount-dark{
  background:linear-gradient(135deg,var(--bg-inverse),var(--text-lead));
  border:none;
  color:var(--text-inverse);
}
.providers-page .prov-logo-lg .prov-logo-img{width:44px;height:44px;filter:none;}
.providers-page .prov-logo-lg .prov-logo-svg{
  width:100%;
  height:100%;
  padding:10px;
  filter:none;
}
.providers-page .prov-hero .prov-title{font-size:32px;margin:0 0 6px;}
.providers-page .prov-hero .prov-desc{margin:0;}
.providers-page .prov-kpi{text-align:right;}
.providers-page .pk-n{font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1;}
.providers-page .pk-l{font-size:var(--type-min);color:var(--text-tertiary);margin-top:4px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;}

@media(max-width:768px){
  .providers-page .page-wrap{padding:0 var(--sp-4) var(--sp-10);}
  .providers-page .prov-grid{grid-template-columns:1fr;}
  .providers-page .prov-hero{flex-direction:column;align-items:flex-start;}
  .providers-page .prov-kpi{text-align:left;}
}
}
@layer components {
.category-page{
  
  --cat-page-wrap-maxw:1200px;
  --cat-page-wrap-pad-x:var(--sp-8);

  
  --cat-page-grid-min:360px;
  --cat-page-grid-gap:var(--sp-5);

  
  --cat-page-thumb-h:150px;

  background:var(--bg);
  color:var(--text);
}

.category-page .page-wrap{max-width:var(--cat-page-wrap-maxw);margin:0 auto;padding:0 var(--cat-page-wrap-pad-x);}

.category-page .cat-header{padding:var(--sp-8) 0 var(--sp-6);display:grid;grid-template-columns:1fr auto;align-items:flex-end;gap:var(--sp-8);border-bottom:1px solid var(--border-subtle);}
.category-page .cat-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--accent-soft);color:var(--accent);border-radius:var(--r-full);padding:4px 12px;font-size:var(--type-min);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-3);}
.category-page .cat-title{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-0.03em;line-height:1.1;margin-bottom:var(--sp-3);}
.category-page .cat-desc{font-size:var(--type-min);color:var(--text-secondary);max-width:560px;line-height:1.5;}
.category-page .cat-stats{display:flex;gap:var(--sp-6);flex-shrink:0;padding-bottom:var(--sp-1);}
.category-page .cat-stat{text-align:right;}
.category-page .cat-stat-num{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-0.015em;line-height:1;}
.category-page .cat-stat-label{font-size:var(--type-min);color:var(--text-tertiary);margin-top:4px;font-weight:500;}

.category-page .view-toggle{display:flex;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:var(--r-md);overflow:hidden;}
.category-page .vt-btn{padding:7px 10px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;font-size:16px;line-height:1;transition:all var(--dur-fast);}
.category-page .vt-btn:hover{color:var(--text-primary);background:var(--bg-subtle);}
.category-page .vt-btn.active{background:var(--text-primary);color:var(--text-inverse);}

.category-page .active-filters{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding-bottom:var(--sp-4);}
.category-page .filter-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--text-primary);border-radius:var(--r-full);font-size:var(--type-min);font-weight:600;color:var(--text-inverse);}
.category-page .filter-tag-rm{background:none;border:none;color:rgb(var(--rgb-white) / 0.7);cursor:pointer;font-size:var(--type-min);line-height:1;padding:0;}
.category-page .clear-all{font-size:var(--type-min);color:var(--accent);font-weight:600;cursor:pointer;background:none;border:none;font-family:var(--font-ui);}

.category-page .main-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--sp-8);align-items:start;padding-bottom:var(--sp-16);}
.category-page .filter-sidebar{position:sticky;top:76px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;}
.category-page .fs-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;}
.category-page .fs-title{font-size:var(--type-min);font-weight:600;}
.category-page .fs-reset{font-size:var(--type-min);color:var(--accent);cursor:pointer;font-weight:600;background:none;border:none;font-family:var(--font-ui);}
.category-page .fs-section{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle);}
.category-page .fs-section-title{font-size:var(--type-min);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--sp-3);}
.category-page .fs-options{display:flex;flex-direction:column;gap:var(--sp-1);}
.category-page .fs-option{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur-fast);}
.category-page .fs-option:hover{background:var(--bg-subtle);}
.category-page .fs-checkbox{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast);background:var(--bg-surface);}
.category-page .fs-option.checked .fs-checkbox{background:var(--text-primary);border-color:var(--text-primary);}
.category-page .fs-option.checked .fs-checkbox::after{content:'✓';font-size:var(--type-min);color:var(--text-inverse);font-weight:700;}
.category-page .fs-option-label{font-size:var(--type-min);color:var(--text-secondary);flex:1;}
.category-page .fs-count{font-family:var(--font-mono);font-size:var(--type-min);color:var(--text-disabled);}
.category-page .vol-pills{display:flex;gap:var(--sp-1);}
.category-page .vol-pill{flex:1;text-align:center;padding:6px 4px;border-radius:var(--r-md);font-size:var(--type-min);font-weight:600;cursor:pointer;border:1.5px solid var(--border-default);color:var(--text-secondary);background:var(--bg-surface);transition:all var(--dur-fast);}
.category-page .vol-pill.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--text-inverse);}

.category-page .load-area{margin-top:var(--sp-8);display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);}
.category-page .load-progress{width:100%;max-width:400px;}
.category-page .lp-label{text-align:center;font-size:var(--type-min);color:var(--text-tertiary);margin-bottom:var(--sp-3);}
.category-page .lp-track{height:4px;background:var(--bg-muted);border-radius:var(--r-full);}
.category-page .lp-fill{height:100%;width:37%;background:var(--text-primary);border-radius:var(--r-full);}
.category-page .btn-load-more{background:var(--bg-surface);color:var(--text-primary);border:1.5px solid var(--border-default);border-radius:var(--r-md);padding:12px 28px;font-family:var(--font-ui);font-size:var(--type-min);font-weight:600;cursor:pointer;transition:all var(--dur-fast);display:flex;align-items:center;gap:var(--sp-3);}
.category-page .btn-load-more:hover{border-color:var(--border-strong);background:var(--bg-subtle);}
.category-page .btn-load-more-icon{color:var(--text-disabled);}

.category-page .seo-disclaimer{margin-top:var(--sp-8);padding:var(--sp-4) var(--sp-5);background:var(--bg-subtle);border-radius:var(--r-lg);font-size:var(--type-min);color:var(--text-tertiary);line-height:1.7;border:1px solid var(--border-subtle);}

@media(max-width:1024px){
  .category-page .main-layout{grid-template-columns:1fr;}
  .category-page .filter-sidebar{position:static;}
}
@media(max-width:768px){
  .category-page .page-wrap{padding:0 var(--sp-4);}
  .category-page .cat-header{grid-template-columns:1fr;gap:var(--sp-4);}
  .category-page .cat-stats{justify-content:flex-start;}
  .category-page .cat-stat{text-align:left;}
}
}
@layer components {
.categories-hub{
  
  --ch-wrap-maxw:1200px;
  --ch-wrap-pad-x:var(--sp-8);
  --ch-wrap-pad-bottom:var(--sp-16);

  
  --ch-grid-min:280px;
  --ch-grid-gap:var(--sp-5);

  
  --ch-icon-size:36px;

  background:var(--bg);
  color:var(--text);
}

.categories-hub .page-wrap{max-width:var(--ch-wrap-maxw);margin:0 auto;padding:0 var(--ch-wrap-pad-x) var(--ch-wrap-pad-bottom);}

.categories-hub .cat-header{padding:var(--sp-8) 0 var(--sp-6);display:grid;grid-template-columns:1fr;align-items:flex-end;gap:var(--sp-6);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-6);}
.categories-hub .cat-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--accent-soft);color:var(--accent);border-radius:var(--r-full);padding:4px 12px;font-size:var(--type-min);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-3);}
.categories-hub .cat-title{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-0.03em;line-height:1.1;margin-bottom:var(--sp-3);}
.categories-hub .cat-desc{font-size:var(--type-min);color:var(--text-secondary);max-width:680px;line-height:1.5;}

.categories-hub .cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--ch-grid-min),1fr));gap:var(--ch-grid-gap);padding:var(--sp-6) 0 var(--sp-12);}
.categories-hub .cat-card{
  background:var(--bg-surface);
  border:1px solid var(--border-subtle);
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-sm);
  padding:var(--sp-5);
  text-decoration:none;
  color:inherit;
  transition:box-shadow var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out),border-color var(--dur-fast) var(--ease-out);
}
.categories-hub .cat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-strong);}
.categories-hub .cc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);}
.categories-hub .cc-icon{width:var(--ch-icon-size);height:var(--ch-icon-size);border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);font-size:18px;}
.categories-hub .cc-count{font-family:var(--font-mono);font-size:max(var(--type-min), calc(12px * var(--scale-card)));color:var(--text-tertiary);background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:6px 10px;border-radius:var(--r-full);}
.categories-hub .cc-title{font-family:var(--font-display);font-size:calc(18px * var(--scale-card));font-weight:800;letter-spacing:-.015em;margin-bottom:var(--sp-2);}
.categories-hub .cc-desc{font-size:max(var(--type-min), calc(13px * var(--scale-card)));line-height:1.65;color:var(--text-secondary);min-height:3.3em;}
.categories-hub .cc-cta{margin-top:var(--sp-4);font-size:max(var(--type-min), calc(13px * var(--scale-card)));font-weight:700;color:var(--accent);}

.categories-hub .seo-block{margin-top:var(--sp-12);padding-top:var(--sp-10);border-top:1px solid var(--border-subtle);}
.categories-hub .seo-block h2{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.015em;line-height:1.15;margin-bottom:var(--sp-4);}
.categories-hub .seo-block p{font-size:16px;line-height:1.78;color:var(--text-body);margin-bottom:20px;max-width:70ch;}

@media(max-width:768px){
  .categories-hub .page-wrap{padding:0 var(--sp-4) var(--sp-16);}
  .categories-hub .cats-grid{grid-template-columns:1fr;}
}
}

@layer utilities {
  
  .u-visually-hidden{
    position:absolute !important;
    width:1px;height:1px;
    padding:0;margin:-1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
  }

  
  .u-wrap{
    max-width:var(--layout-wrap-maxw);
    margin-inline:auto;
    padding-inline:var(--layout-wrap-pad-x);
  }

  
  .u-stack{display:flex;flex-direction:column;}
  .u-stack-2{gap:var(--space-2);}
  .u-stack-4{gap:var(--space-4);}
  .u-stack-6{gap:var(--space-6);}

  
  .u-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);}
  .u-cluster-4{gap:var(--space-4);}

  
  .u-grid-auto{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
    gap:var(--space-5);
  }

  
  .u-spread{display:flex;align-items:center;}
  .u-spread > .u-push{margin-left:auto;}

  
  .u-hidden{display:none !important;}
  .u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .u-text-muted{color:var(--text3);}
  .u-text-center{text-align:center;}
}
}