.hub-dialog {
  --hub-muted:#c5c7c8;
  --hub-line:#bd9c6140;
  max-width:560px!important;
  color:#f8e5bd
}
.hub-dialog h3 {
  font-size:16px;
  margin:12px 0 8px!important
}
.hub-dialog .helper {
  font-size:12px;
  line-height:1.65
}
.hub-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:16px 0
}
.hub-stats>span {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  font-size:11px;
  color:#c5c7c8;
  padding:10px 4px;
  border:1px solid var(--hub-line,#bd9c6140);
  border-radius:10px;
  background:#17283b9e
}
.hub-stats b {
  font-size:21px;
  color:#ffdfa0
}
.hub-empty {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:140px;
  padding:22px 8px;
  text-align:center;
  color:#cdd6d9
}
.hub-empty>span:not(.spinner) {
  font-size:38px;
  color:#e4bd78
}
.hub-empty p {
  line-height:1.7
}
.hub-tabs {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:16px 0
}
.hub-tabs button {
  min-height:46px;
  padding:8px;
  background:#1b2b40;
  color:#d6d8d8;
  border:1px solid #b5976044;
  border-radius:8px
}
.hub-tabs .active {
  background:#715634;
  color:#ffebbf;
  border-color:#e0bb76
}
.hub-refresh {
  display:block;
  margin:10px auto 0
}
.hub-period {
  font-size:11px!important;
  color:var(--hub-muted);
  line-height:1.6
}
.hub-history,.hub-ranking,.hub-ledger {
  list-style:none;
  padding:0;
  margin:14px 0
}
.hub-history li {
  padding:14px 0;
  border-bottom:1px solid var(--hub-line)
}
.hub-record-title {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center
}
.hub-record-title strong {
  color:#f2c674
}
.hub-record-title .record-lost,.hub-record-title .record-abandoned {
  color:#edab98
}
.hub-record-title>span {
  font-size:12px
}
.hub-record-title time {
  font-size:10px;
  color:var(--hub-muted);
  margin-left:auto
}
.hub-history li p {
  font-size:12px!important;
  margin:8px 0!important;
  color:#d4d6d5;
  overflow-wrap:anywhere
}
.hub-history li small {
  font-size:11px;
  color:#edce94
}
.hub-pagination {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:8px;
  align-items:center;
  margin-top:16px
}
.hub-pagination span {
  font-size:11px;
  color:var(--hub-muted)
}
.hub-pagination button {
  font-size:12px;
  padding:8px
}
.hub-catalog {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:18px 0
}
.hub-catalog article {
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  border:1px solid var(--hub-line);
  border-radius:12px;
  padding:12px 10px;
  background:#192c4055
}
.hub-catalog h3 {
  margin:0 0 4px!important;
  font-size:14px
}
.hub-catalog p {
  font-size:10px!important;
  line-height:1.4
}
.hub-catalog strong {
  display:block;
  font-size:12px;
  color:#ffda8f;
  margin-top:6px
}
.hub-catalog button {
  min-width:64px;
  min-height:44px;
  font-size:12px;
  padding:8px
}
.hub-frame-preview,.party-portrait,.rank-avatar {
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  overflow:hidden;
  aspect-ratio:1;
  background:#132136;
  border:2px solid #c8a36555
}
.hub-frame-preview img,.party-portrait img,.rank-avatar img {
  width:100%;
  height:100%;
  object-fit:cover
}
.hub-frame-preview>.kitchen-atlas,.party-portrait>.kitchen-atlas,.rank-avatar>.kitchen-atlas {
  height:100%;
  width:75%
}
.frame-copper {
  outline:3px solid #c08652;
  outline-offset:2px;
  box-shadow:0 0 0 6px #603f29,0 0 17px #bd895533
}
.frame-jade {
  outline:3px solid #8fceae;
  outline-offset:2px;
  box-shadow:0 0 0 6px #255d57,0 0 17px #8fd7bc44
}
.frame-moon {
  outline:3px solid #e4d39e;
  outline-offset:2px;
  box-shadow:0 0 0 6px #67669c,0 0 20px #eadca75c
}
.hall-avatar.frame-copper,.hall-avatar.frame-jade,.hall-avatar.frame-moon {
  outline-width:2px;
  outline-offset:0
}
.fighter.self .fighter-figure.frame-copper,.fighter.self .fighter-figure.frame-jade,.fighter.self .fighter-figure.frame-moon {
  border-radius:35%;
  outline-width:2px;
  outline-offset:-3px;
  box-shadow:none
}
.hub-ledger li {
  display:flex;
  gap:12px;
  justify-content:space-between;
  padding:9px 0;
  border-bottom:1px solid var(--hub-line);
  font-size:11px
}
.hub-ledger li span {
  min-width:0;
  overflow-wrap:anywhere
}
.hub-ledger b {
  white-space:nowrap;
  color:#f0d092
}
.hub-ranking li {
  display:flex;
  gap:10px;
  align-items:center;
  padding:12px 7px;
  border-bottom:1px solid var(--hub-line)
}
.hub-ranking li.is-self {
  background:#85643133;
  border-radius:10px
}
.rank-number {
  font-size:18px;
  width:28px;
  color:#f6d291
}
.rank-avatar {
  width:42px;
  flex:0 0 42px
}
.rank-name {
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px
}
.rank-name strong {
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.rank-name small {
  font-size:10px;
  color:var(--hub-muted)
}
.hub-my-rank {
  padding:12px;
  border:1px solid var(--hub-line);
  border-radius:9px;
  background:#14263c;
  text-align:center;
  font-size:13px
}
.hub-account label {
  display:block;
  margin:16px 0 7px;
  font-size:12px;
  color:#eacb91
}
.hub-account>p {
  font-size:12px!important;
  line-height:1.7
}
.hub-recovery-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:5px
}
.hub-recovery-row input {
  width:100%;
  min-width:0;
  background:#14273a;
  color:#f2dcae;
  border:1px solid #b8945b;
  border-radius:7px;
  padding:9px;
  font-size:16px
}
.hub-recovery-row button {
  padding:8px;
  font-size:12px;
  min-width:44px
}
.hub-account>.wide {
  margin-top:12px
}
.daily-boss-art {
  height:154px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  margin:9px 0;
  background:radial-gradient(ellipse at center,#dfa45135,transparent 68%)
}
.daily-boss-art img {
  width:160px;
  max-width:80%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 8px 10px #020f2388)
}
.hub-daily-title {
  text-align:center
}
.hub-daily-title>span {
  font-size:10px;
  color:#c8c9c5
}
.hub-daily-title h3 {
  font-size:23px!important;
  color:#ffe0a0
}
.daily-rules ul {
  padding-left:18px;
  margin:7px 0 14px;
  font-size:12px;
  line-height:1.8;
  color:#d7dbd9
}
.hub-daily-reward,.hub-settlement {
  display:flex;
  flex-direction:column;
  gap:7px;
  text-align:center;
  padding:12px;
  border:1px solid #b9965a66;
  background:#82603622;
  border-radius:10px;
  margin:14px 0
}
.hub-daily-reward strong,.hub-settlement b {
  font-size:13px;
  color:#f5d69c
}
.hub-daily-reward span,.hub-settlement span {
  font-size:12px;
  line-height:1.6;
  color:#dddcd2
}
.daily-result-paper {
  text-align:center
}
.daily-result-paper>.wide {
  margin-top:12px
}
.party-page .stage-content {
  max-width:510px
}
.party-paper {
  text-align:center
}
.party-members {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:24px 0
}
.party-member {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:14px 8px;
  min-height:170px;
  min-width:0;
  background:#14283b75;
  color:#f8e3b7;
  border:1px solid #ad94585c;
  border-radius:12px
}
.party-member.vacant {
  border-style:dashed
}
.party-portrait {
  width:70px;
  height:70px
}
.party-member strong {
  font-size:14px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.party-member small {
  font-size:10px;
  color:#c5d0d4
}
.party-empty {
  font-size:45px;
  font-weight:300;
  color:#d8b577
}
.party-paper .helper {
  margin:16px 0!important;
  line-height:1.6
}
.hall-rewards button {
  min-width:44px!important;
  min-height:48px
}
.hall-record button {
  min-width:44px;
  min-height:44px;
  border:0;
  background:none;
  color:#e7cd94;
  padding:3px 5px;
  font-size:10px
}
.hub-account-toggle {
  margin-top:16px
}
.hub-dialog button {
  touch-action:manipulation
}
.hub-dialog .plain-btn,.hub-dialog .gold-btn {
  min-height:44px
}
.hall-quick:disabled {
  filter:saturate(.5)
}
@media(max-width:360px) {
  .hub-catalog article {
    grid-template-columns:48px minmax(0,1fr) auto;
    gap:8px;
    padding:12px 7px
  }
  .hub-catalog button {
    min-width:56px;
    padding:6px
  }
  .hub-stats {
    gap:5px
  }
  .hub-stats b {
    font-size:18px
  }
  .party-members {
    gap:9px
  }
  .party-member {
    padding:12px 5px
  }
  .hub-record-title time {
    width:100%;
    margin-left:0
  }
  .rank-avatar {
    width:36px;
    flex-basis:36px
  }
  .hub-ranking li {
    gap:7px
  }
  .hub-recovery-row {
    grid-template-columns:minmax(0,1fr) 44px 44px
  }
  .hub-recovery-row button {
    padding:5px
  }
}
@media(max-height:500px) {
  .daily-boss-art {
    height:108px
  }
  .party-members {
    margin:15px 0
  }
  .party-member {
    min-height:136px
  }
  .party-portrait {
    width:54px;
    height:54px
  }
}
@media(prefers-reduced-motion:reduce) {
  .hub-dialog *, .party-page *,.daily-result * {
    animation:none!important;
    transition:none!important
  }
}