/* ═══════════════════════════════════════════════════════════
   187 DARK KNIGHTS — Dashboard (mockup layout, PHP-ready)
   Void Black · Blood Crimson · Bone Grey
   ═══════════════════════════════════════════════════════════ */
:root{
  --bg:#050505; --panel:#0E0E0E; --card:#141414; --frame:#242424;
  --ink:#C8C8C8; --ink2:#8A8A8A; --ink3:#5A5A5A;
  --blood:#8B1A1A; --blood2:#B22222; --maroon:#6B1414;
  --topnav-h:72px; --bottom-h:0px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
/* NOTE: do NOT put overflow-x/overflow on html or body —
   it silently breaks position:sticky on the rails.
   minmax(0,1fr) on the grid already prevents blowout. */
body{background:var(--bg);color:var(--ink);font-family:'Rajdhani',sans-serif;-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(ellipse 800px 500px at 15% 0%,rgba(139,26,26,.10),transparent 60%),
    radial-gradient(ellipse 700px 500px at 85% 20%,rgba(139,26,26,.07),transparent 55%),
    radial-gradient(ellipse 900px 600px at 50% 100%,rgba(107,20,20,.06),transparent 60%);
  background-attachment:fixed}

/* ═══ GLASS + 3D FOUNDATION ═══ */
/* Frosted translucent surface with layered depth + top highlight edge */
.glass{
  background:linear-gradient(160deg,rgba(24,24,24,.72),rgba(10,10,10,.55));
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  border:1px solid rgba(139,26,26,.18);
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 8px 24px rgba(0,0,0,.55),
    0 2px 6px rgba(0,0,0,.4);
}
.lift{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}
.lift:hover{transform:translateY(-3px);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 34px rgba(0,0,0,.6),0 0 22px rgba(139,26,26,.14)}
a{cursor:pointer;text-decoration:none;color:inherit}
/* ═══ DISPLAY TYPE ═══
   Drop-cap treatment: first letter stays heavy blackletter for the 187DK
   flavour, the rest renders in Oswald so headings are actually readable.
   The cap is beveled + polished — carved crimson metal, not flat colour. */
.font-display{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.3px}

.font-display::first-letter,
.fd-line::first-letter{
  font-family:'UnifrakturCook',cursive;
  font-size:1.62em;
  line-height:.82;
  padding-right:.05em;
  /* Forged crimson metal — hard specular band near the top, then a fast
     falloff to near-black. The tight stops are what read as a hard edge
     rather than a soft airbrush. */
  background:linear-gradient(177deg,
    #ffffff 0%,
    #ffe4e4 6%,
    #f5a8a8 12%,
    #d64444 20%,
    #B22222 33%,
    #8B1A1A 47%,
    #6b1414 58%,
    #3d0909 74%,
    #1a0404 88%,
    #2b0707 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  /* Bevel stack: tight bright rim top-left, hard black edge bottom-right,
     then cast shadow, then the forge glow. */
  filter:
    drop-shadow(0 -1px 0 rgba(255,235,235,.85))
    drop-shadow(-1px -1px 0 rgba(255,185,185,.55))
    drop-shadow(-1px 0 0 rgba(255,150,150,.3))
    drop-shadow(1px 1px 0 rgba(0,0,0,1))
    drop-shadow(2px 2px 0 rgba(0,0,0,.85))
    drop-shadow(3px 3px 1px rgba(0,0,0,.6))
    drop-shadow(0 4px 6px rgba(0,0,0,.85))
    drop-shadow(0 0 14px rgba(178,34,34,.7))
    drop-shadow(0 0 28px rgba(139,26,26,.45));
}

/* Fallback for browsers without background-clip:text — keep it crimson,
   never let it render invisible. */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .font-display::first-letter,
  .fd-line::first-letter{
    background:none;
    -webkit-text-fill-color:initial;
    color:var(--blood2);
    text-shadow:0 -1px 0 rgba(255,190,190,.4), 1px 1px 0 rgba(0,0,0,.9),
                0 2px 4px rgba(0,0,0,.7), 0 0 12px rgba(178,34,34,.4);
  }
}

/* Multi-line headings: give every line its own drop cap */
.fd-line{display:block}
/* Pure blackletter — for the wordmark/logo only */
.font-black{font-family:'UnifrakturCook',cursive;letter-spacing:.5px}
/* Beveled crimson metal for standalone blackletter (Morticia, headers) */
.bevel-cap{
  background:linear-gradient(177deg,#ffffff 0%,#ffe4e4 6%,#f5a8a8 12%,#d64444 20%,
    #B22222 33%,#8B1A1A 47%,#6b1414 58%,#3d0909 74%,#1a0404 88%,#2b0707 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 -1px 0 rgba(255,235,235,.8))
         drop-shadow(-1px -1px 0 rgba(255,185,185,.5))
         drop-shadow(1px 1px 0 rgba(0,0,0,1))
         drop-shadow(2px 2px 0 rgba(0,0,0,.8))
         drop-shadow(0 3px 5px rgba(0,0,0,.8))
         drop-shadow(0 0 14px rgba(178,34,34,.65))
         drop-shadow(0 0 26px rgba(139,26,26,.4));
}

.ico{font-family:'Share Tech Mono',monospace;font-style:normal}
.crimson{color:var(--blood2)}
.w-full{width:100%}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--panel)}
::-webkit-scrollbar-thumb{background:var(--blood);border-radius:3px}

/* Buttons — forged crimson metal.
   Layered: dark base gradient, a bright specular band across the top third,
   an inset light rim, an inset dark floor, then the drop shadow + glow. */
.btn-blood{
  position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,
      rgba(255,220,220,.30) 0%,
      rgba(255,150,150,.14) 22%,
      rgba(255,255,255,0)   46%),
    linear-gradient(180deg,
      #c72c2c 0%,
      #a51f1f 30%,
      #8B1A1A 55%,
      #6B1414 78%,
      #4a0e0e 100%);
  border:1px solid #d24a4a;
  color:var(--ink);
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:1.5px;text-transform:uppercase;
  padding:9px 18px;cursor:pointer;border-radius:5px;
  text-shadow:0 1px 0 rgba(0,0,0,.75), 0 0 8px rgba(0,0,0,.4);
  box-shadow:
    0 1px 0 rgba(255,220,220,.45) inset,
    0 -2px 0 rgba(0,0,0,.5) inset,
    0 1px 0 rgba(0,0,0,.9),
    0 3px 8px rgba(0,0,0,.6),
    0 0 14px rgba(178,34,34,.35);
  transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .18s,filter .18s;
}
.btn-blood:hover{
  transform:translateY(-1px);
  filter:brightness(1.12);
  box-shadow:
    0 1px 0 rgba(255,230,230,.55) inset,
    0 -2px 0 rgba(0,0,0,.5) inset,
    0 2px 0 rgba(0,0,0,.9),
    0 6px 16px rgba(0,0,0,.65),
    0 0 24px rgba(178,34,34,.6);
}
.btn-blood:active{
  transform:translateY(1px);
  filter:brightness(.94);
  box-shadow:
    0 2px 5px rgba(0,0,0,.7) inset,
    0 1px 0 rgba(0,0,0,.8);
}
.btn-blood:disabled{opacity:.55;cursor:default;transform:none;filter:none}
/* Ghost — etched steel, not flat outline */
.btn-ghost{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.25));
  border:1px solid rgba(139,26,26,.38);color:var(--ink);
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:1.5px;text-transform:uppercase;
  padding:9px 18px;cursor:pointer;border-radius:5px;
  text-shadow:0 1px 0 rgba(0,0,0,.7);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 -1px 0 rgba(0,0,0,.4) inset,
             0 2px 5px rgba(0,0,0,.4);
  transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .18s,border-color .18s,color .18s;
}
.btn-ghost:hover{
  border-color:var(--blood2);color:#e9b8b8;transform:translateY(-1px);
  box-shadow:0 1px 0 rgba(255,255,255,.09) inset,0 -1px 0 rgba(0,0,0,.4) inset,
             0 4px 12px rgba(0,0,0,.5),0 0 16px rgba(178,34,34,.3);
}
.btn-ghost:active{transform:translateY(1px);
  box-shadow:0 2px 5px rgba(0,0,0,.6) inset}

/* Mini — same language, smaller */
.btn-mini{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.28));
  border:1px solid rgba(139,26,26,.4);color:var(--ink);
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:11px;
  letter-spacing:1px;text-transform:uppercase;padding:5px 14px;cursor:pointer;
  border-radius:4px;text-shadow:0 1px 0 rgba(0,0,0,.7);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 1px 3px rgba(0,0,0,.4);
  transition:.15s;
}
.btn-mini:hover{
  background:linear-gradient(180deg,#b52626,#7a1616);
  border-color:#d24a4a;
  box-shadow:0 1px 0 rgba(255,210,210,.4) inset,0 2px 8px rgba(0,0,0,.55),
             0 0 12px rgba(178,34,34,.4);
}
.btn-mini:active{transform:translateY(1px)}

/* ═══ CRIMSON TEXT — forged, not flat ═══
   Applied to headings and accents so red type matches the drop caps. */
.crimson,
.div-hero-name .crimson{
  background:linear-gradient(177deg,#ffe0e0 0%,#f09090 14%,#d64444 34%,
    #B22222 52%,#8B1A1A 72%,#5e1010 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 -1px 0 rgba(255,220,220,.45))
         drop-shadow(1px 1px 0 rgba(0,0,0,.85))
         drop-shadow(0 0 12px rgba(178,34,34,.45));
}
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .crimson{background:none;-webkit-text-fill-color:initial;color:var(--blood2)}
}

/* Avatars */
.avatar-sm{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1C1C1C,#2A2A2A);
  border:1px solid rgba(139,26,26,.4);display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;color:var(--blood2);flex-shrink:0}
.avatar-dk{background:linear-gradient(135deg,var(--maroon),var(--blood));color:var(--ink)}
.verified{color:var(--blood2);font-size:11px}
.badge-dot{background:var(--blood);color:var(--ink);font-family:'Share Tech Mono',monospace;font-size:9px;
  padding:1px 6px;border-radius:9px;margin-left:4px}
.dot-red{width:8px;height:8px;border-radius:50%;background:var(--blood2);display:inline-block;flex-shrink:0}
.staff-only{/* toggled by app.js */}

/* ═══ TOP NAV ═══ */
.topnav{height:var(--topnav-h);
  background:linear-gradient(180deg,rgba(20,20,20,.85),rgba(10,10,10,.7));
  backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);
  border-bottom:1px solid rgba(139,26,26,.22);
  box-shadow:0 4px 20px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.03) inset;
  display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px;
  position:sticky;top:0;z-index:100}
.topnav-left{display:flex;align-items:center;gap:12px;min-width:220px;flex-shrink:0}
.topnav-brandlink{display:flex;align-items:center;text-decoration:none}
.topnav-wordmark{height:52px;width:auto;display:block;
  filter:drop-shadow(0 2px 10px rgba(139,26,26,.45));
  transition:filter .2s}
.topnav-brandlink:hover .topnav-wordmark{filter:drop-shadow(0 2px 16px rgba(178,34,34,.7))}
.topnav-logo{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid rgba(139,26,26,.5);flex-shrink:0}
.topnav-brand{font-size:22px;color:var(--ink);letter-spacing:.5px;white-space:nowrap}
.topnav-center{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.topnav-link{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:6px;font-family:'Barlow Condensed',sans-serif;
  font-weight:600;font-size:14px;letter-spacing:.5px;color:var(--ink2);text-transform:uppercase;transition:.15s}
.topnav-link .ico{font-size:15px}
.topnav-link:hover{background:rgba(139,26,26,.08);color:var(--ink)}
.topnav-link.active{background:rgba(139,26,26,.14);color:var(--blood2)}
.topnav-right{display:flex;align-items:center;gap:10px;min-width:220px;justify-content:flex-end}
.topnav-search{background:var(--card);border:1px solid var(--frame);color:var(--ink);font-family:'Rajdhani',sans-serif;
  font-size:14px;padding:8px 14px;border-radius:20px;width:180px;outline:none;transition:.15s}
.topnav-search:focus{border-color:var(--blood);width:220px}
.icon-btn{background:transparent;border:none;color:var(--ink2);font-size:18px;cursor:pointer;padding:6px;border-radius:5px;transition:.15s}
.icon-btn:hover{color:var(--blood2);background:rgba(139,26,26,.08)}
.topnav-profile{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:.15s}
.topnav-profile:hover{background:rgba(139,26,26,.08)}
.tp-name{font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;color:var(--ink);line-height:1.1}
.tp-handle{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3)}

/* ═══ 3-COLUMN LAYOUT ═══ */
/* NOTE: no overflow-x here — it silently breaks position:sticky on the rails.
   Body/html handle overflow instead. */
.layout{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;gap:18px;
  width:100%;max-width:1800px;margin:0 auto;padding:18px 24px;align-items:start}
.left-rail{position:sticky;top:calc(var(--topnav-h) + 18px);
  max-height:calc(100vh - var(--topnav-h) - var(--bottom-h) - 36px);
  overflow-y:auto;overscroll-behavior:contain;
  display:flex;flex-direction:column;gap:12px;min-width:0;
  scrollbar-width:none}
.left-rail::-webkit-scrollbar{display:none}
.center{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:16px}
.right-rail{position:sticky;top:calc(var(--topnav-h) + 18px);
  max-height:calc(100vh - var(--topnav-h) - var(--bottom-h) - 36px);
  overflow-y:auto;overscroll-behavior:contain;
  display:flex;flex-direction:column;gap:12px;min-width:0;
  scrollbar-width:none}
.right-rail::-webkit-scrollbar{display:none}
/* Never let media blow out the grid (Morticia is exempt — she's absolute) */
.layout img:not(.morticia-img){max-width:100%}

/* ═══ LEFT RAIL ═══ */
.rail-group{background:linear-gradient(160deg,rgba(22,22,22,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.14);border-radius:12px;padding:8px 8px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45)}
.rail-label{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:3px;color:var(--blood2);
  text-transform:uppercase;padding:2px 10px 6px}
.rail-item{display:flex;align-items:center;gap:11px;padding:6px 12px;border-radius:6px;font-family:'Barlow Condensed',sans-serif;
  font-weight:600;font-size:14px;letter-spacing:.5px;color:var(--ink2);text-transform:uppercase;transition:.13s;border-left:2px solid transparent}
.rail-item .ico{font-size:15px;width:18px;text-align:center;color:var(--ink3)}
.rail-item:hover{background:rgba(139,26,26,.08);color:var(--ink)}
.rail-item:hover .ico{color:var(--blood2)}
.rail-item.active{background:rgba(139,26,26,.12);color:var(--ink);border-left-color:var(--blood)}
.rail-item.active .ico{color:var(--blood2)}

.upgrade-box{background:linear-gradient(160deg,rgba(139,26,26,.22),rgba(14,14,14,.6));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.35);border-radius:12px;padding:12px;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 26px rgba(0,0,0,.5),0 0 20px rgba(139,26,26,.1)}
.upgrade-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:1px;
  color:var(--blood2);text-transform:uppercase;margin-bottom:4px}
.upgrade-desc{font-size:12px;color:var(--ink2);line-height:1.4;margin-bottom:9px}

/* ═══ HERO ═══ */
.hero{position:relative;
  background:linear-gradient(160deg,rgba(24,24,24,.6),rgba(8,8,8,.5)),radial-gradient(ellipse at 75% 40%,rgba(139,26,26,.2),transparent 65%);
  backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);
  border:1px solid rgba(139,26,26,.24);border-radius:16px;padding:40px;display:flex;align-items:center;
  justify-content:space-between;gap:24px;overflow:hidden;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 16px 40px rgba(0,0,0,.6),0 0 40px rgba(139,26,26,.1)}
.hero::before{content:'';position:absolute;inset:0;opacity:.05;pointer-events:none;
  background-image:linear-gradient(rgba(139,26,26,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(139,26,26,.5) 1px,transparent 1px);
  background-size:44px 44px}
.hero-text{position:relative;z-index:2;max-width:60%}
.hero-text h1{font-size:40px;line-height:1.18;color:var(--ink);margin-bottom:14px;
  text-shadow:0 2px 12px rgba(0,0,0,.7);text-transform:uppercase}
.hero-text p{font-size:15px;color:var(--ink2);line-height:1.6;margin-bottom:22px;max-width:420px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-logo{position:relative;z-index:2;width:160px;height:160px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.hero-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 24px rgba(139,26,26,.4))}
.hero-logo-fallback{font-size:80px;color:var(--blood2);opacity:.85;text-shadow:0 0 30px rgba(139,26,26,.6)}

/* ═══ STAT STRIP ═══ */
.statstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat{background:linear-gradient(160deg,rgba(24,24,24,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.16);border-radius:12px;padding:18px;
  display:flex;align-items:center;gap:12px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}
.stat:hover{transform:translateY(-3px);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 32px rgba(0,0,0,.6),0 0 22px rgba(139,26,26,.16);
  border-color:rgba(139,26,26,.3)}
.stat .ico{font-size:22px;color:var(--blood2)}
.stat b{font-family:'Oswald',sans-serif;font-size:22px;color:var(--ink);display:block;line-height:1}
.stat small{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;color:var(--ink3);text-transform:uppercase}

/* ═══ FEED TABS ═══ */
.feed-tabs{display:flex;gap:4px;
  background:linear-gradient(160deg,rgba(22,22,22,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.14);border-radius:12px;padding:5px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 20px rgba(0,0,0,.4)}
.feed-tab{flex:1;text-align:center;padding:9px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:1px;color:var(--ink2);text-transform:uppercase;border-radius:5px;transition:.13s}
.feed-tab:hover{background:rgba(139,26,26,.08);color:var(--ink)}
.feed-tab.active{background:linear-gradient(135deg,var(--blood),var(--maroon));color:var(--ink)}

/* ═══ COMPOSER ═══ */
.composer{background:linear-gradient(160deg,rgba(24,24,24,.62),rgba(10,10,10,.48));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.16);border-radius:14px;padding:16px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 24px rgba(0,0,0,.45)}
.composer-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.composer-input{flex:1;background:var(--card);border:1px solid var(--frame);color:var(--ink);font-family:'Rajdhani',sans-serif;
  font-size:15px;padding:11px 16px;border-radius:22px;outline:none;transition:.15s}
.composer-input:focus{border-color:var(--blood)}
.composer-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.comp-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--ink2);
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12px;letter-spacing:.5px;text-transform:uppercase;
  padding:7px 12px;border-radius:5px;cursor:pointer;transition:.13s}
.comp-btn .ico{color:var(--blood2);font-size:14px}
.comp-btn:hover{background:rgba(139,26,26,.08);color:var(--ink)}
.composer-post{margin-left:auto}

/* ═══ FEED STATES ═══ */
.feed-loading,.feed-empty{
  padding:40px 20px;text-align:center;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--ink3);
  background:linear-gradient(160deg,rgba(22,22,22,.5),rgba(10,10,10,.4));
  border:1px dashed rgba(139,26,26,.2);border-radius:14px}
.feed-empty{color:var(--ink2)}

/* ═══ POSTS ═══ */
.post{background:linear-gradient(160deg,rgba(22,22,22,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.14);border-radius:14px;padding:18px;margin-bottom:14px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 24px rgba(0,0,0,.45);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}
.post:hover{transform:translateY(-2px);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 14px 32px rgba(0,0,0,.55),0 0 20px rgba(139,26,26,.1);
  border-color:rgba(139,26,26,.24)}
.post-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.post-meta{flex:1;min-width:0}
.post-meta b{font-family:'Oswald',sans-serif;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:5px}
.post-meta small{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3)}
.post-pin,.post-div{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:1.5px;
  text-transform:uppercase;padding:3px 8px;border-radius:4px;flex-shrink:0;margin-left:6px}
.post-pin{color:var(--blood2);border:1px solid rgba(139,26,26,.35);background:rgba(139,26,26,.1)}
.post-div{color:var(--ink2);border:1px solid var(--frame);background:rgba(255,255,255,.02)}
.post-pinned{border-color:rgba(139,26,26,.35);
  background:linear-gradient(160deg,rgba(34,20,20,.65),rgba(10,10,10,.5))}
.post-more{background:none;border:none;color:var(--ink3);font-size:18px;cursor:pointer;padding:2px 8px}
.post-more:hover{color:var(--blood2)}
.post-body{font-size:15px;color:var(--ink);line-height:1.65;margin-bottom:12px}
.post-img{height:280px;border-radius:8px;background:linear-gradient(135deg,#0d0d0d,#060606);
  border:1px solid var(--frame);margin-bottom:12px;position:relative;overflow:hidden}
.post-img::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(139,26,26,.08),transparent 70%)}
.post-actions{display:flex;align-items:center;gap:22px;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--ink2)}
.post-actions span{cursor:pointer;transition:color .13s}
.post-actions span:hover{color:var(--blood2)}
.post-actions .right{margin-left:auto}

/* ═══ RIGHT RAIL ═══ */
.rr-card{background:linear-gradient(160deg,rgba(22,22,22,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.14);border-radius:14px;padding:16px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45)}
.rr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.rr-head span{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:1px;
  color:var(--ink);text-transform:uppercase}
.rr-seeall{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;color:var(--blood2);text-transform:uppercase}
.rr-seeall:hover{text-decoration:underline}
.rr-row{display:flex;align-items:center;gap:11px;padding:9px 6px;border-radius:6px;transition:.13s}
.rr-row .ico{font-size:16px;color:var(--blood2);width:22px;text-align:center}
.rr-row:hover{background:rgba(139,26,26,.07)}
.rr-row b{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink);display:block}
.rr-row small{font-size:12px;color:var(--ink3)}
.rr-card .btn-blood{margin-top:10px}

.rr-trend{display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:6px;transition:.13s}
.rr-trend:hover{background:rgba(139,26,26,.07)}
.rr-rank{font-family:'UnifrakturCook',cursive;font-size:20px;color:var(--blood);width:22px;text-align:center}
.rr-trend b{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink);display:block}
.rr-trend small{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3)}

.rr-follow{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:6px;transition:.13s}
.rr-follow:hover{background:rgba(139,26,26,.07)}
.rr-f-info{flex:1;min-width:0}
.rr-f-info b{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink);display:block}
.rr-f-info small{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3)}

.rr-act{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:6px;transition:.13s}
.rr-act:hover{background:rgba(139,26,26,.07)}
.rr-act div{font-size:13px;color:var(--ink2);line-height:1.3}
.rr-act b{color:var(--ink);font-weight:600}
.rr-act small{display:block;font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3)}

/* ═══ MORTICIA (KOIA) CARD ═══ */
.morticia-card{position:relative;padding:0;overflow:hidden;min-height:330px;flex-shrink:0;
  background:linear-gradient(180deg,rgba(34,22,22,.55),rgba(8,8,8,.78));
  border-color:rgba(139,26,26,.32);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 10px 30px rgba(0,0,0,.55),0 0 26px rgba(139,26,26,.14);
  display:flex;flex-direction:column;justify-content:flex-end}
.morticia-card::before{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 72% 55% at 50% 28%,rgba(139,26,26,.28),transparent 72%);pointer-events:none}
.morticia-img{position:absolute;top:10px;left:50%;transform:translateX(-50%);
  height:240px;width:auto;max-width:none;object-fit:contain;object-position:center top;
  filter:drop-shadow(0 6px 24px rgba(139,26,26,.45));
  z-index:1;transition:transform .35s cubic-bezier(.22,1,.36,1);pointer-events:none}
.morticia-card:hover .morticia-img{transform:translateX(-50%) scale(1.05)}
.morticia-body{position:relative;z-index:2;padding:14px;
  background:linear-gradient(180deg,transparent,rgba(6,6,6,.92) 34%,rgba(6,6,6,.99))}
.morticia-status{display:flex;align-items:center;gap:6px;font-family:'Share Tech Mono',monospace;
  font-size:8px;letter-spacing:2px;color:#2abaaa;text-transform:uppercase}
.m-dot{width:6px;height:6px;border-radius:50%;background:#2abaaa;box-shadow:0 0 7px #2abaaa}
.morticia-name{font-size:22px;color:var(--ink);line-height:1.15;margin-top:2px;text-transform:uppercase}
.morticia-title{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:2px;
  color:var(--blood2);text-transform:uppercase;margin-bottom:8px}
.morticia-desc{font-size:13px;color:var(--ink2);line-height:1.5;margin-bottom:12px}

/* ═══ BOTTOM STAT BAR ═══ */
.bottombar{height:var(--bottom-h);
  background:linear-gradient(0deg,rgba(20,20,20,.85),rgba(10,10,10,.7));
  backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);
  border-top:1px solid rgba(139,26,26,.28);
  box-shadow:0 -4px 20px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.03) inset;
  display:flex;align-items:center;justify-content:space-around;padding:0 24px;gap:12px;
  position:sticky;bottom:0;z-index:90}
.bstat{display:flex;align-items:center;gap:10px}
.bstat .ico{font-size:18px;color:var(--blood2)}
.bstat b{font-family:'Oswald',sans-serif;font-size:18px;color:var(--ink);display:block;line-height:1}
.bstat small{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:1px;color:var(--ink3);text-transform:uppercase}
.bstat em{color:#1f7a46;font-style:normal;margin-left:3px}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1200px){
  .layout{grid-template-columns:220px 1fr;padding:18px}
  .right-rail{display:none}
}
@media(max-width:820px){
  .layout{grid-template-columns:1fr}
  .left-rail{display:none}
  .topnav-center,.topnav-search{display:none}
  .topnav-wordmark{height:38px}
  .topnav-left{min-width:0}
  .hero-logo{display:none}
  .hero-text{max-width:100%}
  .bottombar{overflow-x:auto;justify-content:flex-start}
}

/* ═══ DIVISIONS STRIP (home) ═══ */
.div-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.div-card{display:flex;flex-direction:column;gap:4px;padding:18px 16px;text-decoration:none;
  background:linear-gradient(160deg,rgba(24,24,24,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.16);border-radius:12px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}
.div-card:hover{transform:translateY(-3px);border-color:rgba(139,26,26,.4);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 32px rgba(0,0,0,.6),0 0 22px rgba(139,26,26,.16)}
.div-icon{font-family:'Share Tech Mono',monospace;font-size:20px;color:var(--blood2);line-height:1}
.div-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;color:var(--ink);margin-top:6px}
.div-tag{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;color:var(--ink3);text-transform:uppercase}

/* ═══ DIVISION PAGE HERO ═══ */
.div-hero{position:relative;overflow:hidden;padding:34px;border-radius:16px;
  background:linear-gradient(160deg,rgba(26,26,26,.62),rgba(8,8,8,.5));
  backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);
  border:1px solid rgba(139,26,26,.26);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 16px 40px rgba(0,0,0,.6)}
.div-hero-glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 70% at 85% 20%,rgba(139,26,26,.22),transparent 70%)}
.div-hero-inner{position:relative;z-index:2;display:flex;align-items:center;gap:20px;margin-bottom:16px}
.div-hero-icon{font-family:'Share Tech Mono',monospace;font-size:44px;color:var(--blood2);
  text-shadow:0 0 24px rgba(139,26,26,.5);line-height:1}
.div-hero-eyebrow{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:3px;
  color:var(--blood2);text-transform:uppercase}
.div-hero-name{font-size:34px;color:var(--ink);line-height:1.15;margin:2px 0;text-transform:uppercase}
.div-hero-tagline{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:14px;
  letter-spacing:2px;color:var(--ink2);text-transform:uppercase}
.div-hero-blurb{position:relative;z-index:2;font-size:15px;color:var(--ink2);line-height:1.7;
  max-width:640px;margin-bottom:20px}

/* ═══ DIVISION SERVICES ═══ */
.div-services{padding:18px;border-radius:14px;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.14)}
.div-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.div-service{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:8px;
  background:rgba(255,255,255,.02);border:1px solid var(--frame);
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:1px;color:var(--ink2);text-transform:uppercase;transition:.15s}
.div-service:hover{border-color:rgba(139,26,26,.35);color:var(--ink)}

/* ═══ LOCKED COMPOSER (logged out) ═══ */
.composer-locked{display:flex;align-items:center;justify-content:space-between;gap:16px}
.composer-locked-text{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:14px;
  letter-spacing:1px;color:var(--ink2);text-transform:uppercase}

@media(max-width:900px){
  .div-strip{grid-template-columns:repeat(2,1fr)}
  .div-hero-name{font-size:30px}
}

/* ═══ TIER CARDS ═══ */
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tier-card{position:relative;display:flex;flex-direction:column;padding:20px 18px;border-radius:14px;
  background:linear-gradient(160deg,rgba(24,24,24,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.16);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}
.tier-card:hover{transform:translateY(-3px);border-color:rgba(139,26,26,.36);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 32px rgba(0,0,0,.6),0 0 22px rgba(139,26,26,.14)}
.tier-featured{border-color:rgba(139,26,26,.45);
  background:linear-gradient(160deg,rgba(38,22,22,.66),rgba(10,10,10,.5));
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 12px 30px rgba(0,0,0,.6),0 0 28px rgba(139,26,26,.18)}
.tier-current{border-color:rgba(139,26,26,.55)}
.tier-flag{position:absolute;top:-1px;right:14px;
  font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:2px;text-transform:uppercase;
  padding:4px 10px;border-radius:0 0 6px 6px;color:var(--ink);
  background:linear-gradient(135deg,var(--blood),var(--maroon))}
.tier-flag-current{background:linear-gradient(135deg,#1f7a46,#155c34)}
.tier-name{font-size:22px;color:var(--ink);line-height:1.15;margin-top:6px;text-transform:uppercase}
.tier-price{font-family:'Oswald',sans-serif;font-weight:600;font-size:18px;color:var(--blood2);margin:2px 0 10px}
.tier-blurb{font-size:13px;color:var(--ink2);line-height:1.55;margin-bottom:14px;min-height:56px}
.tier-perks{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:18px;flex:1}
.tier-perks li{display:flex;align-items:flex-start;gap:9px;
  font-family:'Rajdhani',sans-serif;font-size:13px;color:var(--ink2);line-height:1.4}
.tier-perks .dot-red{margin-top:5px}
.tier-cta{margin-top:auto}
.tier-cta button[disabled]{opacity:.5;cursor:default}

/* Tier badge box in the left rail */
.tier-box.tier-member  {background:linear-gradient(160deg,rgba(90,90,90,.2),rgba(14,14,14,.6));border-color:rgba(160,160,160,.3)}
.tier-box.tier-member .upgrade-title{color:#C8C8C8}
.tier-box.tier-pro     {background:linear-gradient(160deg,rgba(139,26,26,.28),rgba(14,14,14,.6))}
.tier-box.tier-partner {background:linear-gradient(160deg,rgba(176,138,27,.24),rgba(14,14,14,.62));border-color:rgba(176,138,27,.4)}
.tier-box.tier-partner .upgrade-title{color:#d8b34a}

/* How it works */
.tier-how{display:flex;flex-direction:column;gap:12px}
.tier-how div{font-size:14px;color:var(--ink2);line-height:1.6}
.tier-how b{color:var(--ink);font-weight:600}

@media(max-width:1100px){ .tier-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:600px){  .tier-grid{grid-template-columns:1fr} }

/* ═══ GUILD SUITE TILES ═══ */
.guild-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.guild-tile{display:flex;flex-direction:column;gap:3px;padding:16px;border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,.02);border:1px solid var(--frame);transition:.16s;text-decoration:none}
.guild-tile:hover{border-color:rgba(139,26,26,.4);background:rgba(139,26,26,.06);transform:translateY(-2px)}
.guild-ico{font-family:'Share Tech Mono',monospace;font-size:20px;color:var(--blood2);line-height:1;margin-bottom:4px}
.guild-tile b{font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;color:var(--ink)}
.guild-tile small{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;
  color:var(--ink3);text-transform:uppercase}

/* ═══ ADMIN / COMMAND PANEL ═══ */
.admin-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:6px}
.astat{background:rgba(255,255,255,.02);border:1px solid var(--frame);border-radius:10px;
  padding:12px;text-align:center}
.astat b{font-family:'Oswald',sans-serif;font-size:22px;color:var(--ink);display:block;line-height:1}
.astat small{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:1.5px;
  color:var(--ink3);text-transform:uppercase}
.astat-alert{border-color:rgba(139,26,26,.45);background:rgba(139,26,26,.1)}
.astat-alert b{color:var(--blood2)}
.astat-money{border-color:rgba(31,122,70,.4);background:rgba(31,122,70,.08)}
.astat-money b{color:#3fa86a}

/* Order / product status chips */
.ostat{font-family:'Share Tech Mono',monospace;font-size:7px;letter-spacing:1.5px;
  text-transform:uppercase;padding:2px 7px;border-radius:4px;vertical-align:middle;
  border:1px solid var(--frame);color:var(--ink2);font-weight:400}
.ostat-pending,.ostat-coming_soon{border-color:rgba(176,138,27,.5);color:#d8b34a;background:rgba(176,138,27,.1)}
.ostat-paid,.ostat-active{border-color:rgba(31,122,70,.5);color:#3fa86a;background:rgba(31,122,70,.1)}
.ostat-processing{border-color:rgba(139,26,26,.5);color:var(--blood2);background:rgba(139,26,26,.1)}
.ostat-shipped,.ostat-delivered{border-color:rgba(90,140,200,.45);color:#7aa8d8;background:rgba(90,140,200,.1)}
.ostat-cancelled,.ostat-hidden,.ostat-sold_out{border-color:var(--frame);color:var(--ink3)}

.admin-panel{display:flex;flex-direction:column;gap:10px}
.admin-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.admin-input{background:var(--card);border:1px solid var(--frame);color:var(--ink);
  font-family:'Rajdhani',sans-serif;font-size:14px;padding:9px 12px;border-radius:8px;outline:none;transition:.15s}
.admin-input:focus{border-color:var(--blood)}
.admin-form{display:flex;flex-direction:column;gap:9px;padding:16px;border-radius:12px;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  border:1px solid rgba(139,26,26,.14)}
.admin-check{display:flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;
  font-weight:600;font-size:12px;letter-spacing:1px;color:var(--ink2);text-transform:uppercase;cursor:pointer}

/* Rows */
.krow{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  border:1px solid rgba(139,26,26,.12);margin-bottom:8px;transition:.15s}
.krow:hover{border-color:rgba(139,26,26,.28)}
.krow-pending{border-color:rgba(139,26,26,.45);background:linear-gradient(160deg,rgba(38,20,20,.6),rgba(10,10,10,.45))}
.kinfo{flex:1;min-width:0}
.kinfo b{font-family:'Oswald',sans-serif;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:6px}
.kinfo small{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3);
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kmini{font-size:12px;padding:6px 8px;flex-shrink:0}
.kbtn{flex-shrink:0}
.kdanger:hover{background:var(--blood);border-color:var(--blood);color:var(--ink)}

/* Audit rows */
.arow{display:grid;grid-template-columns:150px 110px 1fr 150px;gap:10px;padding:9px 12px;
  border-bottom:1px solid rgba(139,26,26,.08);font-family:'Share Tech Mono',monospace;font-size:11px}
.arow:hover{background:rgba(139,26,26,.05)}
.aact{color:var(--blood2)}
.awho{color:var(--ink)}
.adet{color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.atime{color:var(--ink3);text-align:right}

@media(max-width:1100px){
  .admin-stats{grid-template-columns:repeat(4,1fr)}
  .arow{grid-template-columns:1fr;gap:2px}
  .atime{text-align:left}
}

/* ═══ DOSSIER (profile) ═══ */
.dossier{border-radius:16px;overflow:hidden;
  background:linear-gradient(160deg,rgba(24,24,24,.62),rgba(8,8,8,.5));
  backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);
  border:1px solid rgba(139,26,26,.24);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 16px 40px rgba(0,0,0,.6)}
.dossier-banner{height:120px;position:relative;
  background:radial-gradient(ellipse 70% 120% at 30% 100%,rgba(139,26,26,.35),transparent 70%),
             linear-gradient(135deg,#140a0a,#080808)}
.dossier-banner::after{content:'';position:absolute;inset:0;opacity:.06;
  background-image:linear-gradient(rgba(139,26,26,.6) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(139,26,26,.6) 1px,transparent 1px);
  background-size:40px 40px}
.dossier-main{display:flex;gap:20px;padding:0 24px 20px;margin-top:-44px;position:relative;z-index:2}
.dossier-av{width:110px;height:110px;border-radius:50%;flex-shrink:0;
  background-size:cover;background-position:center;background-color:#141414;
  border:3px solid #050505;box-shadow:0 0 0 2px rgba(139,26,26,.5),0 8px 24px rgba(0,0,0,.6)}
.dossier-av-text{display:flex;align-items:center;justify-content:center;
  font-family:'UnifrakturCook',cursive;font-size:38px;color:var(--blood2)}
.dossier-id{flex:1;min-width:0;padding-top:50px}
.dossier-name{font-size:26px;color:var(--ink);line-height:1.2;display:flex;align-items:center;gap:8px;text-transform:uppercase}
.dossier-handle{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--ink3);margin-top:2px}
.dossier-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.dbadge{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:1.5px;
  text-transform:uppercase;padding:4px 9px;border-radius:5px;border:1px solid var(--frame);color:var(--ink2)}
.dbadge-rank{border-color:rgba(139,26,26,.4);color:var(--blood2);background:rgba(139,26,26,.1)}
.dbadge-tier.tier-member {border-color:rgba(160,160,160,.4);color:#C8C8C8}
.dbadge-tier.tier-pro    {border-color:rgba(139,26,26,.5);color:var(--blood2);background:rgba(139,26,26,.12)}
.dbadge-tier.tier-partner{border-color:rgba(176,138,27,.5);color:#d8b34a;background:rgba(176,138,27,.1)}
.dbadge-status.status-online {color:#3ba55c;border-color:rgba(59,165,92,.4)}
.dbadge-status.status-away   {color:#faa81a;border-color:rgba(250,168,26,.4)}
.dossier-bio{font-size:14px;color:var(--ink2);line-height:1.6;margin-top:12px;max-width:560px}
.dossier-actions{padding-top:52px;flex-shrink:0}
.dossier-stats{display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(139,26,26,.12);background:rgba(0,0,0,.25)}
.dstat{padding:14px;text-align:center;border-right:1px solid rgba(139,26,26,.08)}
.dstat:last-child{border-right:none}
.dstat b{font-family:'Oswald',sans-serif;font-size:18px;color:var(--ink);display:block;line-height:1}
.dstat small{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:1.5px;
  color:var(--ink3);text-transform:uppercase}

/* clickable author links in the feed */
.post-author{color:inherit;text-decoration:none}
.post-author:hover{color:var(--blood2)}

@media(max-width:800px){
  .dossier-main{flex-direction:column;gap:12px;align-items:flex-start}
  .dossier-id,.dossier-actions{padding-top:0}
  .dossier-stats{grid-template-columns:repeat(3,1fr)}
}

/* ═══ POST ACTIONS · REACTIONS ═══ */
.pa-btn{display:inline-flex;align-items:center;gap:5px;cursor:pointer;padding:4px 8px;
  border-radius:6px;transition:.14s;user-select:none;border:1px solid transparent}
.pa-btn:hover{color:var(--blood2);background:rgba(139,26,26,.1)}
.pa-btn.on{color:var(--blood2);border-color:rgba(139,26,26,.4);background:rgba(139,26,26,.14)}
.pa-btn.right.on{color:#d8b34a;border-color:rgba(176,138,27,.45);background:rgba(176,138,27,.12)}

/* ═══ REPLIES ═══ */
.replies{margin-top:12px;padding-top:12px;border-top:1px solid rgba(139,26,26,.12);
  display:flex;flex-direction:column;gap:10px}
.reply{display:flex;gap:10px;align-items:flex-start}
.avatar-xs{width:28px;height:28px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,#1C1C1C,#2A2A2A);border:1px solid rgba(139,26,26,.35);
  display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-size:10px;font-weight:600;color:var(--blood2)}
.reply-body{flex:1;min-width:0;font-size:14px;color:var(--ink2);line-height:1.5}
.reply-body b{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink);
  display:flex;align-items:center;gap:6px;margin-bottom:2px}
.reply-body b small{font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--ink3);font-weight:400}
.reply-empty{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:1px;
  color:var(--ink3);text-transform:uppercase;padding:4px 0}
.reply-compose{display:flex;gap:8px;align-items:center;margin-top:4px}
.reply-input{flex:1;font-size:14px;padding:8px 12px;border-radius:18px}

/* ═══ THE CRYPTS (store) ═══ */
.crypt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.crypt-card{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;
  background:linear-gradient(160deg,rgba(24,24,24,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.16);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}
.crypt-card:hover{transform:translateY(-3px);border-color:rgba(139,26,26,.4);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 32px rgba(0,0,0,.6),0 0 22px rgba(139,26,26,.16)}
.crypt-img{height:150px;background-size:cover;background-position:center;background-color:#0d0d0d;
  border-bottom:1px solid rgba(139,26,26,.14)}
.crypt-img-empty{display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 50%,rgba(139,26,26,.14),#0a0a0a 70%)}
.crypt-img-empty span{font-size:40px;color:rgba(178,34,34,.5)}
.crypt-badge{position:absolute;top:10px;right:10px;font-family:'Share Tech Mono',monospace;
  font-size:8px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 9px;border-radius:5px;
  color:var(--ink);background:linear-gradient(135deg,var(--blood),var(--maroon))}
.crypt-body{padding:14px;display:flex;flex-direction:column;flex:1;gap:4px}
.crypt-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;color:var(--ink)}
.crypt-cat{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:1.5px;
  color:var(--ink3);text-transform:uppercase}
.crypt-desc{font-size:13px;color:var(--ink2);line-height:1.5;margin:6px 0;flex:1}
.crypt-foot{margin-bottom:10px}
.crypt-price{font-family:'Oswald',sans-serif;font-weight:600;font-size:20px;color:var(--blood2)}

/* ═══ CART DRAWER ═══ */
.cart-fab{position:fixed;right:24px;bottom:24px;z-index:600;
  display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:30px;cursor:pointer;
  background:linear-gradient(135deg,var(--blood),var(--maroon));border:1px solid var(--blood2);
  color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;
  letter-spacing:1.5px;box-shadow:0 8px 26px rgba(0,0,0,.6),0 0 20px rgba(139,26,26,.4)}
.cart-fab:hover{transform:translateY(-2px)}
.cart-overlay{position:fixed;inset:0;z-index:700;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);
  opacity:0;pointer-events:none;transition:opacity .25s}
.cart-overlay.open{opacity:1;pointer-events:all}
.cart{position:fixed;top:0;right:0;bottom:0;width:min(400px,92vw);z-index:701;
  display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);
  background:linear-gradient(160deg,rgba(20,20,20,.96),rgba(8,8,8,.98));
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-left:1px solid rgba(139,26,26,.3);box-shadow:-12px 0 40px rgba(0,0,0,.7)}
.cart.open{transform:translateX(0)}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:18px;
  border-bottom:1px solid rgba(139,26,26,.2)}
.cart-head span{font-size:20px;color:var(--ink);text-transform:uppercase}
.cart-items{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
.cart-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;
  background:rgba(255,255,255,.02);border:1px solid var(--frame)}
.cart-info{flex:1;min-width:0}
.cart-info b{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink);display:block}
.cart-info small{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3)}
.qty{display:flex;align-items:center;gap:6px}
.qty button{width:24px;height:24px;border-radius:5px;cursor:pointer;
  background:rgba(139,26,26,.15);border:1px solid rgba(139,26,26,.35);color:var(--ink);font-size:14px}
.qty button:hover{background:var(--blood)}
.qty span{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--ink);min-width:16px;text-align:center}
.cart-x{background:none;border:none;color:var(--ink3);cursor:pointer;font-size:13px;padding:4px}
.cart-x:hover{color:var(--blood2)}
.cart-foot{padding:16px;border-top:1px solid rgba(139,26,26,.2);display:flex;flex-direction:column;gap:10px}
.cart-coupon{display:flex;gap:8px}
.cart-coupon .admin-input{flex:1}
.coupon-msg{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--blood2);min-height:12px}
.cart-total{display:flex;justify-content:space-between;align-items:center;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:2px;
  text-transform:uppercase;color:var(--ink2)}
.cart-total b{font-family:'Oswald',sans-serif;font-size:24px;color:var(--blood2)}

/* ═══ CHECKOUT MODAL ═══ */
.modal{position:fixed;inset:0;z-index:800;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.modal.open{display:flex}
.modal-card{width:min(480px,96vw);max-height:90vh;overflow-y:auto;border-radius:16px;
  background:linear-gradient(160deg,rgba(24,24,24,.98),rgba(10,10,10,.99));
  border:1px solid rgba(139,26,26,.3);box-shadow:0 24px 60px rgba(0,0,0,.8)}
.modal-body{padding:18px;display:flex;flex-direction:column;gap:10px}
.co-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
#ship-fields{display:flex;flex-direction:column;gap:10px}
.co-fine{font-size:12px;color:var(--ink3);line-height:1.5;text-align:center}
.co-fine strong{color:var(--ink2)}

@media(max-width:600px){ .co-row{grid-template-columns:1fr} }

/* ═══ SIGNALS (notifications) ═══ */
.signal{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;margin-bottom:8px;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  border:1px solid rgba(139,26,26,.12);transition:.15s;cursor:pointer}
.signal:hover{border-color:rgba(139,26,26,.3)}
.signal-new{border-color:rgba(139,26,26,.4);
  background:linear-gradient(160deg,rgba(36,20,20,.6),rgba(10,10,10,.45))}
.sig-ico{font-family:'Share Tech Mono',monospace;font-size:18px;color:var(--blood2);
  width:28px;text-align:center;flex-shrink:0}
.sig-body{flex:1;min-width:0;font-size:14px;color:var(--ink2);line-height:1.5}
.signal-new .sig-body{color:var(--ink)}
.sig-body small{display:block;font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--ink3);margin-top:2px}
.sig-dot{width:8px;height:8px;border-radius:50%;background:var(--blood2);
  box-shadow:0 0 8px rgba(178,34,34,.7);flex-shrink:0}

/* ═══ SMALL POLISH ═══ */
.rail-logout .ico,.rail-logout{color:var(--ink3)}
.rail-logout:hover{background:rgba(139,26,26,.14)}
.rail-logout:hover,.rail-logout:hover .ico{color:var(--blood2)}

/* Links that aren't built yet — visibly "coming", not broken */
.rail-item[href="#"]:not(.rail-logout){opacity:.45;cursor:default}
.rail-item[href="#"]:not(.rail-logout):hover{background:transparent}
.rail-item[href="#"]:not(.rail-logout)::after{content:'soon';margin-left:auto;
  font-family:'Share Tech Mono',monospace;font-size:7px;letter-spacing:1px;
  color:var(--ink3);text-transform:uppercase}
.topnav-link[href="#"]{opacity:.5;cursor:default}
.topnav-link[href="#"]:hover{background:transparent;color:var(--ink2)}

/* ═══ TOP NAV UTILITY ICONS (Comms / Signals) ═══ */
.nav-icon{position:relative;display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:9px;cursor:pointer;flex-shrink:0;
  color:var(--ink2);border:1px solid transparent;transition:.15s;text-decoration:none}
.nav-icon .ico{font-size:17px;line-height:1}
.nav-icon:hover{color:var(--blood2);background:rgba(139,26,26,.1);border-color:rgba(139,26,26,.25)}
.nav-icon.active{color:var(--blood2);background:rgba(139,26,26,.14);border-color:rgba(139,26,26,.35)}
.nav-icon[href="#"]{opacity:.4;cursor:default}
.nav-icon[href="#"]:hover{background:transparent;border-color:transparent;color:var(--ink2)}
.nav-icon-badge{position:absolute;top:-3px;right:-3px;margin:0;
  min-width:16px;text-align:center;line-height:1.3;padding:1px 4px;font-size:9px}

/* ═══ TIER CHIP ON THE PROFILE CARD ═══ */
.tp-tier{margin-left:7px;font-family:'Share Tech Mono',monospace;font-size:7px;
  letter-spacing:1.2px;text-transform:uppercase;padding:2px 6px;border-radius:4px;
  vertical-align:middle;border:1px solid var(--frame);color:var(--ink2)}
.tp-tier.tier-member {border-color:rgba(160,160,160,.45);color:#C8C8C8}
.tp-tier.tier-pro    {border-color:rgba(139,26,26,.55);color:var(--blood2);background:rgba(139,26,26,.14)}
.tp-tier.tier-partner{border-color:rgba(176,138,27,.55);color:#d8b34a;background:rgba(176,138,27,.12)}

/* ═══ AVATAR UPLOAD ═══ */
.av-upload{display:flex;gap:16px;align-items:center;padding-bottom:12px;
  border-bottom:1px solid rgba(139,26,26,.12);margin-bottom:4px}
.av-preview{width:88px;height:88px;border-radius:50%;flex-shrink:0;
  background-size:cover;background-position:center;background-color:#141414;
  border:2px solid rgba(139,26,26,.4);box-shadow:0 4px 16px rgba(0,0,0,.5)}
.av-preview-text{display:flex;align-items:center;justify-content:center;
  font-family:'UnifrakturCook',cursive;font-size:30px;color:var(--blood2)}
.av-upload-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.av-pick{cursor:pointer;display:inline-block}
.av-hint{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:.5px;color:var(--ink3)}
.av-msg{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.5px;
  color:var(--ink2);min-height:12px}
.av-msg.err{color:#e88}
.av-msg.ok{color:#7c9}

/* ═══ MORTICIA CHAT PANEL ═══ */
.koia-overlay{position:fixed;inset:0;z-index:750;background:rgba(0,0,0,.6);
  backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}
.koia-overlay.open{opacity:1;pointer-events:all}
.koia-panel{position:fixed;top:0;right:0;bottom:0;width:min(440px,94vw);z-index:751;
  display:flex;flex-direction:column;transform:translateX(100%);
  transition:transform .3s cubic-bezier(.22,1,.36,1);
  background:linear-gradient(160deg,rgba(20,16,16,.97),rgba(6,6,6,.99));
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-left:1px solid rgba(139,26,26,.35);box-shadow:-14px 0 48px rgba(0,0,0,.75)}
.koia-panel.open{transform:translateX(0)}

.koia-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;
  border-bottom:1px solid rgba(139,26,26,.25);
  background:radial-gradient(ellipse 80% 140% at 20% 0%,rgba(139,26,26,.22),transparent 70%)}
.koia-head-id{display:flex;align-items:center;gap:12px;min-width:0}
.koia-head-av{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center top;
  border:2px solid rgba(139,26,26,.5);flex-shrink:0;background:#0d0d0d}
.koia-head-name{font-size:22px;color:var(--ink);line-height:1.1;text-transform:uppercase}
.koia-head-sub{display:flex;align-items:center;gap:6px;font-family:'Share Tech Mono',monospace;
  font-size:8px;letter-spacing:2px;color:#2abaaa;text-transform:uppercase}

.koia-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;
  scrollbar-width:thin;scrollbar-color:var(--blood) transparent}
.koia-log::-webkit-scrollbar{width:4px}
.koia-log::-webkit-scrollbar-thumb{background:rgba(139,26,26,.5);border-radius:2px}

.koia-msg{max-width:86%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.6;
  animation:koiaIn .2s ease both}
@keyframes koiaIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.koia-me{align-self:flex-end;background:linear-gradient(135deg,var(--blood),var(--maroon));
  color:var(--ink);border-bottom-right-radius:4px}
.koia-bot{align-self:flex-start;background:rgba(255,255,255,.04);color:var(--ink);
  border:1px solid rgba(139,26,26,.2);border-bottom-left-radius:4px}
.koia-thinking{color:var(--ink3);letter-spacing:3px;animation:koiaPulse 1.1s ease-in-out infinite}
@keyframes koiaPulse{0%,100%{opacity:.35}50%{opacity:1}}
.koia-err{border-color:rgba(178,34,34,.5);color:#e88}

.koia-foot{display:flex;gap:8px;padding:14px;border-top:1px solid rgba(139,26,26,.25)}
.koia-input{flex:1;background:var(--card);border:1px solid var(--frame);color:var(--ink);
  font-family:'Rajdhani',sans-serif;font-size:14px;padding:11px 15px;border-radius:22px;outline:none;transition:.15s}
.koia-input:focus{border-color:var(--blood)}

/* ═══ COMMS (direct messages) ═══ */
.comms{display:grid;grid-template-columns:260px 1fr;gap:12px;
  height:calc(100vh - var(--topnav-h) - 300px);min-height:420px}

.comms-threads{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  border:1px solid rgba(139,26,26,.14)}
.comms-threads-head{display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;border-bottom:1px solid rgba(139,26,26,.15);
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;
  letter-spacing:2px;text-transform:uppercase;color:var(--ink2)}
#thread-list{flex:1;overflow-y:auto;padding:8px;scrollbar-width:none}
#thread-list::-webkit-scrollbar{display:none}

.thread{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;
  cursor:pointer;transition:.14s;margin-bottom:4px;border:1px solid transparent}
.thread:hover{background:rgba(139,26,26,.07)}
.thread.active{background:rgba(139,26,26,.14);border-color:rgba(139,26,26,.35)}
.thread-info{flex:1;min-width:0}
.thread-info b{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink);display:block}
.thread-info small{font-size:12px;color:var(--ink3);display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-time{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3);flex-shrink:0}
.thread-unread{background:var(--blood);color:var(--ink);font-family:'Share Tech Mono',monospace;
  font-size:9px;padding:2px 6px;border-radius:9px;flex-shrink:0}

.comms-convo{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  border:1px solid rgba(139,26,26,.14)}
.comms-convo-head{padding:12px 14px;border-bottom:1px solid rgba(139,26,26,.15);min-height:56px;
  display:flex;align-items:center}
.comms-empty-head{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12px;
  letter-spacing:2px;text-transform:uppercase;color:var(--ink3)}
.convo-who{display:flex;align-items:center;gap:10px;text-decoration:none}
.convo-who b{font-family:'Oswald',sans-serif;font-size:14px;color:var(--ink);display:block}
.convo-who small{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3)}

.comms-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;
  scrollbar-width:thin;scrollbar-color:var(--blood) transparent}
.comms-log::-webkit-scrollbar{width:4px}
.comms-log::-webkit-scrollbar-thumb{background:rgba(139,26,26,.5);border-radius:2px}

.cmsg{max-width:75%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.55;
  position:relative}
.cmsg-me{align-self:flex-end;background:linear-gradient(135deg,var(--blood),var(--maroon));
  color:var(--ink);border-bottom-right-radius:4px}
.cmsg-them{align-self:flex-start;background:rgba(255,255,255,.04);color:var(--ink);
  border:1px solid rgba(139,26,26,.18);border-bottom-left-radius:4px}
.cmsg-at{display:block;font-family:'Share Tech Mono',monospace;font-size:8px;
  opacity:.55;margin-top:4px}

.comms-foot{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(139,26,26,.15)}

@media(max-width:820px){
  .comms{grid-template-columns:1fr;height:auto}
  .comms-threads{max-height:240px}
  .comms-convo{min-height:420px}
}

/* ═══ RECON (discovery) ═══ */
.recon-bar{margin-bottom:2px}
.recon-search{flex:1;min-width:200px}

.recon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.recon-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:14px;
  background:linear-gradient(160deg,rgba(24,24,24,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.14);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}
.recon-card:hover{transform:translateY(-3px);border-color:rgba(139,26,26,.36);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 32px rgba(0,0,0,.6),0 0 22px rgba(139,26,26,.14)}

.recon-top{display:flex;align-items:center;gap:11px;text-decoration:none}
.recon-av{width:46px;height:46px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,#1C1C1C,#2A2A2A);border:1px solid rgba(139,26,26,.4);
  display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-size:15px;font-weight:600;color:var(--blood2)}
.recon-id{min-width:0}
.recon-id b{font-family:'Oswald',sans-serif;font-size:14px;color:var(--ink);
  display:flex;align-items:center;gap:5px}
.recon-id small{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3)}

.recon-bio{font-size:13px;color:var(--ink2);line-height:1.5;min-height:38px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recon-bio-none{color:var(--ink3);font-style:italic}
.recon-meta{display:flex;gap:5px;flex-wrap:wrap}
.recon-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-top:10px;border-top:1px solid rgba(139,26,26,.1);
  font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3)}
.rf-follow{background:linear-gradient(135deg,var(--blood),var(--maroon));border-color:var(--blood2)}

/* ═══ MUSTER (events) ═══ */
.muster{display:flex;gap:16px;padding:16px;border-radius:14px;margin-bottom:10px;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  border:1px solid rgba(139,26,26,.14);transition:.18s}
.muster:hover{border-color:rgba(139,26,26,.32);transform:translateY(-2px)}
.muster-in{border-color:rgba(139,26,26,.4);
  background:linear-gradient(160deg,rgba(36,20,20,.6),rgba(10,10,10,.45))}

.muster-when{flex-shrink:0;width:120px;display:flex;flex-direction:column;gap:4px;
  padding-right:14px;border-right:1px solid rgba(139,26,26,.14)}
.mw-date{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.5px;color:var(--ink);text-transform:uppercase;line-height:1.3}
.mw-cd{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;
  color:var(--blood2);text-transform:uppercase}

.muster-body{flex:1;min-width:0}
.muster-top{display:flex;gap:5px;margin-bottom:6px}
.muster-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:17px;
  color:var(--ink);line-height:1.3;margin-bottom:4px}
.muster-desc{font-size:13px;color:var(--ink2);line-height:1.55;margin-bottom:6px}
.muster-loc{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3);
  margin-bottom:8px}
.muster-foot{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3);
  padding-top:8px;border-top:1px solid rgba(139,26,26,.1)}

.muster-rsvp{display:flex;gap:6px;margin-top:10px}
.rsvp-on{background:linear-gradient(135deg,var(--blood),var(--maroon));
  border-color:var(--blood2);color:var(--ink)}
.muster-manage{display:flex;gap:6px;margin-top:8px}

@media(max-width:700px){
  .muster{flex-direction:column;gap:10px}
  .muster-when{width:auto;flex-direction:row;align-items:center;gap:10px;
    padding-right:0;padding-bottom:8px;border-right:none;
    border-bottom:1px solid rgba(139,26,26,.14)}
}

/* ═══ THE WORKBENCH (settings) ═══ */
.wb-card{display:flex;flex-direction:column;gap:9px;padding:18px;border-radius:14px;
  margin-bottom:12px;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.14)}
.wb-card .rr-head{margin-bottom:2px}
.wb-hint{font-size:13px;color:var(--ink3);line-height:1.55}

.wb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.wb-fact{background:rgba(255,255,255,.02);border:1px solid var(--frame);
  border-radius:10px;padding:12px}
.wb-fact small{display:block;font-family:'Share Tech Mono',monospace;font-size:8px;
  letter-spacing:1.5px;color:var(--ink3);text-transform:uppercase;margin-bottom:3px}
.wb-fact b{font-family:'Oswald',sans-serif;font-size:15px;color:var(--ink)}

.wb-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.wb-status{display:flex;gap:6px;flex-wrap:wrap}
.wb-danger{border-color:rgba(139,26,26,.3)}
.wb-card .btn-blood,.wb-card .btn-ghost{align-self:flex-start}

/* ═══ CREWS ═══ */
.crew-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.crew-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;
  background:linear-gradient(160deg,rgba(24,24,24,.6),rgba(10,10,10,.45));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(139,26,26,.14);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}
.crew-card:hover{transform:translateY(-3px);border-color:rgba(139,26,26,.36);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 32px rgba(0,0,0,.6),0 0 22px rgba(139,26,26,.14)}

.crew-top{display:flex;align-items:center;gap:12px;text-decoration:none}
.crew-icon{font-size:26px;line-height:1;color:var(--blood2);flex-shrink:0;
  width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  border-radius:12px;background:rgba(139,26,26,.12);border:1px solid rgba(139,26,26,.3)}
.crew-id{min-width:0}
.crew-id b{font-family:'Oswald',sans-serif;font-size:15px;color:var(--ink);
  display:flex;align-items:center;gap:5px}
.crew-id small{font-size:12px;color:var(--ink3);display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.crew-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-top:10px;border-top:1px solid rgba(139,26,26,.1);
  font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3)}
.crew-stat{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3);
  align-self:center;margin-left:4px}
.crew-hero .div-hero-icon{font-size:38px}

/* ═══ SITE BANNER ═══ */
.site-banner{position:relative;z-index:120;display:flex;align-items:center;
  justify-content:center;gap:14px;padding:9px 44px 9px 20px;
  background:linear-gradient(90deg,var(--maroon),var(--blood),var(--maroon));
  border-bottom:1px solid rgba(255,255,255,.08);
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:14px;
  letter-spacing:1px;color:#f0dede;text-align:center;
  box-shadow:0 2px 14px rgba(139,26,26,.4)}
.site-banner-x{position:absolute;right:12px;background:none;border:none;
  color:rgba(255,255,255,.65);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px}
.site-banner-x:hover{color:#fff;background:rgba(0,0,0,.25)}

/* ═══ ANNOUNCEMENTS ═══ */
.ann{padding:16px 18px;border-radius:14px;margin-bottom:10px;
  background:linear-gradient(160deg,rgba(24,20,20,.6),rgba(10,10,10,.45));
  border:1px solid rgba(139,26,26,.18);
  border-left:3px solid var(--blood)}
.ann-pinned{border-color:rgba(139,26,26,.4);border-left-color:var(--blood2);
  background:linear-gradient(160deg,rgba(38,22,22,.62),rgba(10,10,10,.48));
  box-shadow:0 0 20px rgba(139,26,26,.12)}
.ann-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.ann-tag{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:2px;
  text-transform:uppercase;color:var(--blood2)}
.ann-at{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3)}
.ann-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:17px;
  color:var(--ink);line-height:1.3;margin-bottom:6px}
.ann-body{font-size:14px;color:var(--ink2);line-height:1.65}
.ann-by{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3);
  margin-top:9px;text-transform:uppercase;letter-spacing:1px}

/* ═══ HOME PAGE BLOCKS ═══ */
.home-block{padding:18px;border-radius:14px;
  background:linear-gradient(160deg,rgba(22,22,22,.5),rgba(10,10,10,.4));
  border:1px solid rgba(139,26,26,.12)}
.home-block .rr-head{margin-bottom:12px}

.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.home-tile{display:flex;flex-direction:column;gap:3px;padding:16px;border-radius:12px;
  text-decoration:none;background:rgba(255,255,255,.02);border:1px solid var(--frame);
  transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,background .18s}
.home-tile:hover{transform:translateY(-3px);border-color:rgba(139,26,26,.4);
  background:rgba(139,26,26,.07)}
.ht-ico{font-family:'Share Tech Mono',monospace;font-size:22px;color:var(--blood2);
  line-height:1;margin-bottom:5px}
.home-tile b{font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;color:var(--ink)}
.home-tile small{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:.5px;
  color:var(--ink3);line-height:1.4}
.home-tile-cta{border-color:rgba(139,26,26,.45);
  background:linear-gradient(160deg,rgba(139,26,26,.18),rgba(14,14,14,.5))}

.code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.code-item{padding:14px;border-radius:10px;background:rgba(255,255,255,.02);
  border:1px solid var(--frame);border-left:2px solid var(--blood)}
.code-item b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--blood2);margin-bottom:4px}
.code-item small{font-size:13px;color:var(--ink2);line-height:1.5}

/* ═══ COMPACT ANNOUNCEMENT STRIP (feed page) ═══ */
.ann-strip{display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:12px;
  cursor:pointer;transition:.16s;
  background:linear-gradient(160deg,rgba(34,20,20,.55),rgba(10,10,10,.42));
  border:1px solid rgba(139,26,26,.25);border-left:3px solid var(--blood2)}
.ann-strip:hover{border-color:rgba(139,26,26,.45);background:rgba(139,26,26,.1)}
.ann-strip-title{flex:1;min-width:0;font-family:'Oswald',sans-serif;font-weight:600;
  font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ann-strip-more{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3);flex-shrink:0}
.ann-strip-chev{color:var(--blood2);font-size:11px;transition:transform .2s;flex-shrink:0}
.ann-strip.open .ann-strip-chev{transform:rotate(180deg)}
.ann-strip-body{margin-top:10px}

/* ═══ THE GUILD — CONTRACTS ═══ */
.contract{padding:16px;border-radius:14px;margin-bottom:10px;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  border:1px solid rgba(139,26,26,.14);border-left:3px solid var(--frame);
  transition:.18s}
.contract:hover{border-color:rgba(139,26,26,.3);transform:translateY(-2px)}
.prio-urgent{border-left-color:#B22222}
.prio-high{border-left-color:#b08a1b}
.prio-normal{border-left-color:var(--frame)}
.prio-low{border-left-color:#2a2a2a}

.contract-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.contract-id{flex:1;min-width:0}
.contract-id b{font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;
  color:var(--ink);display:block;line-height:1.3}
.contract-id small{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3)}
.contract-desc{font-size:13px;color:var(--ink2);line-height:1.55;margin:8px 0}

.contract-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding-top:10px;margin-top:8px;border-top:1px solid rgba(139,26,26,.1);
  font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3)}
.cf-val{color:#3fa86a;font-size:13px;font-family:'Oswald',sans-serif;font-weight:600}
.cf-due{color:var(--ink3)}
.cf-late{color:var(--blood2)}
.cf-prio{text-transform:uppercase;letter-spacing:1px;
  padding:2px 7px;border-radius:4px;border:1px solid var(--frame)}
.contract-foot button{margin-left:auto}
.contract-foot button + button{margin-left:0}

.contract-notes{margin-top:12px;padding-top:12px;
  border-top:1px solid rgba(139,26,26,.12);
  display:flex;flex-direction:column;gap:10px}

/* Contract status chips reuse .ostat; add the ones orders didn't have */
.ostat-lead{border-color:var(--frame);color:var(--ink2)}
.ostat-quoted{border-color:rgba(176,138,27,.5);color:#d8b34a;background:rgba(176,138,27,.1)}
.ostat-active{border-color:rgba(139,26,26,.5);color:var(--blood2);background:rgba(139,26,26,.12)}
.ostat-review{border-color:rgba(90,140,200,.45);color:#7aa8d8;background:rgba(90,140,200,.1)}
.ostat-done{border-color:rgba(31,122,70,.5);color:#3fa86a;background:rgba(31,122,70,.1)}

/* ═══ PUBLIC GUILD PAGE ═══ */
.gp-hero{border-radius:16px;overflow:hidden;
  background:linear-gradient(160deg,rgba(24,24,24,.62),rgba(8,8,8,.5));
  backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);
  border:1px solid rgba(139,26,26,.24);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 16px 40px rgba(0,0,0,.6)}
.gp-banner{height:110px;position:relative;
  background:radial-gradient(ellipse 70% 120% at 25% 100%,rgba(139,26,26,.35),transparent 70%),
             linear-gradient(135deg,#140a0a,#080808)}
.gp-banner::after{content:'';position:absolute;inset:0;opacity:.06;
  background-image:linear-gradient(rgba(139,26,26,.6) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(139,26,26,.6) 1px,transparent 1px);
  background-size:38px 38px}

.gp-main{display:flex;gap:20px;padding:0 24px 22px;margin-top:-40px;position:relative;z-index:2}
.gp-logo{width:100px;height:100px;border-radius:16px;flex-shrink:0;
  background-size:cover;background-position:center;background-color:#141414;
  border:3px solid #050505;box-shadow:0 0 0 2px rgba(139,26,26,.5),0 8px 24px rgba(0,0,0,.6)}
.gp-logo-text{display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:34px;color:var(--blood2)}
.gp-id{flex:1;min-width:0;padding-top:46px}
.gp-name{font-size:28px;color:var(--ink);line-height:1.15;text-transform:uppercase}
.gp-tagline{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:14px;
  letter-spacing:1.5px;color:var(--ink2);text-transform:uppercase;margin-top:2px}
.gp-actions{padding-top:48px;flex-shrink:0}
.gp-about{font-size:14px;color:var(--ink2);line-height:1.7}

.gp-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.gp-member{display:flex;align-items:center;gap:10px;padding:11px;border-radius:10px;
  text-decoration:none;background:rgba(255,255,255,.02);border:1px solid var(--frame);
  transition:.15s}
.gp-member:hover{border-color:rgba(139,26,26,.4);background:rgba(139,26,26,.07)}
.gp-member-id{min-width:0}
.gp-member-id b{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink);display:block}
.gp-member-id small{font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--ink3);text-transform:uppercase;letter-spacing:.5px}

@media(max-width:800px){
  .gp-main{flex-direction:column;gap:12px;align-items:flex-start}
  .gp-id,.gp-actions{padding-top:0}
}

/* ═══ FORGED CRIMSON ACCENTS ═══
   Section labels, ranks, prices, stat numbers — the red type that carries
   weight gets the same metal treatment as the drop caps. Small mono labels
   are deliberately LEFT FLAT: the gradient turns to mud under 10px. */
.div-hero-name,
.tier-price,
.crypt-price,
.rr-rank,
.astat-money b,
.cf-val,
.dstat b,
.stat b {
  background:linear-gradient(177deg,#ffeaea 0%,#f5b0b0 12%,#d64444 32%,
    #B22222 50%,#8B1A1A 70%,#5e1010 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 -1px 0 rgba(255,225,225,.4))
         drop-shadow(1px 1px 0 rgba(0,0,0,.85))
         drop-shadow(0 0 10px rgba(178,34,34,.35));
}

/* The money tiles read green, not crimson — keep their own gradient */
.astat-money b{
  background:linear-gradient(177deg,#e6ffe6 0%,#8fe0ab 14%,#3fa86a 40%,
    #1f7a46 66%,#0f4527 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 -1px 0 rgba(220,255,230,.4))
         drop-shadow(1px 1px 0 rgba(0,0,0,.85))
         drop-shadow(0 0 10px rgba(31,122,70,.35));
}
.cf-val{
  background:linear-gradient(177deg,#e6ffe6 0%,#8fe0ab 14%,#3fa86a 40%,
    #1f7a46 66%,#0f4527 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 -1px 0 rgba(220,255,230,.35))
         drop-shadow(1px 1px 0 rgba(0,0,0,.8));
}

/* Stat numbers on the home strip stay bone, not crimson — override back */
.stat b{
  background:linear-gradient(177deg,#ffffff 0%,#dcdcdc 30%,#9a9a9a 70%,#5a5a5a 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 -1px 0 rgba(255,255,255,.3))
         drop-shadow(1px 1px 0 rgba(0,0,0,.85));
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .div-hero-name,.tier-price,.crypt-price,.rr-rank,.cf-val,.dstat b,.stat b{
    background:none;-webkit-text-fill-color:initial;color:var(--blood2);filter:none}
  .stat b{color:var(--ink)}
  .astat-money b,.cf-val{color:#3fa86a}
}

/* ═══ COMPOSER IMAGE ═══ */
.composer-preview{position:relative;margin:10px 0;border-radius:12px;overflow:hidden;
  border:1px solid rgba(139,26,26,.3);background:#0a0a0a;max-width:100%}
.composer-preview img{display:block;width:100%;max-height:340px;object-fit:contain;
  background:#050505}
.composer-img-x{position:absolute;top:8px;right:8px;width:28px;height:28px;
  border-radius:50%;cursor:pointer;font-size:12px;
  background:rgba(0,0,0,.75);border:1px solid rgba(139,26,26,.5);color:var(--ink);
  display:flex;align-items:center;justify-content:center;transition:.15s}
.composer-img-x:hover{background:var(--blood);border-color:var(--blood2)}
.comp-msg{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--ink3);
  align-self:center;margin-left:4px}
.comp-msg.err{color:#e88}

/* Photo label styled like the other composer buttons */
label.comp-btn{cursor:pointer;display:inline-flex;align-items:center;gap:6px}

/* ═══ DROP IMAGES IN THE FEED ═══ */
.post-img{margin-top:10px;border-radius:12px;overflow:hidden;
  border:1px solid rgba(139,26,26,.18);background:#0a0a0a;cursor:zoom-in}
.post-img img{display:block;width:100%;max-height:520px;object-fit:cover}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:900;display:none;align-items:center;
  justify-content:center;padding:24px;background:rgba(0,0,0,.9);cursor:zoom-out;
  backdrop-filter:blur(4px)}
.lightbox.open{display:flex}
.lightbox img{max-width:100%;max-height:100%;border-radius:8px;
  box-shadow:0 20px 60px rgba(0,0,0,.9),0 0 40px rgba(139,26,26,.25)}

/* ═══ PATREON PANEL ═══ */
.patreon-box{margin-top:16px}
.patreon-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:14px 16px;border-radius:12px;
  background:linear-gradient(160deg,rgba(30,20,20,.6),rgba(10,10,10,.45));
  border:1px solid rgba(139,26,26,.28)}
.patreon-info{flex:1;min-width:180px}
.patreon-info b{font-family:'Oswald',sans-serif;font-size:14px;color:var(--ink);
  display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.patreon-info small{display:block;font-family:'Share Tech Mono',monospace;
  font-size:10px;color:var(--ink3);margin-top:3px}
.patreon-box .auth-msg{margin-bottom:10px}

/* ═══ DIVISION SHOWCASE ═══ */

/* Services */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.svc-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;
  background:rgba(255,255,255,.02);border:1px solid var(--frame);
  border-left:2px solid var(--blood);transition:.16s}
.svc-card:hover{border-color:rgba(139,26,26,.4);border-left-color:var(--blood2);
  background:rgba(139,26,26,.05)}
.svc-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;color:var(--ink)}
.svc-blurb{font-size:13px;color:var(--ink2);line-height:1.55;flex:1}
.svc-price{font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;color:#3fa86a;
  margin-top:auto}
.svc-price em{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3);
  font-style:normal;letter-spacing:.5px}
.svc-quoted{color:var(--ink3);font-family:'Share Tech Mono',monospace;font-size:11px;
  text-transform:uppercase;letter-spacing:1.5px}

/* The work */
.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.work-card{position:relative;display:flex;flex-direction:column;border-radius:14px;
  overflow:hidden;background:linear-gradient(160deg,rgba(24,24,24,.6),rgba(10,10,10,.45));
  border:1px solid rgba(139,26,26,.16);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}
.work-card:hover{transform:translateY(-3px);border-color:rgba(139,26,26,.4);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 32px rgba(0,0,0,.6),
             0 0 22px rgba(139,26,26,.16)}
.work-featured{border-color:rgba(139,26,26,.42)}
.work-img{height:160px;background-size:cover;background-position:center;
  background-color:#0d0d0d;border-bottom:1px solid rgba(139,26,26,.14)}
.work-img-empty{display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 50%,rgba(139,26,26,.14),#0a0a0a 70%)}
.work-img-empty span{font-size:42px;color:rgba(178,34,34,.45)}
.work-flag{position:absolute;top:10px;right:10px;
  font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:1.5px;
  text-transform:uppercase;padding:4px 9px;border-radius:5px;color:var(--ink);
  background:linear-gradient(135deg,var(--blood),var(--maroon))}
.work-body{padding:14px;display:flex;flex-direction:column;gap:5px;flex:1}
.work-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;color:var(--ink);line-height:1.3}
.work-client{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;
  color:var(--blood2);text-transform:uppercase}
.work-summary{font-size:13px;color:var(--ink2);line-height:1.55;flex:1}
.work-tags{display:flex;gap:5px;flex-wrap:wrap}
.work-tag{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:1px;
  text-transform:uppercase;padding:3px 8px;border-radius:4px;
  border:1px solid var(--frame);color:var(--ink3)}
.work-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-top:10px;margin-top:4px;border-top:1px solid rgba(139,26,26,.1);
  font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--ink3)}

/* Hire block */
.hire-block{border-color:rgba(139,26,26,.28)}
.hire-block .co-row,.hire-block textarea{margin-top:9px}
.hire-block .btn-blood{margin-top:10px;align-self:flex-start}

/* Honeypot — must be reachable by bots, invisible to humans.
   NOT display:none — some bots skip those. */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;
  pointer-events:none}

/* ═══ SERVER LISTINGS — "Scripts Active In" ═══ */
.srv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.srv-card{display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:12px;
  background:rgba(255,255,255,.02);border:1px solid var(--frame);transition:.16s}
.srv-card:hover{border-color:rgba(139,26,26,.35);background:rgba(139,26,26,.05)}
.srv-featured{border-color:rgba(139,26,26,.42);
  background:linear-gradient(160deg,rgba(36,20,20,.5),rgba(10,10,10,.4))}
.srv-top{display:flex;align-items:center;gap:11px}
.srv-logo{width:42px;height:42px;border-radius:10px;flex-shrink:0;
  background-size:cover;background-position:center;background-color:#141414;
  border:1px solid rgba(139,26,26,.35)}
.srv-logo-text{display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;color:var(--blood2)}
.srv-id{min-width:0}
.srv-id b{font-family:'Oswald',sans-serif;font-size:14px;color:var(--ink);display:block}
.srv-id small{font-size:12px;color:var(--ink3);display:block;line-height:1.4}
.srv-foot{margin-top:auto;padding-top:8px;border-top:1px solid rgba(139,26,26,.1)}

/* ═══ PROFILE DROPDOWN ═══ */
.profile-wrap{position:relative;flex-shrink:0}
.profile-wrap .topnav-profile{background:none;border:1px solid transparent;cursor:pointer;
  border-radius:10px;padding:5px 10px 5px 5px;transition:.15s}
.profile-wrap .topnav-profile:hover{background:rgba(139,26,26,.08);
  border-color:rgba(139,26,26,.25)}
.tp-chev{color:var(--ink3);font-size:10px;margin-left:6px;transition:transform .2s}
.profile-wrap .topnav-profile[aria-expanded="true"] .tp-chev{transform:rotate(180deg);color:var(--blood2)}

.profile-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:800;
  min-width:230px;padding:6px;border-radius:12px;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s,transform .16s,visibility .16s;
  background:linear-gradient(160deg,rgba(24,20,20,.98),rgba(8,8,8,.99));
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(139,26,26,.35);
  box-shadow:0 16px 44px rgba(0,0,0,.8),0 0 24px rgba(139,26,26,.15)}
.profile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}

.pm-head{padding:10px 12px 9px;border-bottom:1px solid rgba(139,26,26,.18);margin-bottom:5px}
.pm-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;color:var(--ink)}
.pm-sub{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1px;
  color:var(--blood2);text-transform:uppercase;margin-top:2px}

.pm-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;
  text-decoration:none;color:var(--ink2);transition:.13s;
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:1px;text-transform:uppercase}
.pm-item .ico{color:var(--ink3);font-size:13px;width:14px;text-align:center;transition:.13s}
.pm-item:hover{background:rgba(139,26,26,.14);color:var(--ink)}
.pm-item:hover .ico{color:var(--blood2)}
.pm-sep{height:1px;background:rgba(139,26,26,.18);margin:5px 8px}
.pm-danger:hover{background:rgba(139,26,26,.22)}
.pm-danger:hover,.pm-danger:hover .ico{color:var(--blood2)}

@media(max-width:820px){
  .topnav-profile-info{display:none}
  .profile-menu{right:-4px}
}

/* ═══ THE VAULT — owned purchases ═══ */
.vault-item{padding:16px;border-radius:14px;margin-bottom:10px;
  background:linear-gradient(160deg,rgba(22,22,22,.55),rgba(10,10,10,.42));
  border:1px solid rgba(139,26,26,.16);transition:.18s}
.vault-item:hover{border-color:rgba(139,26,26,.32)}
.vault-top{display:flex;align-items:center;gap:14px}
.vault-img{width:56px;height:56px;border-radius:10px;flex-shrink:0;
  background-size:cover;background-position:center;background-color:#0d0d0d;
  border:1px solid rgba(139,26,26,.3)}
.vault-img-empty{display:flex;align-items:center;justify-content:center}
.vault-img-empty span{font-size:24px;color:rgba(178,34,34,.5)}
.vault-id{flex:1;min-width:0}
.vault-id b{font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;color:var(--ink);
  display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.vault-id small{display:block;font-family:'Share Tech Mono',monospace;font-size:10px;
  color:var(--ink3);margin-top:3px}

.vault-lic{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;
  border-radius:9px;background:rgba(0,0,0,.35);border:1px solid rgba(139,26,26,.2)}
.vault-lic small{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:1.5px;
  color:var(--ink3);text-transform:uppercase}
.vault-lic code{flex:1;font-family:'Share Tech Mono',monospace;font-size:13px;
  letter-spacing:1.5px;color:var(--blood2);user-select:all}

.vault-files{margin-top:12px;padding-top:12px;border-top:1px solid rgba(139,26,26,.12);
  display:flex;flex-direction:column;gap:7px}
.vfile{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;
  background:rgba(255,255,255,.02);border:1px solid var(--frame);transition:.15s}
.vfile:hover{border-color:rgba(139,26,26,.3)}
.vfile-id{flex:1;min-width:0}
.vfile-id b{font-family:'Oswald',sans-serif;font-size:13px;color:var(--ink);
  display:flex;align-items:center;gap:6px}
.vfile-id small{display:block;font-family:'Share Tech Mono',monospace;font-size:9px;
  color:var(--ink3);margin-top:2px}

/* ═══ MUSTER — streamers / on air ═══ */
.mu-livegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;
  margin-bottom:16px}
.mu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}

.mu-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;
  background:linear-gradient(160deg,rgba(24,24,24,.6),rgba(10,10,10,.45));
  border:1px solid rgba(139,26,26,.16);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 22px rgba(0,0,0,.45);
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}
.mu-card:hover{transform:translateY(-3px);border-color:rgba(139,26,26,.4);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 32px rgba(0,0,0,.6),
             0 0 22px rgba(139,26,26,.16)}
.mu-live{border-color:rgba(178,34,34,.5);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 10px 28px rgba(0,0,0,.6),
             0 0 26px rgba(178,34,34,.28)}

.mu-player{position:relative;padding-top:56.25%;background:#000;
  border-bottom:1px solid rgba(139,26,26,.25)}
.mu-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.mu-body{padding:14px;display:flex;flex-direction:column;gap:7px;flex:1}
.mu-top{display:flex;align-items:center;gap:11px}
.mu-av{width:44px;height:44px;border-radius:50%;flex-shrink:0;
  background-size:cover;background-position:center;background-color:#141414;
  border:1px solid rgba(139,26,26,.4)}
.mu-av-text{display:flex;align-items:center;justify-content:center;
  font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;color:var(--blood2)}
.mu-id{min-width:0;flex:1}
.mu-id b{font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;color:var(--ink);
  display:flex;align-items:center;gap:6px}
.mu-id small{display:block;font-family:'Share Tech Mono',monospace;font-size:9px;
  letter-spacing:.5px;color:var(--ink3);margin-top:2px}

.mu-dot{width:8px;height:8px;border-radius:50%;background:#e03131;flex-shrink:0;
  box-shadow:0 0 10px rgba(224,49,49,.9);animation:muPulse 1.8s ease-in-out infinite}
@keyframes muPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.mu-onair{font-family:'Share Tech Mono',monospace;font-size:8px;letter-spacing:2px;
  text-transform:uppercase;color:#e03131}

.mu-title{font-family:'Rajdhani',sans-serif;font-weight:600;font-size:14px;color:var(--ink);
  line-height:1.4}
.mu-tagline{font-size:13px;color:var(--ink2);line-height:1.5;flex:1}
.mu-sched{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:.5px;
  color:var(--ink3)}
.mu-foot{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:auto;
  padding-top:10px;border-top:1px solid rgba(139,26,26,.1)}
.mu-foot .btn-blood{padding:7px 14px;font-size:12px}

.ch-linkrow{align-items:center}
#ch-links{display:flex;flex-direction:column;gap:8px}

@media(max-width:600px){ .mu-livegrid{grid-template-columns:1fr} }

/* ═══ CENTRAL CONFIG PANEL ═══ */
.cfg-row{display:grid;grid-template-columns:minmax(180px,240px) 1fr auto;gap:10px;
  align-items:start;padding:9px 0;border-bottom:1px solid rgba(139,26,26,.08)}
.cfg-row:last-child{border-bottom:none}
.cfg-label{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.8px;color:var(--ink);text-transform:uppercase;padding-top:9px;
  display:flex;flex-direction:column;gap:3px}
.cfg-label small{font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:0;
  color:var(--ink3);text-transform:none;font-weight:400;line-height:1.4}
.cfg-label .ostat{align-self:flex-start;margin-top:2px}
.cfg-input{width:100%}
#cfg-groups code,.wb-hint code{font-family:'Share Tech Mono',monospace;font-size:11px;
  background:rgba(0,0,0,.4);padding:2px 6px;border-radius:4px;color:var(--blood2)}

@media(max-width:700px){
  .cfg-row{grid-template-columns:1fr}
  .cfg-label{padding-top:0}
}

/* ═══ EMAIL / RESET ═══ */
.ostat-pending{border-color:rgba(176,138,27,.5);color:#d8b34a;background:rgba(176,138,27,.1)}
#wb-email-card.wb-danger{border-color:rgba(176,138,27,.45);
  background:linear-gradient(160deg,rgba(34,28,14,.5),rgba(10,10,10,.42))}