/* ============================================================
   V4.8M — Restore crisp arcade badge around outer majority title
   V48L marks the correct title with data-v48l-title="1"
   ============================================================ */

[data-v48l-title="1"]{
  position:relative !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  width:auto !important;
  max-width:64% !important;
  min-height:24px !important;

  margin:0 !important;
  padding:4px 11px 4px 26px !important;

  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.045) 0 1px,
      transparent 1px 4px
    ),
    #030b18 !important;

  border:2px solid #21e8ff !important;
  outline:2px solid #020713 !important;
  outline-offset:2px !important;

  box-shadow:
    4px 4px 0 rgba(0,0,0,.78),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 10px rgba(33,232,255,.12) !important;

  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;

  font-family:"Courier New",monospace !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.045em !important;

  text-transform:uppercase !important;
  white-space:nowrap !important;

  text-shadow:
    2px 2px 0 #000,
    0 0 4px rgba(255,255,255,.20) !important;

  image-rendering:pixelated !important;
}

/* Tiny pixel sword/cross marker like the earlier arcade tag */
[data-v48l-title="1"]::before{
  content:"⚔" !important;

  position:absolute !important;
  left:7px !important;
  top:50% !important;
  transform:translateY(-52%) !important;

  display:block !important;

  color:#f7fbff !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;

  text-shadow:1px 1px 0 #000 !important;
}

/* cyan lower pixel accent */
[data-v48l-title="1"]::after{
  content:"" !important;

  position:absolute !important;
  left:5px !important;
  right:5px !important;
  bottom:-4px !important;

  height:2px !important;
  display:block !important;

  background:
    linear-gradient(
      90deg,
      #21e8ff 0 72%,
      #ff2d9d 72% 84%,
      #ffe13d 84% 100%
    ) !important;

  box-shadow:2px 2px 0 #000 !important;
}

/* Portrait gets a little larger */
body[data-pixel-layout="9"] [data-v48l-title="1"]{
  min-height:30px !important;
  padding:5px 14px 5px 31px !important;
  font-size:13px !important;
}

body[data-pixel-layout="9"] [data-v48l-title="1"]::before{
  left:9px !important;
  font-size:12px !important;
}