/* 合成台动态弹层必须脱离 body 的横向 flex 布局，覆盖整个视口。 */
.warehouse-picker-mask,
.chip-rule-mask{
  position:fixed!important;
  z-index:1300;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0;
  min-height:0;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden;
  box-sizing:border-box;
  margin:0!important;
  padding:max(10px,env(safe-area-inset-top,0px)) 12px max(10px,env(safe-area-inset-bottom,0px))!important;
  background:rgba(2,6,18,.82);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}
.chip-rule-mask{z-index:1400}
.precise-craft-mask{z-index:1320!important}
.recipe-detail-mask{z-index:1350!important}
.warehouse-picker-mask{z-index:1400!important}
.chip-rule-mask{z-index:1500!important}
.parameter-detail-mask{z-index:1600!important}
.game-select-menu{z-index:1700!important}
.game4-toast-stack{position:fixed!important;z-index:2147483647!important;isolation:isolate;transform:translateX(-50%) translateZ(0)!important}
.warehouse-picker-mask[hidden],
.chip-rule-mask[hidden]{display:none!important}

/* 配方详情只覆盖玩家端应用宽度，并在应用正中显示，避免宽屏下看起来像右侧抽屉。 */
.recipe-detail-mask{
  position:fixed!important;
  z-index:1350;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  right:auto!important;
  width:min(100vw,var(--app-w))!important;
  height:100dvh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  margin:0!important;
  padding:max(12px,env(safe-area-inset-top,0px)) 14px max(12px,env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%);
  background:rgba(2,6,18,.86);
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}
.recipe-detail-mask[hidden]{display:none!important}
.recipe-detail-mask>.recipe-detail-panel{
  position:relative!important;
  flex:0 1 360px!important;
  width:min(360px,100%)!important;
  max-width:100%!important;
  max-height:min(680px,calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))!important;
  margin:auto!important;
  border-radius:17px!important;
  overflow:hidden!important;
  animation:craftOverlayIn .2s cubic-bezier(.22,.72,.25,1);
}

/* 装备配方详情：稳定的标题、滚动内容与固定操作区。 */
.recipe-detail-panel{
  background:
    radial-gradient(circle at 88% 0,rgba(86,61,196,.2),transparent 34%),
    linear-gradient(180deg,#101a35 0%,#080f21 100%)!important;
  border:1px solid rgba(98,211,255,.34)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.58),0 0 26px rgba(77,98,255,.16)!important;
}
.recipe-detail-panel>.craft-detail-head{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:16px 54px 14px 16px!important;
  background:linear-gradient(110deg,rgba(90,64,199,.23),rgba(25,187,228,.07))!important;
  border-bottom:1px solid rgba(82,211,255,.18)!important;
}
.recipe-detail-panel>.craft-detail-head>div{min-width:0;display:grid;gap:4px}
.recipe-detail-panel>.craft-detail-head small{color:#55dcff;font-size:9px;font-weight:800;letter-spacing:.13em}
.recipe-detail-panel>.craft-detail-head h3{overflow:hidden;margin:0;color:#f4f7ff;font-size:19px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.recipe-detail-panel>.craft-detail-head p{margin:0;color:#91a4c4;font-size:10px;line-height:1.4}
.recipe-detail-panel>.craft-detail-head>.craft-detail-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(126,154,201,.24)!important;
  border-radius:50%!important;
  color:#b7c7df!important;
  background:rgba(17,29,54,.94)!important;
  font-size:0!important;
}
.recipe-detail-panel>.craft-detail-head>.craft-detail-close::before{content:'×';font-size:20px;line-height:1}
.recipe-detail-panel>.craft-detail-body{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:15px!important;
  overflow-y:auto!important;
  padding:15px 16px 18px!important;
  overscroll-behavior:contain;
}
.recipe-detail-panel .craft-detail-result{
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:11px!important;
  border:1px solid rgba(94,139,226,.16);
  border-radius:13px;
  background:rgba(12,22,44,.68);
}
.recipe-detail-panel .craft-detail-result-img{width:64px!important;height:64px!important;border-radius:12px!important;background:rgba(124,92,255,.09)!important;object-fit:contain!important}
.recipe-detail-panel .craft-detail-result-name{font-size:17px;line-height:1.3}
.recipe-detail-panel .craft-detail-result-meta{margin-top:3px;font-size:10px;color:#9baccc}
.recipe-detail-panel .craft-detail-result-remark{margin:7px 0 0;font-size:10px;line-height:1.55;color:#7488a9}
.recipe-detail-panel .craft-detail-section{gap:8px}
.recipe-detail-panel .craft-detail-section>.section-title{margin:0;color:#f2f6ff;font-size:13px;font-weight:850}
.recipe-detail-panel .craft-mat-row{
  display:grid!important;
  grid-template-columns:18px 40px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:60px;
  padding:8px 10px!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,rgba(18,30,58,.92),rgba(13,22,45,.74))!important;
}
.recipe-detail-panel .craft-mat-img,.recipe-detail-panel .craft-mat-emoji{width:40px;height:40px;border-radius:9px;object-fit:contain}
.recipe-detail-panel .craft-mat-info{display:grid;gap:3px;min-width:0}
.recipe-detail-panel .craft-mat-name{overflow:hidden;color:#eff5ff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.recipe-detail-panel .craft-mat-qty{margin:0;font-size:9px;line-height:1.35}
.recipe-detail-panel .craft-mat-row em{padding-left:5px;color:#62ddff;font-size:9px!important;font-weight:750}
.recipe-detail-panel>.recipe-detail-actions{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1.35fr!important;
  gap:8px!important;
  padding:11px 16px calc(11px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid rgba(76,211,248,.16)!important;
  background:rgba(8,15,32,.97)!important;
}
.recipe-detail-panel>.recipe-detail-actions .craft-btn,.recipe-detail-panel>.recipe-detail-actions .craft-run-btn{min-height:44px!important;border-radius:11px!important;font-size:12px!important}
.warehouse-picker-mask>.warehouse-picker-panel,
.chip-rule-mask>.chip-rule-panel{
  position:relative;
  flex:0 1 430px;
  width:min(430px,100%)!important;
  max-width:100%!important;
  max-height:min(760px,calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))!important;
  min-height:0;
  margin:auto!important;
  overflow:hidden;
  animation:craftOverlayIn .2s cubic-bezier(.22,.72,.25,1);
}
.warehouse-picker-mask>.warehouse-picker-panel{height:min(700px,calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}
.warehouse-picker-panel>.warehouse-picker-list,
.chip-rule-panel>.chip-rule-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
body.modal-open:has(.warehouse-picker-mask:not([hidden])),
body.modal-open:has(.chip-rule-mask:not([hidden])){touch-action:pan-y}
@keyframes craftOverlayIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:480px){
  .warehouse-picker-mask,.chip-rule-mask{padding:8px!important}
  .warehouse-picker-mask>.warehouse-picker-panel,.chip-rule-mask>.chip-rule-panel{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:16px}
  .warehouse-picker-mask>.warehouse-picker-panel{height:calc(100dvh - 16px)}
}