/* === SOURCE: css/278-v5813-prelaunch-polish-style.css === */

@media(min-width:761px){
  /* ===== Signature PlayStyle+ chooser: only badge + Chinese name ===== */
  .global-archetype-overview-card .pc-signature-picker{
    width:244px!important;
    padding:8px!important;
    border-radius:13px!important;
  }
  .global-archetype-overview-card .pc-signature-picker-head{display:none!important;}
  .global-archetype-overview-card .pc-signature-choices{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .global-archetype-overview-card .pc-signature-choice{
    position:relative!important;
    min-height:82px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:8px 7px!important;
    border-radius:10px!important;
    text-align:center!important;
  }
  .global-archetype-overview-card .pc-signature-choice-badge{
    width:40px!important;
    height:40px!important;
  }
  .global-archetype-overview-card .pc-signature-choice-badge .overview-badge-shell{
    --badge-h:34px!important;
    --badge-w:40px!important;
    --icon-box:18px!important;
    --gold-lift:1.7px!important;
    width:40px!important;
    height:40px!important;
  }
  .global-archetype-overview-card .pc-signature-choice-badge.silver .overview-badge-shell{
    --badge-h:34px!important;
    --badge-w:34px!important;
    --gold-lift:0px!important;
  }
  .global-archetype-overview-card .pc-signature-choice-copy{
    min-width:0!important;
    width:100%!important;
    display:block!important;
  }
  .global-archetype-overview-card .pc-signature-choice-copy small{display:none!important;}
  .global-archetype-overview-card .pc-signature-choice-copy strong{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#c9d0d6!important;
    font-size:11.5px!important;
    font-weight:800!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  .global-archetype-overview-card .pc-signature-choice.active .pc-signature-choice-copy strong{
    color:#e3ca78!important;
  }

  /* ===== AP calculator: simplify to a 10.5 / 11.5 / 13.5 / 14 scale ===== */
  #diyPanel .diy-section-head span,
  #diyPanel .diy-section-head small,
  #diyPanel .diy-attr-group-head span,
  #diyPanel .diy-attr-source,
  #diyPanel .diy-badge-group-head strong,
  #diyPanel .diy-badge-group-head span,
  #diyPanel .diy-badge-name,
  #diyPanel .diy-requirement-summary,
  #diyPanel .diy-calculate-btn small,
  #diyPanel .diy-import-archetype-btn small,
  #diyPanel .diy-import-archetype-copy small,
  #diyPanel .diy-import-archetype-state,
  .diy-result-head span,
  .diy-result-copy span,
  .diy-result-row.impossible .diy-result-cost,
  .diy-detail-head small,
  .diy-detail-total span,
  .diy-detail-row>em{
    font-size:10.5px!important;
  }
  #diyPanel .diy-import-archetype-copy strong,
  .diy-result-rank,
  .diy-result-copy strong,
  .diy-detail-row>span,
  .diy-detail-row>b{
    font-size:11.5px!important;
  }
  #diyPanel .diy-section-head strong{font-size:13.5px!important;}
  #diyPanel .diy-toolbar-metric>strong{font-size:14px!important;}
  #diyPanel .diy-import-archetype-option{min-height:50px!important;}
  #diyPanel .diy-import-archetype-state{min-width:38px!important;padding:4px 6px!important;}
  #diyPanel .diy-badge-btn{height:68px!important;}
  #diyPanel .diy-calculate-btn small{margin-top:3px!important;}
  .diy-result-meta{font-size:11.5px!important;}

  /* ===== My Build showcase: remove tiny labels while preserving density ===== */
  #myBuildShowcaseV2 .mb29-archetype-en,
  #myBuildShowcaseV2 .mb29-picker-option,
  #myBuildShowcaseV2 .mb29-info-item span,
  #myBuildShowcaseV2 .mb29-ps-empty,
  #myBuildShowcaseV2 .mb29-toggle{
    font-size:10.5px!important;
  }
  #myBuildShowcaseV2 .mb29-picker-btn,
  #myBuildShowcaseV2 .mb29-attr-row span{
    font-size:11.5px!important;
  }
  #myBuildShowcaseV2 .mb29-group h4{font-size:12px!important;}
  #myBuildShowcaseV2 .mb29-attr-row strong{font-size:13.5px!important;}

  /* Saved Build library / dialogs: minimum readable size = 10.5px. */
  #mb24Library .mb70-sort-label,
  #mb24Library .mb70-sort,
  #mb24Library .mb70-cap,
  #mb24Library .mb70-meta,
  #mb24Library .mb70-date,
  #mb24Library .mb70-tag,
  #mb24Library .mb70-empty span,
  .mb70-menu button,
  .mb70-preview-head span,
  .mb70-scope,
  .mb70-modal-head small,
  .mb70-field-label,
  .mb70-section-title,
  .mb70-check small,
  .mb70-summary{
    font-size:10.5px!important;
  }
  #mb24Library .mb70-title,
  .mb70-preview-head strong,
  .mb70-input,
  .mb70-copy,
  .mb70-check strong{
    font-size:11.5px!important;
  }
  #mb24Library .mb70-sort{height:28px!important;min-width:72px!important;}
  #mb24Library .mb70-card{min-height:80px!important;}
  #mb24Library .mb70-tag{height:20px!important;padding:0 7px!important;}
  .mb70-menu button{height:32px!important;}
  .mb70-scope{height:22px!important;}
  .mb70-check{min-height:43px!important;}
}

/* === SOURCE: css/279-v5814-prelaunch-typography-polish.css === */

@media(min-width:761px){

  /* =========================================================
     1) Overview gender / unit switch:
        exact inner-half geometry + hard edge protection.
     ========================================================= */
  .global-archetype-overview-card .ovc-pill-switch,
  body.build-overview-active .global-archetype-overview-card .ovc-pill-switch{
    box-sizing:border-box!important;
    min-width:64px!important;
    height:30px!important;
    padding:3px!important;
    overflow:hidden!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .global-archetype-overview-card .ovc-pill-switch[data-size="sm"],
  body.build-overview-active .global-archetype-overview-card .ovc-pill-switch[data-size="sm"]{
    min-width:58px!important;
  }

  .global-archetype-overview-card .ovc-pill-switch::before,
  body.build-overview-active .global-archetype-overview-card .ovc-pill-switch::before{
    box-sizing:border-box!important;
    left:3px!important;
    top:3px!important;
    bottom:3px!important;
    width:calc((100% - 6px) / 2)!important;
    max-width:calc((100% - 6px) / 2)!important;
  }

  .global-archetype-overview-card .ovc-pill-switch[data-state="right"]::before,
  body.build-overview-active .global-archetype-overview-card .ovc-pill-switch[data-state="right"]::before{
    transform:translateX(100%)!important;
  }

  .global-archetype-overview-card .ovc-pill-switch .opt,
  body.build-overview-active .global-archetype-overview-card .ovc-pill-switch .opt{
    min-width:0!important;
    padding:0!important;
    font-size:11.5px!important;
    line-height:1!important;
  }

  /* =========================================================
     2) Global Archetype Overview:
        protect small text while preserving the existing spacing.
        Most support text -> 10.5px, normal labels -> 11.5px.
     ========================================================= */
  .global-archetype-overview-card .ovc-model-copy span,
  body.build-overview-active .global-archetype-overview-card .ovc-model-copy span{
    font-size:10.5px!important;
    line-height:1.15!important;
  }

  .global-archetype-overview-card .ovc-model-action-label,
  body.build-overview-active .global-archetype-overview-card .ovc-model-action-label{
    font-size:10.5px!important;
    line-height:1!important;
  }

  .global-archetype-overview-card .ovc-meter-label,
  body.build-overview-active .global-archetype-overview-card .ovc-meter-label,
  .global-archetype-overview-card .ovc-meter-meta span,
  body.build-overview-active .global-archetype-overview-card .ovc-meter-meta span{
    font-size:10.5px!important;
    line-height:1.15!important;
  }

  .global-archetype-overview-card .ovc-meter-meta strong,
  body.build-overview-active .global-archetype-overview-card .ovc-meter-meta strong{
    font-size:13.5px!important;
    line-height:1!important;
  }

  .global-archetype-overview-card .ovc-level-float,
  body.build-overview-active .global-archetype-overview-card .ovc-level-float{
    width:52px!important;
    height:29px!important;
    font-size:10.5px!important;
  }

  .global-archetype-overview-card .ovc-star-label,
  body.build-overview-active .global-archetype-overview-card .ovc-star-label{
    font-size:11.5px!important;
  }

  .global-archetype-overview-card .ovc-ps-label,
  body.build-overview-active .global-archetype-overview-card .ovc-ps-label{
    font-size:10.5px!important;
    line-height:1.1!important;
  }

  .global-archetype-overview-card .ovc-signature-upgrade-hint,
  body.build-overview-active .global-archetype-overview-card .ovc-signature-upgrade-hint{
    font-size:9.5px!important;
    line-height:1.1!important;
  }

  .global-archetype-overview-card .ovc-body-chip,
  body.build-overview-active .global-archetype-overview-card .ovc-body-chip{
    font-size:11.5px!important;
  }

  .global-archetype-overview-card .ovc-body-chip b,
  body.build-overview-active .global-archetype-overview-card .ovc-body-chip b{
    font-size:15.5px!important;
  }

  .global-archetype-overview-card .ovc-body-toggle-label,
  .global-archetype-overview-card .ovc-body-reset-label,
  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:10.5px!important;
  }

  .global-archetype-overview-card .ovc-accelerate strong,
  body.build-overview-active .global-archetype-overview-card .ovc-accelerate strong{
    font-size:11.5px!important;
  }

  .global-archetype-overview-card .ovc-body-axis{
    font-size:10px!important;
    padding:3px 4px!important;
    border-radius:5px!important;
  }

  .global-archetype-overview-card .ovc-body-mod span{
    font-size:10.5px!important;
    line-height:1.15!important;
  }

  .global-archetype-overview-card .ovc-body-mod strong{
    font-size:13.5px!important;
    line-height:1!important;
  }

  /* =========================================================
     3A) AMP modal:
         remove 7–8px text while keeping the grid compact.
     ========================================================= */
  .fc27-amp-modal{
    width:min(560px,92vw)!important;
  }

  .fc27-amp-modal-title strong{
    font-size:13.5px!important;
  }

  .fc27-amp-modal-title small,
  .fc27-amp-modal-note,
  .fc27-amp-modal-foot,
  .fc27-amp-modal-clear{
    font-size:10.5px!important;
    line-height:1.35!important;
  }

  .fc27-amp-modal-note{
    white-space:normal!important;
  }

  .fc27-amp-modal-tier button{
    height:28px!important;
    padding:0 10px!important;
    font-size:10.5px!important;
  }

  .fc27-amp-modal-choice{
    min-height:74px!important;
    gap:5px!important;
    padding:6px 4px!important;
  }

  .fc27-amp-modal-choice>span:last-child{
    font-size:10.5px!important;
    line-height:1.15!important;
  }

  .fc27-amp-modal-clear{
    height:28px!important;
    padding:0 10px!important;
  }

  /* =========================================================
     3B) Similar player drawer / generated results:
         main support text >=10.5px; micro EA-card labels use 9.5px
         to keep the small preview card visually balanced.
     ========================================================= */
  .ut-drawer-beta{
    height:20px!important;
    padding:0 7px!important;
    font-size:9.5px!important;
  }

  .ut-db-readyline,
  .ut-result-topline,
  .ut-compact-meta span,
  .ut-compact-score span,
  .ut-compact-stat span,
  .ut-official-footnote{
    font-size:10.5px!important;
    line-height:1.35!important;
  }

  .ut-compact-name{
    font-size:13.5px!important;
  }

  .ut-compact-score strong{
    font-size:14px!important;
  }

  .ut-compact-stat strong{
    font-size:12px!important;
  }

  .ut-high-breakdown span,
  .ut-basic-breakdown span{
    min-height:21px!important;
    padding:0 7px!important;
    font-size:10px!important;
    line-height:1!important;
  }

  .ut-high-breakdown b{
    font-size:10.5px!important;
  }

  .ut-ea-card-overlay b,
  .ut-ea-card-overlay small,
  .ut-ea-card-caption{
    font-size:9.5px!important;
    line-height:1.15!important;
    letter-spacing:.04em!important;
  }

  /* =========================================================
     3C) Saved Build preview:
         make the read-only explanation actually readable.
     ========================================================= */
  .mb70-preview-head strong{
    font-size:13.5px!important;
    line-height:1.2!important;
  }

  .mb70-preview-head span{
    margin-top:4px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }
}

/* === SOURCE: css/280-v5815-similarity-link-style.css === */

@media(min-width:761px){
  /* First result uses the same geometry as every other row. Only a restrained
     gold tint remains to communicate rank #1. */
  .ut-compact-player.is-top{
    grid-template-columns:28px minmax(0,1fr)!important;
    border-color:rgba(219,184,95,.18)!important;
    background:
      linear-gradient(180deg,rgba(219,184,95,.052),rgba(219,184,95,.018))!important;
    box-shadow:inset 0 0 0 1px rgba(219,184,95,.022)!important;
  }

  .ut-compact-player{
    cursor:pointer!important;
    transition:
      border-color .14s ease,
      background .14s ease,
      transform .14s ease!important;
  }

  .ut-compact-player:hover{
    border-color:rgba(255,255,255,.13)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.047),rgba(255,255,255,.021))!important;
  }

  .ut-compact-player.is-top:hover{
    border-color:rgba(219,184,95,.25)!important;
    background:linear-gradient(180deg,rgba(219,184,95,.070),rgba(219,184,95,.024))!important;
  }

  .ut-compact-player:focus-visible{
    outline:none!important;
    border-color:rgba(219,184,95,.42)!important;
    box-shadow:0 0 0 2px rgba(219,184,95,.10)!important;
  }
}

.ut-player-link-confirm-backdrop{
  position:fixed;
  inset:0;
  z-index:99998;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(4,7,10,.66);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

.ut-player-link-confirm{
  width:min(360px,92vw);
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:#111820;
  box-shadow:0 24px 64px rgba(0,0,0,.42);
  overflow:hidden;
}

.ut-player-link-confirm-body{
  padding:18px 18px 15px;
}

.ut-player-link-confirm-kicker{
  color:#7d8993;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.08em;
}

.ut-player-link-confirm-name{
  margin-top:7px;
  color:#eef2f5;
  font-size:15px;
  font-weight:850;
  line-height:1.25;
}

.ut-player-link-confirm-copy{
  margin-top:7px;
  color:#7f8b95;
  font-size:10.5px;
  line-height:1.45;
}

.ut-player-link-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:12px 14px 14px;
  border-top:1px solid rgba(255,255,255,.055);
}

.ut-player-link-confirm-actions button{
  height:34px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  color:#88949e;
  font-size:11.5px;
  font-weight:800;
  cursor:pointer;
}

.ut-player-link-confirm-actions button:hover{
  border-color:rgba(255,255,255,.15);
  color:#d8dee3;
}

.ut-player-link-confirm-actions .confirm{
  border-color:rgba(219,184,95,.26);
  background:rgba(219,184,95,.085);
  color:#d9bf79;
}

.ut-player-link-confirm-actions .confirm:hover{
  border-color:rgba(219,184,95,.38);
  background:rgba(219,184,95,.12);
  color:#ead494;
}