/* 4444GM game page: approved demo layout, 2026-10-08. */

.optimized .primary-actions{
  grid-template-columns:1fr;
  gap:8px
}
.optimized .primary-button.primary-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:50px;
  min-height:50px;
  padding:0 18px;
  border:0;
  border-radius:14px;
  box-shadow:none
}
.optimized .primary-button.register{
  color:#fff;
  background:linear-gradient(180deg,#ff7a3c,#ef4d16)
}
.optimized .primary-button.download{
  color:#fff;
  background:linear-gradient(180deg,#4d86f5,#2457d6)
}
.optimized .primary-button .button-copy,
.optimized .primary-button .button-copy strong,
.optimized .primary-button .button-copy b{
  color:#fff;
  font-size:15px;
  font-weight:800
}
.optimized .primary-button .primary-icon{
  align-self:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border:0;
  border-radius:7px;
  background:rgba(255,255,255,.2);
  color:#fff
}
.optimized .primary-button .primary-icon svg{width:14px;height:14px}
.optimized .primary-button .button-copy{padding:0}
.optimized .primary-button:hover{filter:brightness(1.03)}
.optimized .primary-button:active{transform:scale(.985);filter:none}

.optimized .tool-button.compact-sub-action{
  height:44px;
  min-height:44px;
  padding:0 12px;
  border-radius:12px;
  border-color:#efe4da;
  background:#fff;
  color:#2b241c;
  box-shadow:none
}
.optimized .tool-button.compact-sub-action>span:last-child{
  color:#2b241c;
  font-size:13px;
  font-weight:700
}
.optimized .tool-button.compact-sub-action .tool-icon{color:#5c4a38}
.optimized .tool-button.compact-sub-action.is-intro{
  background:#fff;
  border-color:#e4ebf3;
  color:#243044
}
.optimized .tool-button.compact-sub-action.is-intro>span:last-child{color:#243044}
.optimized .tool-button.compact-sub-action.is-intro .tool-icon{color:#2f5f96}
.optimized .tool-button.compact-sub-action.is-recharge{
  background:#fff8f4;
  border-color:#f3e0d4;
  color:#6a3b22
}
.optimized .tool-button.compact-sub-action.is-recharge>span:last-child{color:#6a3b22}
.optimized .tool-button.compact-sub-action.is-recharge .tool-icon{color:#c45a28}
.optimized .tool-grid .tool-button.compact-sub-action.contact-entry,
.optimized .tool-grid .tool-button.compact-sub-action.is-save{
  grid-column:auto;
  width:auto;
  height:44px;
  min-height:44px;
  padding:0 12px;
  border-radius:12px;
  background:#fff;
  box-shadow:none;
  font-size:13px;
  font-weight:700
}
.optimized .tool-grid .tool-button.compact-sub-action.is-customer{
  border-color:#d7eadf;
  color:#1d5c3a
}
.optimized .tool-grid .tool-button.compact-sub-action.is-customer>span:last-child{color:#1d5c3a}
.optimized .tool-grid .tool-button.compact-sub-action.is-customer .tool-icon{color:#1f8a52}
.optimized .tool-grid .tool-button.compact-sub-action.is-save{
  border-color:#efe4da;
  color:#2b241c
}
.optimized .tool-grid .tool-button.compact-sub-action.is-save>span:last-child{
  color:#2b241c;
  font-size:13px;
  font-weight:700;
  text-align:center;
  padding:0
}
.optimized .tool-grid .tool-button.compact-sub-action.is-save .tool-icon{color:#5c4a38}
.optimized .tool-grid .tool-button.compact-sub-action.is-save.is-full-row{
  grid-column:1 / -1;
  width:100%
}
.optimized .tool-button.compact-sub-action.is-unavailable{opacity:.7}

.optimized .codes{gap:8px}
.optimized .code-card{
  display:block;
  padding:12px 14px;
  border:1px solid #f0e6dc;
  border-radius:14px;
  background:#fff
}
.optimized .code-top{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:12px
}
.optimized .code-main{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px
}
.optimized .code-value{
  flex:none;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  color:#3a312a;
  font-size:16px;
  font-weight:750;
  letter-spacing:0;
  line-height:1.3
}
.optimized .code-date{display:none}
.optimized .copy-btn{
  align-self:center;
  min-width:64px;
  height:32px;
  margin:0;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:#fff1e6;
  color:#c46a32;
  font-size:12px;
  font-weight:650
}
.optimized .code-desc{
  display:block;
  margin:10px 0 0;
  padding-top:10px;
  border-top:1px solid #f4ebe3;
  color:#6d6158;
  font-size:13px;
  line-height:1.7;
  white-space:normal;
  overflow:visible
}
@media(max-width:374px){
  .optimized .code-date{display:none}
}