#thx-games h1 { 
  color: white  !important;
  text-align: center;}
#thx-games .main-content {
  padding: 0 !important;
}
#thx-games .main-content h2 {
  width: auto !important;
}
#thx-games { color: #e6e6e6;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  max-width: 1080px; margin: 0 auto; padding: 2rem 1.25rem 6rem; 
}
#thx-games .text-white{
  color: #FFF;
}
#thx-games .page-title {
  font-size: 1.375rem; font-weight: 400; letter-spacing: 0.02em;
  margin: 0 0 0.25rem; text-align: center;
}
#thx-games .page-sub {
  color: #8a8a8a; font-size: 0.875rem; text-align: center; margin: 0 0 1.5rem;
}
#thx-games .p-container {
  padding: 0;
}
#thx-games .grid {
  position: relative;
}
/* ---------- Sticky toolbar: search + filter pills + live count ---------- */
#thx-games .toolbar {
  position: sticky; top: 0; z-index: 20;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 0.9rem 0 0.75rem;
  border-bottom: 1px solid #232323;
  margin-bottom: 1.75rem;
}
#thx-games .search-box-wrapper { position: relative; max-width: 420px; margin: 0 auto 0.8rem; }
#thx-games #search-box-input {
  background: transparent; border: 1px solid #232323; border-radius: 2rem;
  color: #fff; height: 44px; width: 100%; padding: 0 2.7rem;
  font-size: 0.875rem; font-weight: 400; outline: none;
  transition: border-color 0.15s ease;
}
#thx-games #search-box-input:focus { border-color: #44d62c; }
#thx-games .search-icon {
  position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);
  width: 16px; height: 16px; color: #9a9a9a; pointer-events: none;
}
#thx-games .search-clear {
  position: absolute; right: 0.6rem; top: 50%; transform: translateY(-50%);
  background: none; border: 0; color: #9a9a9a; font-size: 1.2rem;
  cursor: pointer; padding: 0.3rem 0.5rem; display: none; line-height: 1;
}
#thx-games .search-clear:hover { color: #44d62c; }
#thx-games .search-clear.visible { display: block; }
#thx-games .pill-row {
  display: flex; flex-wrap: wrap; gap: 0.5rem;
  justify-content: center; align-items: center;
}
#thx-games .pill-group-label {
  color: #9a9a9a; font-size: 0.7rem; text-transform: uppercase; font-weight: 500;
  letter-spacing: 0.12em; margin-right: 0.1rem;
}
#thx-games .pill-divider { width: 1px; height: 20px; background: #232323; margin: 0 0.35rem; }
#thx-games .filter-pill {
  display: inline-flex; align-items: center; gap: 0.45rem;
  background: #141414; color: var(--muted);
  border: 1px solid #232323; border-radius: 20px;
  padding: 0.35rem 0.9rem; font-size: 0.85rem; font-weight: 400;
  font-family: inherit; cursor: pointer;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
#thx-games .filter-pill .tick {
  width: 14px; height: 14px; border-radius: 50%;
  border: 1px solid #9a9a9a; display: inline-flex;
  align-items: center; justify-content: center; flex: none;
  transition: border-color 0.15s, background 0.15s;
}
#thx-games .filter-pill .tick svg { width: 8px; height: 8px; color: #000; opacity: 0; transition: opacity 0.15s; }
#thx-games .filter-pill .pill-count {
  font-size: 0.7rem; color: #9a9a9a;
  background: rgba(255,255,255,0.05); border-radius: 10px; padding: 0.05rem 0.45rem;
}
#thx-games .filter-pill[aria-pressed="true"] {
  border-color: #44d62c; color: #fff; background: rgba(68, 214, 44, 0.10);
}
#thx-games .filter-pill[aria-pressed="true"] .tick { border-color: #44d62c; background: #44d62c; }
#thx-games .filter-pill[aria-pressed="true"] .tick svg { opacity: 1; }
#thx-games .filter-pill[aria-pressed="true"] .pill-count { color: #44d62c; }
#thx-games .filter-pill:hover { border-color: #44d62c; }
#thx-games .reset-link {
  background: none; border: 0; color: #9a9a9a; font-size: 0.8rem;
  font-family: inherit; cursor: pointer; text-decoration: underline;
  text-underline-offset: 3px; padding: 0.35rem 0.4rem;
}
#thx-games .reset-link:hover { color: #44d62c; }
/* The live count — the heartbeat of the whole design */
#thx-games .result-summary {
  text-align: center; margin-top: 0.7rem;
  font-size: 0.875rem; color: var(--muted); min-height: 1.2em;
  font-weight: 400;
}
#thx-games .result-summary .num { color: #44d62c; font-weight: 500; }
#thx-games .result-summary.pulse { animation: countPulse 0.45s ease; }
@keyframes countPulse {
  0%   { transform: scale(1); }
  35%  { transform: scale(1.12); color: #fff; }
  100% { transform: scale(1); }
}
/* ---------- Sections ---------- */
#thx-games .game-section { margin-bottom: 2.5rem; }
#thx-games .section-head {
  display: flex; align-items: baseline; gap: 0.6rem;
  border-bottom: 1px solid #232323; padding-bottom: 0.5rem; margin-bottom: 0.25rem;
}
#thx-games .section-head h2 {
  font-family: Roboto, sans-serif;
  text-transform: none;
  margin: 0; font-size: 1.05rem; font-weight: 400; color: #ccc; letter-spacing: 0.01em;
}
#thx-games .section-count { font-size: 0.8rem; color: #44d62c; font-weight: 400; }
#thx-games .section-count::before { content: "· "; color: #9a9a9a; }
/* ---------- Game grid ---------- */
#thx-games .grid-container {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.6rem 0.7rem;
  padding-top: 0.9rem;
}
#thx-games .game-item {
  background: #101010; border: 1px solid transparent; border-radius: 25px;
  padding: 0.25rem 0.9rem; font-size: 0.875rem;
  display: flex; align-items: center; gap: 0.3rem; min-width: 0;
  animation: itemIn 0.28s ease backwards;
	color: #e6e6e6;
}
#thx-games .game-item .title { display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  line-height: 1.25;
	text-align: left;
 }
#thx-games .game-item mark { background: none; color: #44d62c; font-weight: 500; padding: 0}
@keyframes itemIn {
  from { opacity: 0; transform: translateY(6px) scale(0.97); }
  to   { opacity: 1; transform: none; }
}
#thx-games .badge {
  flex: none; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.08em;
  color: #000; background: #44d62c; border-radius: 8px; padding: 0.1rem 0.4rem;
}
#thx-games .dev-icon { flex: none; width: 13px; height: 13px; color: #9a9a9a; margin-left: auto; }
#thx-games .dev-icon + .dev-icon { margin-left: 0.1rem; }
#thx-games .game-item sup a { color: #44d62c; text-decoration: none; font-size: 0.65rem; }
/* ---------- Empty states ---------- */
#thx-games .empty-state {
  display: none; text-align: center; color: var(--muted);
  padding: 2.2rem 1rem; font-size: 0.9rem;
  border: 1px dashed #232323; border-radius: 12px; margin-top: 0.9rem;
}
#thx-games .empty-state .reset-link { display: inline-block; margin-top: 0.4rem; color: #44d62c; }
#thx-games .game-section.is-empty .grid-container { display: none; }
#thx-games .game-section.is-empty .empty-state { display: block; }
#thx-games .game-section.is-off { display: none; }
#thx-games .legend { color: #9a9a9a; font-size: 0.72rem; text-align: center; margin-top: 3rem; font-weight: 400;}
#thx-games .legend svg { width: 13px; height: 13px; vertical-align: -2px; }
#thx-games #disclaimer { font: normal 0.875rem/1rem Roboto;
  color: #9a9a9a; text-align: center; margin-top: 2rem; }
#thx-games #disclaimer sup { top: -.25em; }
/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  #thx-games #thx-games { padding-top: 0; }
  #thx-games .grid-container { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
  #thx-games .filter-pill { padding: 0.1rem 0.7rem; font-size: 0.8rem; }
  #thx-games .pill-group-label, .pill-divider { display: none; }
	#thx-games .pill-row { justify-content: left;}
}
@media (max-width: 425px) {
  #thx-games { padding-top: 0; }
  #thx-games .grid-container { grid-template-columns: 1fr; }
	#thx-games .toolbar { margin-bottom: 1rem; padding-bottom: 0.5rem;}
  #thx-games .result-summary { margin-top: 0.25rem; }
}
@media (prefers-reduced-motion: reduce) {
  #thx-games .game-item { animation: none; }
  #thx-games .result-summary.pulse { animation: none; }
}
 @media screen and (max-width:767px){#pnxssr_fb273d494a79e41e213067c97025f555 div[pnxssr_2]{background-image:none;background-color:#000;}#pnxssr_fb273d494a79e41e213067c97025f555 h1[pnxssr_5]{font-weight:500;}#pnxssr_fb273d494a79e41e213067c97025f555 div[pnxssr_6]{color:#fff;max-width:100%;}#pnxssr_fb273d494a79e41e213067c97025f555 span[pnxssr_55]{font-size:0.6rem}} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){#pnxssr_fb273d494a79e41e213067c97025f555 div[pnxssr_2]{background-image:none;background-color:#000;}#pnxssr_fb273d494a79e41e213067c97025f555 h1[pnxssr_5]{font-weight:500;}#pnxssr_fb273d494a79e41e213067c97025f555 div[pnxssr_6]{color:#fff;max-width:1080px;}#pnxssr_fb273d494a79e41e213067c97025f555 span[pnxssr_55]{font-size:0.6rem}} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){#pnxssr_fb273d494a79e41e213067c97025f555 div[pnxssr_2]{background-image:none;background-color:#000;}#pnxssr_fb273d494a79e41e213067c97025f555 h1[pnxssr_5]{font-weight:500;}#pnxssr_fb273d494a79e41e213067c97025f555 div[pnxssr_6]{color:#fff;max-width:1080px;}#pnxssr_fb273d494a79e41e213067c97025f555 span[pnxssr_55]{font-size:0.6rem}} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){#pnxssr_fb273d494a79e41e213067c97025f555 div[pnxssr_2]{background-image:none;background-color:#000;}#pnxssr_fb273d494a79e41e213067c97025f555 h1[pnxssr_5]{font-weight:500;}#pnxssr_fb273d494a79e41e213067c97025f555 div[pnxssr_6]{color:#fff;max-width:1080px;}#pnxssr_fb273d494a79e41e213067c97025f555 span[pnxssr_55]{font-size:0.6rem}}