/* V96 — global back button: dark rounded tile with a bold chevron.
   Replaces the thin Vant glyph everywhere a page header can go back.
   Pagination arrows inside game records are intentionally untouched. */

:root {
  --co-back-size: 0.85333rem;   /* 32px */
  --co-back-radius: 0.16rem;    /* 6px */
  --co-back-glyph: 0.53333rem;  /* 20px */
  --co-back-bg: #464f50;
  --co-back-fg: #e9eded;
}

#app .navbar__content-left .van-icon-arrow-left,
#app .van-icon-arrow-left.icon_return_01,
#app .van-icon-arrow-left.left_icon,
.co-back-btn {
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex: 0 0 auto;
  width: var(--co-back-size);
  height: var(--co-back-size);
  padding: 0;
  border: 0;
  border-radius: var(--co-back-radius);
  background: var(--co-back-bg);
  font-size: 0 !important;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.15s ease, transform 0.12s ease;
}

#app .navbar__content-left .van-icon-arrow-left:before,
#app .van-icon-arrow-left.icon_return_01:before,
#app .van-icon-arrow-left.left_icon:before {
  content: none !important;
}

#app .navbar__content-left .van-icon-arrow-left:after,
#app .van-icon-arrow-left.icon_return_01:after,
#app .van-icon-arrow-left.left_icon:after,
.co-back-btn:after {
  content: "";
  display: block;
  width: var(--co-back-glyph);
  height: var(--co-back-glyph);
  background-color: var(--co-back-fg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m20.191 6.1-10.4 10.4 10.4 10.4 3.018-3.017-7.383-7.383 7.383-7.382z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m20.191 6.1-10.4 10.4 10.4 10.4 3.018-3.017-7.383-7.383 7.383-7.382z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

#app .navbar__content-left:active .van-icon-arrow-left,
.co-back-btn:active {
  background: #3b4344;
  transform: scale(0.94);
}

.co-back-btn {
  position: relative;
}
.co-back-btn:before {
  content: "";
  position: absolute;
  inset: -0.16rem;
}

/* The tile is its own hit target, so the wrapper must not add extra offset. */
#app .navbar__content-left {
  left: 0.32rem;
}