/* === SOURCE: css/165-v5518-mastery-compact-columns.css === */

/* v5.5.18 · Narrow the archetype identity column and pull the two Mastery columns inward. */
@media (min-width:861px){
  #advancedPanel #masteryList.mastery-list.mastery-groups{
    width:94%!important;
    max-width:1160px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  #advancedPanel #masteryList .mastery-row{
    grid-template-columns:minmax(112px,.72fr) minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:0!important;
    padding-left:10px!important;
    padding-right:6px!important;
  }
  #advancedPanel #masteryList .mastery-model{
    gap:7px!important;
    padding-right:5px!important;
  }
  #advancedPanel #masteryList .mastery-node{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}
@media (min-width:861px) and (max-width:1180px){
  #advancedPanel #masteryList.mastery-list.mastery-groups{width:97%!important;}
  #advancedPanel #masteryList .mastery-row{grid-template-columns:minmax(106px,.74fr) minmax(0,1fr) minmax(0,1fr)!important;}
}

/* === SOURCE: css/166-v5519-mastery-left-aligned-tighter.css === */

/* v5.5.19 · Keep Mastery aligned to the left while narrowing the two-column block.
   Slightly reduce archetype identity width and give Lv10 a little more room than Lv30. */
@media (min-width:861px){
  #advancedPanel #masteryList.mastery-list.mastery-groups{
    width:93%!important;
    max-width:1140px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  #advancedPanel #masteryList .mastery-row{
    grid-template-columns:minmax(104px,.64fr) minmax(0,1.08fr) minmax(0,.92fr)!important;
    column-gap:0!important;
    padding-left:9px!important;
    padding-right:6px!important;
  }
  #advancedPanel #masteryList .mastery-model{
    gap:6px!important;
    padding-right:2px!important;
  }
  #advancedPanel #masteryList .mastery-node{
    padding-left:8px!important;
    padding-right:7px!important;
  }
}
@media (min-width:861px) and (max-width:1180px){
  #advancedPanel #masteryList.mastery-list.mastery-groups{width:96%!important;}
  #advancedPanel #masteryList .mastery-row{
    grid-template-columns:minmax(100px,.66fr) minmax(0,1.08fr) minmax(0,.92fr)!important;
  }
}

/* === SOURCE: css/167-v5520-mastery-toolbar-soft-tint.css === */

/* v5.5.20 · Mastery-only toolbar visibility test: restrained tinted rail, no heavy card treatment. */
@media (min-width:761px){
  #masteryCard .mastery-toolbar.workspace-toolbar{
    position:relative!important;
    overflow:hidden!important;
    border-color:rgba(255,255,255,.085)!important;
    background:
      linear-gradient(90deg,rgba(215,181,90,.034) 0%,rgba(255,255,255,.030) 18%,rgba(255,255,255,.022) 58%,rgba(255,255,255,.016) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.030),
      inset 0 -1px 0 rgba(0,0,0,.10)!important;
  }
  #masteryCard .mastery-toolbar.workspace-toolbar::before{
    content:"";
    position:absolute;
    left:0;top:10px;bottom:10px;
    width:2px;
    border-radius:0 2px 2px 0;
    background:linear-gradient(180deg,rgba(224,195,111,.10),rgba(224,195,111,.58),rgba(224,195,111,.10));
    box-shadow:0 0 7px rgba(215,181,90,.10);
    pointer-events:none;
  }
}

/* === SOURCE: css/168-v5521-toolbar-global-and-mastery-refine.css === */

/* v5.5.21 · Apply the soft toolbar rail language to every non-attribute workspace,
   fix the Mastery total-bonus tooltip clipping, increase decorative header presence,
   and make Lv10 Mastery states more restrained than Lv30. */
@media (min-width:761px){
  .workspace-toolbar{
    position:relative!important;
    overflow:visible!important;
    border-color:rgba(255,255,255,.085)!important;
    background:linear-gradient(90deg,rgba(215,181,90,.032) 0%,rgba(255,255,255,.030) 18%,rgba(255,255,255,.022) 58%,rgba(255,255,255,.016) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.030), inset 0 -1px 0 rgba(0,0,0,.10)!important;
  }
  .workspace-toolbar::before{
    content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;
    border-radius:0 2px 2px 0;
    background:linear-gradient(180deg,rgba(224,195,111,.10),rgba(224,195,111,.58),rgba(224,195,111,.10));
    box-shadow:0 0 7px rgba(215,181,90,.10);pointer-events:none;
  }

  /* Let the Mastery total-bonus tooltip escape the rail cleanly. */
  #masteryCard .mastery-toolbar.workspace-toolbar,
  #masteryCard .mastery-toolbar-stats,
  #masteryCard .mastery-metric,
  #masteryCard #masteryTotalBonusBox{overflow:visible!important;}
  #masteryCard #masteryTotalBonusBox{position:relative!important;z-index:3!important;}
  #masteryCard .mastery-summary-hover::after{z-index:120!important;}
  #masteryCard .mastery-summary-hover::before{z-index:121!important;}

  /* Tone down the active Mastery visuals overall. */
  #advancedPanel #masteryList .mastery-row.selected{
    background:linear-gradient(90deg,rgba(215,181,90,.065),rgba(255,255,255,.018) 38%,rgba(255,255,255,.010))!important;
    border-color:rgba(215,181,90,.11)!important;
  }
  #advancedPanel #masteryList .mastery-node.active{
    background:rgba(215,181,90,.022)!important;
    color:#e5dcc2!important;
  }
  #advancedPanel #masteryList .mastery-node.active .mastery-node-level{
    border-color:rgba(215,181,90,.14)!important;
    background:rgba(215,181,90,.065)!important;
    color:#ceb56c!important;
  }
  #advancedPanel #masteryList .mastery-node.active .mastery-node-stats{color:#d3ccb9!important;}
  #advancedPanel #masteryList .mastery-node.active .mastery-node-stats em{color:#ebddb0!important;}

  /* Lv10 = calmer, grey-white state marker and weaker warm treatment. */
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"]::before{
    opacity:.9!important;
    background:rgba(224,231,240,.86)!important;
    box-shadow:0 0 8px rgba(224,231,240,.12)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"]{
    background:linear-gradient(90deg,rgba(216,224,234,.075),rgba(255,255,255,.018) 38%,rgba(255,255,255,.010))!important;
    border-color:rgba(214,222,232,.10)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-logo-shell{
    border-color:rgba(224,231,240,.14)!important;
    background:rgba(224,231,240,.040)!important;
    box-shadow:none!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-logo-shell img{
    filter:none!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-model-copy strong{
    color:#dde5ee!important;
    text-shadow:0 0 7px rgba(225,232,240,.03)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-node[data-mastery-level="10"].active{
    background:rgba(224,231,240,.030)!important;
    color:#e7edf4!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-node[data-mastery-level="10"].active .mastery-node-level{
    color:#d8e0ea!important;
    border-color:rgba(224,231,240,.16)!important;
    background:rgba(224,231,240,.055)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-node[data-mastery-level="10"].active .mastery-node-stats{
    color:#d4dce6!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-node[data-mastery-level="10"].active .mastery-node-stats em{
    color:#edf2f7!important;
  }

  /* Lv30 keeps the warm identity, but slightly calmer than before. */
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"]::before{
    opacity:1!important;
    background:rgba(215,181,90,.88)!important;
    box-shadow:0 0 8px rgba(215,181,90,.12)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-logo-shell{
    border-color:rgba(215,181,90,.16)!important;
    background:rgba(215,181,90,.055)!important;
    box-shadow:inset 0 0 0 1px rgba(215,181,90,.025)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-model-copy strong{
    color:#e2d3a0!important;
    text-shadow:0 0 8px rgba(215,181,90,.06)!important;
  }

  /* Small slot cards in Facilities selector / Playstyles placeholder can share calmer rail proportions. */
  #facilitiesCard .facility-selector-toolbar.workspace-toolbar,
  #specializationPanel .specialization-workspace-toolbar,
  #playerCardPanel .build-workspace-toolbar,
  #playstylesPanel .ps-page-k6 .ps-library-toolbar.workspace-toolbar,
  #facilitiesCard .facilities-page-actions.workspace-toolbar{overflow:visible!important;}
}

/* === SOURCE: css/169-v5522-header-fade-lv10-gold-zone.css === */

/* v5.5.22 · Make the decorative English header more transparent.
   Keep the Lv10 model/status area grey-white, while restoring a restrained gold highlight to the Lv10 choice zone itself. */
@media (min-width:761px){
  .workspace-decor-title{
    color:rgba(222,198,124,.42)!important;
    -webkit-text-stroke:.28px rgba(231,207,137,.10)!important;
    text-shadow:0 0 13px rgba(216,184,95,.045),0 1px 0 rgba(255,255,255,.015)!important;
  }

  /* Lv10 keeps the grey-white identity/status treatment on the left. */
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"]::before{
    opacity:.9!important;
    background:rgba(224,231,240,.86)!important;
    box-shadow:0 0 8px rgba(224,231,240,.12)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-logo-shell{
    border-color:rgba(224,231,240,.14)!important;
    background:rgba(224,231,240,.040)!important;
    box-shadow:none!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-model-copy strong{
    color:#dde5ee!important;
    text-shadow:0 0 7px rgba(225,232,240,.03)!important;
  }

  /* Only the selected Lv10 half regains a warm gold selection field. */
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-node[data-mastery-level="10"].active{
    position:relative!important;
    color:#e9dfc1!important;
    background:linear-gradient(180deg,rgba(215,181,90,.090),rgba(215,181,90,.045))!important;
    box-shadow:
      inset 0 0 0 1px rgba(215,181,90,.18),
      inset 0 0 18px rgba(215,181,90,.035),
      0 0 9px rgba(215,181,90,.035)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-node[data-mastery-level="10"].active .mastery-node-level{
    color:#d4b867!important;
    border-color:rgba(215,181,90,.20)!important;
    background:rgba(215,181,90,.095)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-node[data-mastery-level="10"].active .mastery-node-stats{
    color:#d9cfb5!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-node[data-mastery-level="10"].active .mastery-node-stats em{
    color:#efdfaa!important;
  }
}

/* === SOURCE: css/170-v5523-mastery-lv30-keeps-lv10-lit.css === */

/* v5.5.23 · When Lv30 is selected, keep both unlocked choice zones visibly active.
   Lv10 remains warm gold; Lv30 is the stronger current-tier highlight. */
@media (min-width:761px){
  /* Lv10 stays lit after reaching Lv30. */
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="10"].active{
    position:relative!important;
    color:#e9dfc1!important;
    background:linear-gradient(180deg,rgba(215,181,90,.082),rgba(215,181,90,.040))!important;
    box-shadow:
      inset 0 0 0 1px rgba(215,181,90,.16),
      inset 0 0 16px rgba(215,181,90,.030),
      0 0 8px rgba(215,181,90,.028)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="10"].active .mastery-node-level{
    color:#d4b867!important;
    border-color:rgba(215,181,90,.18)!important;
    background:rgba(215,181,90,.085)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="10"].active .mastery-node-stats{
    color:#d8cfb6!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="10"].active .mastery-node-stats em{
    color:#eddda9!important;
  }

  /* Lv30 itself is the stronger active tier. */
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="30"].active{
    position:relative!important;
    color:#efe4c5!important;
    background:linear-gradient(180deg,rgba(215,181,90,.115),rgba(215,181,90,.055))!important;
    box-shadow:
      inset 0 0 0 1px rgba(215,181,90,.22),
      inset 0 0 20px rgba(215,181,90,.045),
      0 0 10px rgba(215,181,90,.040)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="30"].active .mastery-node-level{
    color:#dfc36d!important;
    border-color:rgba(215,181,90,.23)!important;
    background:rgba(215,181,90,.11)!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="30"].active .mastery-node-stats{
    color:#ddd3b8!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="30"].active .mastery-node-stats em{
    color:#f2e2ad!important;
  }
}

/* === SOURCE: css/171-v5524-facilities-toolbar-standard.css === */

/* v5.5.24 · Facilities adopts the Mastery toolbar grammar: actions | live status | help. */
@media (min-width:761px){
  #facilitiesCard .facilities-page-actions.workspace-toolbar{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    padding:6px 9px!important;
    margin:0 0 9px!important;
  }
  #facilitiesCard .facility-toolbar-tools{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 auto!important;
    gap:6px!important;
    margin:0!important;
  }
  #facilitiesCard .facility-toolbar-stats{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    gap:9px!important;
    min-width:0!important;
    margin-left:2px!important;
    overflow:hidden!important;
  }
  #facilitiesCard .facility-page-tool-btn,
  #facilitiesCard .facility-visibility-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.078)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;
    color:#aeb7c0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    cursor:pointer!important;
    transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,opacity .16s ease!important;
  }
  #facilitiesCard .facility-page-tool-btn:hover:not(:disabled),
  #facilitiesCard .facility-visibility-btn:hover{
    color:#ddd4b1!important;
    border-color:rgba(215,181,90,.20)!important;
    background:linear-gradient(180deg,rgba(215,181,90,.06),rgba(255,255,255,.015))!important;
    transform:translateY(-1px)!important;
  }
  #facilitiesCard .facility-page-tool-btn:disabled{
    opacity:.30!important;
    cursor:not-allowed!important;
    transform:none!important;
  }
  #facilitiesCard .facility-undo-icon svg{
    width:16px!important;
    height:16px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #facilitiesCard #facilityClearBtn span{
    font-size:15px!important;
    line-height:1!important;
  }
  #facilitiesCard .facility-visibility-btn{position:relative!important;}
  #facilitiesCard .facility-visibility-btn input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  #facilitiesCard .facility-eye{
    width:15px!important;
    height:15px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #facilitiesCard .facility-eye-off{display:none!important;}
  #facilitiesCard .facility-visibility-btn input:not(:checked) ~ .facility-eye-on{display:none!important;}
  #facilitiesCard .facility-visibility-btn input:not(:checked) ~ .facility-eye-off{display:block!important;}
  #facilitiesCard .facility-visibility-btn:has(input:checked){
    color:#d8b85f!important;
    border-color:rgba(215,181,90,.18)!important;
    background:rgba(215,181,90,.055)!important;
  }
  #facilitiesCard .facility-metric{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    height:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    white-space:nowrap!important;
  }
  #facilitiesCard .facility-metric span{
    color:#75818f!important;
    font-size:11.5px!important;
    line-height:1!important;
  }
  #facilitiesCard .facility-metric strong{
    margin:0!important;
    color:#e3e8ef!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums!important;
  }
  #facilitiesCard .facility-metric-divider{
    flex:0 0 1px!important;
    width:1px!important;
    height:16px!important;
    background:rgba(255,255,255,.075)!important;
  }
  #facilitiesCard .facility-toolbar-help{
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#68747f!important;
    font-size:10.5px!important;
    font-weight:720!important;
    letter-spacing:.015em!important;
    line-height:1.2!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  /* Legacy label/switch treatment is fully replaced by the eye control above. */
  #facilitiesCard .facility-effects-control,
  #facilitiesCard .facility-effects-copy{display:none!important;}
}
@media (max-width:1180px) and (min-width:761px){
  #facilitiesCard .facility-toolbar-help{display:block!important;}
}
@media (max-width:760px){
  #facilitiesCard .facilities-page-actions.workspace-toolbar{height:auto!important;min-height:44px!important;gap:7px!important;}
  #facilitiesCard .facility-toolbar-tools{display:flex!important;align-items:center!important;gap:6px!important;}
  #facilitiesCard .facility-toolbar-stats{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:hidden!important;}
  #facilitiesCard .facility-toolbar-help{display:none!important;}
}

/* === SOURCE: css/172-v5525-remove-facility-controls-label.css === */

/* v5.5.25 · Remove the obsolete FACILITY CONTROLS decorative label from the facilities toolbar. */
#facilitiesCard .facilities-page-actions::before{content:none!important;display:none!important;}

/* === SOURCE: css/173-v5526-facility-workspace-summary-layout.css === */

/* v5.5.26 · Facilities workspace: top summary + lower selection area.
   Top: club level / budget meter / total attribute boosts / facility PlayStyles.
   Bottom: selected facilities and add-facility entry. */
#facilitiesCard .facilities-workspace{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  min-height:0!important;
  overflow:hidden!important;
}
#facilitiesCard .facility-workspace-summary{
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:11px 12px 12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(11,17,23,.50),rgba(9,14,19,.34))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
#facilitiesCard .facility-workspace-summary .facility-budget-strip{
  display:grid!important;
  grid-template-columns:minmax(210px,25%) minmax(0,75%)!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
}
#facilitiesCard .facility-workspace-summary .facility-budget-card{
  min-height:72px!important;
  border:1px solid rgba(255,255,255,.060)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.024),rgba(255,255,255,.010))!important;
  box-shadow:none!important;
}
#facilitiesCard .facility-workspace-summary .facility-level-card-summary{
  padding:9px 11px!important;
}
#facilitiesCard .facility-workspace-summary .facility-budget-main{
  padding:9px 13px!important;
}
#facilitiesCard .facility-workspace-summary .facility-budget-card>span,
#facilitiesCard .facility-workspace-summary .facility-budget-head span{
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:650!important;
  color:#798592!important;
}
#facilitiesCard .facility-workspace-summary .facility-level-select{
  height:34px!important;
  margin-top:7px!important;
  font-size:13.5px!important;
  font-weight:760!important;
}
#facilitiesCard .facility-workspace-summary .facility-budget-head{
  align-items:center!important;
}
#facilitiesCard .facility-workspace-summary .facility-budget-head strong{
  font-size:13.5px!important;
  line-height:1!important;
  font-weight:780!important;
  color:#e2e8ee!important;
  font-variant-numeric:tabular-nums!important;
}
#facilitiesCard .facility-workspace-summary .facility-budget-rail{
  height:8px!important;
  margin-top:10px!important;
}
#facilitiesCard .facility-workspace-summary .facility-budget-foot{
  display:none!important;
}
#facilitiesCard .facility-workspace-summary .facility-budget-foot span:first-child{
  color:#9aa5af!important;
  font-weight:680!important;
}
#facilitiesCard .facility-workspace-summary .facility-bonus-preview{
  display:grid!important;
  grid-template-columns:minmax(0,1.62fr) minmax(300px,.86fr)!important;
  gap:10px!important;
  min-height:94px!important;
  max-height:none!important;
  margin:0!important;
}
#facilitiesCard .facility-workspace-summary .facility-preview-card{
  min-height:94px!important;
  max-height:112px!important;
  padding:10px 11px!important;
  border:1px solid rgba(255,255,255,.060)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.020),rgba(255,255,255,.008))!important;
  overflow:auto!important;
}
#facilitiesCard .facility-workspace-summary .facility-preview-card>strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#798592!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:650!important;
}
#facilitiesCard .facility-workspace-summary .facility-bonus-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  gap:6px 8px!important;
}
#facilitiesCard .facility-workspace-summary .facility-bonus-chip{
  padding:4px 7px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.016)!important;
  color:#b8c1ca!important;
  font-size:11.5px!important;
  line-height:1.15!important;
  font-weight:520!important;
}
#facilitiesCard .facility-workspace-summary .facility-bonus-chip b{
  color:#cbb980!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
#facilitiesCard .facility-workspace-summary .facility-summary-empty{
  border-color:transparent!important;
  background:transparent!important;
  color:#66727e!important;
  padding-left:0!important;
}
#facilitiesCard .facility-workspace-summary .facility-ps-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  gap:6px!important;
}
#facilitiesCard .facility-workspace-summary .facility-ps-label{
  padding:4px 7px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.014)!important;
}
#facilitiesCard .facility-workspace-summary .facility-ps-label span{
  font-size:11.5px!important;
  line-height:1.05!important;
}
#facilitiesCard .facility-workspace-summary .facility-ps-label small{
  margin-top:2px!important;
  font-size:8.5px!important;
  opacity:.68!important;
}
#facilitiesCard .facility-selected-section{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:2px 0 0!important;
  overflow:auto!important;
  justify-content:flex-start!important;
}
#facilitiesCard .facility-selected-head{
  flex:0 0 auto!important;
  margin:0 0 9px!important;
  padding:0 2px!important;
}
#facilitiesCard .facility-selected-title strong{
  color:#dfe5eb!important;
  font-size:13.5px!important;
  font-weight:720!important;
}
#facilitiesCard .facility-slot-track{
  flex:0 0 auto!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:1180px){
  #facilitiesCard .facility-workspace-summary .facility-budget-strip{grid-template-columns:minmax(190px,25%) minmax(0,75%)!important;}
  #facilitiesCard .facility-workspace-summary .facility-bonus-preview{grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr)!important;}
  #facilitiesCard .facility-slot-track{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  #facilitiesCard .facilities-workspace{overflow:visible!important;}
  #facilitiesCard .facility-workspace-summary{padding:9px!important;gap:8px!important;}
  #facilitiesCard .facility-workspace-summary .facility-budget-strip{grid-template-columns:1fr!important;}
  #facilitiesCard .facility-workspace-summary .facility-budget-main{grid-column:auto!important;}
  #facilitiesCard .facility-workspace-summary .facility-bonus-preview{grid-template-columns:1fr!important;}
  #facilitiesCard .facility-workspace-summary .facility-preview-card{max-height:none!important;}
  #facilitiesCard .facility-selected-section{overflow:visible!important;}
  #facilitiesCard .facility-slot-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* === SOURCE: css/174-v5527-facility-content-rail-4col.css === */

/* v5.5.28 · Shared 4/5 content rail for the facilities workspace.
   Desktop content occupies the left four legacy card columns; the former fifth
   column becomes intentional right-side negative space. Summary and selection
   share exactly the same right edge. */
#facilitiesCard .facilities-workspace{
  --facility-content-rail-width:80%;
  align-items:flex-start!important;
}
#facilitiesCard .facility-workspace-summary,
#facilitiesCard .facility-selected-section{
  width:var(--facility-content-rail-width)!important;
  max-width:var(--facility-content-rail-width)!important;
  box-sizing:border-box!important;
  align-self:flex-start!important;
}
#facilitiesCard .facility-slot-track{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:900px){
  #facilitiesCard .facilities-workspace{--facility-content-rail-width:100%;}
}
@media(max-width:760px){
  #facilitiesCard .facility-slot-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* === SOURCE: css/175-v5530-unified-toolbar-button-system.css === */

/* v5.5.30 · One toolbar button system for every workspace.
   Icon buttons: 34x34 / 10px radius / 16px SVG / 1.8 stroke.
   Text actions use the same height, border, radius and interaction language.
   Future workspace pages should reuse toolbar-icon-button / toolbar-text-button. */
@media (min-width:761px){
  .workspace-toolbar .toolbar-icon-button{
    box-sizing:border-box!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    flex:0 0 34px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.078)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    color:#aeb7c0!important;
    font-family:inherit!important;
    font-size:0!important;
    line-height:1!important;
    cursor:pointer!important;
    overflow:hidden!important;
    transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,opacity .16s ease!important;
  }
  .workspace-toolbar .toolbar-icon-button svg{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    vector-effect:non-scaling-stroke!important;
  }
  .workspace-toolbar .toolbar-icon-button:hover:not(:disabled),
  .workspace-toolbar label.toolbar-icon-button:hover{
    color:#ddd4b1!important;
    border-color:rgba(215,181,90,.20)!important;
    background:linear-gradient(180deg,rgba(215,181,90,.060),rgba(255,255,255,.015))!important;
    transform:translateY(-1px)!important;
  }
  .workspace-toolbar .toolbar-icon-button:active:not(:disabled){transform:translateY(0)!important;}
  .workspace-toolbar .toolbar-icon-button:disabled{opacity:.30!important;cursor:not-allowed!important;transform:none!important;}

  .workspace-toolbar .toolbar-text-button{
    box-sizing:border-box!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 11px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.078)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    color:#aeb7c0!important;
    font-family:inherit!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:700!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,opacity .16s ease!important;
  }
  .workspace-toolbar .toolbar-text-button:hover:not(:disabled){
    color:#ddd4b1!important;
    border-color:rgba(215,181,90,.20)!important;
    background:linear-gradient(180deg,rgba(215,181,90,.060),rgba(255,255,255,.015))!important;
    transform:translateY(-1px)!important;
  }
  .workspace-toolbar .toolbar-text-button:active:not(:disabled){transform:translateY(0)!important;}
  .workspace-toolbar .toolbar-text-button:disabled{opacity:.30!important;cursor:not-allowed!important;transform:none!important;}

  /* Visibility controls are the same physical button, with only the active state accented. */
  .workspace-toolbar .toolbar-visibility-button{position:relative!important;}
  .workspace-toolbar .toolbar-visibility-button input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
  .workspace-toolbar .toolbar-visibility-button:has(input:checked){
    color:#d8b85f!important;
    border-color:rgba(215,181,90,.18)!important;
    background:rgba(215,181,90,.055)!important;
  }

  /* Neutralize page-specific optical overrides now that all icons share the component. */
  #masteryCard .mastery-undo-icon svg,
  #masteryCard .mastery-eye,
  #facilitiesCard .facility-undo-icon svg,
  #facilitiesCard .facility-eye,
  #facilitiesCard .toolbar-reset-icon,
  #playstylesPanel .ps-page-k6 .toolbar-icon-button svg{
    width:16px!important;height:16px!important;stroke-width:1.8!important;
  }
  #masteryCard #undoMasteryBtn,
  #facilitiesCard .facility-page-tool-btn,
  #facilitiesCard .facility-visibility-btn,
  #playstylesPanel .ps-page-k6 .ps-library-tool-btn{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex:0 0 34px!important;
  }
}

/* === SOURCE: css/176-v5531-visibility-warning-state.css === */

/* v5.5.31 · Visibility buttons remain illuminated in both states.
   Gold = effects visible/active. Amber-orange = effects intentionally hidden. */
.workspace-toolbar .toolbar-visibility-button:has(input:checked){
  color:#d8b85f!important;
  border-color:rgba(215,181,90,.22)!important;
  background:linear-gradient(180deg,rgba(215,181,90,.080),rgba(215,181,90,.040))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(215,181,90,.025)!important;
}
.workspace-toolbar .toolbar-visibility-button:has(input:not(:checked)){
  color:#efa255!important;
  border-color:rgba(239,151,70,.42)!important;
  background:linear-gradient(180deg,rgba(217,119,42,.180),rgba(155,74,24,.105))!important;
  box-shadow:inset 0 1px 0 rgba(255,222,184,.070),0 0 0 1px rgba(229,133,52,.055),0 0 12px rgba(220,116,36,.105)!important;
}
.workspace-toolbar .toolbar-visibility-button:has(input:not(:checked)):hover{
  color:#ffb76e!important;
  border-color:rgba(244,158,76,.58)!important;
  background:linear-gradient(180deg,rgba(225,128,48,.235),rgba(166,78,25,.135))!important;
  box-shadow:inset 0 1px 0 rgba(255,228,196,.085),0 0 0 1px rgba(238,143,59,.080),0 0 14px rgba(224,121,40,.14)!important;
}
.workspace-toolbar .toolbar-visibility-button:has(input:not(:checked)) svg{
  filter:drop-shadow(0 0 3px rgba(239,151,70,.16));
}

/* === SOURCE: css/177-v5532-visibility-and-gold-balance.css === */

/* v5.5.32 · Robust hidden-state warning + unified mid-strength active-gold language.
   Midpoint chosen between prior Mastery Lv30 (strong) and Facility selected cards (restrained). */
:root{
  --fc-active-gold-rgb:215,181,90;
  --fc-active-gold-bg-strong:.090;
  --fc-active-gold-bg-soft:.043;
  --fc-active-gold-border:.190;
  --fc-active-gold-inner:.032;
  --fc-active-gold-outer:.027;
}

/* Keep warning controls fully legible when effects are hidden.
   Dim the affected workspace content instead of dimming the entire card/toolbar. */
#masteryCard.effects-paused,
#facilitiesCard.effects-paused{opacity:1!important;}
#masteryCard.effects-paused #masteryList{opacity:.76!important;}
#facilitiesCard.effects-paused .facilities-workspace{opacity:.76!important;}

/* Visibility buttons: explicit state classes/data attributes avoid relying on :has(). */
.workspace-toolbar .toolbar-visibility-button.is-visibility-visible,
.workspace-toolbar .toolbar-visibility-button[data-visibility-state="visible"]{
  color:#ddc46f!important;
  border-color:rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-border))!important;
  background:linear-gradient(180deg,rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-bg-strong)),rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-bg-soft)))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.040),0 0 8px rgba(var(--fc-active-gold-rgb),.020)!important;
}
.workspace-toolbar .toolbar-visibility-button.is-visibility-hidden,
.workspace-toolbar .toolbar-visibility-button[data-visibility-state="hidden"]{
  color:#ffad5d!important;
  border-color:rgba(241,151,67,.54)!important;
  background:linear-gradient(180deg,rgba(218,116,36,.255),rgba(154,70,20,.155))!important;
  box-shadow:inset 0 1px 0 rgba(255,229,198,.105),0 0 0 1px rgba(238,139,53,.085),0 0 13px rgba(224,119,35,.180)!important;
}
.workspace-toolbar .toolbar-visibility-button.is-visibility-hidden:hover,
.workspace-toolbar .toolbar-visibility-button[data-visibility-state="hidden"]:hover{
  color:#ffc17e!important;
  border-color:rgba(247,167,84,.68)!important;
  background:linear-gradient(180deg,rgba(227,127,46,.310),rgba(164,77,23,.190))!important;
  box-shadow:inset 0 1px 0 rgba(255,235,211,.120),0 0 0 1px rgba(243,151,66,.10),0 0 15px rgba(229,127,40,.22)!important;
}
.workspace-toolbar .toolbar-visibility-button.is-visibility-hidden svg,
.workspace-toolbar .toolbar-visibility-button[data-visibility-state="hidden"] svg{
  filter:drop-shadow(0 0 3px rgba(242,155,72,.24))!important;
}

/* Unified enabled gold: Facility selected cards now rise to the midpoint. */
#facilitiesCard .facility-slot-card{
  border-color:rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-border))!important;
  background:
    radial-gradient(circle at 16% 8%,rgba(var(--fc-active-gold-rgb),.085),transparent 36%),
    linear-gradient(145deg,rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-bg-soft)),rgba(255,255,255,.012) 58%,rgba(255,255,255,.007))!important;
  box-shadow:
    inset 0 0 0 1px rgba(var(--fc-active-gold-rgb),.024),
    inset 0 0 18px rgba(var(--fc-active-gold-rgb),.022),
    0 0 9px rgba(var(--fc-active-gold-rgb),.022)!important;
}
#facilitiesCard .facility-slot-card.lv3{border-color:rgba(var(--fc-active-gold-rgb),.205)!important;}
#facilityDrawer .facility-reset-svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#facilitiesCard .facility-slot-wrap:hover>.facility-slot-card{
  border-color:rgba(var(--fc-active-gold-rgb),.27)!important;
  background:
    radial-gradient(circle at 16% 8%,rgba(var(--fc-active-gold-rgb),.105),transparent 37%),
    linear-gradient(145deg,rgba(var(--fc-active-gold-rgb),.060),rgba(255,255,255,.014))!important;
  box-shadow:
    inset 0 0 0 1px rgba(var(--fc-active-gold-rgb),.034),
    inset 0 0 20px rgba(var(--fc-active-gold-rgb),.028),
    0 0 11px rgba(var(--fc-active-gold-rgb),.030)!important;
}

/* Mastery Lv30 comes down to the same midpoint instead of staying noticeably brighter. */
@media (min-width:761px){
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="30"].active{
    background:linear-gradient(180deg,rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-bg-strong)),rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-bg-soft)))!important;
    box-shadow:
      inset 0 0 0 1px rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-border)),
      inset 0 0 18px rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-inner)),
      0 0 9px rgba(var(--fc-active-gold-rgb),var(--fc-active-gold-outer))!important;
  }
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="30"].active .mastery-node-level{
    border-color:rgba(var(--fc-active-gold-rgb),.20)!important;
    background:rgba(var(--fc-active-gold-rgb),.095)!important;
  }
  /* Lv10 remains a touch softer so the tier hierarchy survives, but uses the same gold recipe. */
  #advancedPanel #masteryList .mastery-row[data-selected-level="10"] .mastery-node[data-mastery-level="10"].active,
  #advancedPanel #masteryList .mastery-row[data-selected-level="30"] .mastery-node[data-mastery-level="10"].active{
    background:linear-gradient(180deg,rgba(var(--fc-active-gold-rgb),.078),rgba(var(--fc-active-gold-rgb),.037))!important;
    box-shadow:
      inset 0 0 0 1px rgba(var(--fc-active-gold-rgb),.17),
      inset 0 0 16px rgba(var(--fc-active-gold-rgb),.026),
      0 0 8px rgba(var(--fc-active-gold-rgb),.022)!important;
  }
}

/* === SOURCE: css/178-v5533-toolbar-state-root-fix.css === */

/* v5.5.33 · Root fix: one independent toolbar rail, one button geometry,
   and visibility warning state driven by the card's real effects-paused state.
   These selectors intentionally outrank old page-specific !important rules. */
@media (min-width:761px){
  /* Facilities title is now title-only; toolbar lives on its own rail exactly like Mastery. */
  #facilitiesCard > .facilities-page-head{
    display:flex!important;
    align-items:center!important;
    min-height:36px!important;
    height:auto!important;
    margin:0 0 8px!important;
    padding:0 4px!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  #facilitiesCard > .facilities-page-head .facilities-heading-block{
    width:100%!important;
    height:auto!important;
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
  }

  /* Mastery and Facilities now use exactly the same rail geometry/surface. */
  #masteryCard > .mastery-toolbar.workspace-toolbar,
  #facilitiesCard > .facility-toolbar.workspace-toolbar{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:46px!important;
    height:46px!important;
    margin:0 0 9px!important;
    padding:6px 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    overflow:visible!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,rgba(215,181,90,.032) 0%,rgba(255,255,255,.030) 18%,rgba(255,255,255,.022) 58%,rgba(255,255,255,.016) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.030),inset 0 -1px 0 rgba(0,0,0,.10)!important;
  }
  #masteryCard > .mastery-toolbar.workspace-toolbar::before,
  #facilitiesCard > .facility-toolbar.workspace-toolbar::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;top:10px!important;bottom:10px!important;
    width:2px!important;
    border-radius:0 2px 2px 0!important;
    background:linear-gradient(180deg,rgba(224,195,111,.10),rgba(224,195,111,.58),rgba(224,195,111,.10))!important;
    box-shadow:0 0 7px rgba(215,181,90,.10)!important;
    pointer-events:none!important;
  }
  #facilitiesCard > .facility-toolbar.workspace-toolbar{position:relative!important;}
  #facilitiesCard > .facility-toolbar .facility-toolbar-tools{
    order:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:0 0 auto!important;gap:6px!important;margin:0!important;
  }
  #facilitiesCard > .facility-toolbar .facility-toolbar-stats{
    order:2!important;display:flex!important;align-items:center!important;flex:1 1 auto!important;
    gap:9px!important;min-width:0!important;margin-left:2px!important;overflow:visible!important;
  }

  /* Exact same physical tool buttons on both pages. */
  #masteryCard > .mastery-toolbar .toolbar-icon-button,
  #facilitiesCard > .facility-toolbar .toolbar-icon-button{
    box-sizing:border-box!important;
    width:34px!important;height:34px!important;
    min-width:34px!important;min-height:34px!important;
    max-width:34px!important;max-height:34px!important;
    flex:0 0 34px!important;
    padding:0!important;margin:0!important;
    display:grid!important;place-items:center!important;
    border:1px solid rgba(255,255,255,.078)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    color:#aeb7c0!important;
    font-size:0!important;line-height:1!important;
    cursor:pointer!important;
    transform:none!important;
  }
  #masteryCard > .mastery-toolbar .toolbar-icon-button svg,
  #facilitiesCard > .facility-toolbar .toolbar-icon-button svg{
    width:16px!important;height:16px!important;
    min-width:16px!important;min-height:16px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  #masteryCard > .mastery-toolbar .toolbar-icon-button:hover,
  #facilitiesCard > .facility-toolbar .toolbar-icon-button:hover{
    color:#ddd4b1!important;
    border-color:rgba(215,181,90,.20)!important;
    background:linear-gradient(180deg,rgba(215,181,90,.060),rgba(255,255,255,.015))!important;
    transform:translateY(-1px)!important;
  }
  #masteryCard > .mastery-toolbar button.toolbar-icon-button:disabled,
  #facilitiesCard > .facility-toolbar button.toolbar-icon-button:disabled{
    opacity:.30!important;cursor:not-allowed!important;transform:none!important;
  }

  /* RESET icon: deliberately a full circular return arrow, optically larger than Undo. */
  #facilitiesCard #facilityClearBtn .toolbar-reset-icon,
  #playstylesPanel .toolbar-reset-icon,
  #facilityDrawer .facility-reset-svg{
    width:17px!important;height:17px!important;stroke-width:1.85!important;
  }

  /* VISIBLE: calm gold. Card state is the source of truth, not :has(). */
  #masteryCard:not(.effects-paused) > .mastery-toolbar .mastery-visibility-btn,
  #facilitiesCard:not(.effects-paused) > .facility-toolbar .facility-visibility-btn{
    color:#ddc46f!important;
    border-color:rgba(215,181,90,.20)!important;
    background:linear-gradient(180deg,rgba(215,181,90,.090),rgba(215,181,90,.043))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.040),0 0 8px rgba(215,181,90,.025)!important;
  }

  /* HIDDEN: intentionally obvious warning state. */
  #masteryCard.effects-paused > .mastery-toolbar .mastery-visibility-btn,
  #facilitiesCard.effects-paused > .facility-toolbar .facility-visibility-btn{
    opacity:1!important;
    color:#ffb15f!important;
    border-color:rgba(245,157,71,.62)!important;
    background:linear-gradient(180deg,rgba(222,119,37,.34),rgba(139,62,18,.23))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,232,205,.13),
      inset 0 0 10px rgba(239,139,50,.08),
      0 0 0 1px rgba(238,139,53,.09),
      0 0 13px rgba(224,119,35,.20)!important;
  }
  #masteryCard.effects-paused > .mastery-toolbar .mastery-visibility-btn svg,
  #facilitiesCard.effects-paused > .facility-toolbar .facility-visibility-btn svg{
    color:#ffb15f!important;
    stroke:#ffb15f!important;
    filter:drop-shadow(0 0 3px rgba(255,166,78,.28))!important;
  }
  #masteryCard.effects-paused > .mastery-toolbar .mastery-visibility-btn:hover,
  #facilitiesCard.effects-paused > .facility-toolbar .facility-visibility-btn:hover{
    color:#ffc27f!important;
    border-color:rgba(249,176,93,.74)!important;
    background:linear-gradient(180deg,rgba(231,132,49,.39),rgba(153,70,21,.27))!important;
    box-shadow:inset 0 1px 0 rgba(255,239,219,.15),0 0 15px rgba(228,126,40,.24)!important;
  }
}

/* === SOURCE: css/179-v5534-facility-budget-close-polish.css === */

/* v5.5.34 · Softer hidden-warning state, explicit over-budget copy,
   and stable facility-picker icon geometry during close transitions. */
@media (min-width:761px){
  /* Hidden remains clearly different from visible, but the button fill is intentionally restrained. */
  #masteryCard.effects-paused > .mastery-toolbar .mastery-visibility-btn,
  #facilitiesCard.effects-paused > .facility-toolbar .facility-visibility-btn{
    opacity:1!important;
    color:#e3a15f!important;
    border-color:rgba(224,145,73,.40)!important;
    background:linear-gradient(180deg,rgba(193,103,40,.145),rgba(133,62,25,.075))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,232,207,.055),
      inset 0 0 8px rgba(224,128,53,.030),
      0 0 8px rgba(211,112,40,.075)!important;
  }
  #masteryCard.effects-paused > .mastery-toolbar .mastery-visibility-btn svg,
  #facilitiesCard.effects-paused > .facility-toolbar .facility-visibility-btn svg{
    color:#e7a563!important;
    stroke:#e7a563!important;
    filter:drop-shadow(0 0 2px rgba(232,154,79,.13))!important;
  }
  #masteryCard.effects-paused > .mastery-toolbar .mastery-visibility-btn:hover,
  #facilitiesCard.effects-paused > .facility-toolbar .facility-visibility-btn:hover{
    color:#edb172!important;
    border-color:rgba(232,158,85,.50)!important;
    background:linear-gradient(180deg,rgba(201,111,46,.185),rgba(142,68,28,.095))!important;
    box-shadow:inset 0 1px 0 rgba(255,237,218,.065),0 0 10px rgba(215,119,44,.095)!important;
  }
}

/* Never let picker logos fall back to their intrinsic image dimensions while the modal fades out. */
#facilityDrawer .facility-picker-icon{
  position:absolute!important;
  right:14px!important;
  top:13px!important;
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
  opacity:.32!important;
  filter:none!important;
}
#facilityDrawer .facility-detail-head>img{
  width:52px!important;
  height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  object-fit:contain!important;
}

/* === SOURCE: css/180-v5535-silver-toolbar-rail-and-facility-height-fix.css === */

/* v5.5.35 · Restore identical page rhythm and separate toolbar rails from content
   with a neutral silver surface. Gold remains reserved for active/selected states. */
@media (min-width:761px){
  /* The shared decorative workspace header already says Facilities.
     Do not render the legacy facilities title row a second time. */
  #facilitiesCard > .facilities-page-head{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Shared silver toolbar material. Intentionally neutral: no gold cast. */
  .workspace-toolbar,
  #masteryCard > .mastery-toolbar.workspace-toolbar,
  #facilitiesCard > .facility-toolbar.workspace-toolbar,
  #specializationPanel .specialization-workspace-toolbar.workspace-toolbar,
  #playerCardPanel .build-workspace-toolbar.workspace-toolbar,
  #playstylesPanel .ps-page-k6 .ps-library-toolbar.workspace-toolbar{
    position:relative!important;
    border-color:rgba(218,228,238,.145)!important;
    background:
      linear-gradient(180deg,rgba(229,236,243,.092) 0%,rgba(198,209,219,.064) 42%,rgba(157,171,184,.044) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.090),
      inset 0 -1px 0 rgba(58,72,85,.18),
      0 4px 14px rgba(0,0,0,.12)!important;
  }

  /* Mastery and Facilities use exactly the same physical rail height. */
  #masteryCard > .mastery-toolbar.workspace-toolbar,
  #facilitiesCard > .facility-toolbar.workspace-toolbar{
    box-sizing:border-box!important;
    min-height:46px!important;
    height:46px!important;
    padding:6px 9px!important;
    margin:0 0 9px!important;
    border-radius:13px!important;
  }

  /* Replace the old gold rail accent with a silver-white edge highlight. */
  .workspace-toolbar::before,
  #masteryCard > .mastery-toolbar.workspace-toolbar::before,
  #facilitiesCard > .facility-toolbar.workspace-toolbar::before,
  #specializationPanel .specialization-workspace-toolbar.workspace-toolbar::before,
  #playerCardPanel .build-workspace-toolbar.workspace-toolbar::before,
  #playstylesPanel .ps-page-k6 .ps-library-toolbar.workspace-toolbar::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:9px!important;
    bottom:9px!important;
    width:2px!important;
    border-radius:0 2px 2px 0!important;
    background:linear-gradient(180deg,
      rgba(235,242,248,.16),
      rgba(235,242,248,.72),
      rgba(235,242,248,.16))!important;
    box-shadow:0 0 7px rgba(221,231,240,.10)!important;
    pointer-events:none!important;
  }
}

/* === SOURCE: css/181-v5536-playstyle-toolbar-unified.css === */

/* v5.5.36 · PlayStyle toolbar uses the shared actions | status | help grammar. */
@media (min-width:761px){
  #playstylesPanel .ps-page-k6 .ps-library-toolbar.workspace-toolbar{
    box-sizing:border-box!important;
    min-height:46px!important;
    height:46px!important;
    padding:6px 9px!important;
    margin:0 0 9px!important;
    display:flex!important;
    align-items:center!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-toolbar-main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    min-width:0!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-title-group,
  #playstylesPanel .ps-page-k6 .ps-source-note{display:none!important;}
  #playstylesPanel .ps-page-k6 .ps-library-tools{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 auto!important;
    gap:6px!important;
    margin:0!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-tool-btn.toolbar-icon-button{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    max-width:34px!important;max-height:34px!important;flex:0 0 34px!important;
    padding:0!important;margin:0!important;border-radius:10px!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-tool-btn.toolbar-icon-button svg{
    width:16px!important;height:16px!important;stroke-width:1.8!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-stats{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    gap:9px!important;
    min-width:0!important;
    margin-left:2px!important;
    position:static!important;
  }
  #playstylesPanel .ps-page-k6 .ps-toolbar-metric{
    display:flex!important;align-items:center!important;gap:6px!important;
    min-width:0!important;height:auto!important;padding:0!important;margin:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    white-space:nowrap!important;
  }
  #playstylesPanel .ps-page-k6 .ps-toolbar-metric>span{
    color:#75818f!important;font-size:11.5px!important;line-height:1!important;font-weight:500!important;
  }
  #playstylesPanel .ps-page-k6 .ps-toolbar-metric>strong{
    margin:0!important;color:#e3e8ef!important;font-size:14px!important;line-height:1!important;
    font-weight:800!important;font-variant-numeric:tabular-nums!important;
  }
  #playstylesPanel .ps-page-k6 .ps-toolbar-metric>strong em{
    font-style:normal!important;color:#7f8a95!important;font-size:11px!important;font-weight:700!important;
  }
  #playstylesPanel .ps-page-k6 .ps-toolbar-divider{
    display:block!important;flex:0 0 1px!important;width:1px!important;height:16px!important;
    background:rgba(255,255,255,.075)!important;
  }
  #playstylesPanel .ps-page-k6 .ps-toolbar-help{
    flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;
    color:#68747f!important;font-size:10.5px!important;font-weight:720!important;letter-spacing:.015em!important;
    line-height:1.2!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
}
@media(max-width:1180px) and (min-width:761px){
  #playstylesPanel .ps-page-k6 .ps-toolbar-help{display:block!important;}
}
@media(max-width:760px){
  #playstylesPanel .ps-page-k6 .ps-library-toolbar-main{display:flex!important;align-items:center!important;gap:7px!important;}
  #playstylesPanel .ps-page-k6 .ps-library-tools{display:flex!important;gap:6px!important;}
  #playstylesPanel .ps-page-k6 .ps-library-stats{display:flex!important;align-items:center!important;gap:7px!important;position:static!important;}
  #playstylesPanel .ps-page-k6 .ps-toolbar-help,
  #playstylesPanel .ps-page-k6 .ps-toolbar-help-divider{display:none!important;}
}

/* === SOURCE: css/182-v5537-mybuild-toolbar-controls.css === */

/* v5.5.38 · My Build toolbar: keep help adjacent to effect controls. */
@media (min-width:761px){
  #playerCardPanel .build-workspace-toolbar.workspace-toolbar{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  #playerCardPanel .build-workspace-toolbar .overview-effect-controls{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    min-width:0!important;
  }
  #playerCardPanel .build-value-mode{
    display:flex!important;
    align-items:center!important;
    height:32px!important;
    padding:2px!important;
    border:1px solid rgba(222,230,238,.13)!important;
    border-radius:10px!important;
    background:rgba(7,12,17,.24)!important;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.18)!important;
  }
  #playerCardPanel .build-mode-btn{
    appearance:none!important;
    height:26px!important;
    min-width:68px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#7f8a95!important;
    font:650 11.5px/1 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    transition:.15s ease!important;
  }
  #playerCardPanel .build-mode-btn:hover{color:#c4ccd4!important;background:rgba(255,255,255,.035)!important;}
  #playerCardPanel .build-mode-btn[data-build-mode="base"].active{
    color:#e1e6eb!important;
    background:linear-gradient(180deg,rgba(229,236,243,.13),rgba(194,205,216,.065))!important;
    box-shadow:inset 0 0 0 1px rgba(235,241,247,.10),0 1px 4px rgba(0,0,0,.18)!important;
  }
  #playerCardPanel .build-mode-btn[data-build-mode="match"].active{
    color:#e3d59f!important;
    background:linear-gradient(180deg,rgba(215,181,90,.115),rgba(215,181,90,.050))!important;
    box-shadow:inset 0 0 0 1px rgba(215,181,90,.12),0 0 8px rgba(215,181,90,.028)!important;
  }
  #playerCardPanel .build-toolbar-divider{
    width:1px!important;
    height:22px!important;
    margin:0 1px!important;
    background:rgba(225,233,241,.12)!important;
    flex:0 0 auto!important;
  }
  #playerCardPanel .build-effect-switches{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    flex:0 0 auto!important;
  }
  #playerCardPanel .build-effect-toggle{
    appearance:none!important;
    height:32px!important;
    min-width:64px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid rgba(220,229,237,.095)!important;
    border-radius:10px!important;
    background:rgba(9,14,20,.18)!important;
    color:#8c97a2!important;
    font:650 11.5px/1 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important;
    cursor:pointer!important;
    transition:.15s ease!important;
  }
  #playerCardPanel .build-effect-toggle i{
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background:#68737e!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.018)!important;
    flex:0 0 auto!important;
    transition:.15s ease!important;
  }
  #playerCardPanel .build-effect-toggle:hover{
    color:#c7cfd7!important;
    border-color:rgba(224,232,240,.15)!important;
    background:rgba(255,255,255,.032)!important;
  }
  #playerCardPanel .build-effect-toggle.active{
    color:#d9cc98!important;
    border-color:rgba(215,181,90,.19)!important;
    background:linear-gradient(180deg,rgba(215,181,90,.085),rgba(215,181,90,.035))!important;
    box-shadow:inset 0 0 0 1px rgba(215,181,90,.025),0 0 8px rgba(215,181,90,.018)!important;
  }
  #playerCardPanel .build-effect-toggle.active i{
    background:#d5b75c!important;
    box-shadow:0 0 7px rgba(215,181,90,.22)!important;
  }
  #playerCardPanel .build-effect-toggle.is-unavailable{
    opacity:.48!important;
    cursor:not-allowed!important;
  }
  #playerCardPanel .build-toolbar-help{
    min-width:0!important;
    flex:0 1 auto!important;
    margin-left:4px!important;
    padding-left:10px!important;
    border-left:1px solid rgba(225,233,241,.10)!important;
    color:#74808b!important;
    font-size:10.5px!important;
    font-weight:620!important;
    line-height:1.2!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  /* Controls live in the toolbar now; never render a second copy inside the stats card. */
  #playerCardPanel .overview-stats-card .overview-effect-controls{display:none!important;}
}
@media (max-width:1180px) and (min-width:761px){
  #playerCardPanel .build-toolbar-help{display:none!important;}
  #playerCardPanel .build-mode-btn{min-width:64px!important;padding:0 8px!important;}
  #playerCardPanel .build-effect-toggle{min-width:58px!important;padding:0 8px!important;}
}
@media (max-width:760px){
  #playerCardPanel .build-workspace-toolbar{height:auto!important;min-height:46px!important;padding:7px!important;}
  #playerCardPanel .build-workspace-toolbar .overview-effect-controls{display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
  #playerCardPanel .build-toolbar-help{width:100%!important;margin:0!important;padding:2px 2px 0!important;text-align:left!important;white-space:normal!important;font-size:10.5px!important;color:#74808b!important;}
  #playerCardPanel .build-effect-switches{display:flex!important;gap:6px!important;flex-wrap:wrap!important;}
}

/* === SOURCE: css/183-v5539-specialization-toolbar-unified.css === */

/* v5.5.39 · Specialization toolbar: global action undo/reset + active status + help. */
@media (min-width:761px){
  #specializationPanel .specialization-workspace-toolbar.workspace-toolbar{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:46px!important;
    height:46px!important;
    margin:0 0 9px!important;
    padding:6px 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    overflow:visible!important;
    border-radius:13px!important;
  }
  #specializationPanel .specialization-toolbar-tools{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 auto!important;
    gap:6px!important;
    margin:0!important;
  }
  #specializationPanel .specialization-toolbar-tools .toolbar-icon-button{
    box-sizing:border-box!important;
    width:34px!important;height:34px!important;
    min-width:34px!important;min-height:34px!important;
    max-width:34px!important;max-height:34px!important;
    flex:0 0 34px!important;
    padding:0!important;margin:0!important;
    border-radius:10px!important;
  }
  #specializationPanel .specialization-toolbar-tools .toolbar-icon-button svg{
    width:16px!important;height:16px!important;
    stroke-width:1.8!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #specializationPanel .specialization-toolbar-stats{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    gap:9px!important;
    margin-left:2px!important;
  }
  #specializationPanel .specialization-toolbar-metric{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  #specializationPanel .specialization-toolbar-metric>span{
    color:#75818f!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:500!important;
  }
  #specializationPanel .specialization-toolbar-metric>strong{
    margin:0!important;
    color:#e3e8ef!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums!important;
  }
  #specializationPanel .specialization-toolbar-metric>strong em{
    font-style:normal!important;
    color:#7f8a95!important;
    font-size:11px!important;
    font-weight:700!important;
  }
  #specializationPanel .specialization-toolbar-divider{
    display:block!important;
    flex:0 0 1px!important;
    width:1px!important;
    height:16px!important;
    background:rgba(255,255,255,.075)!important;
  }
  #specializationPanel .specialization-toolbar-help{
    flex:0 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#68747f!important;
    font-size:10.5px!important;
    font-weight:720!important;
    letter-spacing:.015em!important;
    line-height:1.2!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Local per-card undo is replaced by one transaction-level toolbar undo. */
  #specializationPanel .spec-card .spec-local-reset-btn{display:none!important;}
  #specializationPanel .spec-card .spec-card-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(max-width:760px){
  #specializationPanel .specialization-workspace-toolbar.workspace-toolbar{
    min-height:46px!important;
    height:auto!important;
    padding:6px 8px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  #specializationPanel .specialization-toolbar-tools{display:flex!important;gap:6px!important;flex:0 0 auto!important;}
  #specializationPanel .specialization-toolbar-stats{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;}
  #specializationPanel .specialization-toolbar-metric{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;}
  #specializationPanel .specialization-toolbar-metric>span{font-size:11.5px!important;color:#75818f!important;}
  #specializationPanel .specialization-toolbar-metric>strong{font-size:14px!important;color:#e3e8ef!important;}
  #specializationPanel .specialization-toolbar-metric>strong em{font-style:normal!important;font-size:11px!important;color:#7f8a95!important;}
  #specializationPanel .specialization-toolbar-help,
  #specializationPanel .specialization-toolbar-help-divider{display:none!important;}
  #specializationPanel .spec-card .spec-local-reset-btn{display:none!important;}
  #specializationPanel .spec-card .spec-card-actions{grid-template-columns:minmax(0,1fr)!important;}
}