.gw-title { position: relative; }
.wm-plate { position: absolute; left: 2.6rem; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: .3rem; z-index: 3; }
.wm-guild {
  display: flex; align-items: center; gap: .4rem; height: 1.85rem; padding: 0 .55rem 0 .15rem; cursor: pointer;
  background: rgba(0, 0, 0, .35); border: 1px solid #000; border-radius: .95rem; box-shadow: inset 0 0 0 1px rgba(201, 164, 98, .3);
}
.wm-guild:hover { box-shadow: inset 0 0 0 1px rgba(232, 199, 122, .7); }
.wm-crest { display: inline-grid; flex: none; }
.wm-crest.is-prime .medal { box-shadow: 0 0 0 2px #e8c77a, 0 0 .6rem rgba(232, 199, 122, .45); }
.wm-crest.is-ring .medal { box-shadow: 0 0 0 1.5px #b8893e; }
.wm-copy { display: grid; text-align: left; line-height: 1; }
.wm-copy small { font-size: .55rem; color: #b9a77e; }
.wm-copy b { font: 700 .8rem/1.05 var(--font-display); color: #f0e4c8; letter-spacing: .03em; white-space: nowrap; }
.wm-num { font: 700 .78rem/1 var(--font-ui); color: #ece4d2; white-space: nowrap; }
.wm-num i { font-style: normal; color: #8f897c; margin-left: .15rem; }
.wm-pip {
  height: 1.45rem; padding: 0 .45rem; cursor: pointer; font: 800 .74rem/1 var(--font-ui); color: #1d1408;
  background: linear-gradient(#f3d58a, #c9973f); border: 1px solid #000; border-radius: .75rem; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);
}
.gw-win.is-choose .wm-num, .gw-win.is-choose .wm-copy small { display: none; }
@media (max-width: 760px), (max-height: 500px) and (pointer: coarse) {
  .wm-num, .wm-copy { display: none; }
  .wm-plate { left: 2.3rem; gap: 0; }
  .wm-guild { height: 1.75rem; padding: 0 .12rem; border-radius: 50%; }
  .wm-pip { position: absolute; left: 1.3rem; top: -.38rem; height: 1rem; min-width: 1rem; padding: 0 .24rem; font-size: .58rem; border-radius: .5rem; }
  .gw-title:has(.wm-plate) h1 { padding-inline: 4.5rem; font-size: .9rem; letter-spacing: .14em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}