/* ════════════════════════════════════════════════════════════════════════
   BEE KING — design layer for the Honey Market.
   Dream's direction, Nov 14, 2026: "Use bee king style art for
   marketplace design."

   Source of the language: the approved Bee King card
   (assets/bee-king-v10.png — approved Nov 7, 2026; used as-is, frozen
   pixels, never redrawn, never cropped).

   The language, read off the card:
   · pure black ground (#000) — the market already sits on near-black;
     this layer takes it to true black, the card's own field
   · thin gold honeycomb outlines — an arch of comb over the hero,
     a faint comb field everywhere else
   · gold + pink-gold line work — gold leads, pink-gold is the wing
     accent: hovers, highlights, the warm edge
   · spiral-eye bee motif — carried by the approved art itself
   · delicate gold line flowers — echoed in the divider's centre comb

   This file is a VISUAL LAYER ONLY. It changes no copy, no prices,
   no structure. Pages opt in with <body class="bk"> and a <link> to
   this file AFTER their own stylesheet, so these rules win ties.
   The Ξ gold headings from the base styles are untouched.
   ════════════════════════════════════════════════════════════════════════ */

:root{
  --bk-black:#000000;
  --bk-gold:#c9a227;
  --bk-gold-bright:#e8c85a;
  --bk-gold-dim:#8a6f1f;
  --bk-pink:#e58bb1;        /* wing pink, from the card's line work */
  --bk-pink-soft:#f4c7d8;   /* pink-gold highlight */
  --bk-pink-deep:#c95f8e;
  /* Seamless honeycomb tile (28×49), thin gold outlines, no fill.
     Two strengths: field (faint, everywhere) and arch (hero). */
  --bk-comb-field:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='none' stroke='%23c9a227' stroke-opacity='0.14' stroke-width='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zM0 33.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L13 6.35V0h2zM14.99 49v-8l12.99-7.5H28v2.31h-.01L15 42.15V49h-.01z'/%3E%3C/g%3E%3C/svg%3E");
  --bk-comb-arch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='none' stroke='%23c9a227' stroke-opacity='0.5' stroke-width='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zM0 33.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L13 6.35V0h2zM14.99 49v-8l12.99-7.5H28v2.31h-.01L15 42.15V49h-.01z'/%3E%3C/g%3E%3C/svg%3E");
  --bk-comb-pink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='none' stroke='%23e58bb1' stroke-opacity='0.28' stroke-width='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zM0 33.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L13 6.35V0h2zM14.99 49v-8l12.99-7.5H28v2.31h-.01L15 42.15V49h-.01z'/%3E%3C/g%3E%3C/svg%3E");
}

/* ── Ground: true black + the faint comb field ─────────────────────── */
body.bk{
  background-color:var(--bk-black);
  background-image:var(--bk-comb-field);
  background-size:28px 49px;
}
body.bk ::selection{background:var(--bk-pink-deep);color:#fff}

/* Panels sit solid on the field so text never fights the comb. */
body.bk .card,
body.bk .note,
body.bk .spec,
body.bk .fundstrip,
body.bk .agedoor,
body.bk .cats a{background-color:#0a0805}

/* ── Header: gold rule with a comb strip running under it ──────────── */
body.bk header.site{
  border-bottom:1px solid var(--bk-gold-dim);
  background-image:var(--bk-comb-field);
  background-size:28px 49px;
  box-shadow:0 1px 0 rgba(201,162,39,.25);
}
body.bk .draftbar{border-bottom:1px solid var(--bk-gold-dim)}

/* ── Hero: the arch of comb, like the card's crown ─────────────────── */
/* The comb lives on a ::before layer so the fade (mask) touches only
   the pattern, never the words or the art. */
body.bk .hero,
body.bk .pagehead,
body.bk .stallhead{position:relative;overflow:hidden}
body.bk .hero::before,
body.bk .pagehead::before,
body.bk .stallhead::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:var(--bk-comb-arch);
  background-position:top center;
  background-repeat:repeat-x;
  -webkit-mask-image:radial-gradient(ellipse 90% 100% at 50% 0%,#000 55%,transparent 98%);
          mask-image:radial-gradient(ellipse 90% 100% at 50% 0%,#000 55%,transparent 98%);
}
body.bk .hero::before{background-size:84px 147px}
body.bk .pagehead::before,
body.bk .stallhead::before{background-size:56px 98px}
body.bk .hero>*,
body.bk .pagehead>*,
body.bk .stallhead>*{position:relative}

/* ── The medallion: the approved art, whole, in its gold frame ─────── */
/* The card art is a portrait composition; it is shown COMPLETE —
   contain-fit, never cropped. The "medallion" is its frame: a thin
   gold rule, a black mat (the art's own black), a second gold rule —
   the double frame the card itself wears. */
.bk-medallion{
  margin:0 auto 2.6rem;
  padding:10px;
  background:var(--bk-black);
  border:1px solid var(--bk-gold);
  outline:1px solid var(--bk-gold-dim);
  outline-offset:5px;
  box-shadow:0 0 44px rgba(201,162,39,.16),0 0 90px rgba(229,139,177,.07);
}
.bk-medallion img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:var(--bk-black);
}
.bk-hero-art{max-width:340px}
.bk-stall-art{max-width:190px;margin-bottom:2rem}

/* ── Section dividers: a comb strip with a centre hexagon ─────────── */
.bk-divider{
  display:flex;align-items:center;gap:1.1rem;
  max-width:1080px;margin:3.2rem auto 0;padding:0 1.5rem;
}
.bk-divider::before,.bk-divider::after{
  content:"";flex:1;height:22px;
  background-image:var(--bk-comb-field);
  background-size:28px 49px;
  background-position:center;
  border-top:1px solid rgba(201,162,39,.35);
  border-bottom:1px solid rgba(201,162,39,.35);
}
.bk-divider span{
  width:20px;height:22px;flex:none;
  background:var(--bk-gold-dim);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
h2.sec{position:relative}
body.bk h2.sec::after{
  content:"";display:block;width:132px;height:12px;margin:.7rem auto 0;
  background-image:var(--bk-comb-pink);
  background-size:28px 49px;
  background-position:center;
  opacity:.8;
}

/* ── Cards & listings: gold top rule, comb ghost in the corner ────── */
body.bk .card{
  border-color:#3a2f14;
  border-top:1px solid var(--bk-gold-dim);
  position:relative;
  overflow:hidden;
}
body.bk .card::after{
  content:"";position:absolute;top:0;right:0;width:84px;height:98px;
  background-image:var(--bk-comb-arch);
  background-size:28px 49px;
  opacity:.16;pointer-events:none;
}
body.bk .card:hover{border-top-color:var(--bk-pink)}
body.bk .cats a:hover{color:var(--bk-pink-soft)}

/* ── Accents: pink-gold is the warm edge ───────────────────────────── */
body.bk a:hover{color:var(--bk-pink-soft)}
body.bk .sellerdoor a:hover{border-color:var(--bk-pink);color:var(--bk-pink-soft)}
body.bk .buy:hover{background:var(--bk-gold-bright)}
body.bk .demo .play{border-color:var(--bk-gold)}
body.bk .demo:hover .play{border-color:var(--bk-pink);color:var(--bk-pink-soft)}
body.bk :focus-visible{outline:1px solid var(--bk-pink);outline-offset:2px}
body.bk .stars{color:var(--bk-gold-bright)}
body.bk .tagrow span.adult{border-color:var(--bk-pink-deep);color:var(--bk-pink-soft)}

/* ── Honey Bee: the trust bee ──────────────────────────────────────── */
/* The earned trust mark, derived wherever it shows — never bought,
   never a stored claim. Earned from a stall's record (completed sales
   + buyer reviews); the founding stall carries it by founder proof,
   with the basis shown beside it.
   The bee is the approved art itself at badge size: whole art,
   contain-fit, in the medallion's double gold frame. No other bee
   imagery exists in the market (STYLE.md). */
.bk-badge{
  display:inline-flex;align-items:center;gap:.55rem;
  color:var(--bk-gold-bright);
  font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;
  white-space:nowrap;vertical-align:middle;
}
.bk-badge img{
  display:block;height:36px;width:auto;object-fit:contain;
  background:var(--bk-black);
  padding:2px;
  border:1px solid var(--bk-gold);
  outline:1px solid var(--bk-gold-dim);outline-offset:2px;
}
.bk-trustline{font-size:.85rem;color:#a89e83;margin-top:.7rem}
.bk-dancerline{font-size:.85rem;color:#a89e83;margin-top:.7rem}

/* ── Footer: comb strip above the rule ─────────────────────────────── */
body.bk footer{
  border-top:1px solid var(--bk-gold-dim);
  background-image:var(--bk-comb-field);
  background-size:28px 49px;
}