/* La Contessa Arcade — professional dark system */
:root {
  --lca-bg: #09070d;
  --lca-surface: #121018;
  --lca-surface-raised: #18141f;
  --lca-border: rgba(255,255,255,.09);
  --lca-text: #f6f3fa;
  --lca-muted: #9d96a8;
  --lca-purple: #8b5cf6;
  --lca-magenta: #d946ef;
  --lca-pink: #ec4899;
}
html, body, #page-top, .site-content { background: var(--lca-bg)!important; color: var(--lca-text)!important; }
body { font-family: Montserrat, Arial, sans-serif; }
.site-container { width:100%!important; max-width:none!important; padding:0!important; }
.site-content { min-height:100vh; }
a { color:inherit; text-decoration:none; }
a:hover { color:inherit; text-decoration:none; }

/* Header */
#mainNav {
  min-height:76px;
  padding:10px 0;
  background:rgba(9,7,13,.96)!important;
  border-bottom:1px solid var(--lca-border);
  box-shadow:0 8px 28px rgba(0,0,0,.22);
  position:sticky;
  top:0;
  z-index:1030;
  backdrop-filter:blur(16px);
}
#mainNav .container { max-width:1600px; padding:0 36px; gap:24px; }
.navbar-brand { margin:0; flex:0 0 auto; }
.site-logo {
  width:54px!important;
  height:54px!important;
  max-height:none!important;
  object-fit:contain;
  border-radius:50%;
  filter:drop-shadow(0 0 9px rgba(217,70,239,.34));
}
#navb { flex:1; display:flex!important; align-items:center; gap:18px; }
.header-search { position:relative; flex:1 1 520px; max-width:760px; margin-left:14px; }
.header-search > i { position:absolute; left:17px; top:50%; transform:translateY(-50%); color:var(--lca-muted); z-index:2; }
.header-search input.form-control {
  width:100%;
  height:48px;
  padding:0 18px 0 44px;
  border-radius:10px!important;
  background:#15111c!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:var(--lca-text)!important;
  font-size:.94rem;
}
.header-search input.form-control:focus {
  border-color:rgba(139,92,246,.8)!important;
  box-shadow:0 0 0 3px rgba(139,92,246,.14)!important;
}
.header-search input::placeholder { color:#7f7889!important; }
.header-actions { margin-left:auto; display:flex; align-items:center; gap:5px; }
.header-action {
  height:46px;
  min-width:58px;
  padding:6px 9px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border-radius:9px;
  color:var(--lca-muted)!important;
  font-size:.64rem;
  border:1px solid transparent;
}
.header-action i { font-size:1rem; margin-bottom:4px; }
.header-action:hover { color:var(--lca-text)!important; background:#17131e; border-color:var(--lca-border); }
.header-action.surprise { color:#c4b5fd!important; }

/* Category navigation */
.nav-categories {
  min-height:46px;
  background:#0d0a12!important;
  border-bottom:1px solid var(--lca-border);
  position:sticky;
  top:76px;
  z-index:1020;
}
.nav-categories .container { max-width:1600px; padding:0 36px; }
.lca-category-nav { display:flex; align-items:center; gap:4px; min-height:46px; overflow-x:auto; }
.lca-category-nav a {
  flex:0 0 auto;
  padding:14px 15px 12px;
  color:#a9a2b2!important;
  font-size:.84rem;
  font-weight:600;
  border-bottom:2px solid transparent;
}
.lca-category-nav a:hover { color:#fff!important; border-bottom-color:var(--lca-purple); }

/* Homepage structure */
.lca-home { max-width:1600px!important; padding:38px 40px 64px!important; }
.lca-block { margin:0 0 54px; }
.lca-section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:0 0 18px; }
.lca-section-head h1,.lca-section-head h2 { color:var(--lca-text); margin:2px 0 0; font-weight:700; letter-spacing:-.025em; }
.lca-section-head h1 { font-size:1.85rem; }
.lca-section-head h2 { font-size:1.45rem; }
.lca-section-head > p { margin:0 0 2px; color:var(--lca-muted); font-size:.9rem; }
.lca-kicker { display:block; color:#a78bfa; font-size:.65rem; font-weight:700; letter-spacing:.14em; }
.lca-view-link { color:#b4acbd!important; font-size:.82rem; }
.lca-view-link:hover { color:#fff!important; }
.featured-grid {
  padding:14px;
  border-radius:14px;
  background:var(--lca-surface);
  border:1px solid var(--lca-border);
}
.grid-item { margin-bottom:14px; }
.list-game {
  position:relative;
  overflow:hidden;
  border-radius:10px!important;
  border:1px solid var(--lca-border)!important;
  background:var(--lca-surface-raised);
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.list-game:hover {
  transform:translateY(-2px);
  border-color:rgba(139,92,246,.58)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.28)!important;
}
.list-thumbnail { overflow:hidden; background:#17131e; }
.small-thumb { width:100%; height:100%; object-fit:cover; transition:transform .24s ease; }
.list-game:hover .small-thumb { transform:scale(1.025); }
.list-title {
  color:#fff!important;
  font-size:.82rem;
  font-weight:600;
  background:linear-gradient(transparent,rgba(5,4,8,.88))!important;
}
.star-rating { display:none!important; }
.item-title {
  display:inline-flex;
  align-items:center;
  padding:10px 14px!important;
  border-radius:9px!important;
  background:var(--lca-surface-raised)!important;
  color:var(--lca-text)!important;
  border:1px solid var(--lca-border);
  font-size:1.05rem!important;
  box-shadow:none!important;
}
.item-title i { color:var(--lca-purple); }

/* Category cards */
.lca-categories { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.lca-categories a {
  min-height:112px;
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:end;
  border-radius:11px;
  background:linear-gradient(145deg,#18131f,#21152b);
  border:1px solid var(--lca-border);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.lca-categories a:nth-child(2n) { background:linear-gradient(145deg,#15121f,#1b1730); }
.lca-categories a:hover { transform:translateY(-2px); border-color:rgba(217,70,239,.48); background:#201527; }
.lca-categories span { color:#fff; font-size:1rem; font-weight:700; }
.lca-categories small { color:var(--lca-muted); margin-top:5px; font-size:.75rem; }
.lca-editorial {
  margin:12px 0 24px;
  padding:28px 30px;
  border-radius:12px;
  background:var(--lca-surface);
  border:1px solid var(--lca-border);
}
.lca-editorial h2 { color:#fff; margin:0 0 9px; font-size:1.25rem; }
.lca-editorial p { color:var(--lca-muted); max-width:980px; margin:0; line-height:1.75; font-size:.9rem; }

/* Supporting pages and footer */
.footer,.copyright { background:#0d0a12!important; color:var(--lca-muted)!important; border-top:1px solid var(--lca-border); }
.footer a,.copyright a { color:#c2bbc9!important; }
.btn-primary,.btn-load-more-games,.btn-search {
  background:var(--lca-purple)!important;
  border-color:var(--lca-purple)!important;
  color:#fff!important;
  border-radius:9px!important;
}
.btn-primary:hover,.btn-load-more-games:hover,.btn-search:hover { background:#7c3aed!important; border-color:#7c3aed!important; }

/* Responsive */
@media (max-width:1199px) {
  .header-action span { display:none; }
  .header-action { min-width:42px; }
  .lca-categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:991px) {
  #mainNav { min-height:68px; }
  #mainNav .container,.nav-categories .container { padding-left:18px; padding-right:18px; }
  #navb { padding:14px 0; flex-direction:column; align-items:stretch; }
  .header-search { margin:0; max-width:none; flex-basis:auto; }
  .header-actions { margin:0; justify-content:space-between; }
  .header-action { flex:1; }
  .header-action span { display:block; }
  .nav-categories { top:68px; }
  .lca-home { padding:28px 20px 52px!important; }
}
@media (max-width:575px) {
  .lca-home { padding:24px 12px 44px!important; }
  .lca-block { margin-bottom:42px; }
  .lca-section-head { align-items:start; flex-direction:column; gap:6px; }
  .lca-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lca-categories a { min-height:96px; }
}

/* Footer */
.lca-footer { padding:48px 0 38px; }
.lca-footer .container,.lca-copyright { max-width:1600px; padding-left:40px; padding-right:40px; }
.lca-footer-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:46px; }
.lca-footer-brand img { width:50px; height:50px; object-fit:contain; border-radius:50%; margin-bottom:14px; filter:drop-shadow(0 0 8px rgba(217,70,239,.25)); }
.lca-footer h3 { color:#fff; font-size:1rem; margin:0 0 8px; }
.lca-footer h4 { color:#fff; font-size:.76rem; text-transform:uppercase; letter-spacing:.11em; margin:0 0 14px; }
.lca-footer p { color:var(--lca-muted); max-width:280px; font-size:.82rem; line-height:1.65; }
.lca-footer a { display:block; margin:0 0 9px; color:#9d96a8!important; font-size:.82rem; }
.lca-footer a:hover { color:#fff!important; }
.copyright { padding:18px 0!important; }
.lca-copyright { display:flex; justify-content:space-between; align-items:center; font-size:.75rem; }
@media (max-width:767px) {
  .lca-footer-grid { grid-template-columns:1fr 1fr; gap:30px; }
  .lca-footer-brand { grid-column:1/-1; }
  .lca-footer .container,.lca-copyright { padding-left:20px; padding-right:20px; }
}

/* Expanded brand header */
#mainNav { min-height:92px; padding:10px 0; }
#mainNav .container { max-width:none; padding-left:26px; padding-right:30px; }
.lca-brand { display:flex; align-items:center; gap:14px; min-width:255px; }
.lca-brand .site-logo { width:72px!important; height:72px!important; }
.lca-wordmark { display:flex; flex-direction:column; line-height:1; }
.lca-wordmark strong { color:#fff; font-size:1.12rem; font-weight:700; letter-spacing:-.02em; }
.lca-wordmark small { color:#bd8cff; margin-top:7px; font-size:.66rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; }
.lca-kicker { font-size:.76rem; letter-spacing:.15em; margin-bottom:3px; }

/* Custom neon navigation rail */
.nav-categories {
  position:fixed!important;
  top:92px!important;
  left:0;
  bottom:0;
  width:252px;
  min-height:0!important;
  background:#0b0810!important;
  border-right:1px solid rgba(255,255,255,.08);
  border-bottom:0;
  overflow:hidden;
  z-index:1020;
}
.nav-categories .container { width:100%; max-width:none; height:100%; padding:0!important; }
.lca-side-menu { width:100%; height:100%; }
.side-menu-inner { height:100%; overflow-y:auto; padding:24px 14px 28px; scrollbar-width:thin; scrollbar-color:#2b2136 transparent; }
.side-menu-brandline { padding:0 10px 20px; color:#fff; font-size:.98rem; font-weight:700; }
.side-menu-group { padding:0 0 18px; margin:0 0 18px; border-bottom:1px solid rgba(255,255,255,.07); }
.side-menu-group:last-child { border-bottom:0; }
.side-menu-label { display:block; padding:0 10px 8px; color:#716a7a; font-size:.62rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.side-menu-group a {
  min-height:44px;
  margin:2px 0;
  padding:7px 9px;
  display:flex;
  align-items:center;
  gap:11px;
  border-radius:9px;
  color:#a9a2b2!important;
  font-size:.82rem;
  font-weight:600;
  border:1px solid transparent;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.side-menu-group a:hover,.side-menu-group a.active {
  color:#fff!important;
  background:linear-gradient(90deg,rgba(139,92,246,.15),rgba(217,70,239,.06));
  border-color:rgba(194,82,255,.18);
}
.brand-icon {
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#cf72ff;
  background:rgba(142,58,201,.10);
  box-shadow:inset 0 0 0 1px rgba(217,70,239,.15),0 0 9px rgba(168,85,247,.08);
}
.brand-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 3px rgba(217,70,239,.42)); }
.side-menu-group a:nth-of-type(3n+2) .brand-icon { color:#a78bfa; }
.side-menu-group a:nth-of-type(3n) .brand-icon { color:#f472b6; }

/* Content alignment with navigation rail */
.site-content > .container { width:calc(100% - 252px)!important; max-width:1600px!important; margin-left:252px!important; margin-right:0!important; }
.lca-home { padding-left:38px!important; padding-right:38px!important; }
.footer,.copyright { margin-left:252px; }

/* Controlled logo-color card glow */
.list-game {
  box-shadow:0 8px 20px rgba(0,0,0,.18),0 0 11px rgba(180,64,255,.18)!important;
  border-color:rgba(209,106,255,.18)!important;
}
.list-game:hover {
  border-color:rgba(236,72,153,.56)!important;
  box-shadow:0 13px 28px rgba(0,0,0,.28),0 0 20px rgba(203,69,255,.32)!important;
}

/* Compact rail for medium screens */
@media (max-width:1199px) and (min-width:768px) {
  .lca-brand { min-width:210px; }
  .lca-wordmark strong { font-size:1rem; }
  .nav-categories { width:84px; }
  .side-menu-inner { padding-left:10px; padding-right:10px; }
  .side-menu-brandline,.side-menu-label,.side-menu-group a > span:last-child { display:none; }
  .side-menu-group a { justify-content:center; padding:7px; }
  .brand-icon { width:34px; height:34px; flex-basis:34px; }
  .site-content > .container { width:calc(100% - 84px)!important; margin-left:84px!important; }
  .footer,.copyright { margin-left:84px; }
}
/* Mobile horizontal icon navigation */
@media (max-width:767px) {
  #mainNav { min-height:76px; }
  .lca-brand { min-width:auto; }
  .lca-brand .site-logo { width:56px!important; height:56px!important; }
  .lca-wordmark strong { font-size:.9rem; }
  .lca-wordmark small { font-size:.55rem; }
  .nav-categories { top:76px!important; right:0; bottom:auto; width:100%; height:72px; border-right:0; border-bottom:1px solid rgba(255,255,255,.08); overflow-x:auto; }
  .side-menu-inner { display:flex; align-items:stretch; height:72px; padding:7px 10px; overflow-x:auto; overflow-y:hidden; }
  .side-menu-brandline,.side-menu-label { display:none; }
  .side-menu-group { display:contents; border:0; margin:0; padding:0; }
  .side-menu-group a { min-width:70px; margin:0 2px; padding:4px 7px; flex-direction:column; justify-content:center; gap:4px; font-size:.61rem; }
  .brand-icon { width:27px; height:27px; flex-basis:27px; }
  .brand-icon svg { width:15px; height:15px; }
  .site-content > .container { width:100%!important; max-width:100%!important; margin-left:0!important; padding-top:72px!important; }
  .footer,.copyright { margin-left:0; }
}


/* Expand the compact category rail on hover or keyboard focus */
@media (max-width:1199px) and (min-width:768px) {
  .nav-categories {
    z-index:1060;
    transition:width .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s ease, border-color .22s ease;
  }
  .nav-categories:hover,
  .nav-categories:focus-within {
    width:252px;
    border-right-color:rgba(217,70,239,.22);
    box-shadow:18px 0 46px rgba(0,0,0,.44),8px 0 24px rgba(154,45,255,.10);
  }
  .nav-categories:hover .side-menu-inner,
  .nav-categories:focus-within .side-menu-inner {
    padding-left:14px;
    padding-right:14px;
  }
  .nav-categories:hover .side-menu-brandline,
  .nav-categories:focus-within .side-menu-brandline,
  .nav-categories:hover .side-menu-label,
  .nav-categories:focus-within .side-menu-label {
    display:block;
  }
  .nav-categories:hover .side-menu-group a > span:last-child,
  .nav-categories:focus-within .side-menu-group a > span:last-child {
    display:inline;
  }
  .nav-categories:hover .side-menu-group a,
  .nav-categories:focus-within .side-menu-group a {
    justify-content:flex-start;
    padding:7px 9px;
  }
  .nav-categories:hover .brand-icon,
  .nav-categories:focus-within .brand-icon {
    width:28px;
    height:28px;
    flex-basis:28px;
  }
}


/* Expanded taxonomy, stronger game frames and SEO accordion */
.side-menu-details > summary {
  min-height:30px;
  padding:0 10px 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  list-style:none;
  cursor:pointer;
  user-select:none;
}
.side-menu-details > summary::-webkit-details-marker { display:none; }
.side-menu-details > summary .side-menu-label { padding:0; }
.side-menu-chevron {
  width:15px;
  height:15px;
  flex:0 0 15px;
  fill:none;
  stroke:#8e8499;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease,stroke .18s ease;
}
.side-menu-details[open] > summary .side-menu-chevron {
  transform:rotate(180deg);
  stroke:#cf72ff;
}
.taxonomy-group { padding-bottom:10px; margin-bottom:12px; }
.side-menu-links { display:grid; gap:2px; }
.side-menu-details > summary:hover .side-menu-label { color:#b9afc5; }
.side-menu-details > summary:hover .side-menu-chevron { stroke:#cf72ff; }

.list-game {
  border-width:2px!important;
  border-style:solid!important;
  border-color:rgba(202,105,255,.34)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 10px 25px rgba(0,0,0,.25),
    0 0 17px rgba(180,64,255,.25)!important;
}
.list-game:hover {
  border-color:rgba(239,98,255,.72)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 15px 32px rgba(0,0,0,.34),
    0 0 25px rgba(203,69,255,.42)!important;
}

.lca-seo-section {
  padding:30px 32px;
  border-color:rgba(202,105,255,.20);
  box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 18px rgba(180,64,255,.08);
}
.lca-seo-intro { max-width:980px; }
.lca-seo-intro h2 { font-size:1.45rem; margin-top:5px; }
.lca-seo-intro > p { font-size:.94rem; }
.lca-seo-toggle { margin-top:22px; }
.lca-seo-toggle > summary {
  min-height:54px;
  padding:14px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#f7f2fb;
  font-size:.88rem;
  font-weight:700;
  letter-spacing:.01em;
  list-style:none;
  cursor:pointer;
  border:1px solid rgba(202,105,255,.22);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(127,53,178,.14),rgba(16,12,21,.72));
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.lca-seo-toggle > summary::-webkit-details-marker { display:none; }
.lca-seo-toggle > summary:hover,
.lca-seo-toggle[open] > summary {
  border-color:rgba(223,106,255,.48);
  background:linear-gradient(135deg,rgba(139,70,191,.22),rgba(20,14,27,.82));
  box-shadow:0 0 16px rgba(185,62,255,.12);
}
.lca-seo-toggle-icon {
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.lca-seo-toggle-icon::before,
.lca-seo-toggle-icon::after {
  content:"";
  position:absolute;
  left:3px;
  top:8px;
  width:12px;
  height:1.5px;
  border-radius:2px;
  background:#d17aff;
  transition:transform .18s ease;
}
.lca-seo-toggle-icon::after { transform:rotate(90deg); }
.lca-seo-toggle[open] .lca-seo-toggle-icon::after { transform:rotate(0); }
.lca-seo-content {
  padding:22px 2px 2px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.lca-seo-copy-block,
.lca-seo-note {
  padding:20px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
.lca-seo-copy-block h3,
.lca-seo-note h3 {
  margin:0 0 9px;
  color:#fff;
  font-size:.96rem;
  line-height:1.35;
}
.lca-seo-copy-block p,
.lca-seo-note p {
  margin:0;
  max-width:none;
  font-size:.86rem;
  line-height:1.72;
}
.lca-seo-content a {
  color:#d28aff!important;
  text-decoration:none;
  border-bottom:1px solid rgba(210,138,255,.32);
}
.lca-seo-content a:hover {
  color:#f0b5ff!important;
  border-bottom-color:#f0b5ff;
}
.lca-seo-note {
  grid-column:1/-1;
  background:linear-gradient(135deg,rgba(139,92,246,.07),rgba(236,72,153,.035));
}

@media (max-width:1199px) and (min-width:768px) {
  .side-menu-chevron { display:none; }
  .nav-categories:hover .side-menu-chevron,
  .nav-categories:focus-within .side-menu-chevron { display:block; }
  .nav-categories:hover .side-menu-details > summary,
  .nav-categories:focus-within .side-menu-details > summary {
    justify-content:space-between;
  }
}
@media (max-width:767px) {
  .lca-seo-section { padding:24px 20px; }
  .lca-seo-content { grid-template-columns:1fr; }
  .lca-seo-note { grid-column:auto; }
}


/* User-selectable light theme */
.theme-switch {
  appearance:none;
  -webkit-appearance:none;
  font-family:inherit;
  background:transparent;
  cursor:pointer;
}
.theme-switch i { color:#d58cff; }
.theme-switch:hover i { color:#f0b8ff; }
html[data-lca-theme="light"] {
  color-scheme:light;
  --lca-bg:#f6f2fb;
  --lca-surface:#ffffff;
  --lca-surface-raised:#fbf8fe;
  --lca-border:rgba(74,45,91,.14);
  --lca-text:#24182d;
  --lca-muted:#71667a;
  --lca-purple:#7c3aed;
  --lca-magenta:#b82bd0;
  --lca-pink:#d72f7c;
}
html[data-lca-theme="light"] body,
html[data-lca-theme="light"] #page-top,
html[data-lca-theme="light"] .site-content {
  background:#f6f2fb!important;
  color:var(--lca-text)!important;
}
html[data-lca-theme="light"] #mainNav {
  background:rgba(255,255,255,.94)!important;
  border-bottom-color:rgba(74,45,91,.12);
  box-shadow:0 8px 28px rgba(53,30,67,.09);
}
html[data-lca-theme="light"] .lca-wordmark strong,
html[data-lca-theme="light"] .side-menu-brandline,
html[data-lca-theme="light"] .lca-section-head h1,
html[data-lca-theme="light"] .lca-section-head h2,
html[data-lca-theme="light"] .lca-editorial h2,
html[data-lca-theme="light"] .lca-footer h3,
html[data-lca-theme="light"] .lca-footer h4 {
  color:#24182d!important;
}
html[data-lca-theme="light"] .lca-wordmark small,
html[data-lca-theme="light"] .lca-kicker {
  color:#7c3aed!important;
}
html[data-lca-theme="light"] .header-search input.form-control {
  background:#f8f4fb!important;
  border-color:rgba(74,45,91,.15)!important;
  color:#24182d!important;
  box-shadow:inset 0 1px 2px rgba(64,35,80,.03);
}
html[data-lca-theme="light"] .header-search input.form-control:focus {
  background:#fff!important;
  border-color:rgba(124,58,237,.66)!important;
  box-shadow:0 0 0 3px rgba(124,58,237,.11)!important;
}
html[data-lca-theme="light"] .header-search input::placeholder { color:#8b8094!important; }
html[data-lca-theme="light"] .header-action { color:#72667c!important; }
html[data-lca-theme="light"] .header-action:hover {
  color:#33203f!important;
  background:#f4edf9;
  border-color:rgba(103,58,132,.13);
}
html[data-lca-theme="light"] .header-action.surprise { color:#6d28d9!important; }
html[data-lca-theme="light"] .theme-switch {
  color:#6d28d9!important;
  background:#f5edff;
  border-color:rgba(124,58,237,.16);
}
html[data-lca-theme="light"] .theme-switch i { color:#7c3aed; }
html[data-lca-theme="light"] .navbar-toggler {
  border-color:rgba(74,45,91,.20)!important;
}
html[data-lca-theme="light"] .navbar-toggler-icon {
  filter:invert(1) grayscale(1) brightness(.38);
}
html[data-lca-theme="light"] .nav-categories {
  background:#fdfbff!important;
  border-right-color:rgba(74,45,91,.12);
  box-shadow:8px 0 28px rgba(53,30,67,.045);
}
html[data-lca-theme="light"] .side-menu-inner {
  scrollbar-color:#d8cae1 transparent;
}
html[data-lca-theme="light"] .side-menu-group {
  border-bottom-color:rgba(74,45,91,.09);
}
html[data-lca-theme="light"] .side-menu-label { color:#897d92; }
html[data-lca-theme="light"] .side-menu-group a { color:#64586d!important; }
html[data-lca-theme="light"] .side-menu-group a:hover,
html[data-lca-theme="light"] .side-menu-group a.active {
  color:#2d1c39!important;
  background:linear-gradient(90deg,rgba(124,58,237,.11),rgba(217,70,239,.045));
  border-color:rgba(139,68,181,.15);
}
html[data-lca-theme="light"] .brand-icon {
  background:rgba(124,58,237,.07);
  box-shadow:inset 0 0 0 1px rgba(154,68,201,.13),0 0 9px rgba(124,58,237,.055);
}
html[data-lca-theme="light"] .side-menu-chevron { stroke:#8a7d93; }
html[data-lca-theme="light"] .side-menu-details[open] > summary .side-menu-chevron,
html[data-lca-theme="light"] .side-menu-details > summary:hover .side-menu-chevron { stroke:#7c3aed; }
html[data-lca-theme="light"] .featured-grid {
  background:#ffffff;
  border-color:rgba(74,45,91,.13);
  box-shadow:0 16px 34px rgba(53,30,67,.055);
}
html[data-lca-theme="light"] .list-game {
  background:#ffffff;
  border-color:rgba(156,78,204,.30)!important;
  box-shadow:
    inset 0 0 0 1px rgba(124,58,237,.025),
    0 10px 24px rgba(61,34,77,.10),
    0 0 15px rgba(154,65,214,.12)!important;
}
html[data-lca-theme="light"] .list-game:hover {
  border-color:rgba(153,62,213,.58)!important;
  box-shadow:
    inset 0 0 0 1px rgba(124,58,237,.04),
    0 15px 30px rgba(61,34,77,.15),
    0 0 22px rgba(154,65,214,.20)!important;
}
html[data-lca-theme="light"] .list-thumbnail { background:#eee7f3; }
html[data-lca-theme="light"] .item-title {
  background:#fff!important;
  color:#24182d!important;
  border-color:rgba(74,45,91,.13);
}
html[data-lca-theme="light"] .lca-categories a {
  background:linear-gradient(145deg,#ffffff,#f3eafa);
  border-color:rgba(85,46,108,.13);
  box-shadow:0 9px 20px rgba(62,35,76,.055);
}
html[data-lca-theme="light"] .lca-categories a:nth-child(2n) {
  background:linear-gradient(145deg,#fff,#eeeaff);
}
html[data-lca-theme="light"] .lca-categories a:hover {
  background:linear-gradient(145deg,#fff,#eadcf5);
  border-color:rgba(173,67,207,.38);
}
html[data-lca-theme="light"] .lca-categories span { color:#2a1b35; }
html[data-lca-theme="light"] .lca-section-head > p,
html[data-lca-theme="light"] .lca-view-link,
html[data-lca-theme="light"] .lca-categories small,
html[data-lca-theme="light"] .lca-editorial p,
html[data-lca-theme="light"] .lca-footer p { color:#71667a!important; }
html[data-lca-theme="light"] .lca-view-link:hover { color:#5b21b6!important; }
html[data-lca-theme="light"] .lca-editorial,
html[data-lca-theme="light"] .lca-seo-section {
  background:#ffffff;
  border-color:rgba(107,55,137,.13);
  box-shadow:0 14px 34px rgba(55,31,69,.065),0 0 18px rgba(124,58,237,.04);
}
html[data-lca-theme="light"] .lca-seo-toggle > summary {
  color:#2a1b35;
  background:linear-gradient(135deg,#f8f0fc,#fbf9fd);
  border-color:rgba(137,59,181,.20);
}
html[data-lca-theme="light"] .lca-seo-toggle > summary:hover,
html[data-lca-theme="light"] .lca-seo-toggle[open] > summary {
  background:linear-gradient(135deg,#f3e7fa,#faf6fc);
  border-color:rgba(137,59,181,.36);
  box-shadow:0 0 16px rgba(124,58,237,.07);
}
html[data-lca-theme="light"] .lca-seo-copy-block,
html[data-lca-theme="light"] .lca-seo-note {
  background:#fcfafd;
  border-color:rgba(74,45,91,.10);
}
html[data-lca-theme="light"] .lca-seo-note {
  background:linear-gradient(135deg,rgba(124,58,237,.055),rgba(217,70,239,.025));
}
html[data-lca-theme="light"] .lca-seo-copy-block h3,
html[data-lca-theme="light"] .lca-seo-note h3 { color:#2b1b36; }
html[data-lca-theme="light"] .lca-seo-content a {
  color:#6d28d9!important;
  border-bottom-color:rgba(109,40,217,.24);
}
html[data-lca-theme="light"] .footer,
html[data-lca-theme="light"] .copyright {
  background:#ffffff!important;
  color:#71667a!important;
  border-top-color:rgba(74,45,91,.11);
}
html[data-lca-theme="light"] .footer a,
html[data-lca-theme="light"] .copyright a,
html[data-lca-theme="light"] .lca-footer a { color:#685c71!important; }
html[data-lca-theme="light"] .footer a:hover,
html[data-lca-theme="light"] .copyright a:hover,
html[data-lca-theme="light"] .lca-footer a:hover { color:#5b21b6!important; }

/* Light treatment for supporting pages and common CMS components */
html[data-lca-theme="light"] .card,
html[data-lca-theme="light"] .modal-content,
html[data-lca-theme="light"] .dropdown-menu,
html[data-lca-theme="light"] .list-group-item,
html[data-lca-theme="light"] .game-content,
html[data-lca-theme="light"] .game-info,
html[data-lca-theme="light"] .page-content,
html[data-lca-theme="light"] .post-content,
html[data-lca-theme="light"] .widget,
html[data-lca-theme="light"] .widget-content {
  background-color:#ffffff!important;
  color:#2a1b35!important;
  border-color:rgba(74,45,91,.12)!important;
}
html[data-lca-theme="light"] .form-control,
html[data-lca-theme="light"] input,
html[data-lca-theme="light"] textarea,
html[data-lca-theme="light"] select {
  background-color:#ffffff;
  color:#2a1b35;
  border-color:rgba(74,45,91,.16);
}
html[data-lca-theme="light"] .table { color:#2a1b35; }
html[data-lca-theme="light"] .table td,
html[data-lca-theme="light"] .table th { border-color:rgba(74,45,91,.11); }
html[data-lca-theme="light"] .text-muted { color:#796e82!important; }

html[data-lca-theme="light"] body,
html[data-lca-theme="light"] #mainNav,
html[data-lca-theme="light"] .nav-categories,
html[data-lca-theme="light"] .featured-grid,
html[data-lca-theme="light"] .list-game,
html[data-lca-theme="light"] .lca-categories a,
html[data-lca-theme="light"] .lca-editorial,
html[data-lca-theme="light"] .footer,
html[data-lca-theme="light"] .copyright {
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}
<div class="container">
	<div class="game-container">
				<div class="content-wrapper single-game">
		<div class="row">
			<div class="col-md-9 game-content">
				<div class="game-iframe-container">
					<iframe class="game-iframe" id="game-area" src="https://lacontessarcade.com/page/game-preview" width="960" height="540" frameborder="0" allowfullscreen></iframe>
				</div>
				<div class="single-info-container">
					<div class="header">
						<div class="header-left">
							<h1 class="single-title">Turbo Neon Drift</h1>
							<p>Played 5 times.</p>
						</div>
						<div class="header-right">
							<div class="stats-vote">
																<div class="txt-stats"><b class="text-success">- %</b> (0/0)</div>
																<i class="icon-vote fa fa-thumbs-up" id="upvote" data-id="5"></i>
								<i class="icon-vote fa fa-thumbs-down" id="downvote" data-id="5"></i>
								<div class="vote-status"></div>
							</div>
						</div>
					</div>
					<div class="action-btn">
						<div class="single-icon"><i class="fa fa-external-link-square" aria-hidden="true"></i><a href="https://www.lacontessarcade.com/full/turbo-neon-drift" target="_blank">Open in new window</a></div>
						<div class="single-icon"><i class="fa fa-expand" aria-hidden="true"></i><a href="#" onclick="open_fullscreen()">Fullscreen</a></div>
												<div class="social-share"><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.lacontessarcade.com/game/turbo-neon-drift" target="_blank">
							<img src="https://www.lacontessarcade.com/content/themes/dark-grid/images/facebook.png" alt="share" class="social-icon">
						</a></div>
						<div class="social-share"><a href="https://twitter.com/intent/tweet?url=https://www.lacontessarcade.com/game/turbo-neon-drift" target="_blank">
							<img src="https://www.lacontessarcade.com/content/themes/dark-grid/images/twitter.png" alt="share" class="social-icon">
						</a></div>
					</div>
				</div>
				<div class="info-the-game">
					<b>Description</b>
					<div class="single-description">
						Race through a glowing city circuit in this upcoming arcade racer. Placeholder listing for catalog presentation.					</div>
					<br>
					<b>Instructions</b>
					<div class="single-instructions">
						Use arrow keys or touch controls to steer.					</div>
					<br>
										<br>
					<b>Categories</b>
					<p class="cat-list"> 
												<a href="https://www.lacontessarcade.com/category/racing" class="cat-link">Racing</a>
											</p>
										<div class="mt-4"></div><b>Comments</b>			<div id="tpl-comment-section" data-id="5">
									<div class="comment-require-login-wrapper">
						<div class="comment-profile-avatar">
							<img src="https://www.lacontessarcade.com/images/default_profile.png">
						</div>
						<div class="comment-alert">
							You must log in to write a comment.						</div>
					</div>
								<div id="tpl-comment-list">
				</div>
				<!-- Comment template -->
				<div id="tpl-comment-template" style="display:none;">
					<!-- User comment template -->
					<div class="tpl-user-comment" data-id="{{comment_id}}">
						<div class="user-comment-wrapper">
							<div class="user-comment-avatar">
								<img class="tpl-user-comment-avatar" src="{{profile_picture_url}}" alt="User Avatar">
							</div>
							<div class="comment-content">
								<div class="tpl-comment-author">{{fullname}}</div>
								<div class="tpl-comment-timestamp">{{created}}</div>
								<div class="tpl-comment-text">{{content}}</div>
								<div class="comment-actions">
									<div class="comment-action-left">
										<div class="reply-wrapper">
											<a href="#" onclick="return false;" class="tpl-btn-show-replies" data-id="{{comment_id}}"><i class="fa fa-comment-o" aria-hidden="true"></i> Show replies</a>
											<a href="#" onclick="return false;" class="tpl-btn-hide-replies" data-id="{{comment_id}}"><i class="fa fa-comment-o" aria-hidden="true"></i> Hide replies</a>
										</div>
									</div>
																	</div>
							</div>
						</div>
						<div class="tpl-reply-form-wrapper"></div>
						<div class="tpl-comment-children"></div>
					</div>
					<!-- Reply form template -->
					<div class="tpl-reply-form">
						<div class="comment-reply-wrapper">
							<textarea class="form-control tpl-reply-input" placeholder="Your reply..."></textarea>
							<div class="reply-action-buttons">
								<button class="btn btn-sm tpl-btn-cancel-reply" data-id="{{comment_id}}">Cancel</button>
								<button class="btn btn-primary btn-sm tpl-btn-send-reply" data-id="{{comment_id}}">Reply</button>
							</div>
						</div>
					</div>
				</div>
				<div id="tpl-btn-load-more-comments" class="btn" style="display: none;">Load more comments <i class="fa fa-chevron-down" aria-hidden="true"></i></div>
			</div>
							</div>
			</div>
			<div class="col-md-3">
				<div class="sidebar">
	</div>			</div>
		</div>
	</div>
		</div>
	<div class="bottom-container">
		<h3 class="item-title"><i class="fa fa-thumbs-up" aria-hidden="true"></i>SIMILAR GAMES</h3>
		<div class="grid-layout grid-wrapper">
			<div class="grid-item item-grid">
	<a href="https://www.lacontessarcade.com/game/skyline-moto-rush">
	<div class="list-game">
		<div class="list-thumbnail"><img src="https://www.lacontessarcade.com/content/themes/dark-grid/images/thumb-placeholder1.png" data-src="https://placehold.co/512x512/7c3aed/ffffff.png?text=Skyline+Moto+Rush" class="small-thumb lazyload" alt="Skyline Moto Rush"></div>
		<div class="list-title">
			<div class="star-rating text-center"><img src="https://www.lacontessarcade.com/content/themes/dark-grid/images/star-0.png" alt="rating"></div>Skyline Moto Rush		</div>
	</div>
	</a>
</div><div class="grid-item item-grid">
	<a href="https://www.lacontessarcade.com/game/desert-rally-x">
	<div class="list-game">
		<div class="list-thumbnail"><img src="https://www.lacontessarcade.com/content/themes/dark-grid/images/thumb-placeholder1.png" data-src="https://placehold.co/512x512/ea580c/ffffff.png?text=Desert+Rally+X" class="small-thumb lazyload" alt="Desert Rally X"></div>
		<div class="list-title">
			<div class="star-rating text-center"><img src="https://www.lacontessarcade.com/content/themes/dark-grid/images/star-0.png" alt="rating"></div>Desert Rally X		</div>
	</div>
	</a>
</div>		</div>
	</div>
</div>
<footer class="footer lca-footer">
  <div class="container">
    <div class="lca-footer-grid">
      <div class="lca-footer-brand">
        <img src="https://www.lacontessarcade.com/images/site-logo-221153.png" alt="La Contessa Arcade">
        <h3>La Contessa Arcade</h3>
        <p>A curated destination for free browser games.</p>
      </div>
      <div><h4>Discover</h4>
        <a href="https://www.lacontessarcade.com/">Featured Games</a>
        <a href="https://www.lacontessarcade.com/#popular">Popular Games</a>
        <a href="https://www.lacontessarcade.com/#new-releases">New Releases</a>
      </div>
      <div><h4>Categories</h4>
        <a href="https://www.lacontessarcade.com/category/action">Action</a>
        <a href="https://www.lacontessarcade.com/category/puzzle">Puzzle</a>
        <a href="https://www.lacontessarcade.com/category/racing">Racing</a>
        <a href="https://www.lacontessarcade.com/category/sports">Sports</a>
      </div>
      <div><h4>More</h4>
        <a href="https://www.lacontessarcade.com/category/adventure">Adventure</a>
        <a href="https://www.lacontessarcade.com/category/casual">Casual</a>
        <a href="https://www.lacontessarcade.com/page/game-preview">Game Preview</a>
      </div>
    </div>
  </div>
</footer>
<div class="copyright">
  <div class="container lca-copyright">
    <span>© 2026 La Contessa Arcade. All rights reserved.</span>
      </div>
</div>
</div>
</div>
<script type="text/javascript" src="https://www.lacontessarcade.com/content/themes/dark-grid/js/jquery-3.6.2.min.js"></script>
<script type="text/javascript" src="https://www.lacontessarcade.com/content/themes/dark-grid/js/lazysizes.min.js"></script>
<script type="text/javascript" src="https://www.lacontessarcade.com/content/themes/dark-grid/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="https://www.lacontessarcade.com/js/comment-system.js"></script>
<script type="text/javascript" src="https://www.lacontessarcade.com/content/themes/dark-grid/js/script.js"></script>
<script type="text/javascript" src="https://www.lacontessarcade.com/content/themes/dark-grid/js/custom.js"></script>
<script type="text/javascript" src="https://www.lacontessarcade.com/js/stats.js"></script>
</body>
</html>