/* Actor-only achievements: compact Chess-inspired collectible honeycomb. */
#bgnowActorBadges {
  --hive-size: clamp(104px, 19vw, 125px);
  margin: 10px auto 28px;
  padding: clamp(12px, 3vw, 22px);
  border: 1px solid #e8be62;
  border-radius: 22px;
  background: linear-gradient(155deg, #fffef8 0%, #fff2d4 62%, #ffe7a9 100%);
  color: #243449;
  max-width: 620px;
  width: 100%;
  box-sizing: border-box;
}
#bgnowActorBadges * { box-sizing: border-box; }
#bgnowActorBadges .hive-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#bgnowActorBadges .hive-kicker { margin: 0 0 5px; color: #86621d; font: 800 11px/1.2 Arial,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
#bgnowActorBadges .hive-head h2 { font: 900 clamp(21px, 4vw, 29px)/1.14 Arial,sans-serif; margin: 0; }
#bgnowActorBadges .hive-progress { font: 900 16px/1.2 Arial,sans-serif; background: #203349; color: #fff5d6; border-radius: 14px; padding: 10px 12px; white-space: nowrap; text-align: center; }
#bgnowActorBadges .hive-progress small { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; margin-top: 3px; color: #ffe29b; }
#bgnowActorBadges .hive-meter { height: 9px; background: #e3d3ae; border-radius: 999px; overflow: hidden; margin: 16px 0 11px; }
#bgnowActorBadges .hive-meter span { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, #e69b21, #ffc94e); transition: width .4s ease; }
#bgnowActorBadges .hive-intro { margin: 0 0 12px; font: 600 13px/1.55 Arial,sans-serif; color: #47576a; }
#bgnowActorBadges .hive-legend { display: flex; gap: 13px; flex-wrap: wrap; margin-bottom: 20px; font: 800 11px/1.3 Arial,sans-serif; color: #415167; }
#bgnowActorBadges .hive-legend i { display: inline-block; width: 11px; height: 11px; border-radius: 3px; margin-right: 5px; vertical-align: -1px; background: #f0b43c; border: 1px solid #aa7914; }
#bgnowActorBadges .hive-legend .hive-locked-dot { background: #68717c; border-color: #3c4651; }
#bgnowActorBadges .hive-scroll { overflow-x: hidden; max-width: 100%; padding: 5px 0 17px; }
#bgnowActorBadges .hive-grid { display: flex; flex-direction: column; align-items: center; width: 100%; }
#bgnowActorBadges .hive-row { display: flex; align-items: center; justify-content: center; gap: 2px; margin-top: calc(var(--hive-size) * -.22); width: 100%; }
#bgnowActorBadges .hive-row:first-child { margin-top: 0; }
#bgnowActorBadges .hive-cell {
  --hive-top: #ffe69d; --hive-bottom: #e5a728; --hive-border: #bb7914;
  width: var(--hive-size);
  height: calc(var(--hive-size) * 1.11);
  flex: 0 0 var(--hive-size);
  padding: 13px 11px 17px; margin: 0; border: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  position: relative; isolation: isolate; cursor: pointer;
  clip-path: polygon(50% 0,95% 24%,95% 76%,50% 100%,5% 76%,5% 24%);
  background: linear-gradient(150deg, var(--hive-border), #f9dc80 48%, var(--hive-border));
  color: #213149; font: inherit; text-align: center; line-height: 1.1;
  -webkit-tap-highlight-color: transparent;
  transition: transform .16s ease, filter .16s ease;
}
#bgnowActorBadges .hive-cell::before {
  content: ''; position: absolute; inset: 4px; z-index: -1;
  clip-path: inherit; background: linear-gradient(150deg,var(--hive-top),var(--hive-bottom));
}
#bgnowActorBadges .hive-cell[data-theme="set"] { --hive-top: #ffedb5; --hive-bottom: #f0b154; --hive-border: #b46b18; }
#bgnowActorBadges .hive-cell[data-theme="craft"] { --hive-top: #c4ebff; --hive-bottom: #77b7e1; --hive-border: #2c78a3; }
#bgnowActorBadges .hive-cell[data-theme="community"] { --hive-top: #ddf9e9; --hive-bottom: #89d6aa; --hive-border: #347d61; }
#bgnowActorBadges .hive-cell[data-theme="milestone"] { --hive-top: #f6dfff; --hive-bottom: #c49be9; --hive-border: #84569f; }
#bgnowActorBadges .hive-cell.locked {
  --hive-top: #606975; --hive-bottom: #3b4552; --hive-border: #28333d;
  color: #f6f7f9; filter: none; opacity: 1;
}
#bgnowActorBadges .hive-cell.locked::before { background: linear-gradient(145deg,#66717c,#404a56); }
#bgnowActorBadges .hive-cell:focus-visible { outline: 4px solid #157cac; outline-offset: 2px; filter: brightness(1.11); }
#bgnowActorBadges .hive-symbol { font-size: clamp(23px, 3vw, 33px); line-height: 1; filter: drop-shadow(0 2px 0 rgba(0,0,0,.08)); }
#bgnowActorBadges .hive-cell.locked .hive-symbol { font-size: 27px; filter: none; color: #ecf0f4; }
#bgnowActorBadges .hive-label { width: 100%; max-width: 95%; font: 900 clamp(10px,1.6vw,12px)/1.12 Arial,sans-serif; overflow-wrap: anywhere; }
#bgnowActorBadges .hive-state { font: 900 9px/1 Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #32445c; }
#bgnowActorBadges .hive-cell.locked .hive-state { color: #d3dbe4; }
#bgnowActorBadges .hive-cell.hive-new { animation: bgnow-hive-unlock .7s ease-out both; }
#bgnowActorBadges .hive-footnote { margin: 5px 0 0; color: #556073; font-size: 12px; line-height: 1.4; }
#bgnowActorBadges .hive-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#bgnowActorBadges .hive-dialog {
  max-width: min(410px, calc(100vw - 34px)); width: 100%;
  border: 2px solid #d39f38; border-radius: 19px; padding: 22px;
  box-shadow: 0 18px 65px #11182760;
  background: #fffdf5; color: #25364a; margin: auto;
}
#bgnowActorBadges .hive-dialog::backdrop { background: rgba(16,23,36,.70); }
#bgnowActorBadges .hive-dialog-icon { text-align: center; font-size: 45px; margin-bottom: 6px; }
#bgnowActorBadges .hive-dialog h3 { font: 900 24px/1.16 Arial,sans-serif; text-align: center; margin: 8px 0; }
#bgnowActorBadges .hive-dialog-status { text-align: center; font-weight: 900; color: #835817; margin: 0 0 14px; }
#bgnowActorBadges .hive-dialog-description { font-size: 15px; line-height: 1.5; margin: 0 0 15px; }
#bgnowActorBadges .hive-dialog-progress { padding: 11px 12px; margin: 0 0 14px; border-radius: 11px; background: #f9efcf; font-size: 14px; line-height: 1.4; }
#bgnowActorBadges .hive-dialog button { width: 100%; min-height: 44px; border-radius: 11px; border: 0; background: #203349; color: #fff; font-weight: 900; }
@keyframes bgnow-hive-unlock { 0%{transform: scale(.85);filter:brightness(2)} 65%{transform:scale(1.06)} 100%{transform:scale(1);filter:brightness(1)} }
@media(max-width:520px) {
  #bgnowActorBadges { --hive-size: clamp(76px,27vw,112px); margin: 6px 0 20px; padding: 14px 10px 19px; }
  #bgnowActorBadges .hive-head { align-items: flex-start; }
  #bgnowActorBadges .hive-progress { font-size: 15px; padding: 9px 10px; }
  #bgnowActorBadges .hive-legend { margin-bottom: 15px; }
  #bgnowActorBadges .hive-label { font-size: clamp(9px,2.65vw,11px); }
  #bgnowActorBadges .hive-state { font-size: 8px; }
  #bgnowActorBadges .hive-cell { padding: 9px 7px 12px; }
}
@media(prefers-reduced-motion:no-preference) {
  #bgnowActorBadges .hive-cell:not(.locked):hover { transform: translateY(-3px); }
}
@media(prefers-reduced-motion:reduce) {
  #bgnowActorBadges .hive-cell { transition: none; }
  #bgnowActorBadges .hive-cell.hive-new { animation: none; }
  #bgnowActorBadges .hive-meter span { transition: none; }
}

/* Premium enamel art merged from the 34-badge collectible design on main.
   The phone-friendly 2/3 honeycomb and accessible dialogs remain unchanged. */
#bgnowActorBadges .hive-cell {
  --hive-rim: #b68029; --hive-rim2: #f7d57c;
  --hive-cream: #fff7dc; --hive-tint: #f9dfaa;
  background: linear-gradient(135deg,var(--hive-rim) 4%,var(--hive-rim2) 33%,#fff6cc 47%,var(--hive-rim) 90%);
}
#bgnowActorBadges .hive-cell::before { background: linear-gradient(155deg,var(--hive-cream) 15%,var(--hive-tint) 84%); }
#bgnowActorBadges .hive-cell::after { content:'';position:absolute;inset:9px;clip-path:inherit;z-index:-1;border-top:1px solid rgba(255,255,255,.78);background:radial-gradient(circle at 30% 8%,rgba(255,255,255,.66),transparent 58%);pointer-events:none; }
#bgnowActorBadges .hive-family-identity{--hive-rim:#b98420;--hive-rim2:#f7dc8b;--hive-cream:#fff9df;--hive-tint:#ffe2a2}
#bgnowActorBadges .hive-family-craft{--hive-rim:#a97b49;--hive-rim2:#ffe2ab;--hive-cream:#fdf5e7;--hive-tint:#eac7a4}
#bgnowActorBadges .hive-family-union{--hive-rim:#70519a;--hive-rim2:#d5baf7;--hive-cream:#f5edff;--hive-tint:#e2ccf5}
#bgnowActorBadges .hive-family-screen{--hive-rim:#2a7984;--hive-rim2:#a5ece4;--hive-cream:#f0fffb;--hive-tint:#c9f0ec}
#bgnowActorBadges .hive-family-hive{--hive-rim:#a95f81;--hive-rim2:#ffbfd4;--hive-cream:#fff2f7;--hive-tint:#ffdce8}
#bgnowActorBadges .hive-family-referral{--hive-rim:#4d7b55;--hive-rim2:#bee8a2;--hive-cream:#f5ffe9;--hive-tint:#e1f5c0}
#bgnowActorBadges .hive-family-legend{--hive-rim:#c18b16;--hive-rim2:#ffecac;--hive-cream:#fffcdf;--hive-tint:#fdd58a}
#bgnowActorBadges .hive-art{position:relative;display:flex;align-items:center;justify-content:center;width:62px;height:52px;flex-shrink:0}
#bgnowActorBadges .hive-bee{position:absolute;right:-4px;bottom:-5px;font-size:18px;transform:rotate(-12deg);filter:drop-shadow(0 1px 1px #fff9)}
#bgnowActorBadges .hive-cell.locked .hive-art{filter:grayscale(1) blur(3px);opacity:.16}
#bgnowActorBadges .hive-veil{display:none;position:absolute;top:18px;left:50%;transform:translateX(-50%);width:56px;height:52px;align-items:center;justify-content:center;font-size:24px;z-index:2;color:#4f535a;text-shadow:0 1px #fff}
#bgnowActorBadges .hive-cell.locked .hive-veil{display:flex}
#bgnowActorBadges .hive-cell.locked {
  --hive-rim: #28333d; --hive-rim2: #85909a;
  --hive-cream: #606975; --hive-tint: #3b4552;
  color:#f6f7f9;
}
#bgnowActorBadges .hive-cell.locked::after { background:linear-gradient(140deg,rgba(255,255,255,.15),rgba(0,0,0,.16)); }
#bgnowActorBadges .hive-cell.locked .hive-veil { color:#f5f7fa; }
@media(max-width:520px) {
  #bgnowActorBadges .hive-cell { gap:2px; padding:5px 5px 9px; }
  #bgnowActorBadges .hive-art { width:min(52px,62%); height:calc(var(--hive-size) * .35); }
  #bgnowActorBadges .hive-symbol { font-size:clamp(17px,5vw,27px); }
  #bgnowActorBadges .hive-bee { font-size:clamp(11px,3.4vw,16px); }
  #bgnowActorBadges .hive-veil { top:calc(var(--hive-size) * .14);font-size:clamp(15px,5vw,23px); }
}


/* Earned collection showcase: horizontally swipeable cards, not the main hive. */
#bgnowActorBadges .earned-showcase { min-width:0; width:100%; margin:8px 0 20px; }
#bgnowActorBadges .earned-showcase h3 { margin:0 0 11px; color:#243449; font:900 20px/1.2 Arial,Helvetica,sans-serif; }
#bgnowActorBadges .earned-showcase-track {
  display:flex; align-items:stretch; gap:12px; overflow-x:auto; overflow-y:hidden; max-width:100%;
  padding:2px 2px 13px; scroll-snap-type:x proximity; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;
}
#bgnowActorBadges .earned-showcase-card {
  flex:0 0 clamp(142px,34vw,186px); min-height:174px; padding:14px 10px 12px;
  border:1px solid #d7b766; border-radius:18px; background:#fffdf6; color:#253449;
  cursor:pointer; scroll-snap-align:start; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px;
  text-align:center; font:inherit; box-shadow:0 4px 12px rgba(75,56,10,.12);
}
#bgnowActorBadges .earned-showcase-art {
  display:flex; align-items:center; justify-content:center; position:relative;
  width:82px; height:90px; flex-shrink:0; font-size:39px; line-height:1;
  clip-path:polygon(50% 0,95% 24%,95% 76%,50% 100%,5% 76%,5% 24%);
  background:linear-gradient(145deg,var(--hive-rim2,#f7d57c),var(--hive-cream,#fff7dc) 48%,var(--hive-rim,#b68029));
}
#bgnowActorBadges .earned-showcase-bee { position:absolute; right:13px; bottom:16px; font-size:17px; transform:rotate(-10deg); }
#bgnowActorBadges .earned-showcase-card strong { font-size:13px; line-height:1.2; max-width:100%; overflow-wrap:break-word; }
#bgnowActorBadges .earned-showcase-card small { font:900 10px/1 Arial,sans-serif; color:#745111; letter-spacing:.06em; }
#bgnowActorBadges .earned-showcase-empty { background:#fffaf0; border:1px dashed #cfb475; border-radius:12px; margin:0; padding:15px; color:#516075; font-size:13px; }
#bgnowActorBadges .hive-filter-bar { display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 15px; }
#bgnowActorBadges .hive-filter-bar button { min-height:44px; border:1px solid #b69750; border-radius:999px; padding:9px 14px; background:#fff8e7; color:#3c3320; cursor:pointer; font:800 13px/1.2 Arial,sans-serif; }
#bgnowActorBadges .hive-filter-bar button[aria-pressed="true"] { color:#fff; background:#253c57; border-color:#253c57; }
#bgnowActorBadges .hive-filter-bar button:focus-visible,
#bgnowActorBadges .earned-showcase-card:focus-visible { outline:3px solid #136f9d; outline-offset:3px; }
#bgnowActorBadges .hive-row[hidden],#bgnowActorBadges .hive-cell[hidden] { display:none!important; }
@media(max-width:520px) {
  #bgnowActorBadges .earned-showcase-card { flex-basis:145px; min-height:164px; }
  #bgnowActorBadges .earned-showcase-art { width:75px; height:83px; font-size:35px; }
}

/* Tab panels must not compete: Earned uses the gallery, All/Locked use the connected hive.
   The author-level display:flex rules otherwise override the UA [hidden] rule. */
#bgnowActorBadges .earned-showcase[hidden],
#bgnowActorBadges .hive-scroll[hidden],
#bgnowActorBadges .hive-legend[hidden] { display:none!important; }

/* Muted family rims on unearned collectibles: keep awards mysterious, not identical.
   Artwork remains blurred and covered until server verification unlocks the tile. */
#bgnowActorBadges .hive-cell.locked {
  background:linear-gradient(140deg,var(--hive-rim) 3%,var(--hive-rim2) 33%,#e9ddc4 47%,var(--hive-rim) 92%);
}
#bgnowActorBadges .hive-cell.locked.hive-family-identity{--hive-rim:#805c30;--hive-rim2:#f3cf8c}
#bgnowActorBadges .hive-cell.locked.hive-family-craft{--hive-rim:#86654c;--hive-rim2:#e8c5a0}
#bgnowActorBadges .hive-cell.locked.hive-family-union{--hive-rim:#715e87;--hive-rim2:#cfb6e5}
#bgnowActorBadges .hive-cell.locked.hive-family-screen{--hive-rim:#416f76;--hive-rim2:#9ed3d0}
#bgnowActorBadges .hive-cell.locked.hive-family-hive{--hive-rim:#825d6e;--hive-rim2:#e2b0c4}
#bgnowActorBadges .hive-cell.locked.hive-family-referral{--hive-rim:#557358;--hive-rim2:#b7d5a8}
#bgnowActorBadges .hive-cell.locked.hive-family-legend{--hive-rim:#806428;--hive-rim2:#f2d07d}
#bgnowActorBadges .hive-cell.locked::before {
  background:linear-gradient(152deg,#667381 2%,#3b4756 55%,#273443 100%);
}
#bgnowActorBadges .hive-cell.locked::after {
  background:radial-gradient(circle at 50% 25%,rgba(255,244,202,.18),transparent 40%),
             repeating-linear-gradient(125deg,transparent 0 16px,rgba(255,255,255,.027) 16px 17px),
             linear-gradient(145deg,rgba(255,255,255,.09),rgba(0,0,0,.12));
}
#bgnowActorBadges .hive-cell.locked .hive-veil {
  width:clamp(34px,calc(var(--hive-size) * .4),44px);
  height:clamp(34px,calc(var(--hive-size) * .4),44px);
  top:calc(var(--hive-size) * .14);
  border:2px solid #f6d891;
  border-radius:50%;
  background:radial-gradient(circle at 37% 29%,#fff4bf 4%,#e0bc70 60%,#ae863c 100%);
  box-shadow:0 2px 6px rgba(10,18,28,.45),inset 0 0 0 2px rgba(106,72,23,.3);
  text-shadow:0 1px 1px rgba(255,255,255,.6);
  color:#2c3540;
}
#bgnowActorBadges .hive-cell.locked .hive-label{
  text-shadow:0 1px 1px rgba(5,15,30,.22);
}


/* Locked collectible redesign: the badge must look different on a real phone.
   Every family keeps a soft distinctive enamel face, but its art stays
   desaturated under a subtle frosted glaze until the server awards it. */
#bgnowActorBadges .hive-cell.locked {
  --locked-face-a:#fff0c7; --locked-face-b:#e3bd75;
  background:linear-gradient(145deg,var(--hive-rim) 2%,var(--hive-rim2) 29%,#fff9e8 43%,var(--hive-rim) 91%);
  color:#243449;
}
#bgnowActorBadges .hive-cell.locked.hive-family-identity{--locked-face-a:#fff0c7;--locked-face-b:#e3bd75}
#bgnowActorBadges .hive-cell.locked.hive-family-craft{--locked-face-a:#ffebd9;--locked-face-b:#d7ac8f}
#bgnowActorBadges .hive-cell.locked.hive-family-union{--locked-face-a:#f2e7fc;--locked-face-b:#b99ad5}
#bgnowActorBadges .hive-cell.locked.hive-family-screen{--locked-face-a:#dff8f8;--locked-face-b:#84bfcb}
#bgnowActorBadges .hive-cell.locked.hive-family-hive{--locked-face-a:#ffebef;--locked-face-b:#dfa2b7}
#bgnowActorBadges .hive-cell.locked.hive-family-referral{--locked-face-a:#edf8de;--locked-face-b:#a1c49c}
#bgnowActorBadges .hive-cell.locked.hive-family-legend{--locked-face-a:#fff4d1;--locked-face-b:#e0b84c}
#bgnowActorBadges .hive-cell.locked::before {
  background:linear-gradient(148deg,rgba(255,255,255,.54),transparent 52%),
             linear-gradient(156deg,var(--locked-face-a) 8%,var(--locked-face-b) 94%);
}
#bgnowActorBadges .hive-cell.locked::after {
  background:repeating-linear-gradient(130deg,rgba(255,255,255,.12) 0 3px,rgba(255,255,255,.01) 3px 12px),
             radial-gradient(circle at 50% 40%,rgba(255,255,255,.24),transparent 65%);
}
#bgnowActorBadges .hive-cell.locked .hive-art {
  filter:grayscale(.72) saturate(.42);
  opacity:.63;
}
#bgnowActorBadges .hive-cell.locked .hive-symbol {
  font-size:clamp(27px,3.7vw,38px);
  color:#394857;
}
#bgnowActorBadges .hive-cell.locked .hive-bee { opacity:.65; }
#bgnowActorBadges .hive-cell.locked .hive-veil {
  top:calc(var(--hive-size) * .035);
  right:calc(var(--hive-size) * .13);
  left:auto;
  transform:none;
  width:clamp(23px,calc(var(--hive-size) * .28),31px);
  height:clamp(23px,calc(var(--hive-size) * .28),31px);
  font-size:clamp(13px,calc(var(--hive-size) * .17),18px);
  border:2px solid #a57928;
  border-radius:50%;
  background:linear-gradient(145deg,#fff8d6,#e9c578);
  box-shadow:0 2px 4px rgba(26,34,48,.24),inset 0 1px rgba(255,255,255,.85);
  color:#303842;
  text-shadow:none;
}
#bgnowActorBadges .hive-cell.locked .hive-label {
  color:#25374c;
  text-shadow:0 1px rgba(255,255,255,.50);
}
#bgnowActorBadges .hive-cell.locked .hive-state { color:#415269; }
#bgnowActorBadges .hive-legend .hive-locked-dot {
  background:linear-gradient(135deg,#f2d69d,#a0adc4);
  border-color:#917454;
}
@media(max-width:520px) {
  #bgnowActorBadges .hive-cell.locked .hive-art {
    height:calc(var(--hive-size) * .40);
  }
  #bgnowActorBadges .hive-cell.locked .hive-symbol {
    font-size:clamp(23px,7.3vw,32px);
  }
}

/* Mystery-only unearned honeycombs: reveal real enamel art only when verified. */
#bgnowActorBadges .hive-cell.locked{
  --hive-rim:#434d5a;--hive-rim2:#a7b2bd;
  background:linear-gradient(145deg,#485360,#b4bec8 40%,#45515f 95%);
  color:#edf2f7;
}
#bgnowActorBadges .hive-cell.locked::before{background:linear-gradient(155deg,#667585 4%,#3b4b5b 96%)}
#bgnowActorBadges .hive-cell.locked::after{background:radial-gradient(circle at 45% 20%,rgba(255,255,255,.15),transparent 63%)}
#bgnowActorBadges .hive-cell.locked .hive-art{filter:none;opacity:1}
#bgnowActorBadges .hive-cell.locked .hive-symbol{color:#e7d5a4;font:900 clamp(32px,7vw,44px)/1 Georgia,serif}
#bgnowActorBadges .hive-cell.locked .hive-bee{display:none}
#bgnowActorBadges .hive-cell.locked .hive-label{color:#f4f7fb;text-shadow:none;letter-spacing:.01em}
#bgnowActorBadges .hive-cell.locked .hive-state{color:#d4dde7}
#bgnowActorBadges .hive-cell.locked .hive-veil{top:calc(var(--hive-size) * .065);right:calc(var(--hive-size) * .15)}


/* Finishing pass: jewel-enamel achievements, with a calm mystery treatment for locked slots.
   The server continues to decide which award is earned; CSS never reveals locked art. */
#bgnowActorBadges{
  background:radial-gradient(ellipse at 82% 0%,rgba(255,241,188,.9),transparent 47%),
             linear-gradient(155deg,#fffefa 4%,#fff7e9 76%,#ffedc4);
  border:1px solid #e6c67c;
  box-shadow:0 12px 34px rgba(117,79,20,.11),inset 0 1px rgba(255,255,255,.96);
}
#bgnowActorBadges .hive-kicker{color:#8f691d;letter-spacing:.10em}
#bgnowActorBadges .hive-head h2{color:#25364a;letter-spacing:-.035em}
#bgnowActorBadges .hive-progress{
  background:linear-gradient(145deg,#283e57,#182a3e);
  border:1px solid #485972;box-shadow:0 3px 11px rgba(30,45,61,.15);
}
#bgnowActorBadges .hive-meter{height:8px;background:#ecdfbf}
#bgnowActorBadges .hive-meter span{
  background:linear-gradient(90deg,#a76b17,#f1bd4a 57%,#ffe2a0);
  box-shadow:0 0 9px rgba(226,160,34,.35);
}
#bgnowActorBadges .hive-cell:not(.locked){
  background:linear-gradient(132deg,var(--hive-rim) 5%,#fff2ca 25%,var(--hive-rim2) 40%,var(--hive-rim) 91%);
  filter:drop-shadow(0 3px 3px rgba(62,49,27,.14));
}
#bgnowActorBadges .hive-cell:not(.locked)::before{
  background:radial-gradient(circle at 27% 16%,rgba(255,255,255,.96),transparent 43%),
             linear-gradient(155deg,var(--hive-cream) 8%,var(--hive-tint) 90%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.6);
}
#bgnowActorBadges .hive-cell:not(.locked)::after{
  inset:8px;
  background:radial-gradient(ellipse at 45% 15%,rgba(255,255,255,.7),transparent 55%),
             linear-gradient(154deg,rgba(255,255,255,.14),transparent 60%);
  border-top:1px solid rgba(255,255,255,.9);
  border-bottom:1px solid rgba(112,76,25,.12);
}
#bgnowActorBadges .hive-cell:not(.locked) .hive-art{
  border-radius:50%;
  background:radial-gradient(circle at 38% 29%,rgba(255,255,255,.78),rgba(255,255,255,.12) 52%,transparent 74%);
}
#bgnowActorBadges .hive-cell:not(.locked) .hive-symbol{
  font-size:clamp(25px,3.6vw,38px);
  filter:drop-shadow(0 2px 1px rgba(50,40,27,.17));
}
#bgnowActorBadges .hive-cell:not(.locked) .hive-bee{
  right:-1px;bottom:-5px;font-size:clamp(12px,2vw,17px);
  filter:drop-shadow(0 1px 1px rgba(39,30,16,.28));
}
#bgnowActorBadges .hive-cell:not(.locked) .hive-label{
  color:#26374c;text-shadow:0 1px rgba(255,255,255,.8);
}
#bgnowActorBadges .hive-cell:not(.locked) .hive-state{
  color:#855b15;font-size:9px;letter-spacing:.075em;
}
#bgnowActorBadges .hive-cell.locked{
  background:linear-gradient(130deg,#394758 7%,#bdc9d2 37%,#455368 92%);
  filter:none;
}
#bgnowActorBadges .hive-cell.locked::before{
  background:radial-gradient(circle at 28% 17%,rgba(255,255,255,.22),transparent 52%),
             linear-gradient(155deg,#647589,#38495c);
}
#bgnowActorBadges .hive-cell.locked::after{
  background:linear-gradient(150deg,rgba(255,255,255,.13),transparent 63%);
}
#bgnowActorBadges .hive-cell.locked .hive-symbol{color:#e4d2a7}
#bgnowActorBadges .hive-cell.locked .hive-veil{
  background:linear-gradient(145deg,#fff5d3,#e5c27f 73%,#b9893d);
  border:1px solid #f9e5b1;
  box-shadow:0 2px 5px rgba(11,23,35,.25),inset 0 1px rgba(255,255,255,.92);
}
#bgnowActorBadges .earned-showcase-track{gap:14px;padding:4px 4px 16px}
#bgnowActorBadges .earned-showcase-card{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:185px;padding:18px 12px 16px;gap:9px;
  border:1px solid #d4ab55;border-radius:18px;
  background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.95),transparent 50%),
             linear-gradient(158deg,#fffaf0,#fbecc9 85%);
  box-shadow:0 7px 17px rgba(93,63,18,.13),inset 0 1px #fff;
  transition:transform .18s ease,box-shadow .18s ease;
}
#bgnowActorBadges .earned-showcase-card::before{
  content:"";position:absolute;inset:6px;border:1px solid rgba(169,120,37,.28);
  border-radius:13px;pointer-events:none;
}
#bgnowActorBadges .earned-showcase-art{
  width:88px;height:98px;
  background:linear-gradient(127deg,var(--hive-rim) 3%,#fff1c9 28%,var(--hive-rim2) 46%,var(--hive-rim) 95%);
  filter:drop-shadow(0 4px 3px rgba(89,64,24,.18));
}
#bgnowActorBadges .earned-showcase-art::before{
  content:"";position:absolute;inset:5px;z-index:-1;clip-path:inherit;
  background:radial-gradient(circle at 30% 14%,rgba(255,255,255,.95),transparent 47%),
             linear-gradient(155deg,var(--hive-cream),var(--hive-tint));
}
#bgnowActorBadges .earned-showcase-art>span:first-child{filter:drop-shadow(0 2px 1px rgba(42,35,22,.17))}
#bgnowActorBadges .earned-showcase-bee{right:12px;bottom:16px;filter:drop-shadow(0 1px 1px rgba(45,35,15,.2))}
#bgnowActorBadges .earned-showcase-card strong{font-size:13px;line-height:1.27;color:#25364b}
#bgnowActorBadges .earned-showcase-card small{font-size:10px;color:#846020}
#bgnowActorBadges .hive-filter-bar button{
  border-color:#dcc28e;background:#fffdf5;box-shadow:inset 0 1px rgba(255,255,255,.9);
}
#bgnowActorBadges .hive-filter-bar button[aria-pressed="true"]{background:#253b54;color:#fff}
@media(max-width:520px){
  #bgnowActorBadges{box-shadow:0 5px 18px rgba(80,56,16,.09)}
  #bgnowActorBadges .hive-cell:not(.locked) .hive-symbol{font-size:clamp(20px,5.5vw,29px)}
  #bgnowActorBadges .earned-showcase-card{min-height:171px}
  #bgnowActorBadges .earned-showcase-art{width:77px;height:85px}
}
@media(prefers-reduced-motion:no-preference){
  #bgnowActorBadges .earned-showcase-card:hover{
    transform:translateY(-3px);
    box-shadow:0 11px 22px rgba(93,63,18,.17),inset 0 1px #fff;
  }
}
@media(prefers-reduced-motion:reduce){
  #bgnowActorBadges .earned-showcase-card{transition:none}
}