/* Loaded only for the homepage tool destinations through FeatureContext.
   Decoration only: preserve layout, state, charts and card artwork. */
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .hero-section h1,
  .seo-page .seo-hero h1,
  .players-page--2027 .page-title,
  .skill-hero .skill-title,
  .managers-page .managers-hero h1,
  .packs-page .packs-hero h1 {
    color: var(--chrome-ink);
    background-image: var(--chrome-surface);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 0 rgba(220, 242, 228, .08), 0 5px 14px rgba(0, 0, 0, .18);
  }
  .hero-section h1 span {
    color: var(--neon-accent, var(--accent));
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
  }
}

.hero-section,
.seo-page .seo-hero,
.players-page--2027 .search-section,
.skill-hero,
.managers-page .managers-hero,
.packs-page .packs-hero {
  background-image: radial-gradient(ellipse at 85% 20%, rgba(173, 207, 180, .09), transparent 55%), radial-gradient(ellipse at 15% 75%, rgba(117, 184, 80, .055), transparent 60%);
  border-bottom-color: #4c5b51;
}

/* Opaque surfaces keep forms and analysis readable. */
.feature-card,
.seo-page .seo-panel,
.seo-page .seo-summary,
.seo-page .seo-card,
.seo-page .seo-tool,
.seo-page .seo-result,
.skill-results .seo-panel,
.skill-results .faq-item,
.players-page--2027 .search-bar,
.players-page--2027 .db-filter-panel,
.packs-page .pack-choice,
.tb-pro-audience .tb-hero__search {
  border-color: #52675a;
  background-image: linear-gradient(145deg, rgba(202, 227, 214, .065), transparent 48%);
  box-shadow: inset 0 1px 0 rgba(230, 247, 237, .1);
}

.cta-btn,
.seo-page .seo-btn--primary,
.packs-page .packs-button--primary,
.managers-page .managers-search button {
  background-image: linear-gradient(165deg, rgba(231, 255, 185, .4), transparent 46%, rgba(37, 70, 9, .12));
  box-shadow: inset 0 1px 0 rgba(240, 255, 220, .65), inset 0 -1px 0 rgba(43, 85, 14, .28), 0 5px 18px rgba(0, 0, 0, .18);
}

.seo-page .seo-btn--secondary,
.packs-page .packs-button--outline,
.draft-page .draft-quiet,
.managers-page .managers-pagination a:not(.is-current) {
  border-color: #81978a;
  background-image: linear-gradient(160deg, rgba(202, 227, 214, .12), rgba(202, 227, 214, .015) 45%, rgba(202, 227, 214, .065));
  box-shadow: inset 0 1px 0 rgba(230, 247, 237, .12);
}

.skill-search input,
.players-page--2027 .db-filter-field input,
.players-page--2027 .db-filter-field select,
.managers-search input,
.seo-page .seo-tool input,
.seo-page .seo-tool select,
.draft-page .draft-formation select {
  border-color: #52675a;
}
.skill-search input:focus,
.players-page--2027 .db-filter-field input:focus,
.players-page--2027 .db-filter-field select:focus,
.managers-search input:focus,
.seo-page .seo-tool input:focus,
.seo-page .seo-tool select:focus { border-color: var(--accent); }

/* Charcoal glass with a fine silver rim, restricted to panels over the aurora.
   Solid fields and static reflections avoid another animated/blurred layer. */
.has-fluid-ambient :is(.search-bar, .db-filter-panel, .seo-summary, .seo-panel, .seo-card, .tb-hero__search) {
  background-color: var(--chrome-panel);
  background-image: linear-gradient(150deg, rgba(219, 236, 227, .055), transparent 42%, rgba(219, 236, 227, .015));
  border-color: var(--chrome-panel-rule);
  border-top-color: rgba(229, 244, 235, .26);
  box-shadow: inset 0 1px 0 rgba(237, 249, 242, .055), 0 12px 28px rgba(0, 0, 0, .22);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.tb-pro-audience .has-fluid-ambient .tb-hero__search {
  box-shadow: inset 0 1px 0 rgba(237, 249, 242, .055), 0 12px 28px rgba(0, 0, 0, .22) !important;
}
.has-fluid-ambient :is(.search-input, .filter-select, .db-filter-field input, .db-filter-field select, .skill-search input, .managers-search input) {
  background-color: var(--chrome-field);
  border-color: rgba(219, 236, 227, .12);
  color: #e4ece7;
}
.has-fluid-ambient :is(.search-input, .filter-select, .db-filter-field input, .db-filter-field select, .skill-search input, .managers-search input):focus {
  border-color: #a3ff12;
  outline: 2px solid rgba(163, 255, 18, .55);
  outline-offset: 2px;
}
.has-fluid-ambient .db-filter-panel .db-filter-advanced summary,
.has-fluid-ambient .search-bar .btn-clear {
  background-color: #171f1b;
  border-color: rgba(219, 236, 227, .12);
  box-shadow: inset 0 1px 0 rgba(237, 249, 242, .045);
  color: #c8d4cc;
}
.has-fluid-ambient .db-filter-field { color: #b5c1b9; }
.has-fluid-ambient .db-filter-help { color: #95a69b; }

.draft-page .draft-board{
  box-shadow: inset 0 1px 0 rgba(226, 245, 234, .16), 0 12px 30px rgba(0, 0, 0, .18);
}
.draft-page .draft-board { border-color: #819c89; }

/* Builder actions: keep green/cyan state colours and disabled/locked behaviour.
   Scoped important shadows override the legacy flat-button reset. */
.tb-pro-audience :is(.tb-btn-generate, .btn-draft-generate, .btn-load-more, .btn-scroll-ai, .tb-manual-card__btn, .tb-browser-tab.active),
.tb-pro-audience .mobile-bottom-bar #mobileGenerateBtn,
.tb-pro-audience #tbProResultTabs button[aria-selected=true],
.tb-pro-audience .tb-movement-controls button[aria-pressed=true],
.tb-pro-audience .tb-pro-panel form button {
  background-image: linear-gradient(165deg, rgba(238, 255, 215, .52), transparent 45%, rgba(10, 36, 13, .18));
  box-shadow: inset 0 1px 0 rgba(241, 255, 225, .65), inset 0 -1px 0 rgba(12, 47, 16, .3), 0 4px 12px rgba(0, 0, 0, .18) !important;
}
.tb-pro-audience :is(.tb-btn-edit-values, .btn-back, .btn-alt, .tb-pro-feature, .tb-browser-tab:not(.active)),
.tb-pro-audience .tb-pro-result-tools button,
.tb-pro-audience .tb-pro-explanation button,
.tb-pro-audience .tb-movement-controls button:not([aria-pressed=true]),
.tb-pro-audience #tbProResultTabs button:not([aria-selected=true]) {
  border-color: #708c7b;
  background-image: linear-gradient(155deg, rgba(205, 232, 217, .16), transparent 45%, rgba(205, 232, 217, .055));
  box-shadow: inset 0 1px 0 rgba(233, 251, 240, .18), inset 0 -1px 0 rgba(0, 0, 0, .25) !important;
}
.tb-pro-audience :is(.tb-btn-generate, .btn-draft-generate, .btn-load-more, .btn-scroll-ai, .tb-btn-edit-values, .btn-back, .btn-alt, .tb-pro-feature):focus-visible {
  outline: 2px solid #d6efde;
  outline-offset: 3px;
}
@media (min-width: 769px) {
  .tb-pro-audience .tb-hero > .fluid-ambient::after {
    background: linear-gradient(90deg, rgba(3, 8, 7, .68), transparent 34%, rgba(3, 8, 7, .12));
  }
}

/* Static fluid contours: no extra animation or hit targets over the tools. */
.packs-page .pack-arena::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 12% 8%;
  border: 1px solid rgba(193, 218, 202, .22);
  border-radius: 50%;
  transform: rotate(-25deg) scaleY(.8);
  pointer-events: none;
}

@media (forced-colors: active) {
  .hero-section h1,
  .seo-page .seo-hero h1,
  .players-page--2027 .page-title,
  .skill-hero .skill-title,
  .managers-page .managers-hero h1,
  .packs-page .packs-hero h1 {
    background: none;
    -webkit-text-fill-color: CanvasText;
    text-shadow: none;
  }
  .packs-page .pack-arena::before { display: none; }
}