/* === SOURCE: css/150-v5411-body-default-crosshair-final.css === */

/* v5.4.11 · final override. The reference axes are the archetype DEFAULT values,
   not edge X/Y axes. Kept deliberately faint so they read as atmosphere + reset guides. */
@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-plot{
    position:relative!important;
    overflow:hidden!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }

  /* Remove the old edge-axis titles entirely. */
  .global-archetype-overview-card .ovc-body-axis-name{
    display:none!important;
  }

  /* Default WEIGHT guide = vertical hairline. */
  .global-archetype-overview-card .ovc-body-plot::before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:var(--ovc-body-default-x,50%)!important;
    right:auto!important;
    top:6%!important;
    bottom:6%!important;
    width:1px!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    border:0!important;
    background:repeating-linear-gradient(
      to bottom,
      rgba(216,184,95,.16) 0 2px,
      rgba(216,184,95,.055) 2px 3px,
      transparent 3px 7px
    )!important;
    box-shadow:0 0 5px rgba(216,184,95,.055)!important;
    opacity:.62!important;
    pointer-events:none!important;
  }

  /* Default HEIGHT guide = horizontal hairline. */
  .global-archetype-overview-card .ovc-body-plot::after{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    top:var(--ovc-body-default-y,50%)!important;
    bottom:auto!important;
    left:4%!important;
    right:4%!important;
    width:auto!important;
    height:1px!important;
    transform:translateY(-50%)!important;
    border:0!important;
    background:repeating-linear-gradient(
      to right,
      rgba(216,184,95,.16) 0 2px,
      rgba(216,184,95,.055) 2px 3px,
      transparent 3px 7px
    )!important;
    box-shadow:0 0 5px rgba(216,184,95,.055)!important;
    opacity:.62!important;
    pointer-events:none!important;
  }

  /* When one dimension reaches its default, give only that guide a tiny confirmation glow. */
  .global-archetype-overview-card .ovc-body-plot.is-default-weight::before{
    opacity:.92!important;
    box-shadow:0 0 7px rgba(216,184,95,.10)!important;
  }
  .global-archetype-overview-card .ovc-body-plot.is-default-height::after{
    opacity:.92!important;
    box-shadow:0 0 7px rgba(216,184,95,.10)!important;
  }

  /* Range values are endpoints only; no colored edge-axis implication. */
  .global-archetype-overview-card .ovc-body-axis{
    position:absolute!important;
    z-index:2!important;
    display:block!important;
    padding:2px 3px!important;
    margin:0!important;
    border:0!important;
    border-radius:4px!important;
    background:rgba(7,12,17,.46)!important;
    color:#87919a!important;
    font-size:6.5px!important;
    font-weight:780!important;
    line-height:1!important;
    font-variant-numeric:tabular-nums!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  .global-archetype-overview-card .ovc-body-axis.top{
    left:7%!important; top:4px!important; right:auto!important; bottom:auto!important;
    transform:none!important;
  }
  .global-archetype-overview-card .ovc-body-axis.bottom{
    left:7%!important; bottom:9%!important; right:auto!important; top:auto!important;
    transform:translateY(-1px)!important;
  }
  .global-archetype-overview-card .ovc-body-axis.left{
    left:5%!important; bottom:2px!important; right:auto!important; top:auto!important;
    transform:none!important;
  }
  .global-archetype-overview-card .ovc-body-axis.right{
    right:4%!important; bottom:2px!important; left:auto!important; top:auto!important;
    transform:none!important;
  }

  .global-archetype-overview-card .ovc-body-dot{
    z-index:4!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
}

/* === SOURCE: css/151-v5413-body-crosshair-endpoint-labels-final.css === */

/* v5.4.13 · final endpoint-label override.
   The four range values belong to the ends of the DEFAULT crosshair itself.
   Use one neutral champagne tone so height/weight do not read as two colored axis systems. */
@media(min-width:761px){
  .global-archetype-overview-card #overviewBodyPlot #overviewBodyTop,
  .global-archetype-overview-card #overviewBodyPlot #overviewBodyBottom,
  .global-archetype-overview-card #overviewBodyPlot #overviewBodyLeft,
  .global-archetype-overview-card #overviewBodyPlot #overviewBodyRight{
    position:absolute!important;
    z-index:6!important;
    display:block!important;
    margin:0!important;
    padding:2px 4px!important;
    border:0!important;
    border-radius:5px!important;
    background:rgba(7,12,17,.70)!important;
    color:#a79a72!important;
    box-shadow:0 0 8px rgba(216,184,95,.035)!important;
    font-size:6.5px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.01em!important;
    font-variant-numeric:tabular-nums!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }

  /* Height range values sit on the two ends of the vertical default-weight guide. */
  .global-archetype-overview-card #overviewBodyPlot #overviewBodyTop{
    left:var(--ovc-body-default-x,50%)!important;
    top:1.8%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
  }
  .global-archetype-overview-card #overviewBodyPlot #overviewBodyBottom{
    left:var(--ovc-body-default-x,50%)!important;
    bottom:1.8%!important;
    right:auto!important;
    top:auto!important;
    transform:translateX(-50%)!important;
  }

  /* Weight range values sit on the two ends of the horizontal default-height guide. */
  .global-archetype-overview-card #overviewBodyPlot #overviewBodyLeft{
    left:1.6%!important;
    top:var(--ovc-body-default-y,50%)!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
  .global-archetype-overview-card #overviewBodyPlot #overviewBodyRight{
    right:1.6%!important;
    top:var(--ovc-body-default-y,50%)!important;
    left:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
}

/* === SOURCE: css/152-v5415-facility-selector-545-restore.css === */

/* v5.4.15 · Facility selector restore. Keep the selector behavior/layout identical to v5.4.5.
   PlayStyle is an informational Lv3 reward inside the RIGHT detail card only; it must never
   become an overlay on the facility grid or steal clicks from the selector. */
body.facility-drawer-open .facility-picker-reward{display:none!important;}

body.facility-drawer-open .facility-selector-detail .facility-level-budget{
  grid-column:3!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  position:static!important;
  visibility:visible!important;
  opacity:1!important;
}
body.facility-drawer-open .facility-selector-detail .facility-level-cost,
body.facility-drawer-open .facility-selector-detail .facility-level-delta{
  display:block!important;
  position:static!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  max-width:100%!important;
  text-align:right!important;
}
body.facility-drawer-open .facility-selector-detail .facility-level-cost span,
body.facility-drawer-open .facility-selector-detail .facility-level-cost b{display:block!important;}

body.facility-drawer-open .facility-selector-detail .facility-level-card[data-facility-level="3"]{
  grid-template-rows:auto auto!important;
  min-height:136px!important;
  row-gap:12px!important;
}
body.facility-drawer-open .facility-selector-detail .facility-level-card[data-facility-level="3"] .facility-level-reward{
  grid-column:2/4!important;
  grid-row:2!important;
  position:static!important;
  inset:auto!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:11px 0 0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:auto!important;
  pointer-events:none!important;
}
body.facility-drawer-open .facility-selector-detail .facility-level-card[data-facility-level="3"] .facility-level-reward *{pointer-events:none!important;}
body.facility-drawer-open .facility-selector-detail .facility-level-reward-main{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  position:static!important;
}
body.facility-drawer-open .facility-selector-detail .facility-level-reward-main .facility-ps-badge{
  display:grid!important;
  position:relative!important;
  transform:scale(.98)!important;
  transform-origin:center!important;
  margin:0!important;
}

/* === SOURCE: css/153-v552-no-left-internal-scrollbar.css === */

/* v5.5.2 · Archetype Overview uses normal page scrolling; no draggable inner scrollbar. */
@media (min-width:761px){
  .left-stack{
    max-height:none!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    padding-right:0!important;
    scrollbar-width:none!important;
  }
  .left-stack::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
}

/* === SOURCE: css/154-v554-one-screen-workspace-preview.css === */

/* v5.5.4 · Desktop one-screen app shell preview.
   The document itself never scrolls. Long datasets, when necessary, scroll only
   inside their own working pane so the left Archetype Overview and top navigation
   remain spatially stable like a desktop configuration tool. */
@media (min-width:761px){
  html,body{
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .shell{
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    padding:10px clamp(18px,1.45vw,30px) 10px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  /* Use the compact header language from the attribute-page preview everywhere. */
  .topbar{
    flex:0 0 auto!important;
    min-height:38px!important;
    margin-bottom:5px!important;
    padding:1px 3px 5px!important;
    align-items:center!important;
  }
  .topbar>div:first-child{
    display:flex!important;
    align-items:baseline!important;
    gap:9px!important;
    min-width:0!important;
  }
  .topbar .eyebrow,.topbar .subtitle{display:none!important;}
  .topbar h1{
    margin:0!important;
    font-size:19px!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
  }
  .topbar .version{
    padding:4px 7px!important;
    font-size:8px!important;
    line-height:1!important;
  }

  .workspace{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  /* Left rail occupies the same viewport slice instead of behaving as a sticky page element. */
  .left-stack,
  body.build-overview-active .left-stack{
    position:relative!important;
    top:auto!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .global-archetype-overview-card{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .global-archetype-overview-card .ovc-scroll{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
  }
  .global-archetype-overview-card .ovc-scroll::-webkit-scrollbar{display:none!important;}

  /* Right side is now a fixed workspace, not a document-flow column. */
  .main{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .editor-view-tabs{
    flex:0 0 auto!important;
    min-height:43px!important;
    height:43px!important;
    margin:0 0 5px!important;
    padding:0 3px!important;
  }
  .editor-view-tab{
    padding-top:10px!important;
    padding-bottom:9px!important;
  }
  .editor-view-sep{margin-top:0!important;margin-bottom:0!important;}
  #mobileSummarySentinel{display:none!important;}

  /* Attribute workspace: normally all visible; only the data canvas itself becomes
     internally scrollable on shorter laptop viewports. The browser page stays fixed. */
  #attributes{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
    padding-bottom:2px!important;
  }
  #attributes::-webkit-scrollbar{display:none!important;}

  /* All non-attribute pages inherit the same one-screen workspace contract. */
  #advancedPanel,
  #specializationPanel,
  #playstylesPanel,
  #playerCardPanel{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:100%!important;
    margin-top:0!important;
  }
  #advancedPanel{
    height:auto!important;
    overflow:hidden!important;
  }
  #advancedPanel .advanced-grid{
    height:100%!important;
    min-height:0!important;
  }
  #specializationPanel,
  #playstylesPanel,
  #playerCardPanel{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
  }
  #specializationPanel::-webkit-scrollbar,
  #playstylesPanel::-webkit-scrollbar,
  #playerCardPanel::-webkit-scrollbar{display:none!important;}

  /* Explanatory footer belongs to documentation, not the live one-screen workspace. */
  .footer{display:none!important;}
  #emptyState{flex:0 0 auto!important;}
}

/* Very short windows get a conservative escape hatch instead of clipping controls. */
@media (min-width:761px) and (max-height:680px){
  .shell{padding-top:7px!important;padding-bottom:7px!important;}
  .topbar{min-height:34px!important;}
  .editor-view-tabs{height:39px!important;min-height:39px!important;}
}

/* === SOURCE: css/155-v556-unified-header-navigation.css === */

/* v5.5.6 · final desktop header/navigation normalization across every editor page.
   This intentionally sits after the one-screen workspace rules so 属性加点 no longer
   keeps the older v5.5.3 attribute-only navigation geometry. */
@media (min-width:761px){
  .shell,
  body.attributes-workspace-compact .shell{
    padding-top:12px!important;
  }
  .topbar,
  body.attributes-workspace-compact .topbar{
    flex:0 0 auto!important;
    min-height:60px!important;
    height:60px!important;
    margin-bottom:8px!important;
    padding:5px 4px 7px!important;
    align-items:center!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  .topbar>.site-brand,
  body.attributes-workspace-compact .topbar>.site-brand,
  body.attributes-workspace-compact .topbar>div:first-child{
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    min-width:0!important;
  }
  .site-logo{
    display:block!important;
    width:112px!important;
    height:38px!important;
    object-fit:contain!important;
    flex:0 0 auto!important;
    opacity:.96!important;
  }
  .site-brand-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
  }
  .topbar .eyebrow,
  body.attributes-workspace-compact .topbar .eyebrow{
    display:block!important;
    margin:0!important;
    color:#74684d!important;
    font-size:7px!important;
    font-weight:820!important;
    letter-spacing:.16em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .topbar h1,
  body.attributes-workspace-compact .topbar h1{
    margin:0!important;
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
  }
  .topbar .subtitle,
  body.attributes-workspace-compact .topbar .subtitle{display:none!important;}
  .topbar .version,
  body.attributes-workspace-compact .topbar .version{
    padding:5px 8px!important;
    font-size:8px!important;
    line-height:1!important;
    opacity:.76!important;
  }

  .editor-view-tabs,
  body.attributes-workspace-compact .editor-view-tabs{
    flex:0 0 auto!important;
    min-height:44px!important;
    height:44px!important;
    margin:0 0 6px!important;
    padding:0 8px!important;
    border-radius:14px!important;
    gap:0!important;
  }
  .editor-view-tab,
  body.attributes-workspace-compact .editor-view-tab{
    min-height:44px!important;
    height:44px!important;
    padding:0 13px!important;
    font-size:13px!important;
    border-radius:0!important;
  }
  .editor-view-tab.active::after,
  body.attributes-workspace-compact .editor-view-tab.active::after{
    left:13px!important;
    right:13px!important;
    bottom:0!important;
  }
  .editor-view-sep,
  body.attributes-workspace-compact .editor-view-sep{
    line-height:44px!important;
    font-size:13px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
}
@media (min-width:761px) and (max-height:800px){
  .topbar,
  body.attributes-workspace-compact .topbar{
    min-height:54px!important;
    height:54px!important;
    padding-top:3px!important;
    padding-bottom:5px!important;
    margin-bottom:6px!important;
  }
  .site-logo{width:100px!important;height:34px!important;}
  .topbar h1,body.attributes-workspace-compact .topbar h1{font-size:18px!important;}
  .editor-view-tabs,body.attributes-workspace-compact .editor-view-tabs{height:42px!important;min-height:42px!important;}
  .editor-view-tab,body.attributes-workspace-compact .editor-view-tab{height:42px!important;min-height:42px!important;}
  .editor-view-sep,body.attributes-workspace-compact .editor-view-sep{line-height:42px!important;}
}

/* === SOURCE: css/156-v557-taller-header-compact-english-page-heads.css === */

/* v5.5.7 · Taller branded chrome, while redundant in-workspace page headings collapse
   to one consistent English-only title so the interactive canvas starts higher. */
@media (min-width:761px){
  /* Branded site header: deliberate presence without returning to the old dead-space layout. */
  .shell,
  body.attributes-workspace-compact .shell{
    padding-top:13px!important;
  }
  .topbar,
  body.attributes-workspace-compact .topbar{
    min-height:75px!important;
    height:75px!important;
    margin-bottom:10px!important;
    padding:8px 6px 9px!important;
  }
  .site-logo{
    width:138px!important;
    height:48px!important;
  }
  .site-brand-copy{gap:4px!important;}
  .topbar .eyebrow,
  body.attributes-workspace-compact .topbar .eyebrow{
    font-size:7.5px!important;
    letter-spacing:.17em!important;
  }
  .topbar h1,
  body.attributes-workspace-compact .topbar h1{
    font-size:22px!important;
  }
  .topbar .version,
  body.attributes-workspace-compact .topbar .version{
    padding:6px 9px!important;
    font-size:8.5px!important;
  }

  /* Primary navigation: 55px gives the site chrome enough weight to read as navigation. */
  .editor-view-tabs,
  body.attributes-workspace-compact .editor-view-tabs{
    height:55px!important;
    min-height:55px!important;
    margin-bottom:8px!important;
    padding:0 10px!important;
    border-radius:16px!important;
  }
  .editor-view-tab,
  body.attributes-workspace-compact .editor-view-tab{
    height:55px!important;
    min-height:55px!important;
    padding:0 15px!important;
    font-size:14px!important;
  }
  .editor-view-tab.active::after,
  body.attributes-workspace-compact .editor-view-tab.active::after{
    left:15px!important;
    right:15px!important;
  }
  .editor-view-sep,
  body.attributes-workspace-compact .editor-view-sep{
    line-height:55px!important;
    font-size:14px!important;
  }

  /* Shared English-only page-heading language for non-attribute workspaces. */
  #masteryCard > .mastery-head .advanced-kicker,
  #facilitiesCard .facilities-page-head .advanced-kicker,
  #specializationPanel .specialization-page-head .advanced-kicker,
  #playstylesPanel .ps-page-k6 .ps-page-head .advanced-kicker,
  #playerCardPanel .build-overview-head .advanced-kicker{
    display:block!important;
    margin:0!important;
    color:rgba(213,190,116,.72)!important;
    font-size:13px!important;
    font-weight:820!important;
    line-height:1!important;
    letter-spacing:.14em!important;
    opacity:1!important;
  }

  /* Mastery */
  #masteryCard > .mastery-head{
    min-height:40px!important;
    height:40px!important;
    padding:0 18px!important;
    align-items:center!important;
  }
  #masteryCard > .mastery-head h2,
  #masteryCard > .mastery-head p{display:none!important;}

  /* Facilities: keep live controls on the same compact title row. */
  #facilitiesCard .facilities-page-head{
    min-height:42px!important;
    height:42px!important;
    padding:0 16px!important;
    align-items:center!important;
  }
  #facilitiesCard .facilities-heading-block{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }
  #facilitiesCard .facilities-title-line{display:none!important;}
  #facilitiesCard .facilities-page-actions{margin-left:auto!important;}

  /* Specialization */
  #specializationPanel .specialization-page-head{
    min-height:40px!important;
    height:40px!important;
    margin-bottom:6px!important;
    padding:0 4px!important;
    align-items:center!important;
  }
  #specializationPanel .specialization-heading-line,
  #specializationPanel .specialization-page-head p{display:none!important;}

  /* PlayStyles */
  #playstylesPanel .ps-page-k6 .ps-page-head{
    min-height:40px!important;
    height:40px!important;
    padding:0 4px 4px!important;
    align-items:center!important;
  }
  #playstylesPanel .ps-page-k6 .ps-page-title-line,
  #playstylesPanel .ps-page-k6 .ps-page-head p{display:none!important;}

  /* Build overview */
  #playerCardPanel .build-overview-head{
    min-height:40px!important;
    height:40px!important;
    margin-bottom:6px!important;
    padding:0 4px!important;
    align-items:center!important;
  }
  #playerCardPanel .build-overview-head h2{display:none!important;}
  #playerCardPanel .build-overview-head-note{
    font-size:9px!important;
    color:#66717c!important;
  }
}

/* Compact fallback for shorter laptop viewports: preserve the new hierarchy, not the old 54/42 geometry. */
@media (min-width:761px) and (max-height:800px){
  .topbar,
  body.attributes-workspace-compact .topbar{
    min-height:66px!important;
    height:66px!important;
    margin-bottom:7px!important;
    padding-top:5px!important;
    padding-bottom:6px!important;
  }
  .site-logo{width:122px!important;height:42px!important;}
  .topbar h1,body.attributes-workspace-compact .topbar h1{font-size:20px!important;}
  .editor-view-tabs,body.attributes-workspace-compact .editor-view-tabs{
    height:50px!important;
    min-height:50px!important;
    margin-bottom:6px!important;
  }
  .editor-view-tab,body.attributes-workspace-compact .editor-view-tab{
    height:50px!important;
    min-height:50px!important;
    font-size:13px!important;
  }
  .editor-view-sep,body.attributes-workspace-compact .editor-view-sep{line-height:50px!important;}
}

/* === SOURCE: css/157-v558-my-build-transition-and-rail-stability.css === */

/* v5.5.8 · My Build naming + invariant global Archetype Overview.
   Legacy build-overview-active rules predate the global rail and had slightly
   different body/PlayStyle dimensions.  Pin the persistent rail to exactly the
   same geometry on every page so selecting My Build never causes a size jump. */
@media(min-width:761px){
  body.build-overview-active .global-archetype-overview-card .ovc-body-layout{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"summary accel" "actions quick"!important;
    column-gap:9px!important;row-gap:8px!important;
  }
  body.build-overview-active .global-archetype-overview-card .ovc-body-summary{gap:10px!important;padding-left:0!important;align-items:baseline!important}
  body.build-overview-active .global-archetype-overview-card .ovc-body-chip{gap:5px!important;font-size:10px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-body-chip b{font-size:15px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-body-quick{gap:5px!important;justify-content:flex-end!important}
  body.build-overview-active .global-archetype-overview-card .ovc-body-actions{gap:6px!important;justify-content:flex-start!important}
  body.build-overview-active .global-archetype-overview-card .ovc-body-toggle,
  body.build-overview-active .global-archetype-overview-card .ovc-body-reset{height:29px!important;padding:0 9px!important;border-radius:999px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-body-toggle{padding-left:10px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-body-toggle-label,
  body.build-overview-active .global-archetype-overview-card .ovc-body-reset-label{font-size:8px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-pill-switch{min-width:58px!important;height:27px!important;padding:3px!important;border-radius:999px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-pill-switch[data-size="sm"]{min-width:50px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-pill-switch .opt{padding:0 6px!important;font-size:8px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-accelerate strong{min-width:78px!important;height:29px!important;padding:0 10px!important;font-size:10px!important}

  body.build-overview-active .global-archetype-overview-card .ovc-playstyle-section{padding:6px 0 0!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-row{grid-template-columns:58px minmax(0,1fr)!important;gap:4px!important;min-height:37px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-row+.ovc-ps-row{margin-top:5px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-label{font-size:8px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-badges,
  body.build-overview-active .global-archetype-overview-card .ovc-ps-prefix,
  body.build-overview-active .global-archetype-overview-card .ovc-ps-track,
  body.build-overview-active .global-archetype-overview-card .ovc-ps-extra,
  body.build-overview-active .global-archetype-overview-card .ovc-ps-amp{gap:3px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-track{margin-left:-1px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-badge{width:36px!important;height:36px!important;flex-basis:36px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-badge .overview-badge-shell{--badge-h:29px;--badge-w:29px;--icon-box:16px;width:36px!important;height:36px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-row.gold .ovc-ps-badge .overview-badge-shell.plus{--badge-h:29px;--badge-w:34px;--icon-box:16px;--gold-lift:1.6px;width:36px!important;height:36px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-slot,
  body.build-overview-active .global-archetype-overview-card .ovc-ps-add{width:31px!important;height:31px!important;flex-basis:31px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-slot .overview-badge-shell{--badge-h:28px;--badge-w:28px;--icon-box:15px;width:31px!important;height:31px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-slot-shell,
  body.build-overview-active .global-archetype-overview-card .ovc-ps-add-shell{width:26px!important;height:26px!important;border-radius:4px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-slot-lock{width:11px!important;height:11px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-add-plus{font-size:15px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-separator{height:19px!important;margin:0 2px!important}
}
@media(min-width:761px) and (max-width:1050px){
  body.build-overview-active .global-archetype-overview-card .ovc-ps-badge{width:33px!important;height:33px!important;flex-basis:33px!important}
  body.build-overview-active .global-archetype-overview-card .ovc-ps-badge .overview-badge-shell{width:33px!important;height:33px!important}
}

/* === SOURCE: css/158-v559-unified-frameless-workspace-preview.css === */

/* v5.5.9 · Unified non-attribute workspace language.
   Principle: workspace itself is frameless; only real components/cards own borders. */
@media (min-width:761px){
  /* Shared page-title rail */
  #masteryCard > .mastery-head,
  #facilitiesCard .facilities-page-head,
  #specializationPanel .specialization-page-head,
  #playstylesPanel .ps-page-k6 .ps-page-head,
  #playerCardPanel .build-overview-head{
    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;
  }
  #masteryCard > .mastery-head .advanced-kicker,
  #facilitiesCard .facilities-page-head .advanced-kicker,
  #specializationPanel .specialization-page-head .advanced-kicker,
  #playstylesPanel .ps-page-k6 .ps-page-head .advanced-kicker,
  #playerCardPanel .build-overview-head .advanced-kicker{
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:.16em!important;
    color:rgba(215,190,116,.70)!important;
    font-weight:820!important;
    opacity:1!important;
  }

  /* MASTERY / FACILITIES: remove page-sized outer cards. */
  #masteryCard,
  #facilitiesCard{
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:visible!important;
    padding:0!important;
  }
  #masteryCard.effects-paused,
  #facilitiesCard.effects-paused{opacity:.76!important;}

  /* MASTERY: title -> toolbar -> locally framed groups */
  #masteryCard > .mastery-head{
    display:flex!important;
    align-items:center!important;
  }
  #masteryCard .mastery-toolbar{
    flex:0 0 auto!important;
    min-height:46px!important;
    margin:0 0 9px!important;
    padding:6px 9px!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  }
  #advancedPanel #masteryList.mastery-list.mastery-groups{
    padding:0!important;
    gap:10px!important;
    background:none!important;
  }
  #advancedPanel #masteryList .mastery-group{
    border-color:rgba(255,255,255,.07)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.010))!important;
    box-shadow:none!important;
  }

  /* FACILITIES: English title is independent; page controls become a true toolbar row. */
  #facilitiesCard .facilities-page-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:36px auto!important;
    gap:7px!important;
    align-items:center!important;
    margin-bottom:9px!important;
  }
  #facilitiesCard .facilities-heading-block{
    height:36px!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }
  #facilitiesCard .facilities-page-actions{
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:5px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  }
  #facilitiesCard .facilities-page-actions::before{
    content:"FACILITY CONTROLS";
    margin-right:auto!important;
    padding-left:2px!important;
    color:#66727d!important;
    font-size:7.5px!important;
    font-weight:820!important;
    letter-spacing:.12em!important;
  }
  #facilitiesCard .facilities-workspace{
    border:0!important;
    background:none!important;
  }
  #facilitiesCard .facility-budget-strip{
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:15px!important;
    background:rgba(11,17,23,.46)!important;
    margin-bottom:9px!important;
  }
  #facilitiesCard .facility-selected-section{
    border:0!important;
    background:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  /* SPECIALIZATION: keep the naturally open workspace, but align its rhythm. */
  #specializationPanel .specialization-page-head{
    display:flex!important;
    align-items:center!important;
    margin-bottom:9px!important;
  }
  #specializationPanel .specialization-cards{
    padding-top:0!important;
  }

  /* PLAYSTYLES: page shell open; toolbar and library canvas become the two real components. */
  #playstylesPanel .ps-page-k6{
    gap:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  #playstylesPanel .ps-page-k6 .ps-page-head{
    display:flex!important;
    align-items:center!important;
    margin-bottom:8px!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-card{
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-toolbar{
    min-height:46px!important;
    margin:0 0 9px!important;
    padding:6px 10px!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-main{
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:16px!important;
    background:rgba(11,17,23,.62)!important;
    overflow:hidden!important;
  }

  /* MY BUILD: already frameless; only normalize title/content rhythm. */
  #playerCardPanel .build-overview-head{
    display:flex!important;
    align-items:center!important;
    margin-bottom:9px!important;
  }
  #playerCardPanel .build-overview-head-note{
    padding:5px 8px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.018)!important;
    color:#68747f!important;
    font-size:8px!important;
  }
  #playerCardPanel .build-overview-grid{
    margin-top:0!important;
  }

  /* Keep every content start aligned after the English page title. */
  #advancedPanel,
  #specializationPanel,
  #playstylesPanel,
  #playerCardPanel{
    padding-top:0!important;
  }
}

/* === SOURCE: css/159-v5510-unified-workspace-toolbars.css === */

/* v5.5.10 · Every non-attribute workspace owns the same middle toolbar rail.
   Content can be filled page by page later without changing vertical rhythm. */
@media (min-width:761px){
  .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;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  }
  .workspace-toolbar-empty{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  #masteryCard .mastery-toolbar.workspace-toolbar{display:flex!important;}
  #facilitiesCard .facilities-page-actions.workspace-toolbar{display:flex!important;}
  #playstylesPanel .ps-page-k6 .ps-library-toolbar.workspace-toolbar{display:block!important;}

  /* Keep title -> toolbar -> content cadence identical on the currently empty pages. */
  #specializationPanel .specialization-workspace-toolbar,
  #playerCardPanel .build-workspace-toolbar{
    flex:0 0 46px!important;
  }
  #specializationPanel .specialization-cards,
  #playerCardPanel .build-overview-grid{
    margin-top:0!important;
  }
}

/* === SOURCE: css/160-v5511-mastery-toolbar-standard.css === */

/* v5.5.11 · Mastery establishes the shared toolbar grammar: actions | live status | help. */
@media (min-width:761px){
  #masteryCard .mastery-toolbar.workspace-toolbar{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
    min-width:0!important;padding:6px 9px!important;
  }
  #masteryCard .mastery-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;
  }
  #masteryCard .mastery-toolbar-stats{
    order:2!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;
    gap:10px!important;min-width:0!important;margin-left:2px!important;
  }
  #masteryCard .mastery-toolbar-help{
    order:3!important;min-width:0!important;flex:1 1 auto!important;margin-left:auto!important;padding-left:8px!important;
    color:#68747f!important;font-size:8px!important;font-weight:720!important;letter-spacing:.015em!important;
    line-height:1.25!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #masteryCard .mastery-bulk-btn{white-space:nowrap!important;}
  #masteryCard #undoMasteryBtn{min-width:54px!important;}
  #masteryCard #enableAllMasteryBtn{min-width:72px!important;}
}
@media (max-width:1180px) and (min-width:761px){
  #masteryCard .mastery-toolbar-help{display:none!important;}
}

/* === SOURCE: css/161-v5512-mastery-toolbar-hitzones.css === */

/* v5.5.12 · icon-only undo + inline help + full-width Lv10/Lv30 hit zones. */
#masteryCard #undoMasteryBtn.mastery-undo-icon{
  width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;
  display:grid!important;place-items:center!important;border-radius:10px!important;
}
#masteryCard #undoMasteryBtn.mastery-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;
}
@media (min-width:761px){
  #masteryCard .mastery-toolbar-stats{
    flex:1 1 auto!important;gap:9px!important;margin-left:2px!important;overflow:hidden!important;
  }
  #masteryCard .mastery-toolbar-help{
    order:initial!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;
    color:#68747f!important;font-size:8px!important;font-weight:720!important;letter-spacing:.015em!important;
    line-height:1.25!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #masteryCard .mastery-help-divider{display:block!important;flex:0 0 1px!important;}
  #masteryCard #undoMasteryBtn{min-width:34px!important;}

  /* Each level occupies its complete half of the mastery choice area. */
  #advancedPanel #masteryList .mastery-row{
    grid-template-columns:minmax(138px,.86fr) minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:0!important;padding:5px 7px 5px 12px!important;min-height:62px!important;
  }
  #advancedPanel #masteryList .mastery-model{padding-right:10px!important;}
  #advancedPanel #masteryList .mastery-node{
    align-self:stretch!important;width:100%!important;min-width:0!important;min-height:50px!important;
    padding:7px 10px!important;margin:0!important;border-radius:9px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    box-sizing:border-box!important;transform:none!important;
    transition:background .15s ease,color .15s ease,box-shadow .15s ease!important;
  }
  #advancedPanel #masteryList .mastery-node:hover{
    background:rgba(255,255,255,.028)!important;transform:none!important;
  }
  #advancedPanel #masteryList .mastery-node.active{
    background:rgba(215,181,90,.035)!important;
  }
  #advancedPanel #masteryList .mastery-node[data-mastery-level="30"]{
    position:relative!important;border-left:1px solid rgba(215,181,90,.14)!important;border-radius:0 9px 9px 0!important;
  }
  #advancedPanel #masteryList .mastery-node[data-mastery-level="10"]{
    border-radius:9px 0 0 9px!important;
  }
}
@media (max-width:1180px) and (min-width:761px){
  #masteryCard .mastery-toolbar-help{display:block!important;}
}

/* === SOURCE: css/162-v5513-mastery-type-scale.css === */

/* v5.5.13 · Align Mastery core-content typography to the Facilities scale. */
@media (min-width:761px){
  #advancedPanel #masteryList .mastery-model-copy strong{
    font-size:13.5px!important;
    line-height:1.08!important;
    font-weight:780!important;
  }
  #advancedPanel #masteryList .mastery-model-copy small{
    font-size:8.5px!important;
    line-height:1.08!important;
  }
  #advancedPanel #masteryList .mastery-node-stats{
    font-size:11.5px!important;
    line-height:1.24!important;
  }
  #advancedPanel #masteryList .mastery-node-stats em{
    font-size:inherit!important;
  }
}

/* === SOURCE: css/163-v5514-mastery-toolbar-type-scale.css === */

/* v5.5.14 · Standardize Mastery toolbar typography. */
@media (min-width:761px){
  #masteryCard .mastery-bulk-btn{font-size:11.5px!important;}
  #masteryCard .mastery-metric span{font-size:11.5px!important;}
  #masteryCard .mastery-metric strong{font-size:14px!important;}
  #masteryCard .mastery-toolbar-help{font-size:10.5px!important;line-height:1.2!important;font-weight:720!important;}
}

/* === SOURCE: css/164-v5517-inkfree-workspace-header.css === */

/* v5.5.17 · Use Ink Free for the decorative English workspace header, keeping the compact clipped band. */
@media (min-width:761px){
  .workspace-decor-header{
    position:relative!important;
    flex:0 0 36px!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    margin:0 0 6px!important;
    overflow:hidden!important;
    pointer-events:none!important;
    user-select:none!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.92) 20%,#000 34%,#000 66%,rgba(0,0,0,.92) 80%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.92) 20%,#000 34%,#000 66%,rgba(0,0,0,.92) 80%,transparent 100%);
  }
  body.attributes-workspace-compact .workspace-decor-header{display:none!important;}
  .workspace-decor-title{
    --workspace-title-x:80px;
    --workspace-title-shift:0px;
    position:absolute!important;
    z-index:2!important;
    left:var(--workspace-title-x)!important;
    top:52%!important;
    transform:translate(-50%,-50%) rotate(-6deg)!important;
    transform-origin:50% 55%!important;
    display:block!important;
    max-width:46vw!important;
    margin:0!important;
    padding:0 6px 2px!important;
    overflow:visible!important;
    color:rgba(228,207,146,.76)!important;
    font-family:"Ink Free","Segoe Print","Segoe Script","Bradley Hand",cursive!important;
    font-size:46px!important;
    font-style:italic!important;
    font-weight:800!important;
    line-height:.88!important;
    letter-spacing:-.035em!important;
    -webkit-text-stroke:.28px rgba(231,207,137,.16)!important;
    white-space:nowrap!important;
    text-shadow:0 0 16px rgba(216,184,95,.11),0 1px 0 rgba(255,255,255,.03)!important;
    opacity:1;
    will-change:transform,opacity,filter,left;
    transition:left .36s cubic-bezier(.22,.8,.22,1),color .18s ease!important;
  }
  .workspace-decor-title.workspace-decor-animate{
    animation:workspaceDecorReveal .42s cubic-bezier(.22,.8,.22,1) both!important;
  }
  @keyframes workspaceDecorReveal{
    0%{
      opacity:0;
      filter:blur(4px);
      transform:translate(calc(-50% + var(--workspace-title-shift)),calc(-50% + 5px)) rotate(-9deg) scale(.965);
    }
    58%{opacity:.88;filter:blur(.7px)}
    100%{
      opacity:1;
      filter:blur(0);
      transform:translate(-50%,-50%) rotate(-6deg) scale(1);
    }
  }

  /* The old per-page title rows are now replaced by the decorative shared header. */
  #masteryCard > .mastery-head{display:none!important;}
  #facilitiesCard .facilities-heading-block{display:none!important;}
  #facilitiesCard .facilities-page-head{
    display:block!important;
    min-height:0!important;height:auto!important;
    margin:0 0 9px!important;padding:0!important;
  }
  #facilitiesCard .facilities-page-actions{margin:0!important;}
  #specializationPanel .specialization-page-head{display:none!important;}
  #playstylesPanel .ps-page-k6 .ps-page-head{display:none!important;}
  #playerCardPanel .build-overview-head{display:none!important;}

  /* Keep toolbar -> content cadence identical after removing legacy title rows. */
  #masteryCard .mastery-toolbar.workspace-toolbar,
  #facilitiesCard .facilities-page-actions.workspace-toolbar,
  #specializationPanel .specialization-workspace-toolbar,
  #playstylesPanel .ps-page-k6 .ps-library-toolbar.workspace-toolbar,
  #playerCardPanel .build-workspace-toolbar{
    margin-top:0!important;
  }
}
@media (min-width:761px) and (max-height:800px){
  .workspace-decor-header{flex-basis:32px!important;height:32px!important;min-height:32px!important;margin-bottom:5px!important;}
  .workspace-decor-title{font-size:42px!important;}
}
@media(max-width:760px){.workspace-decor-header{display:none!important;}}