/* UkCasinoUk.com shared styles (keep DOM clean, one custom CSS file) */
:root{
  --ukc-bg:#070A12;
  --ukc-surface:#0D1222;
  --ukc-card:#0F162B;
  --ukc-text:#EAF0FF;
  --ukc-muted:#B7C1D9;
  --ukc-border:rgba(255,255,255,.10);
  --ukc-accent:#7CE3FF;
  --ukc-accent2:#B77CFF;
  --ukc-good:#45E07A;
  --ukc-warn:#FFCC66;
  --ukc-bad:#FF6B6B;
  --ukc-radius:18px;
}

html,body{height:100%}
body{
  background: #182A34;
  color:var(--ukc-text);
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  text-rendering:optimizeLegibility;
}
a{color:var(--ukc-accent); text-decoration:none}
a:hover{color:#bff3ff}
.ukc-container{max-width:1200px;margin:0 auto;padding:0 16px}
.ukc-topbar{
  position:sticky;top:0;z-index:1020;
  backdrop-filter:saturate(120%) blur(10px);
  background: rgba(7,10,18,.70);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ukc-brand{display:flex;align-items:center;gap:12px}
.ukc-brand img{width:155px;height:80px;object-fit:contain}
.ukc-brand-name{display:none}

.ukc-navlink{color:var(--ukc-text)!important;opacity:.9}
.ukc-navlink:hover{opacity:1}
.ukc-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color:var(--ukc-text);
}
.ukc-pill small{color:var(--ukc-muted)}
.ukc-hero{
  position:relative;
  border-radius:calc(var(--ukc-radius) + 10px);
  padding:26px 18px;
  margin:18px 0 18px;
  overflow:hidden;
  border:1px solid transparent;
  background:
    linear-gradient(var(--ukc-surface),var(--ukc-surface)) padding-box,
    linear-gradient(135deg, rgba(124,227,255,.95), rgba(183,124,255,.95), rgba(124,227,255,.85)) border-box;
  box-shadow: 0 18px 44px rgba(0,0,0,.55);
}
.ukc-hero-grid{
  display:grid;gap:16px;
  grid-template-columns: 1.2fr .8fr;
  align-items:center;
}
.ukc-hero h1{font-size:clamp(26px,3.4vw,38px);margin:0 0 10px;letter-spacing:-.02em}
.ukc-hero p{margin:0;color:var(--ukc-muted);line-height:1.65;font-size:15px}
.ukc-hero-art{
  border-radius:var(--ukc-radius);
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 20% 0%, rgba(124,227,255,.28), transparent 55%),
    radial-gradient(circle at 90% 20%, rgba(183,124,255,.26), transparent 58%),
    rgba(255,255,255,.05);
  min-height:170px;
  display:flex;align-items:center;justify-content:center;
  padding:14px;
}
.ukc-hero-art img{max-width:100%;height:auto;border-radius:14px;border:1px solid rgba(255,255,255,.10)}
.ukc-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ukc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:var(--ukc-text);
  font-weight:700;
}
.ukc-btn:hover{background:rgba(255,255,255,.12)}
.ukc-btn-primary{
  border-color:rgba(124,227,255,.40);
  background: linear-gradient(135deg, rgba(124,227,255,.22), rgba(183,124,255,.18));
}
.ukc-kicker{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ukc-tag{
  font-size:12px;color:var(--ukc-muted);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  padding:6px 10px;border-radius:999px
}

.ukc-section{margin:22px 0}
.ukc-section h2{font-size:clamp(20px,2.2vw,28px);margin:0 0 10px}
.ukc-section h3{font-size:18px;margin:18px 0 8px}
.ukc-lead{color:var(--ukc-muted);line-height:1.7}
.ukc-slim{max-width:900px}

.ukc-searchbar{
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  padding:12px;border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}
.ukc-searchbar input{
  flex:1;min-width:220px;
  background: rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.12);
  color:var(--ukc-text);
  border-radius:12px;
  padding:11px 12px;
}
.ukc-searchbar input::placeholder{color:rgba(234,240,255,.55)}
.ukc-searchbar .ukc-mini{
  color:var(--ukc-muted);
  font-size:12px;
}

.ukc-cards{display:flex;flex-direction:column;gap:12px}
.ukc-card{
  display:grid;gap:12px;
  grid-template-columns: 92px 1fr auto;
  align-items:center;
  padding:12px;
  border-radius:var(--ukc-radius);
  background: rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
}
.ukc-thumb{
  width:92px;height:64px;border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.25);
  overflow:hidden;
}
.ukc-thumb img{width:100%;height:100%;object-fit:cover}
.ukc-card h4{margin:0 0 4px;font-size:16px}
.ukc-card p{margin:0;color:var(--ukc-muted);font-size:13px;line-height:1.55}
.ukc-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ukc-chip{
  font-size:12px;color:var(--ukc-muted);
  padding:5px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
.ukc-rating{font-weight:800}
.ukc-rating .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--ukc-good)}
.ukc-rating.warm .dot{background:var(--ukc-warn)}
.ukc-rating.hot .dot{background:var(--ukc-accent)}
.ukc-card .ukc-btn{white-space:nowrap}

.ukc-tablewrap{
  border-radius:var(--ukc-radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  overflow:hidden;
}
.ukc-tablewrap .table{margin:0;color:var(--ukc-text)}
.ukc-tablewrap .table thead th{
  background: rgba(0,0,0,.22);
  border-bottom:1px solid rgba(255,255,255,.10);
  color:rgba(234,240,255,.92);
}
.ukc-tablewrap .table td, .ukc-tablewrap .table th{
  border-color: rgba(255,255,255,.08);
  vertical-align:top;
}
.ukc-table-scroll{overflow-x:auto}
.ukc-table-scroll::-webkit-scrollbar{height:10px}
.ukc-table-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}

.ukc-checklist{display:grid;gap:10px}
.ukc-check{
  display:flex;gap:10px;align-items:flex-start;
  padding:10px 12px;border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
}
.ukc-check b{display:block}
.ukc-check .mark{
  width:28px;height:28px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(124,227,255,.15);
  border:1px solid rgba(124,227,255,.25);
  flex:0 0 auto;
  color:green;
}
.ukc-grid2{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.ukc-review{
  padding:12px;border-radius:var(--ukc-radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.ukc-stars{font-weight:800}
.ukc-foot{
  margin-top:26px;padding:20px 0 40px;
  border-top:1px solid rgba(255,255,255,.10);
  color:var(--ukc-muted);
  font-size:13px;
}
.ukc-foot a{color:rgba(234,240,255,.85)}
.ukc-foot a:hover{color:var(--ukc-accent)}

.ukc-up{
  position:fixed;right:14px;bottom:14px;z-index:1050;
  width:46px;height:46px;border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.42);
  color:var(--ukc-text);
  display:none;align-items:center;justify-content:center;
  box-shadow:0 12px 28px rgba(0,0,0,.45);
}
.ukc-up.show{display:flex}
.ukc-note{
  padding:12px 14px;border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(124,227,255,.07);
  color:rgba(234,240,255,.92);
}
.ukc-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ukc-badge{
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
  color:var(--ukc-muted);
  font-size:12px;
}

/* small screens */
@media (max-width: 900px){
  .ukc-hero-grid{grid-template-columns: 1fr}
  .ukc-card{grid-template-columns: 80px 1fr; grid-template-rows:auto auto; align-items:start}
  .ukc-card .ukc-btn{grid-column: 1 / -1; justify-self:stretch}
  .ukc-thumb{width:80px;height:56px}
  .ukc-grid2{grid-template-columns:1fr}
}
@media (max-width: 380px){
  .ukc-container{padding:0 12px}
  .ukc-hero{padding:22px 14px}
  .ukc-searchbar input{min-width:160px}
}