:root{--emk7-bg:#10141b;--emk7-row:#151b25;--emk7-row2:#1a2230;--emk7-line:#232d3f;--emk7-txt:#e6ebf4;--emk7-dim:#93a1b8;--emk7-grn:#16c784;--emk7-red:#ea3943;--emk7-yel:#f3ba2f;--emk7-btn:#16c784}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--emk7-bg);color:var(--emk7-txt);font:15.5px/1.65 "Barlow",sans-serif}
.emk7-wrap{max-width:1100px;margin:0 auto;padding:0 20px}
a{color:var(--emk7-grn)}
.emk7-league{background:#0b0e14;border-bottom:1px solid var(--emk7-line);font-size:12px;color:var(--emk7-dim);overflow:hidden;white-space:nowrap}
.emk7-league .emk7-wrap{display:flex;gap:26px;padding:7px 20px}
.emk7-league b{color:var(--emk7-yel)}
.emk7-head{position:sticky;top:0;z-index:9;background:#0d1118;border-bottom:1px solid var(--emk7-line)}
.emk7-head .emk7-wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}
.emk7-logo{font-family:"Oswald",sans-serif;font-size:23px;text-transform:uppercase;letter-spacing:1px;color:var(--emk7-txt);text-decoration:none}
.emk7-logo b{color:var(--emk7-grn)}
.emk7-nav{display:flex;gap:4px}
.emk7-nav a{color:var(--emk7-dim);text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:.6px;padding:7px 11px;border-radius:6px}
.emk7-nav a:hover{background:var(--emk7-row2);color:var(--emk7-txt)}
.emk7-cta{background:var(--emk7-grn);color:#06281b;font-weight:800;text-transform:uppercase;font-size:13px;padding:10px 20px;border-radius:6px;text-decoration:none;font-family:"Oswald",sans-serif;letter-spacing:.6px}
.emk7-hero{padding:54px 0 26px;border-bottom:1px solid var(--emk7-line);background:linear-gradient(180deg,#131926,#10141b)}
.emk7-live{display:inline-flex;align-items:center;gap:8px;background:rgba(234,57,67,.12);border:1px solid rgba(234,57,67,.5);color:#ff8f95;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:6px 13px;border-radius:5px}
.emk7-live i{width:8px;height:8px;border-radius:50%;background:var(--emk7-red);animation:emk7-pulse 1.2s infinite}
@keyframes emk7-pulse{50%{opacity:.35}}
.emk7-hero h1{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:clamp(30px,4.8vw,48px);line-height:1.08;margin:16px 0 10px;letter-spacing:.5px}
.emk7-hero h1 em{font-style:normal;color:var(--emk7-grn)}
.emk7-lead{color:var(--emk7-dim);max-width:660px}
.emk7-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--emk7-line);border:1px solid var(--emk7-line);border-radius:10px;overflow:hidden;margin:30px 0 0}
.emk7-board div{background:var(--emk7-row);padding:14px 16px}
.emk7-board b{font-family:"Oswald",sans-serif;font-size:22px;color:var(--emk7-grn);display:block}
.emk7-board span{font-size:11.5px;text-transform:uppercase;letter-spacing:1px;color:var(--emk7-dim)}
section{padding:34px 0 6px}
.emk7-sechead{display:flex;align-items:center;gap:12px;border-left:4px solid var(--emk7-grn);padding-left:14px;margin-bottom:14px}
section h2{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:clamp(21px,2.8vw,28px);margin:0;letter-spacing:.5px}
.emk7-sectag{font-size:11px;color:var(--emk7-yel);border:1px solid rgba(243,186,47,.45);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:1px}
section h3{font-family:"Oswald",sans-serif;text-transform:uppercase;font-size:16px;color:#c6d2e4}
.emk7-tbl-wrap{overflow-x:auto;margin:14px 0;border:1px solid var(--emk7-line);border-radius:10px}
table{border-collapse:collapse;width:100%;font-size:14px}
caption{text-align:left;padding:10px 14px;color:var(--emk7-dim);font-size:12.5px;text-transform:uppercase;letter-spacing:.8px}
th{background:#0d1118;color:var(--emk7-dim);text-transform:uppercase;font-size:12px;letter-spacing:.8px;padding:10px 14px;text-align:left}
td{padding:10px 14px;border-top:1px solid var(--emk7-line)}
tbody tr:nth-child(odd) td{background:var(--emk7-row)}
tbody tr:nth-child(even) td{background:var(--emk7-row2)}
td:first-child{font-weight:700}
ul,ol{padding-left:22px}li{margin:7px 0}
ul li::marker{color:var(--emk7-grn)}
.emk7-note{border:1px solid rgba(243,186,47,.4);background:rgba(243,186,47,.07);color:#ffe9ad;border-radius:8px;padding:13px 17px;margin:16px 0;font-size:14px}
.emk7-faqrow{border:1px solid var(--emk7-line);border-radius:8px;background:var(--emk7-row);margin:9px 0}
.emk7-faqrow summary{cursor:pointer;padding:13px 17px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.emk7-faqrow summary::after{content:"▾";color:var(--emk7-grn)}
.emk7-faqrow[open] summary::after{content:"▴"}
.emk7-faqrow div{padding:0 17px 14px;color:var(--emk7-dim)}
footer{border-top:1px solid var(--emk7-line);margin-top:48px;padding:26px 0;color:var(--emk7-dim);font-size:13px}
@media(max-width:820px){.emk7-nav{display:none}}

/* listing */
.emk7-wrap > #casino-listing{
  font-family:"Oswald",sans-serif;
  text-transform:uppercase;
  font-size:clamp(24px,3vw,32px);
  margin:34px 0 18px;
  letter-spacing:.5px;
  color:var(--emk7-txt);
}

.listing-wrapper{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin:0 0 34px;
}

.listing{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1.4fr) minmax(170px,.72fr);
  align-items:center;
  gap:18px;
  padding:20px 22px;
  border:1px solid var(--emk7-line);
  border-radius:10px;
  background:var(--emk7-row);
}

.info-section{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}

.logo-box{
  width:76px;
  height:76px;
  background:linear-gradient(135deg,#354154,#1a2230);
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex-shrink:0;
}

.logo-box img{
  max-width:82%;
  max-height:82%;
  object-fit:contain;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.30));
}

.details{
  min-width:0;
}

.title-row{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.badge{
  width:30px;
  height:30px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  font-family:"Oswald",sans-serif;
  font-weight:700;
  font-size:15px;
  color:#06281b;
  background:var(--emk7-grn);
}

.name{
  font-family:"Oswald",sans-serif;
  font-size:20px;
  font-weight:700;
  color:var(--emk7-txt);
  line-height:1.2;
}

.rating-row{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:8px;
  white-space:nowrap;
}

.stars{
  color:var(--emk7-yel);
  letter-spacing:1px;
  font-size:15px;
}

.rating-value{
  color:var(--emk7-grn);
  font-weight:700;
  font-size:14px;
}

.bonus-section{
  min-height:92px;
  border:1px solid var(--emk7-line);
  border-radius:8px;
  background:var(--emk7-row2);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px 18px;
}

.bonus-title{
  color:var(--emk7-dim);
  font-family:"Oswald",sans-serif;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.bonus-text{
  margin-top:5px;
  color:var(--emk7-txt);
  font-size:16px;
  line-height:1.35;
  font-weight:700;
}

.buttons-section{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.ar-btn{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:6px;
  padding:11px 15px;
  cursor:pointer;
  font-family:"Oswald",sans-serif;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:14px;
  font-weight:700;
  color:#06281b;
  background:var(--emk7-grn);
}

.ar-btn.ar{
  color:var(--emk7-txt);
  background:#0d1118;
  border:1px solid var(--emk7-line);
}

.ar-btn:hover{
  transform:translateY(-1px);
}

@media(max-width:900px){
  .listing{
    grid-template-columns:1fr 1fr;
  }

  .buttons-section{
    grid-column:1/-1;
    flex-direction:row;
  }
}

@media(max-width:640px){
  .listing{
    grid-template-columns:1fr;
    padding:17px;
  }

  .bonus-section,
  .buttons-section{
    grid-column:auto;
  }

  .buttons-section{
    flex-direction:column;
  }

  .logo-box{
    width:68px;
    height:68px;
  }

  .name{
    font-size:18px;
  }

  .rating-row{
    flex-wrap:wrap;
    white-space:normal;
  }
}