/* A bounded extension of the game's parchment/bronze/lacquer materials. */
#home-notice.home-toast--unavailable {
  z-index: 160 !important;
  top: 50% !important; bottom: auto !important; left: 50%;
  width: max-content; max-width: calc(100vw - 48px); padding: 12px 20px;
  transform: translate(-50%, -50%); border: 0; border-radius: 10px;
  background: #555b60; box-shadow: 0 6px 18px #0004;
  pointer-events: none;
}
#home-notice.home-toast--unavailable b { color: #fff; font: 700 16px/1.5 'Library WenKai', KaiTi, serif; }
#home-notice.home-toast--unavailable span:empty { display: none; }
#league-hall-panel {
  --league-typeface: 'Library WenKai', GameXingKai, KaiTi, 'STKaiti', serif;
  --league-ink: #493522;
  --league-muted: #6c553e;
  --league-line: #b99965;
  --league-paper: #f5e9cd;
  --league-lacquer: #963e32;
  --league-blue: #265d74;
}
.league-icon {
  display: inline-block;
  flex: none;
  width: 40px;
  height: 40px;
  background: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/league-ui-v1/icons-atlas.png') 0 0 / 200% 200% no-repeat;
  pointer-events: none;
}
.league-icon--mine { background-position: 100% 0; }
.league-icon--public { background-position: 0 100%; }
.league-icon--stipend { background-position: 100% 100%; }
#home-screen .home-resources > .league-home-entry {
  position: relative; display: block; justify-self: end;
  width: 72%; aspect-ratio: 1; min-height: 0; margin-right: 4%; padding: 0; border: 0;
  border-radius: 50%; background: transparent; color: #ffecbd;
  filter: drop-shadow(0 4px 3px #32211380);
  text-align: center; touch-action: manipulation; cursor: pointer;
}
.league-home-badge { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.league-home-badge { object-fit: contain; }
#home-league-hall:hover { filter: drop-shadow(0 4px 3px #32211380) brightness(1.06); }
#home-league-hall:active { transform: translateY(1px); }
/* Scale the complete authored resource controls, not their labels separately. */
#home-screen .home-resources > #home-coins-button,
#home-screen .home-resources > .home-stamina-resource {
  transform: scale(.8) !important;
  transform-origin: top right;
  margin-bottom: -8.6px;
}
#home-screen .home-resources > #home-coins-button:active { transform: scale(.8) translateY(1px) !important; }
.league-panel { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)); background: #211810b8; box-sizing: border-box; }
.league-panel.is-hidden { display: none; }
.league-panel * { box-sizing: border-box; }
.league-sheet {
  position: relative; display: flex; flex-direction: column; width: min(100%, 560px);
  height: min(760px, calc(100dvh - 32px));
  max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);
  border: 3px solid #98713e; border-radius: 16px;
  background: linear-gradient(160deg, #fff3d9, #f1dfba);
  box-shadow: inset 0 0 0 3px #fff0cc, 0 14px 35px #35241465;
  color: var(--league-ink); overflow: hidden;
  font: 14px/1.6 var(--league-typeface);
}
.league-header { --league-header-inset: 16px; position: relative; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; flex-shrink: 0; height: 72px; padding: 0 68px; border-bottom: 1px solid var(--league-line); background: #ecdbb7; }
.league-header-leading { position: absolute; left: var(--league-header-inset); top: 50%; transform: translateY(-50%); display: grid; width: 44px; height: 44px; place-items: center; }
.league-header-back { width: 44px; height: 44px; padding: 0; border: 1px solid #9c743f; border-radius: 10px; background: #f9edcf; color: #713329; font: 700 13px/1 var(--league-typeface); cursor: pointer; touch-action: manipulation; box-shadow: inset 0 1px #fff8dc, 0 2px 0 #a57845; }
.league-header-back:active { transform: translateY(1px); }
.league-header h2 { margin: 0; text-align: center; color: #573024; font: 700 28px/1.4 'Library WenKai', KaiTi, serif; letter-spacing: .08em; }
.league-header .league-icon { width: 36px; height: 36px; }
#league-hall-panel #league-close { position: absolute; top: 50%; right: var(--league-header-inset); transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; margin: 0; padding: 0; border: 1px solid #67352b; border-radius: 10px; color: #fff4ce; background: linear-gradient(180deg, #d46a4e, #933a30); box-shadow: inset 0 1px #ffdaa2a6, 0 3px 0 #622d27; font: 700 26px/1 system-ui, sans-serif; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.league-hall-chrome { flex: none; padding: 0 20px; background: #f2e3c2; border-bottom: 1px solid var(--league-line); }
.league-hall-chrome.is-hidden { display: none; }
.league-body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; padding: 16px 24px 20px; overflow: auto; overscroll-behavior: contain; scrollbar-color: #aa754c #ead3a6; scrollbar-width: thin; }
.league-body > * { flex-shrink: 0; }
.league-panel[data-single-page='true'] .league-body { overflow: clip; }
.league-body h3 { margin: 0 0 8px; font: 700 21px/1.4 'Library WenKai', KaiTi, serif; color: #623829; }
.league-body p { margin: 6px 0 12px; }
.league-body small { font-size: 12px; }
.league-body b, .league-body strong { font-weight: 700; }
.league-button { min-height: 44px; padding: 10px 16px; border: 1px solid #9c743f; border-radius: 8px; background: #f9edcf; color: #5d3926; font: 700 15px/1.45 var(--league-typeface); cursor: pointer; touch-action: manipulation; }
.league-primary { border-color: #713329; background: linear-gradient(180deg, #af5140, #93392d); color: #fff6db; box-shadow: inset 0 1px #f0b98080, 0 3px 0 #6d342b; }
.league-button:disabled { opacity: .55; cursor: not-allowed; box-shadow: none; }
.league-button:hover:not(:disabled) { filter: brightness(1.06); }
.league-button:active:not(:disabled) { transform: translateY(1px); }
#league-hall-panel #league-close:active { transform: translateY(calc(-50% + 1px)); }
.league-panel :focus-visible, #home-league-hall:focus-visible, #rank-stipend-entry:focus-visible { outline: 3px solid #246380; outline-offset: 3px; }
.league-panel ::selection { color: #fff7dc; background: #8d4232; }
.league-intro { font-size: 15px; }
.league-wallet { display: flex; align-items: center; gap: 20px; min-height: 56px; color: #653b25; font-variant-numeric: tabular-nums; }
.league-wallet b { font-size: 18px; padding-left: 4px; }
.league-wallet .league-button { min-height: 36px; margin-left: auto; padding: 4px 8px; border: 0; background: transparent; color: var(--league-lacquer); font-size: 13px; }
.league-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.league-tabs button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; height: 76px; padding: 4px 0 8px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #6a4e33; font: 700 14px/1.4 var(--league-typeface); cursor: pointer; touch-action: manipulation; }
.league-tabs .league-icon { width: 34px; height: 34px; }
.league-tabs button[aria-pressed='true'] { border-bottom-color: var(--league-lacquer); color: var(--league-lacquer); background: #fff3d6; }
.league-feature, .league-record, .league-ad-stipend { padding: 16px 0; border-bottom: 1px solid #c8ab7c; }
.league-hero { display: grid; justify-items: center; align-content: start; gap: 4px; padding: 12px 0 20px; border-bottom: 0; text-align: center; }
.league-hero .league-hero-art { width: 108px; height: 108px; margin: 0 auto 8px; }
.league-hero h3 { margin: 0; font-size: 24px; }
.league-hero p { margin: 6px 0; color: var(--league-muted); line-height: 1.8; }
.league-hero > .league-button, .league-hero > .league-actions { width: min(100%, 340px); margin-top: 8px; }
.league-record { border-top: 1px solid #c8ab7c; border-bottom: 0; }
.league-record h3 { font-size: 18px; }
.league-record p { margin-bottom: 0; font-size: 13px; line-height: 1.8; font-variant-numeric: tabular-nums; }
.league-feature > .league-button + .league-button { margin-left: 8px; }
.league-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.league-actions > .league-button { flex: 1; }
.league-fixed-actions { flex-shrink: 0; padding: 12px 16px 16px; border-top: 1px solid var(--league-line); background: #ecdbb7; }
.league-fixed-actions.is-hidden { display: none; }
.league-fixed-actions .league-actions { margin: 0; }
.league-fixed-actions .league-button { min-width: 0; padding-inline: 8px; }
.league-round-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.league-stipend-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 18px 0; border-bottom: 1px solid #c8ab7c; }
.league-stipend-row h3 small { display: inline-block; margin-left: 10px; font-weight: 400; color: #275973; }
.league-stipend-row p { margin: 0; font-size: 13px; }
.league-stipend-row .league-button { min-width: 84px; }
.league-ad-stipend { border-bottom: 0; }
.league-ad-stipend .league-button { width: 100%; }
#rank-stipend-entry { margin: 0; width: 100%; min-height: 44px; }
.league-field { display: grid; gap: 8px; margin: 12px 0 18px; font-weight: 700; }
.league-field input, .league-field select, .league-join-entry input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 10px; border: 1px solid #9e784b; border-radius: 6px; background: #fff7e6; color: #39271c; caret-color: #873b2c; font: 16px/1.4 var(--league-typeface); }
.league-field input::placeholder, .league-join-entry input::placeholder { color: #80694e; }
.league-join-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin: 8px 0; }
.league-rules { padding-left: 20px; }
.league-rules li { margin: 12px 0; }
.league-room-id { color: #6d4930; text-align: center; font-variant-numeric: tabular-nums; }
.league-room-players { display: grid; grid-template-columns: 1fr 32px 1fr; align-items: center; gap: 8px; padding: 20px 0; }
.league-room-players section { display: grid; gap: 8px; padding: 20px 6px; border: 1px solid #ad8052; border-radius: 12px; text-align: center; background: #faeccb; }
.league-room-players section:first-child > b { color: #245b78; }
.league-room-players section:last-child > b { color: #973c2e; }
.league-versus { text-align: center; color: #90412f; font: 700 22px/1.2 Georgia, serif; }
.league-event-title { margin-bottom: 20px; font-variant-numeric: tabular-nums; }
.league-members { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; padding: 0; margin: 0; list-style: none; }
.league-members li { padding: 10px 0; border-bottom: 1px solid #c9ae83; }
.league-members li small { margin-left: 6px; color: #8a3c2e; }
.league-bracket { position: relative; display: flex; align-items: flex-start; gap: 18px; overflow-x: auto; padding: 3px 3px 18px; scrollbar-color: #a16c43 #e3c99d; scroll-snap-type: x proximity; }
.league-round { width: 150px; flex: 0 0 150px; scroll-snap-align: start; }
.league-round.is-current > h3 { color: #225875; }
.league-pair { display: grid; margin: 10px 0; border: 1px solid #b69663; border-radius: 6px; background: #fcf0d7; overflow: hidden; }
.league-pair span { padding: 7px 10px; }
.league-pair span + span { border-top: 1px solid #dbc298; }
.league-pair .is-winner { color: #225b75; font-weight: 700; }
.league-pair small { padding: 4px 10px; background: #e9d1a4; color: #66462e; }
.league-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: 10px; margin: 28px 0; }
.league-podium section { display: grid; align-content: center; gap: 8px; min-height: 100px; padding: 10px 4px; background: #e0c799; text-align: center; }
.league-podium .is-champion { min-height: 130px; background: #d7ad60; }
.league-podium b { overflow-wrap: anywhere; font-size: 14px; }
.league-feedback { flex-shrink: 0; padding: 0 20px 10px; font-size: 13px; color: #86392c; }
.league-feedback:empty { display: none; }
@media (max-width: 420px) {
  .league-body { padding: 12px 16px 16px; }
  .league-header { --league-header-inset: 12px; height: 68px; }
  .league-header h2 { font-size: 22px; }
  .league-hall-chrome { padding-inline: 12px; }
  .league-hero h3 { font-size: 22px; }
  .league-tabs button { font-size: 13px; }
  .league-wallet { gap: 8px 12px; font-size: 13px; }
  .league-stipend-row { gap: 10px; }
  .league-stipend-row h3 { font-size: 16px; }
  .league-stipend-row h3 small { display: block; margin-left: 0; }
  .league-stipend-row p { font-size: 12px; }
}
/* Task pages reserve the whole sheet for one complete, non-scrolling layout. */
.league-panel[data-view='stipend'] .league-body { padding: 12px 20px; }
.league-panel[data-view='stipend'] .league-intro { margin: 0 0 6px; font-size: 14px; }
.league-panel[data-view='stipend'] .league-stipend-row { padding: 8px 0; gap: 10px; }
.league-panel[data-view='stipend'] .league-stipend-row h3 { margin: 0 0 3px; font-size: 18px; }
.league-panel[data-view='stipend'] .league-stipend-row h3 small { display: inline; margin-left: 5px; font-size: 10px; }
.league-panel[data-view='stipend'] .league-stipend-row p { line-height: 1.5; font-size: 12px; }
.league-panel[data-view='stipend'] .league-ad-stipend { padding: 10px 0; }
.league-panel[data-view='stipend'] .league-ad-stipend h3 { margin: 0 0 4px; font-size: 18px; }
.league-panel[data-view='stipend'] .league-ad-stipend p { margin: 0 0 8px; font-size: 13px; }
.league-stipend-footer { margin-top: auto; padding-top: 4px; color: #653b25; font-size: 13px; font-variant-numeric: tabular-nums; }
.league-panel[data-view='duel'] .league-feature { padding: 12px 0; }
.league-panel[data-view='duel'] .league-intro { margin: 0 0 6px; }
.league-panel[data-view='duel'] .league-feature h3 { margin-bottom: 6px; font-size: 20px; }
.league-panel[data-view='duel'] .league-feature p { margin: 4px 0 8px; line-height: 1.6; }
.league-panel[data-view='duel'] .league-field { margin: 8px 0; gap: 5px; }
.league-panel[data-view='duel'] .league-actions { margin-top: 8px; }
.league-panel[data-view='duel'] .league-actions .league-button { min-width: 0; padding-inline: 8px; }
.league-panel[data-view='room'] .league-room-players { padding: 24px 0; }
.league-panel[data-view='demo-battle'] .league-sheet {
  border-color: #806448;
  background:
    radial-gradient(ellipse at 50% 36%, #fff4dc 0, #f4e7cb 48%, #e5d2ad 100%);
}
.league-panel[data-view='demo-battle'] .league-body { padding: 24px; }
.league-demo-battle {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 5vh, 44px);
  min-height: 0;
  text-align: center;
}
.league-demo-battle h3 { margin: 0; font-size: clamp(24px, 7vw, 34px); letter-spacing: .08em; }
.league-demo-match {
  display: grid;
  width: min(100%, 420px);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  padding: clamp(20px, 6vh, 48px) 14px;
  border-block: 1px solid #b99965;
  color: #402e22;
  font-size: clamp(20px, 5.5vw, 30px);
}
.league-demo-match b { color: #913d30; font: 700 clamp(30px, 8vw, 46px)/1 Georgia, serif; }
.league-demo-battle p { max-width: 28em; margin: 0; color: #78634d; font-size: 14px; }
.league-demo-battle > .league-button { width: min(100%, 300px); }
@media (max-height: 780px) {
  .league-panel[data-view='hall'] .league-header { height: 68px; }
  .league-panel[data-view='hall'] .league-wallet { min-height: 48px; }
  .league-panel[data-view='hall'] .league-tabs button { height: 64px; }
  .league-panel[data-view='hall'] .league-body { padding: 12px 20px 16px; }
  .league-panel[data-view='hall'] .league-hero { padding: 4px 0 12px; gap: 2px; }
  .league-panel[data-view='hall'] .league-hero-art { width: 68px; height: 68px; margin-bottom: 4px; }
  .league-panel[data-view='hall'] .league-hero h3 { font-size: 22px; }
  .league-panel[data-view='hall'] .league-hero p { margin: 4px 0; font-size: 13px; line-height: 1.6; }
  .league-panel[data-view='hall'] .league-record { padding: 10px 0; }
}
@media (max-height: 700px) {
  .league-panel[data-single-page='true'] .league-body { padding: 8px 16px 10px; }
  .league-panel[data-view='hall'] .league-hero { padding: 0 0 6px; gap: 0; }
  .league-panel[data-view='hall'] .league-hero-art { width: 44px; height: 44px; }
  .league-panel[data-view='hall'] .league-hero h3 { font-size: 19px; }
  .league-panel[data-view='hall'] .league-record { padding: 8px 0; }
  .league-panel[data-view='stipend'] .league-stipend-row { padding: 5px 0; }
  .league-panel[data-view='stipend'] .league-stipend-row h3 { font-size: 16px; }
  .league-panel[data-view='stipend'] .league-ad-stipend { padding: 6px 0; }
  .league-panel[data-view='duel'] .league-feature { padding: 8px 0; }
  .league-panel[data-view='duel'] .league-feature h3 { font-size: 18px; }
  .league-panel[data-view='duel'] .league-feature p { font-size: 13px; }
  .league-panel[data-view='duel'] .league-intro { font-size: 13px; }
}
@media (max-height: 600px) {
  .league-panel[data-view='hall'] .league-tabs button { height: 56px; }
  .league-panel[data-view='hall'] .league-hero-art { width: 36px; height: 36px; }
  .league-panel[data-view='hall'] .league-hero h3 { font-size: 18px; }
  .league-panel[data-view='stipend'] .league-intro { margin-bottom: 2px; }
  .league-panel[data-view='stipend'] .league-stipend-row { padding: 3px 0; }
  .league-panel[data-view='stipend'] .league-stipend-row { min-height: 35px; }
  .league-panel[data-view='stipend'] .league-stipend-row h3 { margin-bottom: 1px; font-size: 14px; }
  .league-panel[data-view='stipend'] .league-stipend-row p { line-height: 1.25; font-size: 11px; }
  .league-panel[data-view='stipend'] .league-stipend-row .league-button { min-width: 72px; min-height: 32px; padding: 5px 8px; font-size: 12px; }
  .league-panel[data-view='stipend'] .league-ad-stipend { padding: 3px 0; }
  .league-panel[data-view='stipend'] .league-ad-stipend h3 { font-size: 16px; }
  .league-panel[data-view='stipend'] .league-ad-stipend p { margin-bottom: 3px; font-size: 12px; }
  .league-panel[data-view='stipend'] .league-ad-stipend .league-button { min-height: 32px; padding-block: 5px; font-size: 12px; }
  .league-panel[data-view='stipend'] .league-stipend-footer { padding-top: 0; font-size: 12px; }
}
@media (max-height: 680px) {
  .league-sheet { height: calc(100dvh - 24px); }
  .league-header { height: 60px; }
  .league-tabs button { height: 60px; flex-direction: row; gap: 6px; }
  .league-tabs .league-icon { width: 26px; height: 26px; }
  .league-wallet { min-height: 48px; }
  .league-hero .league-hero-art { width: 76px; height: 76px; margin-bottom: 4px; }
  .league-hero { padding-top: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .league-button:active:not(:disabled) { transform: none; }
  #league-hall-panel #league-close:active { transform: translateY(-50%); }
}

/* Room, battle and award screens share the lobby's carved-wood / parchment materials. */
#league-hall-panel[data-view='room'] .league-room-players section {
  align-content: start;
  min-width: 0;
  padding: 12px 6px;
  border: 3px double #8f6b3f;
  border-radius: 5px;
  background: linear-gradient(180deg, #f7ebd2, #e6d3ad);
  box-shadow: inset 0 1px #fff8e7, 0 3px 7px #39271829;
}
#league-hall-panel[data-view='room'] .league-room-players section > img {
  width: 76px;
  height: 88px;
  justify-self: center;
  object-fit: contain;
  border: 2px double #9d784a;
  background: #eddfc4;
}
#league-hall-panel[data-view='room'] .league-room-players section > b { font-size: 14px; }
#league-hall-panel[data-view='room'] .league-room-players section > small {
  justify-self: center;
  padding: 2px 9px;
  border: 1px solid #8b6841;
  background: #f7ecd5;
  color: #68452d;
}

#league-hall-panel[data-view='demo-battle'] .league-demo-battle { gap: 18px; }
#league-hall-panel[data-view='demo-battle'] .league-demo-match { border: 0; padding: 12px 4px; }
#league-hall-panel[data-view='demo-battle'] .league-demo-match figure {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 8px;
  border: 3px double #8f6b3f;
  border-radius: 5px;
  background: linear-gradient(180deg, #f7ebd2, #e6d3ad);
  box-shadow: inset 0 1px #fff8e7, 0 3px 7px #39271829;
}
#league-hall-panel[data-view='demo-battle'] .league-demo-match figure img {
  width: clamp(88px, 27vw, 150px);
  height: clamp(110px, 31vw, 170px);
  object-fit: contain;
}
#league-hall-panel[data-view='demo-battle'] .league-demo-match figcaption {
  color: #4b3323;
  font: 700 15px/1.3 var(--league-typeface);
}

#league-hall-panel[data-view='award'] .league-body {
  padding: 18px 20px 20px;
  background: radial-gradient(ellipse at 50% 5%, #fff5dd 0, #f3e5c8 58%, #e8d5b0 100%);
}
#league-hall-panel[data-view='award'] .league-award-screen { display: flex; min-height: 100%; flex-direction: column; }
#league-hall-panel[data-view='award'] .league-event-title {
  margin: 0;
  padding: 6px 8px 12px;
  border-bottom: 1px solid #ae8a58;
  text-align: center;
}
#league-hall-panel[data-view='award'] .league-event-title h3 {
  margin: 0;
  color: #5a3525;
  font-size: clamp(23px, 6vw, 30px);
  letter-spacing: .12em;
}
#league-hall-panel[data-view='award'] .league-event-title p { margin: 3px 0 0; color: #70583e; }
#league-hall-panel[data-view='award'] .league-podium {
  align-items: end;
  gap: 8px;
  margin: 24px 0 18px;
}
#league-hall-panel[data-view='award'] .league-award-slot {
  min-width: 0;
  min-height: 185px;
  gap: 8px;
  padding: 12px 5px 10px;
  border: 3px double #98754b;
  border-radius: 5px 5px 2px 2px;
  background: linear-gradient(180deg, #f6ebd4, #e8d6b4);
  box-shadow: inset 0 1px #fff8e8, 0 4px 8px #39271825;
}
#league-hall-panel[data-view='award'] .league-award-slot.is-champion {
  min-height: 222px;
  border-color: #8e4a31;
  background: linear-gradient(180deg, #f5e4bd, #d9b87e);
  color: #71352a;
}
#league-hall-panel[data-view='award'] .league-award-slot small { color: #65462f; font-size: 14px; font-weight: 700; }
#league-hall-panel[data-view='award'] .league-award-slot.is-champion small { color: #8a3f2f; font-size: 16px; }
#league-hall-panel[data-view='award'] .league-award-avatar {
  display: block;
  width: clamp(54px, 17vw, 82px);
  height: clamp(70px, 21vw, 102px);
  object-fit: contain;
  border: 2px double #9c7849;
  background: #eee0c2;
}
#league-hall-panel[data-view='award'] .league-award-slot.is-champion .league-award-avatar {
  width: clamp(62px, 19vw, 94px);
  height: clamp(82px, 25vw, 122px);
  border-color: #9c5a36;
}
#league-hall-panel[data-view='award'] .league-award-avatar.is-empty {
  display: grid;
  place-items: center;
  border-style: dashed;
  color: #826a4c;
  font: 600 13px/1 var(--league-typeface);
}
#league-hall-panel[data-view='award'] .league-award-slot b {
  max-width: 100%;
  color: #37291e;
  font-size: clamp(12px, 3.7vw, 16px);
  line-height: 1.35;
}
#league-hall-panel[data-view='award'] .league-award-mvp {
  margin-top: 2px;
  padding: 12px 14px;
  border: 3px double #96754d;
  border-radius: 4px;
  background: #f2e5cb;
  box-shadow: inset 0 1px #fff9e9;
}
#league-hall-panel[data-view='award'] .league-award-mvp h3 { margin: 0 0 4px; font-size: 18px; }
#league-hall-panel[data-view='award'] .league-award-mvp p { margin: 0; color: #715a40; }

@media (max-width: 420px) {
  #league-hall-panel[data-view='award'] .league-body { padding: 14px 12px; }
  #league-hall-panel[data-view='award'] .league-podium { gap: 5px; margin: 18px 0 14px; }
  #league-hall-panel[data-view='award'] .league-award-slot { min-height: 158px; padding-inline: 3px; }
  #league-hall-panel[data-view='award'] .league-award-slot.is-champion { min-height: 190px; }
}