/* Start:/bitrix/templates/candys-rise/css/foba-helper-ui.css?178929622010101*/
/* Interface-only overrides. Game descriptions and theme colors stay intact. */
.foba-enhanced { --foba-ui-accent:#00d8e8; --foba-accent:#154e55; --foba-text-main:#e8edf0; min-width:0; }
.foba-enhanced *, .rules-sidebar *, .rules-content * { box-sizing:border-box; }
.foba-enhanced [hidden], .rules-sidebar [hidden] { display:none !important; }
.foba-enhanced .filter-controls { display:flex; flex-direction:column; padding:1rem; border:1px solid #363d43; border-radius:12px; background:#191d21; gap:.85rem; margin-bottom:1.25rem; }
.foba-enhanced .filter-primary-row { display:flex; flex-wrap:wrap; align-items:end; gap:.75rem; }
.foba-enhanced .search-container { flex:1 1 17rem; min-width:0; }
.foba-enhanced .foba-input, .foba-enhanced .foba-select { min-height:46px; font:inherit; font-size:1rem; min-width:0; max-width:100%; width:100%; padding:.75rem; border:1px solid #44515d; border-radius:7px; background-color:#11171d; color:#f1f5f9; }
.foba-enhanced .foba-ui-sort { display:flex; flex-direction:column; gap:.35rem; flex:0 1 17rem; min-width:0; font-size:.8rem; color:#bdc7cf; }
.foba-enhanced .filter-toggle-btn { min-height:46px; padding:.7rem 1rem; color:#e8edf0; }
.foba-enhanced .filter-panel { grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); padding:1rem; gap:1rem; background:#13171b; border-color:#35414a; }
.foba-enhanced .filter-group label { text-transform:none; font-size:.86rem; line-height:1.4; color:#c4cdd4; }
.foba-ui-summary { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; outline-offset:5px; }
.foba-ui-count { margin-right:auto; color:#dce7ed; font-size:.94rem; font-variant-numeric:tabular-nums; }
.foba-ui-button, .foba-ui-chip { border:1px solid #46535f; border-radius:7px; padding:.55rem .85rem; background:#242d35; color:#e8f0f5; font:inherit; font-size:.86rem; line-height:1.35; cursor:pointer; min-height:40px; }
.foba-ui-button:hover, .foba-ui-chip:hover { border-color:#00d8e8; background:#17363c; }
.foba-ui-chips { display:flex; flex-wrap:wrap; gap:.4rem; }
.foba-ui-chips:empty { display:none; }
.foba-ui-chip { border-color:#365c65; color:#bcecf0; max-width:100%; overflow-wrap:anywhere; text-align:left; }
.foba-ui-options { display:flex; gap:1rem; }
.foba-ui-check { display:flex; align-items:center; gap:.5rem; min-height:32px; color:#becad2; font-size:.88rem; cursor:pointer; }
.foba-ui-check input { width:18px; height:18px; accent-color:#00aebd; flex:none; }
.foba-enhanced :is(button,a,input,select,[role="button"]):focus-visible, .rules-sidebar :is(button,input,a):focus-visible { outline:2px solid #67e8f9; outline-offset:3px; }
.foba-enhanced .tabs-header, .foba-enhanced .rb-tabs { gap:.5rem; flex-wrap:wrap; margin-bottom:1rem; }
.foba-enhanced .tab-btn, .foba-enhanced .rb-tab { min-height:42px; padding:.65rem .95rem; white-space:normal; line-height:1.35; }
.foba-enhanced .grid-2, .foba-enhanced .keywords-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr)); gap:1rem; }
.foba-enhanced .filterable-item { min-width:0; overflow-wrap:anywhere; }
.foba-enhanced .tab-content.active { opacity:1; }
.foba-enhanced .item-header { align-items:flex-start; gap:.7rem; }
.foba-enhanced .item-header h3 { min-width:0; line-height:1.3; }
.foba-enhanced .cost-badge { flex-shrink:0; white-space:nowrap; }
.foba-enhanced .item-description { font-size:.98rem; line-height:1.6; }
.foba-enhanced .multi-select-dropdown { max-height:18rem; overflow:auto; overscroll-behavior:contain; z-index:30; }
.foba-enhanced .multi-select-option { min-height:40px; }
.foba-ui-done { display:none; grid-column:1/-1; }
.foba-enhanced .no-results { grid-column:1/-1; padding:2rem 1rem; line-height:1.6; }
.foba-enhanced .no-results p { margin:0 0 1rem; }
.foba-enhanced .expandable-trigger { min-height:40px; display:flex; align-items:center; cursor:pointer; }
.foba-hub.helper-section .grid-2 { grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr)) !important; }
.foba-hub.helper-section .tool-card { text-align:center; padding:1.25rem !important; min-height:150px; }
.foba-hub.helper-section .tool-card :is(h3,p,.card-icon) { text-align:center; }
.foba-hub.helper-section .tool-card h3 { font-size:1.05rem !important; line-height:1.4; }
.foba-hub.helper-section .tool-card p { font-size:.9rem !important; line-height:1.45 !important; }
.foba-hub.helper-section .card-icon { font-size:1.8rem !important; }
.rules-layout { min-width:0; }
.rules-content { min-width:0; overflow-wrap:anywhere; }
.rules-content .rule-text { line-height:1.7; }
.rules-content .chapter-nav { gap:1rem; flex-wrap:wrap; }
.rules-sidebar { overscroll-behavior:contain; }
.rules-sidebar .foba-input { width:100%; box-sizing:border-box; margin-bottom:1rem; font-size:16px; min-height:44px; }
.rules-sidebar .chapter-link { display:block; padding:.65rem .75rem; line-height:1.4; }
.foba-nav-close { display:none; }
@media (max-width:768px) {
  .helper-section.foba-enhanced { padding:1rem .65rem; }
  .foba-enhanced .helper-header { align-items:flex-start; flex-direction:column; gap:.65rem; margin-bottom:1.2rem; }
  .foba-enhanced .page-title { font-size:clamp(1.6rem,6vw,2rem); line-height:1.2; overflow-wrap:anywhere; }
  .foba-enhanced .grid-2, .foba-enhanced .keywords-grid, .foba-enhanced .rb-grid { grid-template-columns:minmax(0,1fr); }
  .foba-enhanced .filter-controls { padding:.8rem; }
  .foba-enhanced .search-container { flex-basis:100%; }
  .foba-enhanced .foba-ui-sort { flex:1 1 10rem; }
  .foba-enhanced .filter-panel { grid-template-columns:minmax(0,1fr); padding:.8rem; }
  .foba-enhanced .foba-ui-done { display:block; width:100%; }
  .foba-enhanced .foba-ui-summary { gap:.55rem; }
  .foba-enhanced .foba-ui-count { flex-basis:100%; }
  .foba-enhanced .tabs-header, .foba-enhanced .rb-tabs { flex-wrap:nowrap; overflow-x:auto; padding-bottom:.5rem; scrollbar-width:thin; }
  .foba-enhanced .tab-btn, .foba-enhanced .rb-tab { flex:0 0 auto; white-space:nowrap; max-width:85vw; }
  .foba-enhanced .item-card, .foba-enhanced .keyword-card, .foba-enhanced .race-card { padding:1rem; }
  .foba-enhanced .multi-select-dropdown { position:static; margin-top:.5rem; box-shadow:none; }
  .foba-hub.helper-section .grid-2 { grid-template-columns:minmax(0,1fr) !important; }
  .foba-hub.helper-section .tool-card { min-height:0; }
  .foba-nav-open { overflow:hidden; }
  .rules-layout { display:block; }
  .rules-content { padding:1rem .75rem !important; }
  .rules-sidebar { width:min(88vw,340px) !important; max-height:100dvh; overflow-y:auto; z-index:1002 !important; }
  .sidebar-overlay { z-index:1001 !important; }
  .foba-nav-close { display:block; margin:0 0 1rem auto; }
  .foba-module-header { gap:.75rem; flex-wrap:wrap; }
  .foba-module-header .foba-title { font-size:1.7rem; }
  .chapter-nav .foba-btn { flex:1; text-align:center; }
  .rb-container.foba-enhanced { width:100%; padding:1rem .65rem; }
  .foba-list.foba-enhanced .scenario-grid { grid-template-columns:minmax(0,1fr); padding:.65rem; }
}
@media (prefers-reduced-motion:reduce) { .foba-enhanced *, .rules-sidebar { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
@media (prefers-reduced-motion:reduce) { .foba-enhanced .filterable-item { opacity:1; } }

/* Category panels are multi-select filters, distinct from navigation tabs. */
.foba-enhanced .foba-facet { min-width:0; margin:0 0 1rem; padding:.9rem; border:1px solid #343f48; border-radius:10px; background:#151a1e; }
.foba-enhanced .foba-facet-head { display:flex; flex-wrap:wrap; align-items:baseline; gap:.35rem .85rem; margin-bottom:.7rem; }
.foba-enhanced .foba-facet-title { margin:0; color:#e4edf2; font:600 .96rem/1.4 Inter,sans-serif; text-transform:none; }
.foba-enhanced .foba-facet-hint { color:#aebcc6; font-size:.8rem; line-height:1.4; }
.foba-enhanced .foba-facet-options { display:flex; flex-wrap:wrap !important; align-items:stretch; gap:.5rem; padding:0; margin:0; border:0; background:none; overflow:visible; }
.foba-enhanced .foba-facet-choice { display:flex; align-items:center; justify-content:flex-start; flex:0 1 auto; gap:.45rem; min-width:0; max-width:22rem; min-height:44px; margin:0; padding:.6rem .75rem; border:1px solid #465560; border-radius:7px; background:#202930; color:#dce5eb; font:500 .9rem/1.35 Inter,sans-serif; text-align:left; white-space:normal; box-shadow:none; }
.foba-enhanced .foba-facet-choice::after { content:none; }
.foba-enhanced .foba-facet-choice:hover:not([aria-disabled="true"]) { border-color:#7ccbd3; background:#263b43; color:#fff; }
.foba-enhanced .foba-facet-choice.active { border-color:#31d0dd; background:#123e45; color:#d1fbff; }
.foba-enhanced .foba-facet-choice[aria-disabled="true"] { background:#191f24; color:#8897a3; border-color:#303a43; cursor:not-allowed; }
.foba-enhanced .foba-facet-check { display:inline-block; flex:none; width:1em; font-size:.9rem; color:#63eff5; }
.foba-enhanced .foba-facet-check[hidden] { display:inline-block !important; visibility:hidden; }
.foba-enhanced .foba-facet-label { min-width:0; overflow-wrap:anywhere; }
.foba-enhanced .foba-facet-count { flex:none; min-width:2.1em; margin-left:auto; padding:.12rem .35rem; border-radius:4px; color:#b9cad5; background:#11181d; font-size:.75rem; text-align:center; font-variant-numeric:tabular-nums; }
.foba-enhanced .foba-facet-choice.active .foba-facet-count { background:#0b2a30; color:#aff7ff; }
.foba-enhanced .foba-facet-more { width:100%; margin-top:.6rem; min-height:44px; }
.foba-enhanced .filter-primary-row > .filter-toggle-btn { flex:0 0 auto; }
@media(max-width:768px) {
  .foba-enhanced .foba-facet { padding:.75rem; }
  .foba-enhanced .foba-facet-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .foba-enhanced .foba-facet-choice { max-width:none; width:100%; padding:.6rem .45rem; gap:.3rem; font-size:.84rem; }
  .foba-enhanced .foba-facet-hint { font-size:.76rem; }
  .foba-enhanced .foba-facet-count { padding:.12rem .25rem; min-width:1.7em; }
}
@media(max-width:380px) { .foba-enhanced .foba-facet-options { grid-template-columns:minmax(0,1fr); } }

/* End */
/* /bitrix/templates/candys-rise/css/foba-helper-ui.css?178929622010101 */