/*
Theme Name: Tux Tavern
Description: Retro 16-Bit Pixel RPG Tavern theme for practical Linux guides, open-source software, and PC gaming.
Version: 2.1.8
Author: Tux Tavern
Text Domain: tux-tavern
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


  :root {
    --bg-base: #111418;
    --bg-surface: #181d24;
    --bg-surface-elevated: #202731;
    --border-color: #2a3442;
    --border-amber: #d48b38;
    --amber-glow: rgba(212, 139, 56, 0.25);
    --amber-bright: #f5a742;
    --amber-soft: #ffc278;
    --wood-dark: #3b2014;
    --wood-trim: #5c351f;
    --text-primary: #f0f3f6;
    --text-secondary: #9da8b6;
    --text-muted: #6b7787;
    --terminal-green: #f5a742;
    --steam-blue: #66c0f4;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", monospace;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    background: var(--bg-base);
    color: var(--text-primary);
    font-family: var(--font-sans);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }

/* TUX TAVERN NOTICEBOARD BANNER (VARIATION 1 POLISHED) */
.tbf-tavern-noticeboard {
  background: linear-gradient(180deg, #24140b 0%, #170d07 100%) !important;
  border: 2px solid #5a341a !important;
  border-top: 3px solid #f5a742 !important;
  border-radius: 14px !important;
  padding: 36px 30px 30px !important;
  margin-bottom: 32px !important;
  text-align: center !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6), 0 0 25px rgba(245, 167, 66, 0.15) !important;
  position: relative !important;
  overflow: hidden !important;
}
.tbf-tavern-noticeboard::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 20%, rgba(245, 167, 66, 0.12) 0%, transparent 60%);
  pointer-events: none;
}
.finder-header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(245, 167, 66, 0.15);
  color: #ffbe6b;
  border: 1px solid rgba(245, 167, 66, 0.4);
  padding: 5px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 16px;
}
.tbf-title-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-bottom: 10px !important;
}
.tbf-banner-mascot {
  width: 44px !important;
  height: 48px !important;
  image-rendering: pixelated;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.8));
}
.tbf-tavern-noticeboard h1 {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: -0.5px !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.8);
  margin: 0 !important;
}
.tbf-lede {
  font-size: 15px !important;
  color: #cbd5e1 !important;
  max-width: 720px !important;
  margin: 0 auto 24px !important;
  line-height: 1.55 !important;
}
.tbf-search {
  max-width: 760px !important;
  margin: 0 auto 18px !important;
}
.tbf-label {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #f5a742;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.tbf-combo {
  display: flex !important;
  gap: 10px !important;
  background: #0d1117 !important;
  border: 1px solid #3e4f66 !important;
  border-radius: 10px !important;
  padding: 6px 6px 6px 14px !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
  transition: all 0.2s ease;
}
.tbf-combo:focus-within {
  border-color: #f5a742 !important;
  box-shadow: 0 0 12px rgba(245, 167, 66, 0.35);
}
.tbf-combo input {
  flex: 1;
  background: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 15px !important;
  outline: none !important;
}
.tbf-combo .tbh-button {
  background: linear-gradient(180deg, #d48b38 0%, #aa641d 100%) !important;
  border: 1px solid #e59a43 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}
.tbf-quick {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  font-size: 12.5px !important;
  margin-top: 12px !important;
}
.tbf-quick-label {
  color: #8c9ba5;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.tbf-quick a {
  background: #1c150f !important;
  border: 1px solid #4a2d1a !important;
  color: #e2e8f0 !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}
.tbf-quick a:hover {
  border-color: #f5a742 !important;
  color: #ffbe6b !important;
  background: #2b1b11 !important;
  transform: translateY(-1px);
}

/* CATEGORY TASK TILES GRID (WARM TAVERN CARDS) */
.tbf-cats-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 20px !important;
}
.tbf-cat-tile {
  background: #181d24 !important;
  border: 1px solid #2a3442 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.3) !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.tbf-cat-tile:hover {
  border-color: #f5a742 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.5), 0 0 12px rgba(245, 167, 66, 0.2) !important;
}
.tbf-cat-tile summary {
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  cursor: pointer !important;
  user-select: none !important;
  list-style: none !important;
}
.tbf-cat-tile summary::-webkit-details-marker { display: none !important; }
.cat-tile-icon {
  font-size: 24px;
  width: 38px;
  height: 38px;
  background: #0d1117;
  border: 1px solid #2a3442;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cat-tile-text strong {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 1.25;
}
.cat-tile-text small {
  display: block;
  font-size: 11.5px;
  color: #9da8b6;
  margin-top: 2px;
}
.cat-tile-body {
  padding: 12px 16px 16px !important;
  border-top: 1px solid #222c38 !important;
  background: #13171d !important;
}
.cat-apps-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  list-style: none !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}
.cat-apps-list li a {
  display: inline-block !important;
  font-size: 11.5px !important;
  background: #1e2530 !important;
  border: 1px solid #2f3c4e !important;
  color: #cbd5e1 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: all 0.15s !important;
}
.cat-apps-list li a:hover {
  background: #2b3545 !important;
  color: #ffbe6b !important;
  border-color: #f5a742 !important;
}
.cat-explore-link {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #f5a742 !important;
  text-decoration: none !important;
}
.cat-explore-link:hover { text-decoration: underline !important; }

/* TUX TAVERN APP FINDER & INNER PAGES OVERRIDES */
#tb-workstation .tw-site-shell {
  --tw-bg: #111418 !important;
  --tw-panel: #181d24 !important;
  --tw-ink: #f0f3f6 !important;
  --tw-muted: #9da8b6 !important;
  --tw-accent: #f5a742 !important;
  --tw-line: #2a3442 !important;
  background: var(--tw-bg) !important;
  color: var(--tw-ink) !important;
}
#tb-workstation .tw-site-shell .tbf-hero {
  background: radial-gradient(ellipse at 50% 0%, rgba(245, 167, 66, 0.12), transparent 65%), linear-gradient(180deg, #1b222d, #151b22) !important;
  border: 1px solid #344254 !important;
  border-top: 2px solid #f5a742 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4), 0 0 20px rgba(212, 139, 56, 0.25) !important;
}
#tb-workstation .tw-site-shell .tbf-hero h1 {
  color: #fff !important;
}
#tb-workstation .tw-site-shell .tbf-label {
  color: #f5a742 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
#tb-workstation .tw-site-shell .tbf-combo {
  background: #0d1117 !important;
  border: 1px solid #303e50 !important;
  border-radius: 10px !important;
}
#tb-workstation .tw-site-shell .tbf-combo:focus-within {
  border-color: #f5a742 !important;
  box-shadow: 0 0 10px rgba(212, 139, 56, 0.25) !important;
}
#tb-workstation .tw-site-shell .tbf-combo input {
  color: #fff !important;
}
#tb-workstation .tw-site-shell .tbh-button {
  background: linear-gradient(180deg, #d48b38 0%, #aa641d 100%) !important;
  border: 1px solid #e59a43 !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}
#tb-workstation .tw-site-shell .tbf-quick a {
  background: #1b222c !important;
  border: 1px solid #2d3949 !important;
  color: #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
}
#tb-workstation .tw-site-shell .tbf-quick a:hover {
  background: #273343 !important;
  border-color: #f5a742 !important;
  color: #fff !important;
}
#tb-workstation .tw-site-shell .tbh-panel {
  background: #181d24 !important;
  border: 1px solid #2a3442 !important;
  border-radius: 12px !important;
}
#tb-workstation .tw-site-shell .tbh-panel-title {
  color: #f5a742 !important;
}
#tb-workstation .tw-site-shell .tbf-step-icon {
  background: linear-gradient(140deg, #3a2213, #24130a) !important;
  border-color: #5c351f !important;
  color: #f5a742 !important;
}
#tb-workstation .tw-site-shell .tbf-cat {
  background: #181d24 !important;
  border: 1px solid #2a3442 !important;
  border-radius: 8px !important;
}
#tb-workstation .tw-site-shell .tbf-cat summary {
  color: #f0f3f6 !important;
}
#tb-workstation .tw-site-shell .tbf-cat summary:hover {
  background: #202731 !important;
}
#tb-workstation .tw-site-shell .tbf-cat ul a {
  color: #9da8b6 !important;
}
#tb-workstation .tw-site-shell .tbf-cat ul a:hover {
  color: #f5a742 !important;
}
#tb-workstation .tw-site-shell .tbf-card {
  background: #181d24 !important;
  border: 1px solid #2a3442 !important;
  border-radius: 10px !important;
  color: #f0f3f6 !important;
}

  /* TOP CRISP WOODEN NAVIGATION BAR */
  .tavern-topbar {
    width: 100%;
    background: linear-gradient(180deg, #3d2112 0%, #2c170b 50%, #1e0f07 100%);
    border-bottom: 2px solid #140a05;
    box-shadow: 0 4px 14px rgba(0,0,0,0.6);
    position: relative;
    z-index: 100;
  }
  .tavern-topbar-inner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 20px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .tavern-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex-shrink: 0;
  }
  .tavern-brand-mascot {
    height: 38px;
    width: auto;
    image-rendering: pixelated;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.6));
  }
  .tavern-brand-title {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 0.5px;
    font-family: system-ui, -apple-system, sans-serif;
    text-shadow: 0 2px 4px #000, 0 0 10px rgba(245, 167, 66, 0.4);
    display: flex;
    gap: 4px;
  }
  .tavern-brand-title .tux-text {
    color: #52c41a;
    text-shadow: 0 2px 0 #1b4705, 0 3px 4px rgba(0,0,0,0.8);
  }
  .tavern-brand-title .tavern-text {
    color: #f5a742;
    text-shadow: 0 2px 0 #7a3c05, 0 3px 4px rgba(0,0,0,0.8);
  }

  .tavern-nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .tavern-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 13px;
    border-radius: 6px;
    font-size: 13.5px;
    font-weight: 600;
    color: #f0f3f6;
    text-decoration: none;
    letter-spacing: 0.2px;
    transition: all 0.15s ease;
    border: 1px solid transparent;
    white-space: nowrap;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
  }
  .tavern-nav-link:hover {
    color: #ffc278;
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(245, 167, 66, 0.35);
  }
  .tavern-nav-link.active {
    color: #ffbe6b;
    background: linear-gradient(180deg, #231209 0%, #140a04 100%);
    border: 1px solid #7a421f;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.08);
  }
  .tavern-lantern-icon {
    width: 14px;
    height: 20px;
    image-rendering: pixelated;
    display: inline-block;
    filter: drop-shadow(0 0 5px rgba(245, 167, 66, 0.7));
  }

  .tavern-nav-search {
    display: flex;
    align-items: center;
    position: relative;
    flex-shrink: 0;
  }
  .tavern-nav-search input {
    background: #1e0f07;
    border: 1px solid #63361a;
    border-radius: 6px;
    padding: 6px 32px 6px 12px;
    font-size: 13px;
    color: #f0f3f6;
    width: 175px;
    outline: none;
    transition: width 0.2s ease, border-color 0.2s ease;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
  }
  .tavern-nav-search input:focus {
    width: 215px;
    border-color: #f5a742;
    box-shadow: 0 0 8px rgba(245, 167, 66, 0.35);
  }
  .tavern-nav-search button {
    position: absolute;
    right: 8px;
    background: none;
    border: none;
    color: #a87954;
    cursor: pointer;
    font-size: 13px;
  }

  /* TOP HEADER BANNER IMAGE (Interior Tavern Scene) */
  .tavern-header-container {
    width: 100%;
    background: #2b180d;
    border-bottom: 3px solid #5a3219;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  }
  .tavern-header-img {
    display: block;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    height: auto;
    image-rendering: pixelated;
  }

  .site-wrapper {
    max-width: 1360px;
    margin: 0 auto;
    padding: 24px 20px 60px;
  }

  /* LINUX APP FINDER STRIP */
  .app-finder-banner {
    background: linear-gradient(135deg, #1b222d 0%, #151b22 100%);
    border: 1px solid #344254;
    border-top: 2px solid var(--amber-bright);
    border-radius: var(--radius-lg);
    padding: 20px 24px;
    margin-bottom: 28px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4), 0 0 20px var(--amber-glow);
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .finder-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
  }
  .finder-title-group {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .finder-icon {
    font-size: 24px;
    background: rgba(212, 139, 56, 0.15);
    border: 1px solid var(--amber-bright);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
  }
  .finder-title-group h2 {
    font-size: 19px;
    font-weight: 700;
    color: var(--amber-soft);
    letter-spacing: -0.2px;
  }
  .finder-title-group p {
    font-size: 13px;
    color: var(--text-secondary);
  }
  .finder-stats-pill {
    background: rgba(245, 167, 66, 0.12);
    color: var(--primary-amber, #f5a742);
    border: 1px solid rgba(245, 167, 66, 0.35);
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px;
  }

  .finder-search-box {
    display: flex;
    gap: 10px;
  }
  .finder-input {
    flex: 1;
    background: #0d1117;
    border: 1px solid #303e50;
    color: #fff;
    padding: 12px 18px;
    border-radius: var(--radius-md);
    font-size: 15px;
    outline: none;
    transition: all 0.2s;
  }
  .finder-input:focus {
    border-color: var(--amber-bright);
    box-shadow: 0 0 10px var(--amber-glow);
  }
  .finder-button {
    background: linear-gradient(180deg, #d48b38 0%, #aa641d 100%);
    color: #fff;
    border: 1px solid #e59a43;
    padding: 0 24px;
    font-weight: 700;
    border-radius: var(--radius-md);
    cursor: pointer;
    font-size: 14px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  }

  .finder-quick-pills {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 12px;
  }
  .finder-pills-label {
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
  }
  .match-pill {
    background: #202733;
    border: 1px solid #344357;
    color: #cbd5e1;
    padding: 4px 10px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s;
    cursor: pointer;
  }
  .match-pill:hover {
    background: #293444;
    border-color: var(--amber-bright);
    color: #fff;
    transform: translateY(-1px);
  }
  .match-arrow { color: var(--amber-bright); font-weight: bold; }

  /* MAIN LAYOUT: 2-COLUMN (Articles + Sidebar) */
  .layout-grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 28px;
  }

  /* FEATURED HERO GUIDE */
  .hero-guide-card {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: 360px 1fr;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  .hero-guide-card:hover {
    border-color: var(--amber-bright);
    box-shadow: 0 8px 30px rgba(0,0,0,0.5), 0 0 15px var(--amber-glow);
  }
  .hero-guide-thumb {
    position: relative;
    background: #0f1318;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .hero-badge-float {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(0,0,0,0.85);
    border: 1px solid #4a5b70;
    color: #f5a742;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
  }
  .hero-guide-body {
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .tag-row {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
  }
  .tag {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.5px;
  }
  .tag-gaming { background: rgba(102, 192, 244, 0.15); color: var(--steam-blue); border: 1px solid rgba(102, 192, 244, 0.4); }
  .tag-proton { background: rgba(212, 139, 56, 0.15); color: var(--amber-bright); border: 1px solid rgba(212, 139, 56, 0.4); }
  .hero-guide-title {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .hero-guide-excerpt {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 16px;
    line-height: 1.6;
  }
  .meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: var(--text-muted);
  }
  .read-button {
    background: var(--amber-bright);
    color: #111;
    font-weight: 700;
    padding: 7px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s;
  }
  .read-button:hover {
    background: #ffc278;
    transform: translateY(-1px);
  }

  /* GUIDES 2x3 GRID (NOW 6 ARTICLES) */
  .section-title-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #232b36;
  }
  .section-title-bar h3 {
    font-size: 17px;
    font-weight: 700;
    color: var(--amber-soft);
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .section-title-bar a {
    color: var(--amber-bright);
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
  }

  .guides-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 32px;
  }
  .guide-card {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 16px;
    display: flex;
    gap: 14px;
    transition: all 0.2s;
  }
  .guide-card:hover {
    border-color: var(--amber-bright);
    background: var(--bg-surface-elevated);
    transform: translateY(-2px);
  }
  .guide-mini-thumb {
    width: 68px;
    height: 68px;
    background: #0c1015;
    border: 1px solid #2a3442;
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
  }
  .guide-content { flex: 1; }
  .guide-content h4 {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    line-height: 1.35;
    margin-bottom: 6px;
  }
  .guide-content p {
    font-size: 12px;
    color: var(--text-secondary);
    line-height: 1.4;
    margin-bottom: 8px;
  }
  .guide-badge-pill {
    font-size: 10px;
    font-weight: 700;
    color: var(--amber-bright);
    background: rgba(212, 139, 56, 0.12);
    border: 1px solid rgba(212, 139, 56, 0.3);
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
  }

  /* SIDEBAR WIDGETS */
  .sidebar-widget {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 18px 20px;
    margin-bottom: 24px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
  }
  .widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid #252e3b;
  }
  .widget-header h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--amber-soft);
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .widget-tag {
    font-size: 11px;
    background: rgba(212, 139, 56, 0.15);
    color: var(--amber-bright);
    padding: 2px 7px;
    border-radius: 4px;
    font-weight: 700;
  }

  /* GAME CODES LIST */
  .game-code-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid #1f2733;
    font-size: 13px;
  }
  .game-code-item:last-child { border-bottom: none; }
  .game-info {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .game-icon {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #0f141a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 1px solid #2a3442;
  }
  .game-name { font-weight: 600; color: #fff; }
  .claim-pill {
    background: #252f3d;
    border: 1px solid #3c4b5e;
    color: var(--amber-bright);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.15s;
  }
  .claim-pill:hover {
    background: var(--amber-bright);
    color: #000;
  }
  .all-codes-link {
    display: block;
    text-align: center;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #212935;
    font-size: 12px;
    font-weight: 700;
    color: var(--amber-bright);
    text-decoration: none;
  }

  /* TAVERN WIRE NEWS TICKER */
  .wire-item {
    padding: 10px 0;
    border-bottom: 1px solid #1f2733;
    font-size: 13px;
  }
  .wire-item:last-child { border-bottom: none; }
  .wire-headline {
    color: #e2e8f0;
    font-weight: 600;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
    line-height: 1.4;
  }
  .wire-headline:hover { color: var(--amber-bright); }
  .wire-meta {
    font-size: 11px;
    color: var(--text-muted);
    display: flex;
    gap: 8px;
  }

  /* ARCHIVE STRIP */
  .archive-section {
    margin-top: 20px;
    background: #141920;
    border: 1px solid #252e3b;
    border-radius: var(--radius-lg);
    padding: 20px 24px;
  }
  .archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 14px;
  }
  .archive-card {
    background: #1a2029;
    border: 1px solid #2a3442;
    border-radius: 8px;
    padding: 14px;
    font-size: 13px;
  }
  .archive-card h5 {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
    line-height: 1.35;
  }
  .archive-card p {
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1.4;
  }

  /* FOOTER */
  .site-footer {
    border-top: 2px solid #5a3219;
    background: #1a0f08;
    color: #9c8e82;
    padding: 30px 20px;
    text-align: center;
    font-size: 13px;
    margin-top: 40px;
  }
  .footer-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 12px;
  }
  .footer-links a { color: var(--amber-bright); text-decoration: none; }


body{margin:0;background:#111418}html{scroll-behavior:auto}#tb-workstation{font-family:Arial,Helvetica,sans-serif;color:#e6f0e9}#tb-workstation *{box-sizing:border-box}#tb-workstation [hidden]{display:none!important}#tb-workstation a{color:inherit;text-decoration:none}#tb-workstation button{font-family:inherit}#tb-workstation a:focus-visible,#tb-workstation button:focus-visible,#tb-workstation input:focus-visible,#tb-workstation summary:focus-visible{outline:2px solid #f5a742;outline-offset:4px}#tb-workstation img{max-width:100%;height:auto}.tw-skip{position:absolute;left:15px;top:-80px;padding:12px;background:#f5a742;color:#181d24;z-index:100000}.tw-skip:focus{top:15px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* 80s retro touches (added Oct 17, 2026): pixel logo, terminal headings, CRT scanlines, short blinking cursor, full-width Explore by Category. */
.tbh-brand > span,.tbh-brand-panel h2{font-family:'Press Start 2P',ui-monospace,monospace!important;font-size:15px!important;letter-spacing:0!important;line-height:1.5}
.tbh-brand small{font-family:'VT323',ui-monospace,monospace!important;font-size:15px!important;letter-spacing:.06em}
.tbh-section-heading h2,.tbh-panel-title{font-family:'VT323',ui-monospace,monospace!important;font-size:30px!important;font-weight:400!important;letter-spacing:.02em}
#tbh-headline span::after{content:'';display:inline-block;width:.5em;height:.85em;margin-left:.12em;background:currentColor;vertical-align:-.05em;opacity:0;animation:tbh-cursor 3.6s steps(1) forwards}
@keyframes tbh-cursor{0%,25%,50%,75%{opacity:1}12.5%,37.5%,62.5%,87.5%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){#tbh-headline span::after{animation:none;display:none}}
.tbh-hero{position:relative}
.tbh-hero::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);box-shadow:inset 0 0 120px rgba(0,0,0,.55)}
.tbh-hero > .tbh-container{position:relative;z-index:6}
.tbh-layout > .tbh-explore{grid-column:1/-1}
/* "On this page" sidebar refresh (added Oct 17, 2026): terminal header, numbered steps, checkmarks for finished sections, phosphor glow, reading progress bar. */
#tb-workstation .tw-site-shell .tba-contents{overflow:hidden;border-color:#3d2b1f}
#tb-workstation .tw-site-shell .tba-contents details{position:relative}
#tb-workstation .tw-site-shell .tba-contents summary{justify-content:flex-start!important;gap:9px;height:50px;box-sizing:border-box;min-height:0;padding:0 16px;border-bottom:1px solid #3d2b1f;background:linear-gradient(180deg,#1c222b,#151a21);font-family:'VT323',ui-monospace,monospace;font-size:24px;font-weight:400;letter-spacing:.04em;color:#ffffff}
#tb-workstation .tw-site-shell .tba-contents summary::before{content:'>_';color:#f5a742;text-shadow:0 0 6px rgba(245,167,66,.4)}
#tb-workstation .tw-site-shell .tba-contents summary::after{margin-left:auto}
#tb-workstation .tw-site-shell .tba-contents details:not([open]) > summary{border-bottom-color:transparent}
#tb-workstation .tw-site-shell .tba-contents-links{counter-reset:tbstep;padding:10px 10px 12px}
#tb-workstation .tw-site-shell .tba-contents-links li:not(.tba-contents-subheading){counter-increment:tbstep}
#tb-workstation .tw-site-shell .tba-contents-links li:not(.tba-contents-subheading) > a{display:flex;align-items:baseline;gap:11px;min-height:0;padding:9px 11px}
#tb-workstation .tw-site-shell .tba-contents-links li:not(.tba-contents-subheading) > a::before{content:counter(tbstep,decimal-leading-zero);flex:0 0 22px;font-family:'VT323',ui-monospace,monospace;font-size:20px;line-height:1;font-weight:400;color:#f5a742}
#tb-workstation .tw-site-shell .tba-contents-links li:has(~ li a[aria-current]) > a{color:#b0a698}
#tb-workstation .tw-site-shell .tba-contents-links li:not(.tba-contents-subheading):has(~ li a[aria-current]) > a::before{content:'\2713';font-family:inherit;font-size:14px;color:#ffbe6b}
#tb-workstation .tw-site-shell .tba-contents-links a[aria-current="location"]{color:#ffbe6b;text-shadow:0 0 10px rgba(245,167,66,.3)}
#tb-workstation .tw-site-shell .tba-contents-links a[aria-current="location"]::before{color:#fcd34d!important;text-shadow:0 0 8px rgba(245,167,66,.5)}
@supports (animation-timeline: scroll()){
#tb-workstation .tw-site-shell .tba-contents details[open]::before{content:'';position:absolute;left:0;right:0;top:49px;height:2px;z-index:2;background:linear-gradient(90deg,#f5a742,#ffbe6b);box-shadow:0 0 6px rgba(245,167,66,.5);transform-origin:left;transform:scaleX(0);animation:tbh-read linear both;animation-timeline:scroll(root)}
@keyframes tbh-read{to{transform:scaleX(1)}}
}
@media (prefers-reduced-motion:reduce){#tb-workstation .tw-site-shell .tba-contents details[open]::before{display:none}}

/* Shared privacy controls: one accessible row, October 26, 2026. */
#tb-workstation .tbh-footer .tbh-privacy-bar{border-top:1px solid #3d2b1f;padding-top:16px;padding-bottom:20px;margin-top:16px}
#tb-workstation .tbh-footer .tbh-privacy-bar .tbh-privacy-nav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px}
#tb-workstation .tbh-footer .tbh-privacy-bar .tbh-privacy-nav a,#tb-workstation .tbh-footer .tbh-privacy-bar .tbh-privacy-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 4px;border:0;border-radius:4px;background:transparent;color:#d8cfc4;font:400 14px/1.5 Arial,Helvetica,sans-serif;text-align:center;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#tb-workstation .tbh-footer .tbh-privacy-bar .tbh-privacy-nav a:hover,#tb-workstation .tbh-footer .tbh-privacy-bar .tbh-privacy-nav button:hover{color:#ffbe6b}
#tb-workstation .tbh-footer .tbh-privacy-bar .tbh-privacy-nav a:focus-visible,#tb-workstation .tbh-footer .tbh-privacy-bar .tbh-privacy-nav button:focus-visible{outline:2px solid #f5a742;outline-offset:4px;color:#fcd34d}
#tb-workstation .tbh-footer .tbh-privacy-status{max-width:720px;margin:8px auto 0;color:#d8cfc4;font:400 14px/1.6 Arial,Helvetica,sans-serif;text-align:center}
#tb-workstation .tbh-footer .tbh-privacy-status:empty{display:none}
#tavern-wordads-native-control[hidden]{display:none!important}
@media(max-width:600px){#tb-workstation .tbh-footer .tbh-privacy-bar .tbh-privacy-nav{gap:4px 20px}#tb-workstation .tbh-footer .tbh-privacy-bar .tbh-privacy-nav button{flex-basis:100%}}


/* Game Codes shared asset restoration — October 26, 2026. */
/* Game Codes feature */
#tb-workstation .tgc-root{color-scheme:dark;--bg:#111418;--panel:#181d24;--border:#3d2b1f;--text:#e1eae3;--muted:#a3998e;--green:#80d99e}#tb-workstation .tgc-root *{box-sizing:border-box}#tb-workstation .tgc-root{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,sans-serif}#tb-workstation .tgc-root{max-width:1120px;margin:auto;padding:40px 24px 70px}#tb-workstation .tgc-root h1{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:14px 0}#tb-workstation .tgc-root h2{font-size:24px;margin-top:36px}#tb-workstation .tgc-root p{margin:12px 0}#tb-workstation .tgc-root a{color:var(--green)}#tb-workstation .tgc-root .eyebrow{color:var(--green);letter-spacing:.12em;font-size:12px;text-transform:uppercase}#tb-workstation .tgc-root .intro{max-width:850px;color:var(--muted)}#tb-workstation .tgc-root .summary{border-left:3px solid var(--green);background:var(--panel);padding:16px 20px;margin:24px 0}#tb-workstation .tgc-root .filters{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}#tb-workstation .tgc-root .filters label{display:grid;gap:5px;font-size:13px;color:var(--muted)}#tb-workstation .tgc-root input,#tb-workstation .tgc-root select,#tb-workstation .tgc-root button{font:inherit;border:1px solid var(--border);border-radius:5px;background:#090c10;color:var(--text);padding:9px 12px}#tb-workstation .tgc-root input{min-width:230px}#tb-workstation .tgc-root button{cursor:pointer}#tb-workstation .tgc-root button:hover{border-color:var(--green)}#tb-workstation .tgc-root .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#tb-workstation .tgc-root .code-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px;min-width:0}#tb-workstation .tgc-root .code-card[hidden]{display:none}#tb-workstation .tgc-root .top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}#tb-workstation .tgc-root .badge{padding:2px 7px;border-radius:4px}#tb-workstation .tgc-root .confirmed{color:#95e7af;background:#1e3e2a}#tb-workstation .tgc-root .reported{color:#efd18b;background:#3b321d}#tb-workstation .tgc-root .code-line{display:flex;gap:8px;justify-content:space-between;align-items:center;margin:18px 0 12px}#tb-workstation .tgc-root code{font:700 16px/1.4 ui-monospace,monospace;color:#b0eac3;overflow-wrap:anywhere}#tb-workstation .tgc-root button.copy{font-size:12px;flex:none}#tb-workstation .tgc-root .code-card p{font-size:14px}#tb-workstation .tgc-root .note,#tb-workstation .tgc-root .source{color:var(--muted)}#tb-workstation .tgc-root .source{font-size:11px!important;border-top:1px solid #294332;padding-top:10px}#tb-workstation .tgc-root dl{display:grid;grid-template-columns:52px 1fr;gap:4px 12px;font-size:12px;margin:16px 0}#tb-workstation .tgc-root dt{color:var(--muted)}#tb-workstation .tgc-root dd{margin:0}#tb-workstation .tgc-root .redeem{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}#tb-workstation .tgc-root .extra{border:1px solid var(--border);border-radius:8px;padding:18px 22px;margin-top:28px}#tb-workstation .tgc-root .extra p,#tb-workstation .tgc-root .extra li{font-size:14px}#tb-workstation .tgc-root li{margin:8px 0}#tb-workstation .tgc-root .count{color:var(--muted);font-size:13px}#tb-workstation .tgc-root .status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#d4f5dd;color:#14251a;padding:8px 18px;border-radius:6px;font-size:13px;pointer-events:none}#tb-workstation .tgc-root .status:empty{display:none}@media(max-width:700px){#tb-workstation .tgc-root{padding:24px 16px 50px}#tb-workstation .tgc-root .grid{grid-template-columns:1fr}#tb-workstation .tgc-root .code-card{padding:17px}#tb-workstation .tgc-root .filters{display:grid;grid-template-columns:1fr 1fr}#tb-workstation .tgc-root .filters label:first-child{grid-column:1/-1}#tb-workstation .tgc-root input{min-width:0;width:100%}#tb-workstation .tgc-root code{font-size:15px}}@media print{#tb-workstation .tgc-root .filters,#tb-workstation .tgc-root .copy,#tb-workstation .tgc-root .status{display:none}#tb-workstation .tgc-root .grid{display:block}#tb-workstation .tgc-root .code-card{break-inside:avoid;margin-bottom:12px}#tb-workstation .tgc-root{color:#111;background:#fff}#tb-workstation .tgc-root{padding:0}#tb-workstation .tgc-root a,#tb-workstation .tgc-root code{color:#124726}}#tb-workstation .tgc-root .breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:24px}#tb-workstation .tgc-root .game-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}#tb-workstation .tgc-root .game-nav a{border:1px solid var(--border);border-radius:6px;padding:8px 14px;text-decoration:none}#tb-workstation .tgc-root .game-nav a[aria-current="page"]{background:#244b32;color:#c0f1ce;border-color:#67b781}#tb-workstation .tgc-root .game-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0}#tb-workstation .tgc-root .game-tile{display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:28px;text-decoration:none;color:var(--text);min-height:240px}#tb-workstation .tgc-root .game-tile:hover{border-color:var(--green);background:#172b20}#tb-workstation .tgc-root .game-tile h2{margin:0;font-size:26px}#tb-workstation .tgc-root .game-tile p{margin:0;color:var(--muted);font-size:15px}#tb-workstation .tgc-root .game-tile .tag{color:var(--green);font-size:12px;letter-spacing:.06em}#tb-workstation .tgc-root .game-tile .cta{color:var(--green);margin-top:auto;font-size:14px}#tb-workstation .tgc-root .game-mark{width:44px;height:44px;display:grid;place-items:center;background:#1c3827;color:var(--green);border:1px solid #345e41;border-radius:8px;font-size:22px}#tb-workstation .tgc-root .hub-note{color:var(--muted);max-width:700px;padding-top:20px;border-top:1px solid var(--border)}#tb-workstation .tgc-root .filters{align-items:end}#tb-workstation .tgc-root .filters label:first-child{flex:1}@media(max-width:700px){#tb-workstation .tgc-root .game-tiles{grid-template-columns:1fr;gap:16px}#tb-workstation .tgc-root .game-tile{padding:22px;min-height:210px}#tb-workstation .tgc-root .filters label:first-child{grid-column:1/-1}}#tb-workstation .tgc-root a:focus-visible,#tb-workstation .tgc-root button:focus-visible{outline:2px solid var(--green);outline-offset:4px}#tb-workstation .tgc-root .game-tile{padding:0;overflow:hidden;gap:0;min-height:0}#tb-workstation .tgc-root .tile-art{display:block;width:100%;height:auto!important;aspect-ratio:16/7;object-fit:cover;object-position:65% center;border-bottom:1px solid var(--border)}#tb-workstation .tgc-root .tile-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:24px}#tb-workstation .tgc-root .tile-body .cta{margin-top:auto;padding-top:8px}#tb-workstation .tgc-root .game-banner{position:relative;isolation:isolate;min-height:270px;border-radius:10px;border:1px solid var(--border);overflow:hidden;display:flex;align-items:flex-end;margin:18px 0 24px;background:#15231b}#tb-workstation .tgc-root .game-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}#tb-workstation .tgc-root .game-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,9,.88),rgba(4,13,9,.4) 56%,rgba(4,13,9,.03));z-index:-1}#tb-workstation .tgc-root .banner-copy{max-width:70%;padding:32px}#tb-workstation .tgc-root .banner-copy h1{font-size:clamp(28px,4vw,44px);margin:6px 0 12px;text-shadow:0 2px 8px #0008;color:#fff}#tb-workstation .tgc-root .banner-copy p{margin:0;color:#e0eee4;font-size:14px}#tb-workstation .tgc-root .banner-copy .eyebrow{color:#b4e3c2;font-size:11px}#tb-workstation .tgc-root .art-credit{font-size:11px;color:var(--muted);margin-top:32px}@media(max-width:700px){#tb-workstation .tgc-root .tile-body{padding:22px}#tb-workstation .tgc-root .game-banner{min-height:245px}#tb-workstation .tgc-root .game-banner>img{object-position:67% center}#tb-workstation .tgc-root .banner-copy{padding:22px;max-width:100%}#tb-workstation .tgc-root .banner-copy h1{font-size:30px}#tb-workstation .tgc-root .game-banner:after{background:linear-gradient(0deg,rgba(4,13,9,.95),rgba(4,13,9,.32) 75%,rgba(4,13,9,.1))}#tb-workstation .tgc-root .tile-art{aspect-ratio:16/8;object-position:65% center}}

body.page-id-279 #tb-workstation .tba-content,body.page-id-282 #tb-workstation .tba-content,body.page-id-283 #tb-workstation .tba-content{max-width:1120px;width:100%;margin:auto;}
body.page-id-279 #tb-workstation .tba-article-header,body.page-id-282 #tb-workstation .tba-article-header,body.page-id-283 #tb-workstation .tba-article-header{display:none;}
#tb-workstation .tgc-root{padding:0;max-width:1120px;margin:0 auto;}#tb-workstation .tgc-root h2{border:0;padding:0;background:none;}#tb-workstation .tgc-root .code-card[hidden]{display:none!important;}#tb-workstation .tgc-root img{max-width:100%;}#tb-workstation .tgc-root .status{z-index:9999;}

body.page-id-279 #tb-workstation .tba-article,body.page-id-282 #tb-workstation .tba-article,body.page-id-283 #tb-workstation .tba-article{max-width:1120px;width:100%;margin:auto;}
#tb-workstation .tgc-root .wp-block-group__inner-container{display:contents;}
#tb-workstation .tgc-root .game-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2;margin:0;}
#tb-workstation .tgc-root a.game-tile{padding:0;margin:0;text-decoration:none!important;}
#tb-workstation .tgc-root .game-tile *{text-decoration:none;}
#tb-workstation .tgc-root .tile-art{margin:0;border-radius:0;}
#tb-workstation .tgc-root .tile-body h2,#tb-workstation .tgc-root .tile-body p{margin:0;padding:0;}
#tb-workstation .tgc-root .tile-body{margin:0;}

#tb-workstation .tgc-root .game-banner img,#tb-workstation .tgc-root .tile-art{margin:0!important;border-radius:0!important;}
body.page-id-290 #tb-workstation .tba-article,body.page-id-290 #tb-workstation .tba-content{max-width:1120px;width:100%;margin:auto;}body.page-id-290 #tb-workstation .tba-article-header{display:none;}

#tb-workstation .tgc-root .game-banner img{height:100%!important;width:100%!important;}
/* Compact game hub and additional game pages */
body.page-id-296 #tb-workstation .tba-article,body.page-id-296 #tb-workstation .tba-content,body.page-id-297 #tb-workstation .tba-article,body.page-id-297 #tb-workstation .tba-content,body.page-id-298 #tb-workstation .tba-article,body.page-id-298 #tb-workstation .tba-content,body.page-id-299 #tb-workstation .tba-article,body.page-id-299 #tb-workstation .tba-content{max-width:1120px;width:100%;margin:auto;}
body.page-id-296 #tb-workstation .tba-article-header,body.page-id-297 #tb-workstation .tba-article-header,body.page-id-298 #tb-workstation .tba-article-header,body.page-id-299 #tb-workstation .tba-article-header{display:none;}
#tb-workstation .tgc-root .game-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}#tb-workstation .tgc-root .game-tile .tile-art{height:140px!important;aspect-ratio:auto;object-fit:cover;}#tb-workstation .tgc-root .tile-body{padding:18px;gap:9px;}#tb-workstation .tgc-root .tile-body h2{font-size:22px;line-height:1.25;}#tb-workstation .tgc-root .tile-body p{font-size:14px;line-height:1.5;}#tb-workstation .tgc-root .tile-body .cta{padding-top:3px;}#tb-workstation .tgc-root .game-banner{min-height:220px;}#tb-workstation .tgc-root .banner-copy{padding:24px;}#tb-workstation .tgc-root .game-nav a{font-size:13px;padding:6px 10px;}@media(max-width:1000px){#tb-workstation .tgc-root .game-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:600px){#tb-workstation .tgc-root .game-tiles{grid-template-columns:1fr;}#tb-workstation .tgc-root .game-tile .tile-art{height:120px!important;}#tb-workstation .tgc-root .game-banner{min-height:200px;}#tb-workstation .tgc-root .banner-copy h1{font-size:28px;}}

#tb-workstation .tgc-root .tile-body h2{font-size:22px!important;line-height:1.25!important;margin:0!important;}#tb-workstation .tgc-root .tile-body p{font-size:14px!important;line-height:1.5!important;margin:0!important;}
/* Match game pages to the article reading panel */
body.page-id-279 #tb-workstation .tba-main,body.page-id-282 #tb-workstation .tba-main,body.page-id-283 #tb-workstation .tba-main,body.page-id-290 #tb-workstation .tba-main,body.page-id-296 #tb-workstation .tba-main,body.page-id-297 #tb-workstation .tba-main,body.page-id-298 #tb-workstation .tba-main,body.page-id-299 #tb-workstation .tba-main{box-sizing:border-box;max-width:1170px;width:calc(100% - 36px);margin:28px auto 40px;padding:18px 24px 25px;border:1px solid #4a3222;border-radius:10px;background:linear-gradient(125deg,#111418,#181d24);}
body.page-id-279 #tb-workstation .tba-breadcrumbs,body.page-id-282 #tb-workstation .tba-breadcrumbs,body.page-id-283 #tb-workstation .tba-breadcrumbs,body.page-id-290 #tb-workstation .tba-breadcrumbs,body.page-id-296 #tb-workstation .tba-breadcrumbs,body.page-id-297 #tb-workstation .tba-breadcrumbs,body.page-id-298 #tb-workstation .tba-breadcrumbs,body.page-id-299 #tb-workstation .tba-breadcrumbs{max-width:1120px;width:100%;margin:0 auto 24px;color:#f5a742;}
body.page-id-279 #tb-workstation .tgc-root,body.page-id-282 #tb-workstation .tgc-root,body.page-id-283 #tb-workstation .tgc-root,body.page-id-290 #tb-workstation .tgc-root,body.page-id-296 #tb-workstation .tgc-root,body.page-id-297 #tb-workstation .tgc-root,body.page-id-298 #tb-workstation .tgc-root,body.page-id-299 #tb-workstation .tgc-root{background:transparent;}
@media(max-width:600px){body.page-id-279 #tb-workstation .tba-main,body.page-id-282 #tb-workstation .tba-main,body.page-id-283 #tb-workstation .tba-main,body.page-id-290 #tb-workstation .tba-main,body.page-id-296 #tb-workstation .tba-main,body.page-id-297 #tb-workstation .tba-main,body.page-id-298 #tb-workstation .tba-main,body.page-id-299 #tb-workstation .tba-main{width:calc(100% - 24px);padding:16px 14px 22px;margin:18px auto 28px;}}


/* ========================================================
   TUX TAVERN PERFECTLY CENTERED FOOTER
======================================================== */
.tavern-footer {
    border-top: 1px solid #3d2b1f !important;
    background: #0a0d14 !important;
    padding: 38px 20px 42px 20px !important;
    text-align: center !important;
    margin-top: 50px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.tavern-footer .site-wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.tavern-footer .footer-links {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 22px !important;
    margin: 0 auto 14px auto !important;
    text-align: center !important;
    padding: 0 !important;
}
.tavern-footer .footer-links a {
    color: #ffbe6b !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: color 0.15s ease !important;
}
.tavern-footer .footer-links a:hover {
    color: #ffd080 !important;
    text-decoration: underline !important;
}
.tavern-footer .footer-copyright {
    text-align: center !important;
    margin: 0 auto !important;
    color: #9c8e82 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* Accessibility & SEO utilities */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}