/* === RESET & BASE === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  background-color: #020617;
  color: #f8fafc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; background: none; border: none; }
details > summary::-webkit-details-marker { display: none; }

/* === DESIGN TOKENS === */
.bg-slate-950 { background-color: #020617; }
.text-white { color: #f8fafc; }
.text-slate-300 { color: #cbd5e1; }
.text-slate-400 { color: #94a3b8; }
.text-slate-500 { color: #64748b; }
.text-slate-600 { color: #475569; }
.text-amber-400 { color: #fbbf24; }
.text-amber-500 { color: #f59e0b; }
.bg-amber-500 { background-color: #f59e0b; }
.hover\:bg-amber-400:hover { background-color: #fbbf24; }
.text-emerald-400 { color: #34d399; }
.text-emerald-500 { color: #10b981; }

/* === GLASSMORPHISM === */
.glass {
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.08);
}
.glass-strong {
  background: rgba(15,23,42,0.85);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* === LAYOUT === */
.container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 640px) { .container { max-width: 640px; } }
@media (min-width: 768px) { .container { max-width: 768px; } }
@media (min-width: 1024px) { .container { max-width: 1024px; } }
@media (min-width: 1280px) { .container { max-width: 1280px; } }

.mx-auto { margin-left: auto; margin-right: auto; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-16 { margin-bottom: 4rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-16 { margin-top: 4rem; }
.mt-20 { margin-top: 5rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-5xl { max-width: 64rem; }
.max-w-none { max-width: none; }

/* === FLEX & GRID === */
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.block { display: block; }
.inline-block { display: inline-block; }
.hidden { display: none; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.flex-wrap { flex-wrap: wrap; }
.flex-1 { flex: 1 1 0%; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-8 { gap: 2rem; }
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.space-y-2 > * + * { margin-top: 0.5rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }
.space-y-4 > * + * { margin-top: 1rem; }

@media (min-width: 768px) {
  .md\:flex { display: flex; }
  .md\:hidden { display: none; }
  .md\:inline-flex { display: inline-flex; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:flex-row { flex-direction: row; }
  .md\:w-1\/4 { width: 25%; }
  .md\:items-center { align-items: center; }
}

/* === TYPOGRAPHY === */
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
@media (min-width: 768px) {
  .md\:text-6xl { font-size: 3.75rem; line-height: 1; }
}
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-black { font-weight: 900; }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.tracking-tight { letter-spacing: -0.025em; }
.leading-tight { line-height: 1.25; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.underline { text-decoration-line: underline; text-underline-offset: 2px; }

/* === COMPONENTS === */
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.border-t { border-top-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-collapse { border-collapse: collapse; }
.border-white\/5 { border-color: rgba(255,255,255,0.05); }
.border-white\/10 { border-color: rgba(255,255,255,0.10); }

.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.pb-4 { padding-bottom: 1rem; }
.h-16 { height: 4rem; }
.h-auto { height: auto; }
.w-6 { width: 1.5rem; }
.w-full { width: 100%; }
.object-cover { object-fit: cover; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.z-50 { z-index: 50; }
.z-\[100\] { z-index: 100; }
.pointer-events-none { pointer-events: none; }
.sticky { position: sticky; }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.hover\:bg-white\/10:hover { background-color: rgba(255,255,255,0.10); }
.hover\:text-white:hover { color: #f8fafc; }
.hover\:text-amber-400:hover { color: #fbbf24; }
.group-open\:rotate-180[open] summary svg { transform: rotate(180deg); }

/* === PROSE (prose-invert) — FULL WIDTH === */
.prose {
  color: #cbd5e1;
  width: 100%;
  max-width: none;
  text-align: justify;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.prose-invert {
  --tw-prose-body: #cbd5e1;
  --tw-prose-headings: #f8fafc;
  --tw-prose-lead: #94a3b8;
  --tw-prose-links: #fbbf24;
  --tw-prose-bold: #f8fafc;
  --tw-prose-counters: #94a3b8;
  --tw-prose-bullets: #64748b;
  --tw-prose-hr: rgba(255,255,255,0.1);
  --tw-prose-quotes: #f1f5f9;
  --tw-prose-quote-borders: rgba(255,255,255,0.1);
  --tw-prose-captions: #94a3b8;
  --tw-prose-code: #f8fafc;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #0f172a;
  --tw-prose-th-borders: rgba(255,255,255,0.1);
  --tw-prose-td-borders: rgba(255,255,255,0.05);
}

.prose :where(h1):not(:where([class~="not-prose"] *)) {
  color: #f8fafc;
  font-weight: 900;
  font-size: 2.25rem;
  line-height: 2.5rem;
  margin-top: 0;
  margin-bottom: 1rem;
  text-align: left;
  hyphens: none;
}

.prose :where(h2):not(:where([class~="not-prose"] *)) {
  color: #f8fafc;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  text-align: left;
  hyphens: none;
}

.prose :where(h3):not(:where([class~="not-prose"] *)) {
  color: #f8fafc;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  text-align: left;
  hyphens: none;
}

.prose :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.prose :where(ul):not(:where([class~="not-prose"] *)) {
  list-style-type: disc;
  padding-left: 1.625rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.prose :where(ol):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
  padding-left: 1.625rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.prose :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prose :where(strong):not(:where([class~="not-prose"] *)) {
  color: #f8fafc;
  font-weight: 700;
}

.prose :where(a):not(:where([class~="not-prose"] *)) {
  color: #fbbf24;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.prose :where(a):not(:where([class~="not-prose"] *)):hover {
  color: #f59e0b;
}

.prose :where(hr):not(:where([class~="not-prose"] *)) {
  border-color: rgba(255,255,255,0.1);
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.prose :where(table):not(:where([class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.prose :where(thead):not(:where([class~="not-prose"] *)) {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.prose :where(th):not(:where([class~="not-prose"] *)) {
  color: #f8fafc;
  font-weight: 600;
  padding: 0.75rem 1rem;
}

.prose :where(td):not(:where([class~="not-prose"] *)) {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  color: #cbd5e1;
}

.prose :where(code):not(:where([class~="not-prose"] *)) {
  color: #f8fafc;
  background: rgba(255,255,255,0.05);
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.875em;
}

.prose :where(pre):not(:where([class~="not-prose"] *)) {
  color: #e2e8f0;
  background: #0f172a;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.prose :where(pre code):not(:where([class~="not-prose"] *)) {
  background: transparent;
  padding: 0;
  font-size: 0.875em;
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
  border-left: 4px solid rgba(255,255,255,0.1);
  padding-left: 1rem;
  font-style: italic;
  color: #f1f5f9;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.prose-lg {
  font-size: 1.125rem;
  line-height: 1.75;
}

.prose-sm {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* === TABLES (data tables) === */
table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
th { text-align: left; padding: 0.75rem 1rem; font-weight: 600; color: #cbd5e1; border-bottom: 1px solid rgba(255,255,255,0.1); }
td { padding: 0.75rem 1rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: #cbd5e1; }
tr:hover { background: rgba(255,255,255,0.03); }

/* === GRADIENTS === */
.bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
.from-amber-500\/10 { --tw-gradient-from: rgba(245, 158, 11, 0.1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.via-transparent { --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to); }
.to-emerald-500\/10 { --tw-gradient-to: rgba(16, 185, 129, 0.1); }

/* === ACCESSIBILITY === */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
/* === LANGUAGE SWITCHER / FOCUS === */
.language-select { background-color: rgba(15,23,42,.95); color: #f8fafc; border: 1px solid rgba(255,255,255,.1); min-width: 78px; }
.language-select:focus-visible { outline: 2px solid #fbbf24; outline-offset: 2px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #fbbf24; outline-offset: 2px; }
.breadcrumbs a { color: #94a3b8; }
@media (max-width: 767px) {
  .language-select { min-width: 70px; }
  table { min-width: 620px; }
}

@media (max-width: 767px) { .prose table { display: block; overflow-x: auto; white-space: nowrap; } }

/* === ACCESSIBILITY & TEMPLATE STATUS === */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.review-notice { box-shadow: 0 16px 40px rgba(0,0,0,0.18); }
[data-layout-variant="editorial"] .cta-row { opacity: 0.98; }
[data-layout-variant="compact"] .cta-row { padding-top: 1.5rem; padding-bottom: 1.5rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* === CASINO-STYLE UI === */
.casino-hero{padding:6rem 0 4rem;background:radial-gradient(circle at 78% 35%,rgba(245,158,11,.18),transparent 32%),radial-gradient(circle at 18% 20%,rgba(16,185,129,.10),transparent 28%);border-bottom:1px solid rgba(255,255,255,.07)}
.casino-hero-glow{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 45%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:3rem;align-items:center}
.eyebrow{display:inline-block;color:#fbbf24;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.hero-title{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.96;font-weight:900;letter-spacing:-.045em;margin:.8rem 0 1.5rem;max-width:900px}
.hero-lead{font-size:1.18rem;line-height:1.75;color:#cbd5e1;max-width:700px}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.casino-primary,.casino-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.35rem;border-radius:.8rem;font-weight:800;transition:transform .15s,background .15s}.casino-primary{background:#f59e0b;color:#020617}.casino-primary:hover{background:#fbbf24;transform:translateY(-1px)}.casino-secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff}.casino-secondary:hover{background:rgba(255,255,255,.08)}
.hero-trust{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;color:#94a3b8;font-size:.85rem}.hero-offer{padding:2rem;border:1px solid rgba(245,158,11,.22);box-shadow:0 24px 80px rgba(0,0,0,.3)}.offer-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#fbbf24;font-weight:800}.offer-value{font-size:2.2rem;line-height:1.05;font-weight:900;color:#fff;margin:1rem 0}.offer-link,.section-link{color:#fbbf24;font-weight:800}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.slot-grid-large{grid-template-columns:repeat(3,minmax(0,1fr))}.slot-card{border:1px solid rgba(255,255,255,.08);transition:transform .18s,border-color .18s,box-shadow .18s}.slot-card:hover{transform:translateY(-4px);border-color:rgba(245,158,11,.35);box-shadow:0 20px 50px rgba(0,0,0,.24)}.slot-image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0f172a}.slot-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.slot-card:hover .slot-image{transform:scale(1.035)}.slot-badge{position:absolute;top:.75rem;right:.75rem;background:rgba(2,6,23,.82);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:.25rem .55rem;border-radius:999px;font-size:.7rem;color:#fff}.slot-body{padding:1.1rem}.slot-meta,.slot-stats{display:flex;justify-content:space-between;gap:.6rem;margin-top:.7rem;color:#94a3b8;font-size:.78rem}.slot-features{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}.slot-features span{font-size:.68rem;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.2rem .45rem}.slot-play{width:100%;margin-top:1rem}.feature-strip{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem}.author-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.author-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.author-card{padding:1.4rem;border:1px solid rgba(255,255,255,.08)}.author-card-top,.author-profile-head{display:flex;align-items:center;gap:1rem}.author-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex:0 0 64px;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(245,158,11,.35);display:flex;align-items:center;justify-content:center;color:#fbbf24;font-weight:900;font-size:1.4rem}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-avatar-lg{width:112px;height:112px;flex-basis:112px;font-size:2rem}.author-actions,.social-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.author-link,.social-link,.social-button{font-size:.78rem;font-weight:800;color:#fbbf24;border:1px solid rgba(245,158,11,.2);border-radius:.55rem;padding:.45rem .7rem}.verified-badge{display:inline-flex;align-items:center;gap:.35rem;color:#34d399;font-size:.75rem;font-weight:800;margin-top:1rem}.casino-section{position:relative}.author-profile{border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 80px rgba(0,0,0,.25)}
@media(max-width:900px){.hero-grid,.slot-grid,.slot-grid-large{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1}.hero-offer{grid-column:1/-1}.author-grid,.author-grid.compact{grid-template-columns:1fr}}
@media(max-width:640px){.casino-hero{padding:4rem 0 3rem}.hero-grid,.slot-grid,.slot-grid-large{grid-template-columns:1fr}.section-heading-row,.feature-strip{align-items:flex-start;flex-direction:column}.author-profile-head{align-items:flex-start;flex-direction:column}.author-avatar-lg{width:88px;height:88px;flex-basis:88px}}

/* Fiery lobby direction */
body{background:#070506;color:#f8f5f6}
.glass{background:#13090d;border-color:rgba(255,35,79,.16);backdrop-filter:none;-webkit-backdrop-filter:none}
.glass-strong{background:#050405;border-color:rgba(255,35,79,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
header.glass-strong{border-bottom:1px solid #310816}
.casino-hero{padding:3.25rem 0 2.75rem;background:#310613;border-bottom:1px solid #5b0b20}
.casino-hero-glow{display:none}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:2rem}
.hero-title{font-size:4.2rem;line-height:1.02;letter-spacing:0;margin:.65rem 0 1rem}
.hero-lead{max-width:560px;color:#e0cbd1;font-size:1.08rem;line-height:1.6}
.eyebrow{color:#ffcb24;letter-spacing:.08em}
.hero-offer{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:1.25rem;overflow:hidden;border:1px solid #681027;border-radius:7px!important;background:#16070c}
.hero-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68}
.hero-offer>*:not(.hero-feature-image){position:relative;z-index:1;text-shadow:0 1px 8px #000}
.offer-label{color:#ffcf25}
.offer-link,.section-link{color:#ffcf25}
.casino-primary{background:#ffd21f;color:#171004;border-radius:6px;box-shadow:0 5px 0 #b48600;font-weight:900}
.casino-primary:hover{background:#ffe264;transform:translateY(-1px)}
.casino-secondary{border:1px solid #8b1433;background:#18070d;border-radius:6px}
.slot-grid{gap:.8rem}
.slot-card{background:#12070b;border:1px solid #3d101d;border-radius:7px!important;overflow:hidden}
.slot-card:hover{transform:translateY(-3px);border-color:#e01646;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.slot-image-wrap{background:#210710;aspect-ratio:16/10}
.slot-badge{border-radius:4px;background:#d80c3c;border:0;font-weight:800}
.slot-body{padding:.9rem 1rem}
.feature-strip{background:#18070d;border:1px solid #451020;border-radius:7px;padding:1.5rem}
.author-card,.author-card-premium{background:#11080c;border-color:#40111f;border-radius:7px}
.language-select{background:#10090c;border-color:#542031}
a:focus-visible,button:focus-visible,summary:focus-visible,.language-select:focus-visible{outline-color:#ffcb24}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr}.hero-title{font-size:3.3rem}.hero-offer{grid-column:1/-1;min-height:250px}}
@media(max-width:640px){.casino-hero{padding:2rem 0 1.5rem}.hero-grid{grid-template-columns:1fr;gap:1rem}.hero-title{font-size:2.65rem}.hero-actions{gap:.65rem}.hero-actions a{flex:1 1 100%}.casino-section.py-16{padding-top:2.5rem;padding-bottom:2.5rem}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.slot-body{padding:.7rem}.slot-meta{font-size:.68rem}.slot-image-wrap{aspect-ratio:1.2}.hero-offer{min-height:210px}}

/* Author presentation */
.author-grid-premium{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.author-card-premium{position:relative;padding:0;border:1px solid rgba(255,255,255,.09);background:rgba(15,23,42,.72);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.author-card-premium:hover{transform:translateY(-4px);border-color:rgba(245,158,11,.32);box-shadow:0 22px 55px rgba(0,0,0,.28)}
.author-card-cover{height:64px;background:radial-gradient(circle at 50% 20%,rgba(245,158,11,.22),transparent 58%),linear-gradient(135deg,rgba(30,41,59,.9),rgba(15,23,42,.2))}
.author-card-body{padding:0 1.35rem 1.35rem}
.author-avatar-premium{margin-top:-32px;width:76px;height:76px;flex-basis:76px;border:3px solid #111827;box-shadow:0 8px 25px rgba(0,0,0,.35)}
.author-avatar-premium img{width:100%;height:100%;object-fit:cover}
.author-meta,.author-profile-location{font-size:.72rem;color:#94a3b8;margin-top:.45rem}
.author-card-home{min-height:100%}
.author-card-home .author-actions{align-items:center}
.author-profile-premium{position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 90px rgba(0,0,0,.3)}
.author-profile-glow{height:130px;background:radial-gradient(circle at 18% 35%,rgba(245,158,11,.22),transparent 32%),linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.4))}
.author-profile-inner{padding:0 2.5rem 2.5rem}
.author-profile-head{margin-top:-58px;position:relative;align-items:flex-end}
.author-avatar-profile{width:132px;height:132px;flex-basis:132px;border:5px solid #111827;box-shadow:0 14px 38px rgba(0,0,0,.42)}
.author-profile-title{padding-bottom:.35rem}
.author-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;margin-top:2.25rem}
.author-section-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#fbbf24;font-weight:900;margin-bottom:.8rem}
.author-contact-card{padding:1.25rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:rgba(2,6,23,.34);height:max-content}
.footer-authors{border:1px solid rgba(255,255,255,.08)}
.footer-author-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.footer-author-item{display:flex;align-items:center;gap:.7rem;padding:.65rem;border:1px solid rgba(255,255,255,.06);border-radius:.8rem;background:rgba(2,6,23,.25);transition:border-color .2s ease,background .2s ease}
.footer-author-item:hover{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.05)}
.footer-author-item strong{display:block;color:#fff;font-size:.78rem;line-height:1.2}
.footer-author-item small{display:block;color:#94a3b8;font-size:.65rem;margin-top:.18rem;line-height:1.25}
.footer-author-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden;background:#1e293b;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;color:#fbbf24;font-weight:900}
.footer-author-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){.author-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-author-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.author-grid-premium{grid-template-columns:1fr}.footer-author-grid{grid-template-columns:1fr}.author-profile-inner{padding:0 1.25rem 1.5rem}.author-profile-head{align-items:flex-start}.author-profile-grid{grid-template-columns:1fr}.author-avatar-profile{width:100px;height:100px;flex-basis:100px}.author-profile-title{padding-top:.7rem}}


/* Final author presentation */
.authors-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 85% 20%,rgba(245,158,11,.12),transparent 35%),rgba(15,23,42,.72)}
.authors-hero-copy{max-width:820px}.authors-hero-text{font-size:1.05rem;line-height:1.75;color:#cbd5e1;max-width:760px}.authors-hero-stats{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.authors-hero-stats span{padding:.55rem .8rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(2,6,23,.28);color:#94a3b8;font-size:.78rem}.authors-hero-stats strong{color:#fbbf24;margin-right:.25rem}.authors-hero-mark{width:130px;height:130px;flex:0 0 130px;border-radius:2rem;border:1px solid rgba(245,158,11,.25);background:linear-gradient(145deg,rgba(245,158,11,.16),rgba(15,23,42,.6));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 60px rgba(0,0,0,.2)}.authors-hero-mark span{font-size:2.5rem;color:#fbbf24;line-height:1}.authors-hero-mark small{margin-top:.4rem;color:#cbd5e1;text-align:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.authors-showcase{gap:1.5rem}.author-card-beautiful{padding:0!important;min-height:100%;background:rgba(15,23,42,.78)!important;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.author-card-beautiful:hover{transform:translateY(-5px);border-color:rgba(245,158,11,.35);box-shadow:0 24px 70px rgba(0,0,0,.28)}.author-cover{height:72px;background:linear-gradient(120deg,rgba(245,158,11,.2),rgba(15,23,42,.1) 55%,rgba(16,185,129,.1));position:relative}.author-cover:after{content:"";position:absolute;inset:auto 20px 0 20px;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.45),transparent)}.author-card-body{padding:0 1.25rem 1.25rem}.author-identity{display:flex;align-items:center;gap:.8rem;margin-top:-31px;position:relative}.author-avatar-premium{width:72px;height:72px;flex-basis:72px;border:3px solid #0f172a;box-shadow:0 8px 25px rgba(0,0,0,.35)}.author-identity-copy{min-width:0;padding-top:1.85rem}.author-identity-copy h2{margin:0;color:#fff;font-size:1.05rem;font-weight:900;line-height:1.2}.author-identity-copy p{margin:.25rem 0 0;color:#fbbf24;font-size:.76rem;line-height:1.35}.author-check{margin-left:auto;margin-top:1.7rem;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#07111f;background:#34d399;font-size:.75rem;font-weight:900}.author-specialty{display:inline-flex;margin-top:1rem;padding:.4rem .65rem;border-radius:999px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.16);color:#fbbf24;font-size:.7rem;font-weight:800}.author-card-bio{color:#94a3b8;font-size:.86rem;line-height:1.65;margin:1rem 0 1.25rem;min-height:5.7rem}.author-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.07)}.author-profile-btn{display:inline-flex;align-items:center;gap:.45rem;color:#fff;font-size:.78rem;font-weight:800;padding:.55rem .75rem;border-radius:.65rem;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.2)}.author-profile-btn:hover{background:rgba(245,158,11,.2);color:#fbbf24}.author-social-mini{display:flex;gap:.4rem}.author-social-mini a{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.7rem;font-weight:900}.author-social-mini a:hover{color:#fbbf24;border-color:rgba(245,158,11,.3)}.author-profile-beautiful{border-color:rgba(255,255,255,.1);box-shadow:0 30px 90px rgba(0,0,0,.3)}.author-profile-banner{height:130px;background:radial-gradient(circle at 75% 30%,rgba(245,158,11,.2),transparent 32%),linear-gradient(120deg,rgba(15,23,42,.95),rgba(30,41,59,.7));border-bottom:1px solid rgba(255,255,255,.07)}.author-profile-beautiful .author-profile-inner{margin-top:-58px;position:relative}.author-profile-beautiful .author-profile-head{align-items:flex-end;padding:0 2rem}.author-avatar-profile{border:4px solid #0f172a!important;box-shadow:0 15px 45px rgba(0,0,0,.4)}.author-profile-kicker{display:flex;align-items:center;gap:.75rem}.author-profile-role{color:#fbbf24;font-size:1.05rem;font-weight:800;margin-top:.35rem}.author-profile-location{color:#94a3b8;margin-top:.25rem}.author-verified{margin-top:0!important}.author-profile-beautiful .author-profile-grid{padding:2rem}.author-profile-main{padding-right:1rem}.author-contact-beautiful{background:rgba(2,6,23,.42)!important;border-color:rgba(255,255,255,.08)!important}.author-social-large{margin-top:1rem}.author-social-large .social-button{display:inline-flex;align-items:center;gap:.5rem}.author-social-large .social-button span{font-weight:900}.author-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;padding:.8rem 1rem;border-radius:.75rem;background:#f59e0b;color:#07111f;font-weight:900;font-size:.85rem}.author-cta:hover{background:#fbbf24}.author-focus-box{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:1rem;background:rgba(2,6,23,.25)}.author-focus-box strong{width:100%;color:#fff;font-size:.82rem;margin-bottom:.15rem}.author-focus-box span{padding:.45rem .65rem;border-radius:999px;background:rgba(255,255,255,.04);color:#94a3b8;font-size:.72rem;border:1px solid rgba(255,255,255,.06)}
@media(max-width:900px){.authors-hero{align-items:flex-start}.authors-hero-mark{width:100px;height:100px;flex-basis:100px}.author-profile-beautiful .author-profile-head{padding:0 1.25rem}.author-profile-beautiful .author-profile-grid{padding:1.25rem}.author-profile-main{padding-right:0}}
@media(max-width:640px){.authors-hero{padding:1.5rem;flex-direction:column}.authors-hero-mark{align-self:flex-start}.authors-hero-stats{gap:.4rem}.author-card-bio{min-height:0}.author-profile-banner{height:100px}.author-profile-beautiful .author-profile-inner{margin-top:-48px}.author-profile-beautiful .author-profile-head{align-items:flex-start;flex-direction:column}.author-profile-title{padding-top:0}.author-avatar-profile{width:96px;height:96px;flex-basis:96px}.author-profile-kicker{flex-wrap:wrap}}


/* SEO/trust: distinguish a public profile from a confirmed contributor badge. */
.author-profile-status{font-size:.72rem;line-height:1;color:rgb(148 163 184);border:1px solid rgb(255 255 255 / .12);border-radius:9999px;padding:.35rem .5rem;white-space:nowrap}

/* Featured welcome-offer cards */
.bonus-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin:1.5rem 0 2rem}
.bonus-promo-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;min-height:340px;overflow:hidden;border:1px solid #5a192a;border-radius:8px;background:#1a070e}
.bonus-promo-sports{background:#100b12;border-color:#3b2b38}
.bonus-promo-copy{position:relative;z-index:1;padding:1.65rem}
.bonus-promo-kicker{display:inline-block;padding:.35rem .6rem;border:1px solid #7e1833;border-radius:4px;color:#ffcf27;font-size:.7rem;font-weight:800;text-transform:uppercase}
.bonus-promo-sports .bonus-promo-kicker{border-color:#76425c;color:#ff9eb5}
.bonus-promo-card h3{max-width:470px;margin:.8rem 0;color:#fff;font-size:1.8rem;line-height:1.12}
.bonus-promo-amount{margin:.4rem 0 1rem;color:#ffd32a;font-size:1.6rem;line-height:1.15;font-weight:900;overflow-wrap:anywhere}
.bonus-promo-sports .bonus-promo-amount{color:#ff9eb5}
.bonus-promo-card p{max-width:460px;color:#e1d5d9;font-size:.92rem;line-height:1.55}
.bonus-promo-card .bonus-promo-note{margin:1rem 0;color:#b6a6ac;font-size:.74rem;line-height:1.45}
.bonus-promo-card .casino-primary{margin-top:.35rem;padding:.75rem 1rem}
.bonus-promo-art{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0;padding:.65rem;background:#310b19;border-left:1px solid #5a192a}
.bonus-promo-art svg{display:block;width:100%;max-width:205px;max-height:240px}
.bonus-promo-sports .bonus-promo-art{background:#21101a;border-color:#3b2b38}
@media(max-width:900px){.bonus-promo-grid{grid-template-columns:1fr}.bonus-promo-card{min-height:280px}}
@media(max-width:640px){.bonus-promo-card{grid-template-columns:1fr;min-height:0}.bonus-promo-art{grid-row:1;min-height:145px;border-left:0;border-bottom:1px solid #5a192a}.bonus-promo-art svg{height:125px}.bonus-promo-copy{padding:1.15rem}.bonus-promo-card h3{font-size:1.5rem}.bonus-promo-amount{font-size:1.4rem}.bonus-promo-card .casino-primary{width:100%;text-align:center}}


/* =========================================================
   Starda Casino — fiery lobby refresh
   Inspired by the supplied reference's visual language:
   near-black/burgundy surfaces, gold CTAs, luminous edges,
   compact game rows, promotional cards and motion.
   ========================================================= */
:root{
  --lobby-bg:#070405;
  --lobby-surface:#10070b;
  --lobby-surface-2:#160910;
  --lobby-border:#3b101d;
  --lobby-border-bright:#78152d;
  --lobby-red:#e31a46;
  --lobby-red-2:#ff4368;
  --lobby-gold:#ffd22b;
  --lobby-gold-2:#ffab18;
  --lobby-text:#fff7f9;
  --lobby-muted:#b89aa4;
  --lobby-max:1320px;
}

body{
  background:
    radial-gradient(circle at 82% 12%, rgba(111,4,31,.18), transparent 23rem),
    radial-gradient(circle at 10% 38%, rgba(132,10,35,.10), transparent 26rem),
    linear-gradient(180deg,#070405 0%,#080406 45%,#050304 100%);
  color:var(--lobby-text);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.24;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.05) 0 1px, transparent 1.4px),
    radial-gradient(circle at 75% 55%, rgba(255,255,255,.035) 0 1px, transparent 1.3px);
  background-size:75px 75px,110px 110px;
  mix-blend-mode:screen;
}

/* Header */
.lobby-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(6,3,5,.88);
  border-bottom:1px solid rgba(255,53,96,.16);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.lobby-header-inner{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:1rem;
}
.lobby-logo{
  display:flex;
  align-items:center;
  gap:.65rem;
  flex:0 0 auto;
}
.lobby-logo-mark{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:var(--lobby-gold);
  filter:drop-shadow(0 0 12px rgba(255,210,43,.28));
}
.lobby-logo-mark svg{width:100%;height:100%}
.lobby-logo-type{
  font-size:1.1rem;
  font-weight:900;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.lobby-logo-type b{color:var(--lobby-gold)}
.lobby-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:.15rem;
}
.lobby-nav-link{
  position:relative;
  display:flex;
  align-items:center;
  gap:.38rem;
  padding:.7rem .7rem;
  color:#ceb9bf;
  font-size:.82rem;
  font-weight:700;
  border-radius:.7rem;
  transition:color .2s ease, background .2s ease, transform .2s ease;
}
.lobby-nav-link svg{
  width:16px;
  height:16px;
  stroke:currentColor;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.lobby-nav-link:hover,
.lobby-nav-link.is-active{
  color:#fff;
  background:rgba(255,45,87,.08);
}
.lobby-nav-link.is-active:after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:.18rem;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--lobby-gold),transparent);
  border-radius:999px;
}
.lobby-actions{display:flex;align-items:center;gap:.55rem;margin-left:.5rem}
.lobby-language{
  min-width:54px;
  height:38px;
  padding:0 .55rem!important;
  border-radius:.7rem!important;
  background:#12070b!important;
  border:1px solid rgba(255,255,255,.1)!important;
}
.lobby-ghost-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 .9rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#f8eef1;
  font-size:.78rem;
  font-weight:800;
  transition:.2s ease;
}
.lobby-ghost-cta:hover{
  border-color:rgba(255,210,43,.45);
  background:rgba(255,210,43,.05);
}
.lobby-gold-cta{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  min-height:44px;
  padding:0 1.2rem;
  border-radius:999px;
  background:linear-gradient(135deg,var(--lobby-gold) 0%,#ffe776 46%,#ffbb1d 100%);
  color:#1b0900;
  font-size:.86rem;
  font-weight:900;
  box-shadow:
    0 10px 28px rgba(255,177,19,.20),
    inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.lobby-gold-cta:hover{
  transform:translateY(-2px);
  box-shadow:
    0 14px 32px rgba(255,177,19,.28),
    inset 0 1px 0 rgba(255,255,255,.62);
  filter:saturate(1.08);
}
.lobby-gold-cta.small{min-height:38px;padding:0 .9rem;font-size:.75rem}
.lobby-outline-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  min-height:44px;
  padding:0 1.15rem;
  border:1px solid rgba(255,53,96,.38);
  border-radius:999px;
  color:#ffe8ed;
  background:rgba(255,18,65,.05);
  font-size:.86rem;
  font-weight:800;
  transition:.2s ease;
}
.lobby-outline-cta:hover{
  border-color:rgba(255,74,109,.7);
  background:rgba(255,35,79,.10);
  transform:translateY(-1px);
}
.lobby-outline-cta.small{min-height:38px;padding:0 .9rem;font-size:.75rem}
.lobby-menu-btn{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.13);
  border-radius:.75rem;
  color:#fff;
}
.lobby-menu-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.lobby-mobile-menu{
  border-top:1px solid rgba(255,255,255,.07);
  background:rgba(8,4,6,.97);
}
.lobby-mobile-menu .container{
  display:grid;
  gap:.3rem;
  padding-bottom:1rem;
}
.lobby-mobile-menu a{
  display:block;
  padding:.75rem .3rem;
  color:#eadce1;
  font-weight:700;
}
.lobby-mobile-menu .mobile-cta{margin-top:.5rem;color:#1b0900}

/* Hero */
.lobby-hero{
  position:relative;
  padding:1rem 0 1.15rem;
}
.lobby-hero-card{
  position:relative;
  min-height:470px;
  overflow:hidden;
  border-radius:1.35rem;
  border:1px solid rgba(255,53,96,.18);
  background:#15070b;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.03);
}
.lobby-hero-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 32%, rgba(255,48,78,.15), transparent 28%),
    radial-gradient(circle at 88% 50%, rgba(255,193,22,.10), transparent 30%),
    linear-gradient(110deg,#16060b 0%,#19070c 42%,#0a0406 100%);
}
.lobby-hero-bg:after{
  content:"";
  position:absolute;
  inset:-25%;
  background:linear-gradient(110deg, transparent 26%, rgba(255,67,101,.06) 45%, transparent 58%);
  transform:translateX(-30%);
  animation:lobbySweep 7s ease-in-out infinite;
}
.lobby-hero-copy{
  position:relative;
  z-index:2;
  max-width:610px;
  padding:4rem 4rem 3.5rem;
}
.lobby-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:#f9c7d2;
  font-size:.77rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.pulse-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#49e17e;
  box-shadow:0 0 0 5px rgba(73,225,126,.08),0 0 18px rgba(73,225,126,.48);
}
.lobby-hero-copy h1{
  margin:1.05rem 0 .9rem;
  font-size:clamp(2.85rem,4.65vw,5rem);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:950;
  text-wrap:balance;
}
.lobby-hero-copy h1 span{
  color:var(--lobby-gold);
  text-shadow:0 0 28px rgba(255,204,55,.16);
}
.lobby-hero-copy p{
  max-width:520px;
  color:#d8bfc6;
  font-size:1.03rem;
  line-height:1.65;
}
.lobby-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.55rem}
.lobby-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1.3rem;
}
.lobby-trust-row span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 .65rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  color:#a99099;
  font-size:.66rem;
  font-weight:700;
  background:rgba(255,255,255,.02);
}
.lobby-trust-row span:first-child{color:#ffe06c;border-color:rgba(255,210,43,.22)}
.lobby-hero-art{
  position:absolute;
  inset:0 0 0 36%;
}
.lobby-hero-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.93;
  mix-blend-mode:screen;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 12%,#000 37%,#000 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 12%,#000 37%,#000 100%);
}
.hero-art-shine{
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 37%,rgba(255,255,255,.06) 47%,transparent 56%);
  animation:heroGlint 6s ease-in-out infinite;
}
.lobby-slider-dots{
  position:absolute;
  z-index:3;
  bottom:1.15rem;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:.55rem;
}
.lobby-slider-dots span{
  width:8px;height:8px;border-radius:50%;
  background:#4d252f;
  box-shadow:0 0 0 1px rgba(255,255,255,.06);
}
.lobby-slider-dots span.is-active{
  background:var(--lobby-gold);
  box-shadow:0 0 18px rgba(255,210,43,.45);
}

/* Search / categories */
.lobby-toolbar{padding:.2rem 0 .7rem}
.lobby-search{
  position:relative;
  display:flex;
  align-items:center;
  gap:.7rem;
  max-width:720px;
  margin:0 auto;
  padding:.3rem .35rem .3rem .8rem;
  border-radius:1rem;
  background:linear-gradient(180deg,#12080c,#0f070a);
  border:1px solid rgba(255,53,96,.16);
}
.lobby-search svg{
  width:19px;height:19px;flex:0 0 19px;
  fill:none;stroke:#ad8c96;stroke-width:1.8;stroke-linecap:round;
}
.lobby-search input{
  min-width:0;
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:.88rem;
}
.lobby-search input::placeholder{color:#7e626b}
.lobby-search button{
  min-height:37px;
  padding:0 .9rem;
  border-radius:.75rem;
  color:#1a0a03;
  background:var(--lobby-gold);
  font-size:.73rem;
  font-weight:900;
}
.lobby-category-scroller{
  display:flex;
  gap:.45rem;
  overflow-x:auto;
  padding:.75rem 0 .3rem;
  scrollbar-width:none;
}
.lobby-category-scroller::-webkit-scrollbar{display:none}
.lobby-category-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  min-height:38px;
  padding:0 .85rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:.78rem;
  color:#bca7ae;
  background:#0f070a;
  font-size:.75rem;
  font-weight:800;
  transition:.2s ease;
}
.lobby-category-chip:hover,
.lobby-category-chip.is-active{
  color:#fff;
  border-color:rgba(255,51,91,.34);
  background:linear-gradient(180deg,#1b090f,#13070b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.lobby-category-chip span{filter:saturate(1.25)}

/* Sections / game rails */
.lobby-section{padding:2rem 0}
.lobby-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.lobby-section-kicker{
  margin-bottom:.2rem;
  color:#e8ae35;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.65rem;
  font-weight:900;
}
.lobby-section-head h2,
.lobby-final-card h2{
  font-size:1.55rem;
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:900;
}
.lobby-head-link,
.lobby-more-row a{
  color:#ffd865;
  font-size:.76rem;
  font-weight:800;
}
.lobby-arrows{display:flex;gap:.35rem}
.lobby-arrow{
  width:34px;height:34px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:.65rem;
  color:#e6cfd5;
  background:#10070a;
  transition:.2s ease;
}
.lobby-arrow:hover{border-color:rgba(255,210,43,.28);color:#fff;background:#16080c}
.lobby-track{
  display:flex;
  gap:.75rem;
  overflow-x:auto;
  padding-bottom:.35rem;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.lobby-track::-webkit-scrollbar{display:none}
.lobby-game-card{
  position:relative;
  flex:0 0 calc(25% - .57rem);
  min-width:235px;
  overflow:hidden;
  border:1px solid rgba(255,52,93,.16);
  border-radius:.95rem;
  background:linear-gradient(180deg,#16080d,#10060a);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.lobby-game-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,76,109,.58);
  box-shadow:0 16px 38px rgba(0,0,0,.35),0 0 0 1px rgba(255,30,74,.05);
}
.lobby-game-card.compact{flex-basis:calc(16.67% - .62rem);min-width:185px}
.game-card-art{
  position:relative;
  aspect-ratio:1.5/1;
  overflow:hidden;
  background:#220a12;
}
.game-card-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 54%,rgba(5,2,4,.30) 100%);
  pointer-events:none;
}
.game-card-art img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .32s ease,filter .32s ease;
}
.lobby-game-card:hover .game-card-art img{
  transform:scale(1.045);
  filter:saturate(1.06) contrast(1.02);
}
.game-tag{
  position:absolute;
  z-index:2;
  top:.55rem;left:.55rem;
  min-height:23px;
  display:inline-flex;
  align-items:center;
  padding:0 .52rem;
  border-radius:.55rem;
  color:#fff;
  background:rgba(213,12,52,.94);
  font-size:.61rem;
  font-weight:900;
  box-shadow:0 6px 14px rgba(113,3,24,.25);
}
.game-tag.hot{background:linear-gradient(135deg,#f64c69,#c40032)}
.game-tag.new{background:linear-gradient(135deg,#13bc77,#07845b)}
.game-fav{
  position:absolute;
  z-index:3;
  top:.48rem;right:.48rem;
  width:28px;height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:#fff;
  background:rgba(7,3,5,.46);
  backdrop-filter:blur(8px);
  font-size:1rem;
}
.game-hover-veil{
  position:absolute;
  inset:auto .55rem .55rem .55rem;
  z-index:3;
  display:flex;
  justify-content:flex-end;
  opacity:0;
  transform:translateY(6px);
  transition:.2s ease;
}
.lobby-game-card:hover .game-hover-veil{opacity:1;transform:none}
.game-hover-veil a{
  padding:.45rem .65rem;
  border-radius:.55rem;
  background:rgba(6,3,5,.86);
  border:1px solid rgba(255,210,43,.35);
  color:#ffe47c;
  font-size:.64rem;
  font-weight:900;
}
.game-card-body{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  padding:.78rem .85rem .82rem;
}
.game-card-body h3{
  color:#fff;
  font-size:.85rem;
  line-height:1.22;
  font-weight:850;
}
.game-card-body p{
  margin-top:.24rem;
  color:#92747f;
  font-size:.66rem;
}
.game-arrow{
  flex:0 0 auto;
  color:#a4868f;
  transition:.2s ease;
}
.lobby-game-card:hover .game-arrow{color:var(--lobby-gold);transform:translate(2px,-2px)}
.lobby-more-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:.85rem;
  color:#745761;
  font-size:.66rem;
}

/* Bonus center */
.bonus-section{
  position:relative;
  overflow:hidden;
}
.bonus-section:before{
  content:"";
  position:absolute;
  inset:8% -8% -28%;
  pointer-events:none;
  background:radial-gradient(circle at 50% 45%,rgba(224,21,64,.12),transparent 58%);
}
.bonus-lobby-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
}
.bonus-lobby-card{
  position:relative;
  overflow:hidden;
  min-height:255px;
  padding:1rem;
  border:1px solid rgba(255,50,91,.20);
  border-radius:1rem;
  background:
    linear-gradient(150deg,rgba(255,255,255,.035),transparent 36%),
    linear-gradient(180deg,#19080f,#10060a);
  box-shadow:0 16px 38px rgba(0,0,0,.22);
}
.bonus-lobby-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 35%,rgba(255,210,43,.065) 48%,transparent 61%);
  transform:translateX(-60%);
  animation:bonusSweep 5.8s ease-in-out infinite;
}
.bonus-card-glow{
  position:absolute;
  width:170px;height:170px;
  right:-70px;top:-70px;
  background:radial-gradient(circle,rgba(255,70,101,.28),transparent 68%);
  filter:blur(7px);
}
.bonus-card-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
}
.bonus-pill,
.bonus-code{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 .5rem;
  border-radius:.5rem;
  font-size:.58rem;
  font-weight:900;
}
.bonus-pill{
  color:#260900;
  background:var(--lobby-gold);
}
.bonus-code{
  color:#b6929d;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.bonus-lobby-card h3{
  position:relative;
  z-index:1;
  margin:1.2rem 0 .25rem;
  color:#fff;
  font-size:1.6rem;
  line-height:1.05;
  letter-spacing:-.035em;
}
.bonus-lobby-card>p{
  position:relative;
  z-index:1;
  color:#f2dfe4;
  font-size:.77rem;
  font-weight:800;
}
.bonus-card-meta{
  position:relative;
  z-index:1;
  min-height:58px;
  margin-top:.65rem;
  color:#a6848e;
  font-size:.66rem;
  line-height:1.5;
}
.bonus-card-actions{
  position:relative;
  z-index:1;
  display:flex;
  gap:.4rem;
  margin-top:auto;
  padding-top:.85rem;
}
.bonus-disclaimer{
  margin-top:.75rem;
  color:#70535e;
  font-size:.62rem;
}

/* Activity */
.activity-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);
  gap:.75rem;
}
.activity-panel,
.activity-side .side-mini-card{
  border:1px solid rgba(255,51,91,.16);
  border-radius:1rem;
  background:linear-gradient(180deg,#15080c,#0f0609);
}
.activity-panel{padding:1rem}
.activity-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  padding-bottom:.8rem;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.online-badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  min-height:25px;
  padding:0 .5rem;
  border-radius:999px;
  color:#74efa7;
  background:rgba(50,212,111,.07);
  border:1px solid rgba(50,212,111,.16);
  font-size:.58rem;
  font-weight:900;
}
.online-badge i{width:6px;height:6px;border-radius:50%;background:#42df8f;box-shadow:0 0 8px rgba(66,223,143,.55)}
.activity-feed{display:grid;gap:.2rem;margin-top:.3rem}
.activity-feed>div{
  display:grid;
  grid-template-columns:32px 1fr auto;
  align-items:center;
  gap:.6rem;
  padding:.67rem .25rem;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.activity-feed>div:last-child{border-bottom:0}
.activity-icon{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:.62rem;
  background:rgba(228,20,65,.08);
  border:1px solid rgba(228,20,65,.15);
  color:#ffca35;
}
.activity-feed strong{
  display:block;
  color:#f8eaee;
  font-size:.72rem;
}
.activity-feed small{
  display:block;
  margin-top:.14rem;
  color:#765966;
  font-size:.6rem;
}
.activity-feed b{
  color:#d9c0c8;
  font-size:.66rem;
  font-weight:800;
}
.activity-side{display:grid;gap:.75rem}
.side-mini-card{
  display:flex;
  gap:.75rem;
  padding:1rem;
}
.side-mini-icon{
  width:42px;height:42px;flex:0 0 42px;
  display:grid;place-items:center;
  border-radius:.8rem;
  background:linear-gradient(145deg,#220c12,#16080d);
  border:1px solid rgba(255,210,43,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.side-mini-card span{
  display:block;
  color:#866773;
  font-size:.62rem;
  font-weight:800;
}
.side-mini-card strong{
  display:block;
  margin:.22rem 0 .5rem;
  color:#f8e9ed;
  font-size:.76rem;
  line-height:1.25;
}
.side-mini-card a{
  color:#ffd55b;
  font-size:.63rem;
  font-weight:900;
}

/* Info rail */
.info-rail{padding-top:1.1rem}
.info-rail-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.info-rail-grid>div{
  min-height:145px;
  padding:1.05rem .9rem;
  border-right:1px solid rgba(255,255,255,.06);
}
.info-rail-grid>div:last-child{border-right:0}
.info-number{
  display:block;
  margin-bottom:1.3rem;
  color:#7f5d68;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.08em;
}
.info-rail-grid strong{
  display:block;
  color:#fff0f3;
  font-size:.78rem;
}
.info-rail-grid p{
  margin-top:.35rem;
  color:#745761;
  font-size:.65rem;
  line-height:1.5;
}

/* Final CTA */
.lobby-final-cta{padding:1.4rem 0 2.5rem}
.lobby-final-card{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.3rem 1.35rem;
  border:1px solid rgba(255,67,104,.22);
  border-radius:1.1rem;
  background:
    radial-gradient(circle at 84% 40%,rgba(255,210,43,.09),transparent 22rem),
    linear-gradient(100deg,#17070b,#110609);
}
.lobby-final-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,48,82,.07),transparent);
  transform:translateX(-80%);
  animation:finalSweep 7s ease-in-out infinite;
}
.lobby-final-card>div,
.lobby-final-card>a{position:relative;z-index:1}
.lobby-final-card p{
  margin-top:.35rem;
  color:#876a75;
  font-size:.68rem;
  max-width:720px;
}

/* Buttons / motion */
.shine-on-hover:after{
  content:"";
  position:absolute;
  top:-120%;
  left:-25%;
  width:18%;
  height:360%;
  transform:rotate(28deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  opacity:0;
}
.shine-on-hover:hover:after{
  opacity:1;
  animation:buttonShine .72s ease both;
}
@keyframes lobbySweep{
  0%,70%,100%{transform:translateX(-30%)}
  82%{transform:translateX(30%)}
}
@keyframes heroGlint{
  0%,55%,100%{transform:translateX(-38%)}
  70%{transform:translateX(28%)}
}
@keyframes bonusSweep{
  0%,67%,100%{transform:translateX(-60%)}
  80%{transform:translateX(55%)}
}
@keyframes finalSweep{
  0%,75%,100%{transform:translateX(-80%)}
  86%{transform:translateX(60%)}
}
@keyframes buttonShine{
  from{left:-25%}
  to{left:120%}
}

/* Search state */
.lobby-game-card.search-hidden{display:none}
.lobby-no-results{
  padding:2rem 0;
  color:#83636e;
  font-size:.78rem;
}

/* Existing site pages get the same visual shell */
main article.container,
main .prose,
main .casino-section{
  color:#f5e7eb;
}
main article.container{max-width:1120px}
main article.container .breadcrumbs{color:#795c67}
main article.container .breadcrumbs a{color:#d4adba}
main article.container h1,
main article.container h2,
main article.container h3{
  color:#fff;
  letter-spacing:-.03em;
}
main article.container .glass,
main article.container .glass-strong{
  background:linear-gradient(180deg,#14080c,#0e0609);
  border-color:rgba(255,52,93,.16);
}
main article.container .casino-primary{
  background:linear-gradient(135deg,var(--lobby-gold),#ffae18);
  color:#190a02;
}
main article.container .slot-card{
  background:linear-gradient(180deg,#16080d,#10060a);
}

/* Footer polish */
footer{
  background:linear-gradient(180deg,transparent,#060304 14%);
}
footer .glass-strong,
footer .footer-authors{
  background:linear-gradient(180deg,#12070b,#0d0609)!important;
  border-color:rgba(255,51,91,.14)!important;
}
footer .footer-authors{border-radius:1rem!important}
footer a:hover{color:#ffd55d!important}

/* Responsive */
@media (max-width:1120px){
  .lobby-nav-link{padding:.65rem .45rem}
  .lobby-nav-link svg{display:none}
  .lobby-game-card{flex-basis:calc(33.333% - .52rem)}
  .lobby-game-card.compact{flex-basis:calc(20% - .6rem)}
  .bonus-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .lobby-header-inner{min-height:66px}
  .lobby-ghost-cta{display:none}
  .lobby-hero-card{min-height:510px}
  .lobby-hero-art{left:24%;opacity:.78}
  .lobby-hero-copy{padding:3.2rem 2rem 3rem;max-width:620px}
  .lobby-game-card{min-width:220px;flex-basis:calc(50% - .4rem)}
  .lobby-game-card.compact{min-width:195px;flex-basis:calc(25% - .57rem)}
  .activity-grid{grid-template-columns:1fr}
  .info-rail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .info-rail-grid>div:nth-child(2){border-right:0}
  .info-rail-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}
}
@media (max-width:640px){
  .container{padding-left:.85rem;padding-right:.85rem}
  .lobby-logo-type{font-size:1rem}
  .lobby-language{display:none}
  .lobby-header-inner{gap:.5rem}
  .lobby-actions{margin-left:auto}
  .lobby-gold-cta{min-height:40px;padding:0 .9rem;font-size:.76rem}
  .lobby-hero{padding-top:.7rem}
  .lobby-hero-card{min-height:575px;border-radius:1rem}
  .lobby-hero-art{inset:28% 0 0 0;opacity:.72}
  .lobby-hero-copy{
    padding:2rem 1.15rem 2.7rem;
    max-width:100%;
  }
  .lobby-hero-copy h1{font-size:clamp(2.45rem,12vw,3.7rem)}
  .lobby-hero-copy p{font-size:.9rem;max-width:430px}
  .lobby-hero-actions{gap:.5rem}
  .lobby-hero-actions a{flex:1 1 100%}
  .lobby-trust-row{gap:.35rem}
  .lobby-section{padding:1.45rem 0}
  .lobby-section-head{align-items:flex-start}
  .lobby-section-head h2{font-size:1.28rem}
  .lobby-arrows{display:none}
  .lobby-game-card{min-width:165px;flex-basis:165px}
  .lobby-game-card.compact{min-width:160px;flex-basis:160px}
  .game-card-body{padding:.65rem .7rem .72rem}
  .game-card-body h3{font-size:.76rem}
  .game-card-body p{font-size:.6rem}
  .bonus-lobby-grid{grid-template-columns:1fr}
  .bonus-lobby-card{min-height:225px}
  .activity-panel{padding:.8rem}
  .activity-title{align-items:flex-start;flex-direction:column}
  .activity-feed>div{grid-template-columns:28px 1fr}
  .activity-feed b{display:none}
  .info-rail-grid{grid-template-columns:1fr}
  .info-rail-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .info-rail-grid>div:last-child{border-bottom:0}
  .lobby-final-card{flex-direction:column;align-items:flex-start}
  .lobby-final-card .lobby-gold-cta{width:100%}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Search surface alias */
.glass-panel{
  background:linear-gradient(180deg,#12080c,#0d0609);
  border:1px solid rgba(255,53,96,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 35px rgba(0,0,0,.18);
}


/* Bonus page */
.bonus-page-hero{
  position:relative;
  min-height:270px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  overflow:hidden;
  padding:2rem;
  margin-bottom:1.5rem;
  border:1px solid rgba(255,52,93,.18);
  border-radius:1.2rem;
  background:
    radial-gradient(circle at 82% 35%,rgba(255,206,40,.11),transparent 18rem),
    linear-gradient(105deg,#17070b,#0f0609 70%,#210811);
}
.bonus-page-hero:after{
  content:"";
  position:absolute;
  inset:-30% 15% auto auto;
  width:420px;height:420px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(226,19,66,.17),transparent 66%);
  filter:blur(14px);
}
.bonus-page-copy{position:relative;z-index:2;max-width:760px}
.bonus-page-copy h1{
  margin:.35rem 0 .65rem;
  color:#fff;
  font-size:clamp(2.2rem,4vw,3.8rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:950;
}
.bonus-page-copy>p{color:#b994a0;font-size:.9rem;line-height:1.6;max-width:690px}
.bonus-page-points{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.bonus-page-points span{
  padding:.42rem .62rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  color:#9f818c;
  background:rgba(255,255,255,.02);
  font-size:.61rem;
  font-weight:800;
}
.bonus-page-emblem{
  position:relative;
  z-index:2;
  width:170px;height:170px;
  flex:0 0 170px;
}
.bonus-page-coin{
  width:118px;height:118px;
  position:absolute;
  left:28px;top:25px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#2a1000;
  font-size:3rem;
  font-weight:950;
  background:
    radial-gradient(circle at 35% 28%,#fff3a2 0 10%,#ffd33b 25%,#d98a08 75%,#7b3a02 100%);
  border:6px solid rgba(255,221,93,.72);
  box-shadow:0 0 0 8px rgba(255,211,57,.07),0 0 50px rgba(255,187,29,.25),inset 0 4px 12px rgba(255,255,255,.55);
  transform:rotate(-10deg);
}
.bonus-page-spark{
  position:absolute;
  color:#ffd74b;
  font-weight:900;
  text-shadow:0 0 15px rgba(255,211,49,.65);
  animation:sparkFloat 3.2s ease-in-out infinite;
}
.spark-1{left:4px;top:34px}.spark-2{right:4px;top:74px;animation-delay:.65s}.spark-3{left:36px;bottom:5px;animation-delay:1.1s}
.bonus-page-head{margin-top:1.3rem}
.bonus-page-head h2{font-size:1.45rem!important}
.bonus-catalog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
  margin-bottom:2rem;
}
.bonus-catalog-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:310px;
  padding:1rem;
  border:1px solid rgba(255,51,91,.16);
  border-radius:1rem;
  background:
    radial-gradient(circle at 90% 0%,rgba(255,55,89,.11),transparent 8rem),
    linear-gradient(180deg,#17080d,#0e0609);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.bonus-catalog-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,68,105,.48);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.bonus-catalog-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.bonus-catalog-card h3{margin:1rem 0 .35rem;color:#fff;font-size:1rem;line-height:1.25;font-weight:900}
.bonus-catalog-amount{color:#ffd64a;font-size:1.55rem;line-height:1.1;font-weight:950;letter-spacing:-.03em}
.bonus-catalog-card>p{margin-top:.65rem;color:#a98792;font-size:.7rem;line-height:1.5}
.bonus-catalog-facts{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}
.bonus-catalog-facts span{
  padding:.32rem .48rem;
  border:1px solid rgba(255,255,255,.06);
  border-radius:.45rem;
  color:#957782;
  background:rgba(255,255,255,.025);
  font-size:.58rem;
  font-weight:800;
}
.bonus-catalog-note{
  margin-top:auto!important;
  padding-top:.8rem;
  color:#72535e!important;
  font-size:.61rem!important;
}
.bonus-catalog-card .bonus-card-actions{margin-top:.7rem}
@keyframes sparkFloat{0%,100%{transform:translateY(0) scale(1);opacity:.65}50%{transform:translateY(-8px) scale(1.08);opacity:1}}
@media(max-width:1000px){.bonus-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .bonus-page-hero{min-height:0;padding:1.2rem;align-items:flex-start}
  .bonus-page-emblem{position:absolute;right:-24px;bottom:-24px;transform:scale(.72);opacity:.9}
  .bonus-catalog-grid{grid-template-columns:1fr}
  .bonus-page-head{align-items:flex-start}
}

.lobby-nav-link .nav-dot{
  width:6px;height:6px;border-radius:50%;
  background:#6f4d59;
  box-shadow:0 0 0 transparent;
  transition:.2s ease;
}
.lobby-nav-link:hover .nav-dot,
.lobby-nav-link.is-active .nav-dot{
  background:var(--lobby-gold);
  box-shadow:0 0 10px rgba(255,210,43,.38);
}

/* Mobile stability pass: prevent layout escape and improve reading on narrow screens. */
html, body { width:100%; max-width:100%; overflow-x:clip; }
body { min-width:0; }
main, header, footer, section, article, nav, .container, .lobby-header-inner, .lobby-hero-card, .lobby-final-card { min-width:0; }
.lobby-logo-type { overflow:hidden; text-overflow:ellipsis; }
.lobby-hero-copy h1, .hero-title, h1, h2, h3, p, a, span, li, td, th { overflow-wrap:anywhere; }
.lobby-game-card, .bonus-lobby-card, .bonus-catalog-card, .slot-card { min-width:0; }
.game-card-body h3, .game-card-body p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lobby-track, .lobby-category-scroller { touch-action:pan-x; overscroll-behavior-x:contain; }
.lobby-search input { width:100%; }
.seo-copy-section { padding:1rem 0 2rem; }
.seo-copy-card { border:1px solid rgba(255,51,91,.13); border-radius:1rem; background:linear-gradient(180deg,#10070b,#0b0508); padding:1.1rem 1.15rem 1.5rem; box-shadow:0 16px 45px rgba(0,0,0,.18); }
.seo-copy-card .prose { color:#c6adb5; text-align:left; }
.seo-copy-card .prose h2 { font-size:clamp(1.25rem,4vw,1.7rem); margin-top:2rem; }
.seo-copy-card .prose h3 { font-size:1.05rem; margin-top:1.5rem; }
.seo-copy-card .prose p { font-size:.96rem; line-height:1.82; }
.lobby-no-results { margin-top:.65rem; padding:.8rem 1rem; border:1px dashed rgba(255,255,255,.09); border-radius:.75rem; color:#8b6c76; font-size:.72rem; }
.lobby-no-results[hidden] { display:none; }
.lobby-game-card.is-picked { animation:lobbyPick .46s ease; }
@keyframes lobbyPick { 0% { transform:scale(1); box-shadow:0 0 0 rgba(255,210,43,0); } 45% { transform:scale(1.035); box-shadow:0 0 0 2px rgba(255,210,43,.34),0 18px 45px rgba(255,115,25,.12); } 100% { transform:scale(1); } }
@media (max-width:767px) {
  .lobby-header-inner { min-height:62px; gap:.45rem; }
  .lobby-logo-mark { width:30px; height:30px; }
  .lobby-logo-type { font-size:.96rem; max-width:46vw; }
  .lobby-actions { margin-left:auto; gap:.35rem; }
  .lobby-actions .lobby-gold-cta { max-width:33vw; min-height:38px; padding:0 .72rem; font-size:.7rem; white-space:nowrap; }
  .lobby-menu-btn { flex:0 0 40px; }
  .lobby-mobile-menu { max-height:calc(100svh - 62px); overflow:auto; }
  .lobby-hero { padding:.55rem 0 .75rem; }
  .lobby-hero-card { min-height:500px; border-radius:1rem; }
  .lobby-hero-copy { padding:1.45rem 1rem 2.4rem; }
  .lobby-hero-copy h1 { margin:.85rem 0 .75rem; font-size:clamp(2.15rem,11vw,3.25rem); }
  .lobby-hero-copy p { max-width:100%; font-size:.9rem; line-height:1.63; }
  .lobby-hero-art { inset:34% 0 0 0; opacity:.58; }
  .lobby-trust-row span { font-size:.58rem; padding:0 .52rem; }
  .lobby-search { width:100%; padding:.28rem; gap:.42rem; }
  .lobby-search svg { width:17px; height:17px; flex-basis:17px; }
  .lobby-search input { min-width:0; font-size:.78rem; }
  .lobby-search button { flex:0 0 auto; min-height:36px; padding:0 .65rem; font-size:.68rem; }
  .lobby-category-scroller { margin-left:-.85rem; margin-right:-.85rem; padding:.65rem .85rem .25rem; }
  .lobby-category-chip { min-height:35px; padding:0 .72rem; font-size:.68rem; }
  .lobby-section { padding:1.15rem 0; }
  .lobby-section-head h2 { font-size:1.2rem; }
  .lobby-arrows { display:none; }
  .lobby-track { margin-right:-.85rem; padding-right:.85rem; gap:.55rem; }
  .lobby-game-card { min-width:152px; flex-basis:152px; border-radius:.78rem; }
  .lobby-game-card.compact { min-width:145px; flex-basis:145px; }
  .game-card-art { aspect-ratio:1.47/1; }
  .game-card-body { padding:.58rem .62rem .65rem; }
  .game-card-body h3 { font-size:.72rem; }
  .game-card-body p { font-size:.56rem; }
  .game-tag { top:.44rem; left:.44rem; min-height:20px; padding:0 .42rem; font-size:.55rem; }
  .game-fav { top:.38rem; right:.38rem; width:25px; height:25px; font-size:.9rem; }
  .game-hover-veil { display:none; }
  .lobby-more-row { font-size:.58rem; }
  .lobby-more-row a { white-space:nowrap; }
  .bonus-lobby-grid { grid-template-columns:1fr; }
  .bonus-lobby-card { min-height:215px; padding:.9rem; }
  .bonus-lobby-card h3 { font-size:1.38rem; }
  .bonus-card-actions { flex-wrap:wrap; }
  .bonus-card-actions a { flex:1 1 45%; }
  .activity-grid { grid-template-columns:1fr; }
  .activity-feed>div { grid-template-columns:28px minmax(0,1fr) auto; }
  .activity-feed b { display:block; font-size:.58rem; max-width:26vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .info-rail-grid { grid-template-columns:1fr; }
  .seo-copy-card { padding:.95rem .9rem 1.2rem; }
  .seo-copy-card .prose p { font-size:.9rem; line-height:1.78; }
  .bonus-page-hero { padding:1rem; }
  .bonus-page-copy h1 { font-size:clamp(2rem,10vw,3.1rem); }
  .bonus-page-points span { font-size:.56rem; }
  .bonus-catalog-grid { grid-template-columns:1fr; }
  .slot-grid, .slot-grid-large { grid-template-columns:1fr 1fr; gap:.55rem; }
  .slot-card .slot-body { padding:.68rem; }
  .slot-card .slot-meta, .slot-card .slot-stats { flex-direction:column; gap:.15rem; }
  .slot-card .slot-features span { font-size:.58rem; }
  table { min-width:560px; }
  .prose table { display:block; max-width:100%; overflow-x:auto; }
}
@media (max-width:360px) {
  .lobby-logo-type { max-width:40vw; }
  .lobby-actions .lobby-gold-cta { max-width:30vw; padding:0 .55rem; }
  .lobby-hero-card { min-height:475px; }
  .lobby-game-card { min-width:145px; flex-basis:145px; }
  .lobby-game-card.compact { min-width:138px; flex-basis:138px; }
  .bonus-card-actions a { flex-basis:100%; width:100%; }
  .activity-feed>div { grid-template-columns:26px minmax(0,1fr); }
  .activity-feed b { display:none; }
}
@media (min-width:768px) {
  .seo-copy-card { padding:1.25rem 1.4rem 1.8rem; }
  .seo-copy-card .prose { max-width:980px; margin:0 auto; }
}
@media (min-width:1200px){
  .slot-grid, .slot-grid-large { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:767px){
  .casino-section.py-16 { padding-top:2rem; padding-bottom:2rem; }
  .slot-grid, .slot-grid-large { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Final mobile containment pass */
html, body { max-width:100%; overflow-x:hidden; }
body, #main-content, main, header, footer, section, article { max-width:100%; }
img, svg, video, canvas, iframe { max-width:100%; }
pre, code { white-space:pre-wrap; overflow-wrap:anywhere; }
.mobile-language-row { display:flex; align-items:center; justify-content:space-between; gap:.65rem; padding:.65rem 0; margin-top:.2rem; border-top:1px solid rgba(255,255,255,.07); }
.mobile-language-row label { color:#a9949d; font-size:.74rem; font-weight:800; }
.mobile-language-row .lobby-language { display:block; min-width:62px; height:38px; }
@media (min-width:641px) { .mobile-language-row { display:none; } }
@media (max-width:640px) {
  .lobby-header-inner { width:100%; }
  .lobby-logo { min-width:0; }
  .lobby-actions { min-width:0; }
  .lobby-actions > .lobby-gold-cta { flex:0 1 auto; }
  .lobby-hero-card, .lobby-final-card, .activity-panel, .side-mini-card, .bonus-lobby-card, .seo-copy-card { max-width:100%; }
  .lobby-game-card { width:165px; max-width:165px; }
  .lobby-game-card.compact { width:160px; max-width:160px; }
  .lobby-track { max-width:100vw; overflow-x:auto; overflow-y:hidden; }
}
@media (max-width:360px) {
  .lobby-logo-type { max-width:36vw; font-size:.9rem; }
  .lobby-actions { gap:.25rem; }
  .lobby-actions > .lobby-gold-cta { max-width:28vw; min-width:0; overflow:hidden; text-overflow:ellipsis; }
  .lobby-menu-btn { width:38px; height:38px; }
  .lobby-game-card { width:145px; max-width:145px; }
  .lobby-game-card.compact { width:140px; max-width:140px; }
}

/* Mobile header containment: the desktop navigation must not participate below tablet width. */
@media (max-width:767px) {
  .lobby-nav { display:none !important; }
}

/* Self-contained author avatars: no remote profile image requests. */
.author-avatar-initials {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: radial-gradient(circle at 30% 25%, rgba(251,191,36,.28), rgba(127,29,29,.55) 55%, rgba(2,6,23,.95));
  color: #fff;
  border: 1px solid rgba(251,191,36,.35);
  box-shadow: 0 10px 30px rgba(0,0,0,.28), inset 0 0 24px rgba(245,158,11,.12);
}
.author-avatar-initials span {
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.footer-author-avatar.author-avatar-initials {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 25%, rgba(251,191,36,.28), rgba(127,29,29,.55) 55%, rgba(2,6,23,.95));
  color: #fff;
  border: 1px solid rgba(251,191,36,.35);
}
.footer-author-avatar.author-avatar-initials span { font-weight: 900; line-height: 1; }