body.home-reference .promotion-grid { min-width:0; max-width:100%; }
body.home-reference .promotion-card { display:flex; min-width:0; max-width:100%; overflow:hidden; }
body.home-reference .promotion-card > div { flex:1; width:100%; min-width:0; box-sizing:border-box; max-width:100%; }
body.home-reference .promotion-card h3, body.home-reference .promotion-card p { overflow-wrap:anywhere; }
body.home-reference .tool-panel { box-sizing:border-box; min-width:0; max-width:100%; flex-wrap:wrap; }
body.home-reference .tool-panel input { min-width:0; max-width:100%; }
body.home-reference .price-tabs { min-width:0; max-width:100%; flex-wrap:wrap; }
html body.home-reference #mobileFreeCases .free-case-card > .case-open > em,
html body.home-reference .free-case-card .case-open > em { box-sizing:border-box!important; max-width:100%!important; height:auto!important; min-height:32px; padding:7px 9px!important; white-space:normal!important; overflow-wrap:anywhere; text-align:center; line-height:1.3!important; }
body.home-reference .home-videos:has(> :only-child) { grid-template-columns:minmax(0,1fr); justify-items:center; }
body.home-reference .home-videos > :only-child { width:calc((100% - 28px)/3); }
.case-play-body .case-play-open { max-width:100%; height:auto; min-height:56px; padding:12px 18px; white-space:normal; overflow-wrap:anywhere; line-height:1.3; }
@media(max-width:767px) {
  body.home-reference .home-videos > :only-child { width:100%; }
  body.home-reference .tool-panel { display:flex; flex-direction:column; align-items:stretch; }
  body.home-reference .price-tabs { display:flex; gap:6px; }
  body.home-reference .price-tabs button { flex:1 1 auto; white-space:normal; }
}

body.case-play-body .case-play-open {
  min-width: 0; min-height: 44px; height: auto; max-width: 100%;
  padding: 10px 16px; border: 1px solid #31545d; border-radius: 10px;
  background: #143039 !important; color: #c8e9e6 !important;
  font-size: 14px; font-weight: 600; line-height: 22px;
  text-transform: none; box-shadow: none;
}
body.case-play-body .case-play-open:hover:not(:disabled) {
  background: #1b3d46 !important; border-color: #598b91;
}
body.case-play-body .case-play-open:disabled {
  background: #142329 !important; border-color: #293d44;
  color: #95a9ae !important; opacity: 1; cursor: default;
}
body.case-play-body .case-play-open:focus-visible {
  outline: 2px solid #77bdb8; outline-offset: 3px;
}

body.case-play-body .case-play-quantity button {
  min-width: 44px; min-height: 44px; padding: 10px 12px;
  border: 1px solid #293d44; border-radius: 10px;
  background: #10232b !important; color: #95a9ae !important;
  font-size: 14px; font-weight: 600; line-height: 22px; box-shadow: none;
}
body.case-play-body .case-play-quantity button.active {
  border-color: #598b91; background: #1b3d46 !important; color: #d0eeea !important;
}
body.case-play-body .case-play-quantity button:hover:not(:disabled) {
  border-color: #598b91; background: #1b3d46 !important;
}
body.case-play-body .case-play-quantity button:focus-visible {
  outline: 2px solid #77bdb8; outline-offset: 2px;
}

html body.case-play-body button.case-play-open,
html body.case-play-body button.case-play-open.is-repeat {
  background: #143039 !important; background-image: none !important;
  color: #c8e9e6 !important; border: 1px solid #31545d !important;
  box-shadow: none !important; filter: none !important;
  font-size: 14px !important; font-weight: 600 !important;
  min-height: 44px !important; padding: 10px 16px !important;
}
html body.case-play-body button.case-play-open:disabled {
  background: #142329 !important; color: #95a9ae !important;
}