/* Approved four-screen lobby reference, used as full-bleed artwork with live controls. */
#league-hall-panel.league-panel--reference {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  background: #18130f;
}

#league-hall-panel.league-panel--reference.is-hidden { display: none; }
#league-hall-panel.league-panel--reference .league-sheet {
  position: relative;
  display: block;
  width: min(100vw, 46.258dvh);
  height: auto;
  max-height: 100dvh;
  aspect-ratio: 853 / 1844;
  container-type: inline-size;
  flex: none;
  border: 0;
  border-radius: 0;
  background: #eee2c9;
  box-shadow: none;
  color: #2d2118;
  overflow: hidden;
  font-family: 'Library WenKai', GameXingKai, KaiTi, 'STKaiti', serif;
}

#league-hall-panel.league-panel--reference .league-header,
#league-hall-panel.league-panel--reference #league-close,
#league-hall-panel.league-panel--reference .league-hall-chrome,
#league-hall-panel.league-panel--reference .league-fixed-actions { display: none !important; }

#league-hall-panel.league-panel--reference .league-body {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
}

#league-hall-panel.league-panel--reference .league-feedback {
  position: absolute;
  z-index: 12;
  left: 50%;
  bottom: 2.4%;
  width: 88%;
  max-height: 9%;
  overflow: hidden;
  margin: 0;
  padding: 1.2% 2.2%;
  transform: translateX(-50%);
  border: 1px solid #d7b776;
  border-radius: 8px;
  background: #3a261ceF;
  box-shadow: 0 3px 10px #24191066;
  color: #fff1d3;
  font: 600 clamp(12px, 3.2cqw, 19px)/1.35 'Library WenKai', GameXingKai, KaiTi, serif;
  text-align: center;
  pointer-events: none;
}

#league-hall-panel.league-panel--reference .league-feedback:empty { display: none; }

.league-ref-screen {
  --league-ref-typeface: 'Campaign WenKai', KaiTi, STKaiti, serif;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  animation: none;
}

.league-ref-art {
  position: absolute;
  z-index: -1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

.league-ref-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.league-ref-hotspot {
  position: absolute;
  z-index: 2;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  height: var(--h);
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 10px;
  outline: 0 solid transparent;
  background: transparent;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: outline-color 120ms ease, transform 120ms ease;
}

.league-ref-hotspot:focus-visible {
  outline: 3px solid #1f617e;
  outline-offset: -4px;
  background: #e3c57b2b;
}

.league-ref-hotspot:active { transform: scale(.985); }

.league-ref-room-code,
.league-ref-room-input,
.league-ref-room-state { position: absolute; z-index: 1; }

/* Live resource counters are separate controls, not baked into the reference art. */
.league-ref-resource {
  position: absolute;
  z-index: 4;
  right: 5.3%;
  display: inline-flex;
  width: 29%;
  height: 3.25%;
  align-items: center;
  justify-content: flex-start;
  gap: 7%;
  overflow: visible;
  padding: 0 3%;
  border: 2px double #b9965d;
  border-radius: 4px;
  background: linear-gradient(180deg, #614831 0%, #3c2a1e 58%, #2c1e16 100%);
  box-shadow: inset 0 1px 0 #e2c88e88, inset 0 -2px 0 #21150f, 0 2px 4px #24170f66;
  color: #f4e5c5;
  font: 600 clamp(11px, 3.1cqw, 25px)/1 var(--league-ref-typeface);
  white-space: nowrap;
  pointer-events: none;
}
.league-ref-resource--hall-duel,
.league-ref-resource--hall-host {
  right: 2.1%;
  width: 27%;
  height: 2.35%;
  gap: 5%;
  padding-inline: 2.2%;
  font-size: clamp(10px, 2.65cqw, 23px);
}
.league-ref-resource--hall-duel { top: .5%; }
.league-ref-resource--hall-host { top: 3.2%; }
.league-ref-resource--duel-page {
  top: .65%;
  right: 1.7%;
  width: 28%;
  height: 3.15%;
}
.league-ref-resource--create-page {
  top: .75%;
  right: 2%;
  width: 25%;
  height: 3.7%;
}
.league-ref-demo-mark-cover {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
.league-ref-demo-mark-cover--duel {
  top: 12.1%;
  right: 2.2%;
  width: 29.5%;
  height: 2.55%;
  background: #eee5d4;
}
.league-ref-demo-mark-cover--signup {
  top: 1.4%;
  right: 2.2%;
  width: 15.5%;
  height: 4.6%;
  border: 1px solid #674832;
  border-radius: 3px;
  background: linear-gradient(180deg, #59432f, #33251d 58%, #251a14);
  box-shadow: inset 0 1px #806345;
}
.league-ref-resource { animation: league-control-enter 220ms ease-out both; }
.league-ref-create-note {
  position: absolute;
  z-index: 4;
  left: 12.5%;
  top: 10.25%;
  display: grid;
  width: 75%;
  height: 4.1%;
  place-items: center;
  border: 1px solid #c8b38e;
  border-radius: 5px;
  background: #f2e8d7;
  color: #75503a;
  font: 500 clamp(12px, 3.3cqw, 28px)/1 var(--league-ref-typeface);
  letter-spacing: .02em;
  animation: league-control-enter 220ms ease-out both;
}
.league-ref-resource i { display: grid; width: 1.18em; height: 1.18em; flex: none; place-items: center; }
.league-ref-resource svg { display: block; width: 100%; height: 100%; fill: none; stroke: #e5c78e; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.league-ref-resource-label { flex: 1; text-align: left; }
.league-ref-resource b { min-width: 1.35em; color: #f1d99f; font: 700 1.08em/1 var(--league-ref-typeface); text-align: center; }

.league-ref-room-code { display: none; }

.league-ref-duel-avatar {
  position: absolute;
  z-index: 1;
  left: 17.1%;
  top: 20.2%;
  width: 21.5%;
  height: 8.9%;
  overflow: hidden;
  background: #e7dbc4;
  pointer-events: none;
}
.league-ref-duel-avatar--friend { left: 61.8%; }
.league-ref-duel-avatar img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; transform: none; }
.league-ref-duel-avatar.is-waiting img { filter: grayscale(1); opacity: .42; }
.league-ref-duel-avatar::after {
  position: absolute;
  inset: 1.5%;
  border: 1px solid #a17b4c;
  box-shadow: inset 0 0 0 1px #f3dfb7a8, inset 0 0 8px #3021172b;
  content: '';
  pointer-events: none;
}

.league-ref-room-input {
  left: 31.85%;
  top: 84.1%;
  width: 55.7%;
  height: 3.75%;
  min-height: 0;
  margin: 0;
  padding: 0 2.2%;
  border: 1px solid transparent;
  border-radius: 5px;
  outline: 0;
  background: #e7dece;
  color: #402f24;
  caret-color: #8f3b30;
  font: 400 clamp(16px, 4.1cqw, 34px)/1.2 var(--league-ref-typeface);
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: 1;
}

.league-ref-room-input::placeholder { color: #8c8172; opacity: 1; }
.league-ref-room-input:focus-visible { border-color: transparent; outline: none; background: #e7dece; box-shadow: inset 0 0 0 1px #947451; }
#home-screen ~ #league-hall-panel.league-panel--reference #league-body .league-ref-room-input:focus {
  outline: none;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px #947451;
}
.league-ref-room-input[aria-invalid='true'] { border-color: transparent; box-shadow: inset 0 0 0 1px #963e32; }

.league-ref-room-state {
  display: grid;
  left: 56.5%;
  top: 30.3%;
  width: 35%;
  min-height: 2.15%;
  place-items: center;
  border: 1px solid #8f6d43;
  border-radius: 3px;
  background: linear-gradient(180deg, #f5ead5, #e3d0ae);
  box-shadow: inset 0 1px #fff8e8, 0 1px 2px #2c1e162e;
  color: #60412b;
  font: 700 clamp(10px, 2.5cqw, 21px)/1.1 'Library WenKai', GameXingKai, KaiTi, serif;
  text-align: center;
}

.league-ref-room-state.is-joined { border-color: #725130; color: #654128; }
.league-ref-player-state {
  position: absolute;
  z-index: 4;
  left: 9%;
  top: 30.3%;
  display: grid;
  width: 35%;
  min-height: 2.15%;
  place-items: center;
  border: 1px solid #8f6d43;
  border-radius: 3px;
  background: linear-gradient(180deg, #f5ead5, #e3d0ae);
  box-shadow: inset 0 1px #fff8e8, 0 1px 2px #2c1e162e;
  color: #60412b;
  font: 700 clamp(10px, 2.5cqw, 21px)/1.1 'Library WenKai', GameXingKai, KaiTi, serif;
}
.league-ref-player-state.is-ready { border-color: #725130; color: #654128; }

/* Covers the old explanatory sentence and replaces it with the actual next action. */
.league-ref-duel-start {
  position: absolute;
  z-index: 5;
  left: 20%;
  top: 33.1%;
  display: grid;
  width: 61%;
  height: 4.6%;
  place-items: center;
  margin: 0;
  padding: 0 4%;
  border: 2px solid #4e2b1e;
  border-radius: 10px;
  background: #87382c url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/home-dialog-art-v2/button-red.png') center / 100% 115% no-repeat;
  box-shadow: inset 0 1px 0 #e0b770, 0 3px 7px #35221755;
  color: #fff2d7;
  font: 600 clamp(15px, 4.15cqw, 35px)/1.1 var(--league-ref-typeface);
  text-shadow: 0 1px 1px #42251b;
  cursor: pointer;
  touch-action: manipulation;
  transition: filter 160ms ease, transform 160ms ease, opacity 160ms ease;
  animation: league-control-enter 240ms ease-out both;
}
.league-ref-duel-start:hover:not(:disabled) { filter: brightness(1.08); }
.league-ref-duel-start:active:not(:disabled) { transform: translateY(1px) scale(.99); }
.league-ref-duel-start:disabled {
  border-color: #786650;
  background: #897a66;
  box-shadow: inset 0 1px #e8dcc6, 0 2px 4px #35221735;
  color: #eee2cd;
  text-shadow: none;
  cursor: not-allowed;
}
.league-ref-duel-start[data-action='prepare-demo-duel'] { background-color: #87382c; }
.league-ref-duel-start[data-action='start-demo-duel'] { animation: league-ready-pulse 1.8s ease-in-out infinite; }
.league-ref-duel-start:focus-visible { outline: 3px solid #21627f; outline-offset: 3px; }

#home-screen ~ #league-hall-panel.league-panel--reference #league-body .league-ref-screen :is(button, input, select, span, output, h3, p, label) {
  font-family: var(--league-ref-typeface) !important;
  font-weight: var(--league-ref-weight, 400) !important;
  font-synthesis: weight !important;
  font-variant-numeric: lining-nums tabular-nums;
}
#home-screen ~ #league-hall-panel.league-panel--reference #league-body .league-ref-resource { font: 600 clamp(10px, 2.65cqw, 23px)/1 var(--league-ref-typeface) !important; }
#home-screen ~ #league-hall-panel.league-panel--reference #league-body .league-ref-resource b { font-weight: 700 !important; }
#home-screen ~ #league-hall-panel.league-panel--reference #league-body .league-ref-duel-start { font: 600 clamp(15px, 4.15cqw, 35px)/1.1 var(--league-ref-typeface) !important; }
#home-screen ~ #league-hall-panel.league-panel--reference #league-body .league-ref-create-note { font: 500 clamp(12px, 3.3cqw, 28px)/1 var(--league-ref-typeface) !important; }
.league-ref-resource--host { --league-ref-weight: 600; }

@keyframes league-control-enter {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes league-ready-pulse {
  0%, 100% { box-shadow: inset 0 1px 0 #e0b770, 0 3px 7px #35221755; }
  50% { box-shadow: inset 0 1px 0 #f2d48d, 0 3px 10px #8b372c88; }
}
.league-ref-size-options { position: absolute; z-index: 3; inset: 0; pointer-events: none; }
.league-ref-size-options::before {
  position: absolute;
  left: 7%;
  top: 23.35%;
  width: 86%;
  height: 8.4%;
  background: #e8dfcf;
  content: '';
}
.league-ref-size {
  --league-ref-weight: 500;
  position: absolute;
  z-index: 1;
  left: var(--x);
  top: var(--y);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 2%;
  width: var(--w);
  height: var(--h);
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/battle-lobby-reference-v1/league-create.png') 37.13% 25.691% / 504.73% 1289.5% no-repeat;
  box-shadow: none;
  color: #211b17;
  font: 400 clamp(15px, 5.2cqw, 44px)/1.1 var(--league-ref-typeface);
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  transition: none;
}
/* Selection changes ink only; the global button press must not move this row. */
#league-hall-panel .league-ref-size:active:not(:disabled) {
  transform: none;
  filter: none;
}

.league-ref-size i {
  display: none;
}
.league-ref-size > span {
  position: absolute;
  left: 10%;
  top: 17%;
  display: grid;
  width: 80%;
  height: 36%;
  place-items: center;
  background: #e2d7c6;
}

.league-ref-size.is-selected {
  background: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/battle-lobby-reference-v1/league-create.png') 10.0147% 25.691% / 490.23% 1289.5% no-repeat;
  color: #fff1d0;
}
.league-ref-size.is-selected > span { background: #81382c; }

.league-ref-bracket-preview {
  position: absolute;
  z-index: 4;
  top: 64.8%;
  left: 27.5%;
  display: flex;
  width: 45%;
  height: 4.9%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 5px;
  background: #e8decc;
  color: #713127;
  text-align: center;
  pointer-events: none;
}
.league-ref-bracket-label {
  --league-ref-weight: 600;
  display: grid;
  grid-template-columns: 2ch auto .7em 1ch auto;
  align-items: center;
  font: 400 clamp(22px, 7.6cqw, 62px)/1.1 var(--league-ref-typeface);
  letter-spacing: 0;
  white-space: nowrap;
}
.league-ref-bracket-label > span { text-align: center; }
.league-ref-bracket-label > [data-league-preview-size] { text-align: right; }

.league-ref-size:focus-visible,
.league-ref-signup-tabs button:focus-visible,
.league-ref-event-card button:focus-visible,
.league-ref-detail-join:focus-visible,
.league-ref-detail-close:focus-visible,
.league-ref-filter:focus-visible {
  outline: 3px solid #21627f;
  outline-offset: 2px;
}

.league-ref-signup-tabs {
  position: absolute;
  z-index: 3;
  left: 3.2%;
  top: 16.75%;
  display: grid;
  width: 93.6%;
  height: 4.75%;
  grid-template-columns: 1fr 1fr;
  gap: .7%;
  align-items: stretch;
}

.league-ref-signup-tabs button {
  --league-ref-weight: 600;
  min-height: 0;
  margin: 0;
  padding: 0 4px;
  border: 3px double #60442b;
  border-bottom: 0;
  border-radius: 13px 13px 0 0;
  background: #eae1cf;
  box-shadow: inset 0 2px #fff8e8, 0 -2px 4px #5d452836;
  color: #2a2019;
  font: 400 clamp(17px, 5cqw, 43px)/1.1 var(--league-ref-typeface);
  cursor: pointer;
  touch-action: manipulation;
}

.league-ref-signup-tabs button[aria-pressed='true'] {
  border-color: #603827;
  background: #873224 url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/home-dialog-art-v2/button-red.png') center / 150% 130%;
  background-color: #d0c0b0;
  background-blend-mode: multiply;
  box-shadow: inset 0 2px #dfb770, inset 0 -2px #62291f;
  color: #fff1d5;
}

.league-ref-filter-label {
  position: absolute;
  left: 5.2%;
  top: 24%;
  z-index: 1;
  color: #2f251d;
  font: 700 clamp(13px, 3.45cqw, 29px)/1.25 'Library WenKai', GameXingKai, KaiTi, serif;
  opacity: 1;
}

.league-ref-filter {
  position: absolute;
  left: 26.4%;
  top: 23.15%;
  z-index: 3;
  width: 45.3%;
  height: 3.55%;
  min-height: 0;
  margin: 0;
  padding: 0 9% 0 5%;
  appearance: none;
  border: 2px solid #a28c6d;
  border-radius: 6px;
  background: #e9e0ce;
  color: #2f251d;
  font: 400 clamp(14px, 4.3cqw, 37px)/1.2 var(--league-ref-typeface);
  cursor: pointer;
  opacity: 1;
}

.league-ref-filter-label { display: none; }
.league-ref-filter {
  background: #e9e0ce url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14'%3E%3Cpath d='M1 2h18L10 13Z' fill='%236f5d43'/%3E%3C/svg%3E") right 9% center / 12% auto no-repeat;
}

.league-ref-event-list {
  position: absolute;
  z-index: 2;
  left: 3%;
  top: 28.15%;
  display: grid;
  width: 94.2%;
  height: 42.1%;
  grid-auto-rows: 32.05%;
  align-content: start;
  gap: 1.8%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #a97c4c #e8dbc2;
  list-style: none;
  background: #e8dfce;
  touch-action: pan-y;
}

.league-ref-event-card {
  position: relative;
  display: block;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/battle-lobby-reference-v1/league-signup.png') 50% 32.539% / 106.2266% 740.5622% no-repeat;
  box-shadow: none;
  color: #30251d;
  font-family: var(--league-ref-typeface);
}

.league-ref-event-copy {
  position: absolute;
  left: 2.5%;
  top: 7.5%;
  width: 64.2%;
  height: 85%;
  min-width: 0;
  padding: .45cqw .7cqw;
  background: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/battle-lobby-reference-v1/league-signup.png') 56.96% 34.06% / 631.85% 922% no-repeat;
}
.league-ref-event-tags { display: flex; gap: 1.7cqw; margin: 0 0 .8cqw; }
.league-ref-event-tags span {
  display: inline-block;
  padding: .3cqw 1.5cqw;
  background: #943b2d;
  clip-path: polygon(0 0, 95% 0, 100% 15%, 97% 30%, 100% 52%, 97% 70%, 100% 90%, 94% 100%, 0 100%);
  color: #fff1d8;
  font: 400 clamp(10px, 3.35cqw, 29px)/1.1 var(--league-ref-typeface);
  white-space: nowrap;
}
.league-ref-event-tags span + span { background: #dfcdb3; color: #854435; }
.league-ref-event-card h3 {
  --league-ref-weight: 600;
  margin: 0 0 .7cqw;
  color: #2c231d;
  font: 400 clamp(14px, 4.8cqw, 41px)/1.1 var(--league-ref-typeface);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow-wrap: anywhere;
}
.league-ref-event-card p {
  margin: 0;
  color: #48382b;
  font: 400 clamp(11px, 3.6cqw, 31px)/1.3 var(--league-ref-typeface);
}
.league-ref-event-copy > p { white-space: nowrap; }
#home-screen ~ #league-hall-panel.league-panel--reference #league-body .league-ref-event-card h3 {
  margin: 0 0 .7cqw;
  font-size: clamp(14px, 4.8cqw, 41px);
  line-height: 1.1;
}
#home-screen ~ #league-hall-panel.league-panel--reference #league-body .league-ref-event-card p {
  margin: 0;
  font-size: clamp(11px, 3.6cqw, 31px);
  line-height: 1.3;
}
.league-ref-event-action { display: contents; }
.league-ref-event-status {
  position: absolute;
  top: 24.2%;
  right: 4.4%;
  display: grid;
  width: 21%;
  height: 22%;
  place-items: center;
  background: #b5b6a4;
  clip-path: polygon(0 15%, 16% 10%, 12% 0, 88% 5%, 100% 18%, 93% 28%, 100% 42%, 93% 54%, 100% 75%, 89% 85%, 94% 100%, 10% 94%, 15% 83%, 0 75%, 8% 62%, 0 45%, 9% 30%);
  color: #4a5140;
  font: 400 clamp(10px, 3.35cqw, 29px)/1.15 var(--league-ref-typeface);
  white-space: nowrap;
}
.league-ref-event-card button {
  position: absolute;
  right: 3.1%;
  bottom: 11.5%;
  width: 29.55%;
  height: 35.74%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  touch-action: manipulation;
}
#league-hall-panel .league-ref-event-card button:active:not(:disabled),
#league-hall-panel .league-ref-signup-tabs button:active:not(:disabled) { transform: none; filter: none; }
.league-ref-event-card button::after { position: absolute; inset: -4px; content: ''; }
.league-ref-detail-join:active { transform: translateY(1px); }

.league-ref-empty {
  display: grid;
  min-height: 100%;
  grid-row: 1 / span 3;
  place-items: center;
  padding: 12px;
  border: 0;
  background: #e8dfce;
  color: #48382b;
  font: 700 clamp(14px, 3.5cqw, 28px)/1.5 'Library WenKai', GameXingKai, KaiTi, serif;
  text-align: center;
}

.league-ref-list-count { display: none; }

.league-ref-event-detail {
  position: absolute;
  z-index: 8;
  inset: 28% 8% 23%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8% 7%;
  border: 0;
  border-radius: 0;
  background: #eee1c7 url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/campaign-ui-v3/panel-blank.png') center / 100% 100% no-repeat;
  box-shadow: 0 8px 25px #26180f77;
  color: #30231a;
  font-family: var(--league-ref-typeface);
  animation: none;
}
.league-ref-event-detail .league-ref-event-tags { margin-bottom: 8px; }
.league-ref-event-detail h3 { margin: 0 36px 7px 0; font-size: clamp(20px, 5cqw, 40px); line-height: 1.3; }
.league-ref-event-detail p { margin: 3px 0; font-size: clamp(14px, 3.7cqw, 29px); line-height: 1.45; }
.league-ref-event-detail .league-ref-detail-note { margin: 10px 0; color: #7a4b37; font-size: clamp(12px, 3cqw, 23px); }
.league-ref-event-detail .league-ref-already-joined { color: #28627a; font-weight: 700; }
.league-ref-detail-close {
  position: absolute;
  top: 3%;
  right: 3%;
  display: grid;
  width: 44px;
  height: 44px;
  min-height: 44px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/home-dialog-art-v2/close.png') center / contain no-repeat;
  color: transparent;
  font-size: 0;
  cursor: pointer;
}
.league-ref-detail-join {
  min-height: 48px;
  margin-top: 10px;
  padding: 7px 12px;
  border: 0;
  border-radius: 0;
  background: url('https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/home-dialog-art-v2/button-red.png') center / 100% 100% no-repeat;
  color: #fff1d4;
  font: 700 clamp(15px, 4cqw, 28px)/1.35 'Library WenKai', GameXingKai, KaiTi, serif;
  cursor: pointer;
}

@media (max-width: 360px) {
  .league-ref-event-card { grid-template-columns: minmax(0, 1fr) minmax(68px, 25%); gap: 1.5%; padding-inline: 1.6%; }
}

@media (prefers-reduced-motion: reduce) {
  .league-ref-screen,
  .league-ref-event-detail,
  .league-ref-resource,
  .league-ref-create-note,
  .league-ref-duel-start { animation: none; }
  .league-ref-hotspot,
  .league-ref-size { transition: none; }
}