/* MAJAPP_LEAGUE_A_UI_V332
 * 联盟A规 UI 微调：两行 PT 说明统一为联盟A规标题橙黄色。
 */
:root{
  --league-a:#d97706;
  --league-a-deep:#b45309;
  --league-a-bg:#fffbeb;
  --league-a-border:#fbbf24;
  --league-a-accent:#f59e0b;
}

/* 卡片与其他三种规则保持同样尺寸；未选中时保持白底。 */
html body #startMask #blockLeagueA{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 10px!important;
  border-radius:6px!important;
  border:1px solid #dbeafe!important;
  border-bottom:1px solid #dbeafe!important;
  background:#fff!important;
  color:#1e293b!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #startMask #blockLeagueA.active{
  background:var(--league-a-bg)!important;
  border-color:var(--league-a-border)!important;
  box-shadow:none!important;
}

/* 名称始终使用橙黄色；布局、字号与其他规则一致。 */
html body #startMask #blockLeagueA .mode-line > label.mode-left,
html body #startMask #blockLeagueA .mode-line > label.mode-left > span,
html body #startMask #blockLeagueA .modeNameText{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--league-a)!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  transform:none!important;
  zoom:1!important;
}
html body #startMask #blockLeagueA .modeNameText{
  display:inline-block!important;
}

/* LEAGUE_A_RADIO_UNIFIED_V353
 * 五种规则统一为同一套白底圆环＋主题色小圆点，避免手机原生控件渲染差异。
 */
html body #startMask .mode-line > label.mode-left > input[type="radio"],
html body #startMask #modeRadioSimple,
html body #startMask #modeRadioMajsoul,
html body #startMask #modeRadioMLeague,
html body #startMask #modeRadioRankPoints,
html body #startMask #modeRadioLeagueA{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  box-sizing:border-box!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #94a3b8!important;
  border-radius:50%!important;
  background-color:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none!important;
  flex:0 0 15px!important;
  pointer-events:auto!important;
  vertical-align:middle!important;
}
html body #startMask #modeRadioSimple{--mode-radio-color:#2563eb;}
html body #startMask #modeRadioMajsoul{--mode-radio-color:#7c3aed;}
html body #startMask #modeRadioMLeague{--mode-radio-color:#dc2626;}
html body #startMask #modeRadioRankPoints{--mode-radio-color:#16a34a;}
html body #startMask #modeRadioLeagueA{--mode-radio-color:var(--league-a-accent);}

html body #startMask .mode-line > label.mode-left > input[type="radio"]:checked,
html body #startMask #modeRadioSimple:checked,
html body #startMask #modeRadioMajsoul:checked,
html body #startMask #modeRadioMLeague:checked,
html body #startMask #modeRadioRankPoints:checked,
html body #startMask #modeRadioLeagueA:checked{
  border-color:var(--mode-radio-color)!important;
  background-color:#fff!important;
  background-image:radial-gradient(circle at center,var(--mode-radio-color) 0 3px,transparent 3.2px)!important;
  box-shadow:none!important;
}
html body #startMask .mode-line > label.mode-left > input[type="radio"]:focus-visible{
  outline:2px solid color-mix(in srgb,var(--mode-radio-color) 28%,transparent)!important;
  outline-offset:2px!important;
}

/* 只读框完全套用现有 uma-select 的尺寸与视觉，只是不显示下拉箭头。 */
html body #startMask #blockLeagueA .league-a-readonly{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 8px!important;
  border:1px solid #bfdbfe!important;
  border-radius:6px!important;
  background:#fff!important;
  color:var(--league-a)!important;
  -webkit-text-fill-color:var(--league-a)!important;
  font-size:12px!important;
  line-height:30px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  cursor:default!important;
  box-sizing:border-box!important;
}
html body #startMask #blockLeagueA:not(.active) .mode-right{
  opacity:.48!important;
  pointer-events:none!important;
}
html body #startMask #blockLeagueA.active .mode-right{
  opacity:1!important;
}

/* PT 区严格两行：公式一行，三套浮沉顺位点合并为一行。 */
html body #startMask #modeFormula .league-a-formula{
  display:block!important;
  color:var(--league-a)!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
html body #startMask #modeFormula .league-a-tables{
  display:flex!important;
  column-gap:.75em!important;
  row-gap:0!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:3px!important;
  color:var(--league-a)!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:-.45px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
html body #startMask #modeFormula .league-a-tables span{
  display:inline-block!important;
  white-space:nowrap!important;
}

html body .league-a-live{
  display:inline-flex!important;
  align-items:center!important;
  margin-left:6px!important;
  color:#92400e!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
html body .ruleBadge.league-a{
  color:var(--league-a-deep)!important;
  font-weight:900!important;
}

@media(max-width:420px){
  html body #startMask #modeFormula .league-a-formula{
    font-size:9.7px!important;
    letter-spacing:-.15px!important;
  }
  html body #startMask #modeFormula .league-a-tables{
    column-gap:.62em!important;
    font-size:9.7px!important;
    letter-spacing:-.55px!important;
  }
  html body .league-a-live{
    display:block!important;
    margin:3px 0 0!important;
  }
}


/* MAJAPP_LEAGUE_A_OFFICIAL_TOTAL_HINT_V334
 * 显示格式：总分校验·当前/目标；联盟A规追加“供托·数值”。
 */
html body .check-val.score-total-hint-v334{
  gap:0!important;
  white-space:nowrap!important;
}
html body .check-val.score-total-hint-v334 > .mark,
html body .check-val.score-total-hint-v334 .league-a-kyotaku > .mark{
  margin:0 1px!important;
}
html body .check-val.score-total-hint-v334 .league-a-kyotaku{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  margin-left:5px!important;
  white-space:nowrap!important;
}
html body #matchView #addHint.league-a-total-hint{
  padding-left:5px!important;
  padding-right:5px!important;
}
@media(max-width:420px){
  html body #matchView #addHint.league-a-total-hint .label,
  html body #matchView #addHint.league-a-total-hint .mark,
  html body #matchView #addHint.league-a-total-hint .txt{
    font-size:8.7px!important;
    letter-spacing:-.04em!important;
  }
  html body #matchView #addHint.league-a-total-hint .league-a-kyotaku{
    margin-left:4px!important;
  }
}


/* MAJAPP_LEAGUE_A_ROUND_TAG_TOTAL_SPACES_V335
 * 半庄标题栏显示橙黄色浮沉标签；总分校验统一用半角空格，不再使用圆点。
 */
html body .check-val.score-total-hint-v335{
  gap:0!important;
  white-space:nowrap!important;
}
html body .check-val.score-total-hint-v335 .score-total-copy-v335{
  display:inline!important;
  white-space:nowrap!important;
}
html body .check-val.score-total-hint-v335 .league-a-kyotaku{
  display:inline!important;
  margin:0!important;
  white-space:nowrap!important;
}
html body #matchView .round-card .round-head.roundTitleHead .roundFloatTagV335{
  grid-column:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:start!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid #fde68a!important;
  border-radius:var(--ys-radius-btn,5px)!important;
  background:var(--league-a-bg,#fffbeb)!important;
  color:var(--league-a,#d97706)!important;
  box-shadow:0 1px 2px rgba(217,119,6,.06)!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
@media(max-width:390px){
  html body #matchView .round-card .round-head.roundTitleHead .roundFloatTagV335{
    padding:0 6px!important;
    font-size:9.5px!important;
  }
}

/* MAJAPP_START_MODAL_SHARED_COMPACT_V352
 * “开始对局”和“修改设定”共用同一套紧凑布局。
 * 标题文字、当前对局数据与删除区域仍由业务状态分别控制。
 */
html body #startMask.startCompactV352{
  padding:6px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
html body #startMask.startCompactV352 .mmModal{
  width:min(94vw,650px)!important;
  max-width:650px!important;
  max-height:calc(100vh - 12px)!important;
  max-height:calc(100dvh - 12px)!important;
  margin:0!important;
  padding:10px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  box-sizing:border-box!important;
}
html body #startMask.startCompactV352 .modalHead{
  min-height:42px!important;
  margin:-10px -10px 7px!important;
  padding:12px 12px 7px!important;
}
html body #startMask.startCompactV352 .modalHead .modalTitle{
  font-size:15px!important;
  line-height:1.2!important;
}
html body #startMask.startCompactV352 .modalClose{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
}
html body #startMask.startCompactV352 .modal-section,
html body #startMask.startCompactV352 .modalHead + .modal-section,
html body #startMask.startCompactV352 .modalHead + .modal-section + .modal-section{
  margin:0 0 7px!important;
  padding:8px!important;
}
html body #startMask.startCompactV352 .modal-label{
  margin:0 0 6px!important;
  font-size:13px!important;
  line-height:1.25!important;
}
html body #startMask.startCompactV352 .formGrid{
  gap:6px 8px!important;
}
html body #startMask.startCompactV352 #mp0,
html body #startMask.startCompactV352 #mp1,
html body #startMask.startCompactV352 #mp2,
html body #startMask.startCompactV352 #mp3{
  height:34px!important;
  min-height:34px!important;
  padding-top:5px!important;
  padding-bottom:5px!important;
}
html body #startMask.startCompactV352 .mode-block,
html body #startMask.startCompactV352 #blockSimple,
html body #startMask.startCompactV352 #blockMajsoul,
html body #startMask.startCompactV352 #blockMLeague,
html body #startMask.startCompactV352 #blockRankPoints,
html body #startMask.startCompactV352 #blockLeagueA{
  min-height:38px!important;
  margin:0 0 5px!important;
  padding:5px 8px!important;
}
html body #startMask.startCompactV352 .mode-block:last-child{
  margin-bottom:0!important;
}
html body #startMask.startCompactV352 .mode-line{
  min-height:28px!important;
  gap:8px!important;
}
html body #startMask.startCompactV352 .uma-select,
html body #startMask.startCompactV352 .uma-input,
html body #startMask.startCompactV352 .league-a-readonly{
  height:30px!important;
  min-height:30px!important;
}
html body #startMask.startCompactV352 #modeFormula,
html body #startMask.startCompactV352 .formula-box{
  margin:0 0 7px!important;
  padding:6px 8px!important;
  min-height:38px!important;
  line-height:1.25!important;
}
html body #startMask.startCompactV352 #modeFormula .league-a-tables{
  margin-top:2px!important;
}
html body #startMask.startCompactV352 #enterBtn{
  height:38px!important;
  min-height:38px!important;
}
html body #startMask.startCompactV352 #startDangerZone.startDangerZone{
  min-height:36px!important;
  margin:7px 0 0!important;
  padding:7px 0 0!important;
  gap:8px!important;
}
html body #startMask.startCompactV352 #startDangerZone .startDangerHint{
  font-size:10.5px!important;
}
html body #startMask.startCompactV352 #startDangerZone .startDangerBtn{
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  font-size:11px!important;
}
@media(max-height:680px){
  html body #startMask.startCompactV352 .mmModal{
    padding:8px!important;
  }
  html body #startMask.startCompactV352 .modalHead{
    margin:-8px -8px 5px!important;
    padding:10px 10px 5px!important;
  }
  html body #startMask.startCompactV352 .modal-section,
  html body #startMask.startCompactV352 .modalHead + .modal-section,
  html body #startMask.startCompactV352 .modalHead + .modal-section + .modal-section{
    margin-bottom:5px!important;
    padding:6px!important;
  }
  html body #startMask.startCompactV352 .mode-block,
  html body #startMask.startCompactV352 #blockSimple,
  html body #startMask.startCompactV352 #blockMajsoul,
  html body #startMask.startCompactV352 #blockMLeague,
  html body #startMask.startCompactV352 #blockRankPoints,
  html body #startMask.startCompactV352 #blockLeagueA{
    min-height:35px!important;
    margin-bottom:4px!important;
    padding:3px 7px!important;
  }
  html body #startMask.startCompactV352 #modeFormula,
  html body #startMask.startCompactV352 .formula-box{
    margin-bottom:5px!important;
    padding:5px 7px!important;
  }
  html body #startMask.startCompactV352 #enterBtn{
    height:36px!important;
    min-height:36px!important;
  }
  html body #startMask.startCompactV352 #startDangerZone.startDangerZone{
    margin-top:5px!important;
    padding-top:5px!important;
  }
}