.dopa-honor-mini {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 24px 0;
  padding: 12px 14px;
  border: 2px solid #a48a4b;
  border-radius: 0;
  box-shadow: inset 0 0 0 2px #090909, 4px 4px 0 #090909;
  background: #171717;
  border-top-color: #d5b966;
  color: #f7f4eb;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}
.dopa-honor-mini::before { content: ''; position: absolute; inset: 4px; z-index: -1; border: 1px solid #413a29; pointer-events: none; }
.dopa-honor-mini::after { content: ''; position: absolute; inset: -2px; z-index: -1; pointer-events: none; background: linear-gradient(#f3d580,#f3d580) left top / 20px 3px no-repeat, linear-gradient(#f3d580,#f3d580) left top / 3px 16px no-repeat, linear-gradient(#f3d580,#f3d580) right top / 20px 3px no-repeat, linear-gradient(#f3d580,#f3d580) right top / 3px 16px no-repeat, linear-gradient(#9e803e,#9e803e) left bottom / 20px 3px no-repeat, linear-gradient(#9e803e,#9e803e) left bottom / 3px 16px no-repeat, linear-gradient(#9e803e,#9e803e) right bottom / 20px 3px no-repeat, linear-gradient(#9e803e,#9e803e) right bottom / 3px 16px no-repeat, linear-gradient(#ac332b,#ac332b) 32px top / 24px 3px no-repeat; }
.dopa-honor-mini *, .dopa-honor-mini *::before, .dopa-honor-mini *::after { box-sizing: border-box; }
.dopa-honor-mini [hidden] { display: none !important; }
.dopa-honor-mini .dopa-honor-mini__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 26px; margin: 0 0 8px; }
.dopa-honor-mini .dopa-honor-mini__heading { display: flex; align-items: center; gap: 8px; min-width: 0; }
.dopa-honor-mini .dopa-honor-mini__title { flex: 0 0 auto; margin: 0; padding: 0; color: #ffd84a; font: inherit; font-size: 19px; font-weight: 900; line-height: 24px; letter-spacing: .02em; }
.dopa-honor-mini .dopa-honor-mini__crown { flex: 0 0 20px; width: 20px; height: 18px; background: #c49d39; clip-path: polygon(0 0,20% 0,20% 30%,40% 30%,40% 0,60% 0,60% 30%,80% 30%,80% 0,100% 0,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0 85%); position: relative; }
.dopa-honor-mini .dopa-honor-mini__crown::after { content: ''; position: absolute; inset: 3px; background: #fff0a1; clip-path: polygon(0 0,20% 0,20% 40%,40% 40%,40% 0,60% 0,60% 40%,80% 40%,80% 0,100% 0,100% 100%,0 100%); pointer-events: none; }
.dopa-honor-mini .dopa-honor-mini__period { min-width: 0; color: #bbb7ac; font-size: 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dopa-honor-mini .dopa-honor-mini__more { flex: 0 0 auto; padding: 1px 9px; border: 2px solid #a78a42; border-top-color: #edcf79; border-bottom-color: #746030; box-shadow: inset 0 0 0 1px #3b3220, 2px 2px 0 #090909; background: #282318; color: #ffe59a; font-size: 13px; font-weight: 800; line-height: 20px; text-decoration: none; white-space: nowrap; }
.dopa-honor-mini .dopa-honor-mini__more:hover { background: #39301d; border-color: #ffe59a; text-decoration: underline; text-underline-offset: 3px; }
.dopa-honor-mini .dopa-honor-mini__body { min-height: 80px; }
.dopa-honor-mini .dopa-honor-mini__list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; width: 100%; margin: 0; padding: 0; list-style: none; }
.dopa-honor-mini .dopa-honor-mini__item { display: block; min-width: 0; margin: 0; padding: 0; list-style: none; }
.dopa-honor-mini .dopa-honor-mini__row { --dopa-medal-face: #c9c0a2; --dopa-medal-light: #f1ead4; --dopa-medal-rim: #756e58; --dopa-medal-wing: #534e3e; --dopa-medal-ink: #211c13; --dopa-card-line: #484435; position: relative; isolation: isolate; display: grid; grid-template-columns: 34px 38px minmax(0,1fr); grid-template-rows: 22px 26px; align-content: center; align-items: center; gap: 0 9px; height: 80px; margin: 0; padding: 8px 12px; border: 1px solid #77705a; border-bottom: 3px solid #615841; box-shadow: inset 0 1px 0 #9c8b56, 2px 2px 0 #090909; background: #222221; color: #f7f4eb; text-decoration: none; }
.dopa-honor-mini .dopa-honor-mini__row::before { content: ''; position: absolute; inset: 4px; z-index: -1; border: 1px solid var(--dopa-card-line); pointer-events: none; }
.dopa-honor-mini .dopa-honor-mini__row::after { content: ''; position: absolute; inset: 3px; z-index: -1; pointer-events: none; background: linear-gradient(var(--dopa-medal-light),var(--dopa-medal-light)) left top / 7px 2px no-repeat, linear-gradient(var(--dopa-medal-light),var(--dopa-medal-light)) left top / 2px 7px no-repeat, linear-gradient(var(--dopa-medal-rim),var(--dopa-medal-rim)) right bottom / 7px 2px no-repeat, linear-gradient(var(--dopa-medal-rim),var(--dopa-medal-rim)) right bottom / 2px 7px no-repeat; }
.dopa-honor-mini .dopa-honor-mini__row[data-medal="gold"] { --dopa-medal-face: #efc55c; --dopa-medal-light: #fff0ab; --dopa-medal-rim: #bd9743; --dopa-medal-wing: #927039; --dopa-card-line: #5b4d2c; border-color: #c6a653; border-bottom-color: #dabb67; box-shadow: inset 0 1px 0 #f0d786, 2px 2px 0 #090909; background: linear-gradient(to bottom,#363020 0 6px,#29261c 6px calc(100% - 6px),#211f19 calc(100% - 6px)); }
.dopa-honor-mini .dopa-honor-mini__row[data-medal="gold"]::after { background: linear-gradient(#fff0ab,#fff0ab) left top / 9px 2px no-repeat, linear-gradient(#fff0ab,#fff0ab) left top / 2px 9px no-repeat, linear-gradient(#bd9743,#bd9743) right bottom / 9px 2px no-repeat, linear-gradient(#bd9743,#bd9743) right bottom / 2px 9px no-repeat, linear-gradient(#f4d77f,#f4d77f) 79% 2px / 2px 2px no-repeat, linear-gradient(#89733f,#89733f) 84% 5px / 2px 2px no-repeat, linear-gradient(#fff0ab,#fff0ab) calc(100% - 13px) 1px / 2px 6px no-repeat, linear-gradient(#fff0ab,#fff0ab) calc(100% - 11px) 3px / 6px 2px no-repeat; }
.dopa-honor-mini .dopa-honor-mini__row[data-medal="silver"] { --dopa-medal-face: #c7dfe5; --dopa-medal-light: #f0faff; --dopa-medal-rim: #8faebc; --dopa-medal-wing: #526e80; --dopa-medal-ink: #15232b; --dopa-card-line: #435866; border-color: #7795a7; border-bottom-color: #a3c1ce; box-shadow: inset 0 1px 0 #bcd6e3, 2px 2px 0 #090909; background: linear-gradient(to bottom,#29353d 0 6px,#20272c 6px calc(100% - 6px),#171e22 calc(100% - 6px)); }
.dopa-honor-mini .dopa-honor-mini__row[data-medal="bronze"] { --dopa-medal-face: #e9b388; --dopa-medal-light: #ffe0bc; --dopa-medal-rim: #b57e57; --dopa-medal-wing: #865239; --dopa-medal-ink: #2d1b13; --dopa-card-line: #674633; border-color: #ab7854; border-bottom-color: #d09b70; box-shadow: inset 0 1px 0 #e3b58c, 2px 2px 0 #090909; background: linear-gradient(to bottom,#3a2b22 0 6px,#2c231e 6px calc(100% - 6px),#211c19 calc(100% - 6px)); }
.dopa-honor-mini .dopa-honor-mini__row:hover { outline: 2px solid #ffd84a; outline-offset: -2px; }
.dopa-honor-mini .dopa-honor-mini__rank { position: relative; isolation: isolate; display: grid; place-items: center; grid-column: 1; grid-row: 1 / 3; width: 34px; height: 34px; color: var(--dopa-medal-ink); font-family: ui-monospace,monospace; font-size: 14px; font-weight: 900; line-height: 20px; letter-spacing: -.06em; }
.dopa-honor-mini .dopa-honor-mini__rank::before { content: ''; position: absolute; inset: 1px 3px; z-index: -1; pointer-events: none; background: linear-gradient(to bottom,var(--dopa-medal-light) 0 5px,var(--dopa-medal-face) 5px calc(100% - 5px),var(--dopa-medal-rim) calc(100% - 5px)); box-shadow: inset 3px 0 0 var(--dopa-medal-rim), inset -3px 0 0 var(--dopa-medal-rim); clip-path: polygon(25% 0,75% 0,75% 9%,89% 9%,89% 22%,100% 22%,100% 78%,89% 78%,89% 91%,75% 91%,75% 100%,25% 100%,25% 91%,11% 91%,11% 78%,0 78%,0 22%,11% 22%,11% 9%,25% 9%); }
.dopa-honor-mini .dopa-honor-mini__rank::after { content: ''; position: absolute; inset: 6px -4px 5px; z-index: -2; pointer-events: none; background: linear-gradient(to bottom,var(--dopa-medal-light) 0 3px,var(--dopa-medal-wing) 3px 9px,var(--dopa-medal-rim) 9px 12px,var(--dopa-medal-wing) 12px); clip-path: polygon(0 0,24% 14%,24% 0,76% 0,76% 14%,100% 0,100% 29%,92% 29%,92% 52%,84% 52%,84% 76%,73% 76%,73% 100%,27% 100%,27% 76%,16% 76%,16% 52%,8% 52%,8% 29%,0 29%); }
.dopa-honor-mini .dopa-honor-mini__avatar { position: relative; display: grid; place-items: center; grid-column: 2; grid-row: 1 / 3; width: 38px; height: 38px; overflow: hidden; border: 2px solid var(--dopa-medal-rim); box-shadow: 2px 2px 0 #100f0c; background: #ede5d4; }
.dopa-honor-mini .dopa-honor-mini__avatar svg { display: block; width: 23px; height: 23px; shape-rendering: crispEdges; }
.dopa-honor-mini .dopa-honor-mini__avatar img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; object-fit: cover; }
.dopa-honor-mini .dopa-honor-mini__alias { display: block; grid-column: 3; grid-row: 1; min-width: 0; overflow: hidden; color: inherit; font-size: 14px; font-weight: 800; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.dopa-honor-mini .dopa-honor-mini__score { grid-column: 3; grid-row: 2; min-width: 0; max-width: 11ch; overflow: hidden; color: #ffe58f; font-family: ui-monospace,monospace; font-size: 22px; font-weight: 900; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; text-shadow: 2px 2px 0 #12110d; font-variant-numeric: tabular-nums; }
.dopa-honor-mini .dopa-honor-mini__row[data-medal="silver"] .dopa-honor-mini__score { color: #daf2fc; }
.dopa-honor-mini .dopa-honor-mini__row[data-medal="bronze"] .dopa-honor-mini__score { color: #ffd0ae; }
.dopa-honor-mini .dopa-honor-mini__score small { margin-left: 3px; color: #bbb7ac; font-family: inherit; font-size: 10px; font-weight: 400; }
.dopa-honor-mini .dopa-honor-mini__message { display: grid; place-items: center; min-height: 80px; margin: 0; padding: 8px; border: 1px dashed #59554b; color: #bbb7ac; font-size: 13px; line-height: 20px; text-align: center; }
.dopa-honor-mini .dopa-honor-mini__note { display: block; margin: 7px 0 0; padding: 0; overflow: hidden; color: #bbb7ac; font-size: 11px; font-weight: 400; line-height: 17px; text-overflow: ellipsis; white-space: nowrap; }
.dopa-honor-mini .dopa-honor-mini__more:focus-visible, .dopa-honor-mini .dopa-honor-mini__row:focus-visible { outline: 3px solid #8bd8ef; outline-offset: 2px; }
@media (max-width: 900px) {
  .dopa-honor-mini { margin: 18px 0; padding: 10px; }
  .dopa-honor-mini .dopa-honor-mini__head { min-height: 24px; margin-bottom: 6px; gap: 8px; }
  .dopa-honor-mini .dopa-honor-mini__heading { gap: 6px; }
  .dopa-honor-mini .dopa-honor-mini__title { font-size: 17px; line-height: 22px; }
  .dopa-honor-mini .dopa-honor-mini__crown { flex-basis: 17px; width: 17px; height: 16px; }
  .dopa-honor-mini .dopa-honor-mini__period { font-size: 11px; }
  .dopa-honor-mini .dopa-honor-mini__more { padding-right: 7px; padding-left: 7px; font-size: 12px; }
  .dopa-honor-mini .dopa-honor-mini__body, .dopa-honor-mini .dopa-honor-mini__message { min-height: 164px; }
  .dopa-honor-mini .dopa-honor-mini__list { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .dopa-honor-mini .dopa-honor-mini__row { grid-template-columns: 34px 32px minmax(0,1fr) max-content; grid-template-rows: minmax(0,1fr); gap: 7px; height: 52px; padding: 3px 8px; border-bottom-width: 1px; }
  .dopa-honor-mini .dopa-honor-mini__avatar { grid-row: 1; width: 32px; height: 32px; }
  .dopa-honor-mini .dopa-honor-mini__rank { grid-row: 1; font-size: 13px; }
  .dopa-honor-mini .dopa-honor-mini__score { grid-column: 4; grid-row: 1; font-size: 18px; line-height: 22px; }
  .dopa-honor-mini .dopa-honor-mini__alias { font-size: 13px; }
  .dopa-honor-mini .dopa-honor-mini__note { margin-top: 6px; line-height: 16px; }
}