/* ── Act Selector ── */
  .act-bar {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 20px 16px 12px;
    flex-wrap: wrap;
  }
  .act-card {
    border-radius: 12px;
    cursor: pointer;
    position: relative;
    z-index: 60;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.2s;
  }
  .act-card:hover { transform: translateY(-3px); filter: brightness(1.15); }
  .act-card.selected { border-color: #c8b06a; box-shadow: 0 0 20px rgba(200,176,106,0.25); }
  .act-card img {
    display: block;
    width: 200px;
    height: 141px;
    object-fit: cover;
    border-radius: 10px;
  }
  .act-card .act-text {
    position: absolute;
    left: 0; right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(60,60,70,0.55);
    padding: 8px 0;
  }
  .act-card .act-label {
    font-size: 0.7rem;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.5px;
    color: #8ab4d6;
  }
  .act-card .act-name {
    font-size: 1.3rem;
    font-weight: 700;
    font-style: italic;
    color: #e8c84a;
    margin-top: -1px;
    font-family: Georgia, 'Times New Roman', serif;
  }
  .act-overgrowth { border-color: #2a5a2a; }
  .act-underdocks { border-color: #1a3a5a; }
  .act-hive { border-color: #5a3a1a; }
  .act-glory { border-color: #3a1a5a; }
  .act-events { border-color: #1a4a5a; }

  /* ── Category Tabs ── */
  .category-tabs {
    display: flex;
    justify-content: center;
    gap: 0;
    padding: 8px 16px;
    border-bottom: 1px solid #1a1a2a;
    flex-wrap: wrap;
  }
  .cat-tab {
    padding: 10px 28px;
    cursor: pointer;
    z-index: 60;
    position: relative;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
  }
  .cat-tab:hover { color: #aaa; }
  .cat-tab.active { color: #c8b06a; border-bottom-color: #c8b06a; }
  .cat-tab[data-cat="easy"].active { color: #6abf69; border-bottom-color: #6abf69; }
  .cat-tab[data-cat="hard"].active { color: #d4a843; border-bottom-color: #d4a843; }
  .cat-tab[data-cat="elite"].active { color: #d46a6a; border-bottom-color: #d46a6a; }
  .cat-tab[data-cat="boss"].active { color: #b06ad4; border-bottom-color: #b06ad4; }
  .cat-tab[data-cat="events"].active { color: #6ab0d4; border-bottom-color: #6ab0d4; }
  .cat-tab[data-cat="ev_overgrowth"].active { color: #6abf69; border-bottom-color: #6abf69; }
  .cat-tab[data-cat="ev_underdocks"].active { color: #6ab0d4; border-bottom-color: #6ab0d4; }
  .cat-tab[data-cat="ev_hive"].active { color: #d4a843; border-bottom-color: #d4a843; }
  .cat-tab[data-cat="ev_glory"].active { color: #b06ad4; border-bottom-color: #b06ad4; }
  .cat-tab[data-cat="ev_shared"].active { color: #999; border-bottom-color: #999; }