/* BOOKCHOCO CLUB V8 runtime layer — member world */
@import url("https://cdn.jsdelivr.net/npm/@dawod/thmanyah-font-web/index.css");

:root {
  --ink: #121018;
  --paper: #f6f2e9;
  --white: #fffdf8;
  --lime: #ddff42;
  --violet: #3d2c82;
  --orange: #ffa33e;
  --blue: #3d2c82;
  --muted: #74756f;
  --line: rgba(18, 19, 24, .14);
}

/* BOOKCHOCO CLUB V8 — ONE WORLD MEMBER EXPERIENCE                            */
/* ========================================================================== */
.club-world-v8 {
  --club-border: rgba(18,16,24,.16);
  --club-soft: #ebe6dc;
  --club-deep: #17131f;
  min-height: 100vh;
  color: var(--ink);
  background:
    radial-gradient(circle at 92% 12%, rgba(255,163,62,.12), transparent 26rem),
    radial-gradient(circle at 8% 42%, rgba(61,44,130,.09), transparent 34rem),
    var(--paper);
  direction: rtl;
  overflow-x: clip;
}
.club-icon { flex: 0 0 auto; }
.club-signal-strip {
  height: 30px;
  padding: 0 clamp(16px, 3vw, 48px);
  color: #fff;
  background: var(--violet);
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 24px;
  align-items: center;
  direction: rtl;
  font-size: 8px;
  letter-spacing: .02em;
}
.club-signal-strip > span { direction: ltr; font: 900 8px Arial; letter-spacing: .13em; display: inline-flex; align-items: center; gap: 7px; }
.club-signal-strip > span i { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 0 rgba(221,255,66,.6); animation: v8Pulse 2s infinite; }
.club-signal-strip p { margin: 0; opacity: .72; text-align: center; }
.club-signal-strip button { border: 0; color: var(--orange); background: transparent; display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-weight: 900; }

.club-world-nav {
  position: sticky;
  z-index: 90;
  top: 0;
  min-height: 82px;
  padding: 0 clamp(18px, 3.8vw, 58px);
  border-bottom: 1px solid var(--club-border);
  background: rgba(246,242,233,.88);
  backdrop-filter: blur(22px) saturate(150%);
  display: grid;
  grid-template-columns: minmax(190px, .8fr) auto minmax(230px, .8fr);
  gap: 22px;
  align-items: center;
  direction: ltr;
}
.club-world-brand { display: flex; align-items: center; gap: 14px; }
.club-world-brand > span { padding: 6px 9px; border: 1px solid var(--club-border); border-radius: 999px; color: var(--violet); background: rgba(255,255,255,.55); font: 900 7px Arial; letter-spacing: .11em; }
.club-desktop-nav { height: 100%; display: flex; align-items: stretch; direction: rtl; }
.club-desktop-nav button { position: relative; min-width: 92px; padding: 0 15px; border: 0; color: #6a6868; background: transparent; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; font-size: 10px; font-weight: 800; transition: color .2s, background .2s; }
.club-desktop-nav button::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: -1px; height: 3px; background: transparent; transform: scaleX(.2); transition: transform .25s, background .25s; }
.club-desktop-nav button:hover { color: var(--ink); background: rgba(255,255,255,.38); }
.club-desktop-nav button.active { color: var(--violet); }
.club-desktop-nav button.active::after { background: var(--orange); transform: scaleX(1); }
.club-account-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; direction: rtl; }
.club-notify { position: relative; width: 39px; height: 39px; border: 1px solid var(--club-border); border-radius: 50%; background: rgba(255,255,255,.7); display: grid; place-items: center; cursor: pointer; }
.club-notify i { position: absolute; top: 6px; right: 6px; width: 7px; height: 7px; border: 2px solid var(--paper); border-radius: 50%; background: var(--orange); }
.club-member-chip { min-width: 174px; padding: 5px 7px; border: 1px solid var(--club-border); border-radius: 999px; background: rgba(255,255,255,.65); display: flex; align-items: center; gap: 8px; cursor: pointer; text-align: right; }
.club-member-chip > span { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; color: #fff; background: var(--violet); display: grid; place-items: center; font-weight: 900; }
.club-member-chip div { min-width: 0; display: flex; flex-direction: column; }
.club-member-chip b { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.club-member-chip small { color: #85817d; font-size: 7px; }
.club-logout { width: 35px; height: 35px; border: 0; color: #8b8781; background: transparent; cursor: pointer; font-size: 17px; }
.club-world-content { min-width: 0; }
.club-mobile-nav { display: none; }

.club-page-v8 { width: min(100%, 1510px); margin: 0 auto; padding: clamp(34px, 4.8vw, 74px) clamp(18px, 4.3vw, 66px) 110px; }
.club-home-v8 { width: min(100%, 1570px); }
.club-live-label { direction: rtl; display: inline-flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 900; }
.club-live-label i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 6px rgba(221,255,66,.12); }

.club-home-hero {
  min-height: 560px;
  border: 1px solid var(--ink);
  background: var(--club-deep);
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr);
  overflow: hidden;
  box-shadow: 13px 13px 0 var(--orange);
  position: relative;
  isolation: isolate;
}
.club-home-hero::before { content: "BOOKCHOCO"; position: absolute; z-index: -1; left: -28px; bottom: -64px; direction: ltr; color: rgba(255,255,255,.035); font: 900 clamp(110px, 14vw, 220px)/.8 Arial; letter-spacing: -.08em; white-space: nowrap; }
.club-home-hero::after { content: ""; position: absolute; z-index: -1; width: 680px; height: 680px; top: -420px; right: 29%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 70px rgba(61,44,130,.12), 0 0 0 140px rgba(255,163,62,.04); }
.club-home-copy { padding: clamp(36px, 5vw, 72px); color: #fff; display: flex; flex-direction: column; align-items: flex-start; }
.club-home-copy .club-live-label { color: var(--orange); }
.club-home-copy h1 { max-width: 950px; margin: auto 0 23px; font-size: clamp(54px, 6.5vw, 102px); line-height: .9; letter-spacing: -.055em; }
.club-home-copy h1 em { color: var(--orange); font-weight: 500; }
.club-home-copy > p { max-width: 720px; margin: 0; color: rgba(255,255,255,.66); font-size: clamp(13px, 1.15vw, 17px); line-height: 1.8; }
.club-hero-actions { margin-top: 30px; display: flex; gap: 9px; }
.club-hero-actions button { min-width: 175px; height: 49px; padding: 0 15px; border: 1px solid rgba(255,255,255,.38); color: #fff; background: transparent; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 900; transition: transform .2s, background .2s, color .2s; }
.club-hero-actions button:first-child { color: var(--ink); border-color: var(--orange); background: var(--orange); }
.club-hero-actions button:hover { color: var(--ink); background: var(--lime); transform: translateY(-3px); }
.club-radar-card { position: relative; min-height: 100%; padding: 30px; border-right: 1px solid rgba(255,255,255,.15); color: #fff; background: linear-gradient(180deg, rgba(61,44,130,.84), rgba(61,44,130,.5)); display: flex; flex-direction: column; overflow: hidden; }
.radar-visual { position: relative; width: min(100%, 300px); aspect-ratio: 1; margin: 18px auto 28px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 37px rgba(255,255,255,.025), inset 0 0 0 74px rgba(255,255,255,.018); }
.radar-visual::before, .radar-visual::after { content: ""; position: absolute; background: rgba(255,255,255,.12); }
.radar-visual::before { width: 1px; height: 100%; }
.radar-visual::after { width: 100%; height: 1px; }
.radar-core { width: 74px; height: 74px; border-radius: 50%; color: var(--ink); background: var(--orange); display: grid; place-items: center; font: 900 20px Arial; box-shadow: 0 0 0 14px rgba(255,163,62,.08); }
.radar-dot { position: absolute; width: 10px; height: 10px; border: 2px solid var(--violet); border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(221,255,66,.11); }
.radar-dot.d1 { top: 18%; left: 31%; animation: radarBlink 3.1s infinite; }.radar-dot.d2 { top: 63%; right: 15%; animation: radarBlink 2.4s .4s infinite; }.radar-dot.d3 { bottom: 13%; left: 26%; animation: radarBlink 2.8s .8s infinite; }
.radar-copy { margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.18); display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; align-items: end; }
.radar-copy small { direction: ltr; color: var(--orange); font: 900 8px Arial; letter-spacing: .14em; }
.radar-copy strong { grid-row: span 2; color: #fff; font: 900 72px/.8 Arial; }
.radar-copy span { color: rgba(255,255,255,.65); font-size: 9px; }

.club-now-grid { margin-top: 30px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--ink); background: rgba(255,255,255,.6); }
.club-now-grid button { position: relative; min-height: 135px; padding: 20px; border: 0; border-left: 1px solid var(--ink); background: transparent; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr auto; text-align: right; cursor: pointer; transition: background .2s, transform .2s; }
.club-now-grid button:last-child { border-left: 0; }
.club-now-grid button:hover { z-index: 2; background: var(--lime); transform: translateY(-4px); }
.club-now-grid span { color: #6e6b67; font-size: 8px; font-weight: 900; }
.club-now-grid strong { align-self: center; font: 900 39px/1 Arial; }
.club-now-grid small { color: #706e69; font-size: 8px; }
.club-now-grid svg { grid-row: 1 / 4; align-self: center; color: var(--violet); }

.club-broadcast { margin-top: 14px; min-height: 150px; padding: 26px 30px; border: 1px solid var(--ink); display: flex; justify-content: space-between; gap: 30px; align-items: center; position: relative; overflow: hidden; }
.club-broadcast::after { content: "SIGNAL"; position: absolute; left: 18px; bottom: -20px; direction: ltr; opacity: .07; font: 900 72px Arial; letter-spacing: -.06em; }
.club-broadcast > div { max-width: 900px; position: relative; z-index: 2; }
.club-broadcast span { direction: ltr; font: 900 8px Arial; letter-spacing: .14em; }
.club-broadcast h2 { margin: 8px 0 6px; font-size: clamp(23px, 2.8vw, 39px); line-height: 1.05; }
.club-broadcast p { margin: 0; max-width: 840px; font-size: 11px; line-height: 1.7; }
.club-broadcast time { flex: 0 0 auto; padding: 9px 11px; border: 1px solid currentColor; font-size: 9px; font-weight: 900; }
.club-broadcast.tone-signal { color: #fff; background: var(--violet); }.club-broadcast.tone-event { background: var(--orange); }.club-broadcast.tone-opportunity { background: var(--lime); }.club-broadcast.tone-important { color: #fff; background: var(--ink); }

.club-home-layout { margin-top: 14px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(330px,.55fr); gap: 14px; align-items: start; }
.club-home-maincol, .club-home-rail { min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.club-feed-preview { padding: 30px; border: 1px solid var(--ink); background: rgba(255,255,255,.72); }
.club-section-title { display: flex; justify-content: space-between; gap: 20px; align-items: end; }
.club-section-title > div > span { direction: ltr; color: var(--violet); font: 900 8px Arial; letter-spacing: .14em; }
.club-section-title h2 { margin: 7px 0 0; font-size: clamp(25px, 2.4vw, 35px); line-height: 1.05; }
.club-section-title > button { padding: 0 0 5px; border: 0; border-bottom: 1px solid var(--ink); background: transparent; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 9px; font-weight: 900; }
.club-feed-preview-list { margin-top: 23px; display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.club-feed-preview-list article { min-height: 245px; padding: 18px; border: 1px solid var(--club-border); background: var(--white); display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s, border-color .2s; }
.club-feed-preview-list article:hover { border-color: var(--ink); transform: translateY(-4px); box-shadow: 6px 6px 0 var(--orange); }
.club-feed-preview-list article header { display: flex; gap: 10px; align-items: center; }
.club-avatar-sm { width: 39px; height: 39px; flex: 0 0 39px; border-radius: 50%; color: #fff; background: var(--violet); display: grid; place-items: center; font-weight: 900; }
.club-feed-preview-list article header div { display: flex; flex-direction: column; }
.club-feed-preview-list b { font-size: 10px; }.club-feed-preview-list small { color: #85827d; font-size: 7px; }
.club-feed-preview-list article > p { margin: 18px 0; font-size: 12px; line-height: 1.75; }
.club-feed-preview-list footer { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--club-border); display: flex; gap: 15px; color: #77736f; font-size: 8px; }

.club-dual-compose { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.club-quick-post, .club-admin-line { min-height: 410px; padding: 27px; border: 1px solid var(--ink); display: flex; flex-direction: column; }
.club-quick-post { color: #fff; background: var(--violet); }.club-admin-line { background: var(--orange); }
.compose-label { margin-bottom: 20px; display: flex; flex-direction: column; }
.compose-label span { direction: ltr; font: 900 8px Arial; letter-spacing: .13em; opacity: .7; }
.compose-label b { margin-top: 5px; font-size: 25px; }
.club-quick-post select, .club-quick-post textarea, .club-admin-line select, .club-admin-line input, .club-admin-line textarea { width: 100%; border: 1px solid currentColor; border-radius: 0; outline: 0; }
.club-quick-post select, .club-admin-line select, .club-admin-line input { height: 44px; padding: 0 11px; }
.club-quick-post select, .club-quick-post textarea { color: #fff; border-color: rgba(255,255,255,.32); background: rgba(18,16,24,.18); }
.club-quick-post option { color: #fff; background: var(--violet); }
.club-quick-post textarea, .club-admin-line textarea { min-height: 135px; margin-top: 8px; padding: 12px; resize: vertical; line-height: 1.7; }
.club-quick-post textarea::placeholder { color: rgba(255,255,255,.52); }
.club-admin-line input, .club-admin-line select, .club-admin-line textarea { color: var(--ink); border-color: rgba(18,16,24,.45); background: rgba(255,255,255,.38); }
.club-admin-line textarea::placeholder, .club-admin-line input::placeholder { color: rgba(18,16,24,.48); }
.club-inline-fields { display: grid; grid-template-columns: .75fr 1.25fr; gap: 8px; }
.club-quick-post footer, .club-admin-line footer { margin-top: auto; padding-top: 12px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.club-quick-post footer small, .club-admin-line footer small { opacity: .62; font-size: 8px; }
.club-quick-post footer button, .club-admin-line footer button { min-width: 135px; height: 40px; padding: 0 12px; border: 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 9px; font-weight: 900; }
.club-quick-post footer button { color: var(--ink); background: var(--orange); }.club-admin-line footer button { color: #fff; background: var(--ink); }
.club-form-success, .club-form-error { margin: 9px 0 0; padding: 9px 11px; font-size: 9px; line-height: 1.55; }
.club-form-success { color: #243400; background: rgba(221,255,66,.78); }.club-form-error { color: #fff; background: #9f3535; }.club-form-error.compact { padding: 7px 9px; }

.club-next-move, .club-smart-pick, .club-incoming-mini { border: 1px solid var(--ink); }
.club-next-move { position: relative; min-height: 440px; padding: 28px; background: var(--lime); display: flex; flex-direction: column; overflow: hidden; }
.club-next-move::after { content: "↗"; position: absolute; left: -22px; bottom: -52px; opacity: .08; font: 900 245px/1 Arial; transform: rotate(-12deg); }
.club-next-move > span, .club-smart-pick > span, .club-incoming-mini > div > span { direction: ltr; font: 900 8px Arial; letter-spacing: .13em; }
.club-next-date { margin: 35px 0 22px; display: flex; align-items: end; gap: 8px; direction: ltr; }
.club-next-date strong { font: 900 76px/.75 Arial; }.club-next-date small { font: 900 10px Arial; }
.club-next-move em { width: fit-content; padding: 5px 8px; border: 1px solid var(--ink); font-family: inherit; font-size: 8px; font-weight: 900; }
.club-next-move h2 { margin: 14px 0 9px; font-size: clamp(29px, 3vw, 41px); line-height: .98; }
.club-next-move p { margin: 0; font-size: 10px; line-height: 1.7; }
.club-next-move button, .club-smart-pick button { position: relative; z-index: 2; margin-top: auto; height: 42px; padding: 0 11px; border: 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 9px; font-weight: 900; }
.club-next-move button { color: #fff; background: var(--ink); }
.club-smart-pick { position: relative; min-height: 330px; padding: 28px; color: #fff; background: var(--violet); overflow: hidden; display: flex; flex-direction: column; }
.smart-glow { position: absolute; left: -38px; top: -45px; width: 160px; height: 160px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: var(--orange); display: grid; place-items: center; font-size: 28px; box-shadow: 0 0 0 25px rgba(255,255,255,.025), 0 0 0 50px rgba(255,255,255,.016); animation: smartOrbit 10s linear infinite; }
.club-smart-pick > small { margin-top: auto; color: var(--orange); font-size: 8px; font-weight: 900; }
.club-smart-pick h3 { margin: 10px 0 8px; font-size: 27px; line-height: 1.05; }.club-smart-pick p { margin: 0; color: rgba(255,255,255,.66); font-size: 9px; line-height: 1.7; }
.club-smart-pick button { margin-top: 22px; color: var(--ink); background: var(--orange); }
.club-incoming-mini { padding: 21px; background: var(--white); }
.club-incoming-mini > div { margin-bottom: 10px; display: flex; flex-direction: column; }.club-incoming-mini > div > b { margin-top: 4px; }
.club-incoming-mini > button { width: 100%; min-height: 62px; padding: 9px 0; border: 0; border-top: 1px solid var(--club-border); background: transparent; display: grid; grid-template-columns: 36px 1fr auto; gap: 9px; align-items: center; text-align: right; cursor: pointer; }
.club-incoming-mini > button > span { width: 34px; height: 34px; border-radius: 50%; color: #fff; background: var(--violet); display: grid; place-items: center; font-weight: 900; }.club-incoming-mini > button div { min-width: 0; display: flex; flex-direction: column; }.club-incoming-mini > button b { font-size: 9px; }.club-incoming-mini > button small { overflow: hidden; color: #777; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }

.club-zero-state { min-height: 235px; padding: 25px; border: 1px dashed rgba(18,16,24,.28); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.club-zero-state.large { min-height: 330px; margin-top: 18px; }.club-zero-state.compact { min-height: 210px; }
.club-zero-state > span:not(.loading-orbit) { color: var(--violet); font-size: 34px; }.club-zero-state > b { margin-top: 8px; font-size: 19px; }.club-zero-state > p { max-width: 430px; margin: 7px 0 14px; color: #77736f; font-size: 9px; line-height: 1.7; }.club-zero-state > button { padding: 8px 12px; border: 1px solid var(--ink); background: transparent; cursor: pointer; font-size: 9px; font-weight: 900; }

/* Editorial listing system */
.club-editorial-head { min-height: 255px; padding-bottom: 44px; border-bottom: 1px solid var(--ink); display: grid; grid-template-columns: minmax(0,1.4fr) minmax(280px,.6fr); gap: 55px; align-items: end; }
.club-editorial-head span { direction: ltr; color: var(--violet); font: 900 9px Arial; letter-spacing: .15em; }
.club-editorial-head h1 { max-width: 1000px; margin: 18px 0 0; font-size: clamp(49px, 5.4vw, 84px); line-height: .96; letter-spacing: -.05em; }.club-editorial-head h1 em { color: var(--violet); }
.club-editorial-head > p { margin: 0; color: #66635f; font-size: 13px; line-height: 1.8; }
.club-filter-row { margin: 22px 0 28px; display: flex; flex-wrap: wrap; gap: 7px; }
.club-filter-row button { min-height: 35px; padding: 0 13px; border: 1px solid var(--club-border); border-radius: 999px; background: rgba(255,255,255,.55); cursor: pointer; font-size: 9px; font-weight: 800; }
.club-filter-row button.active { color: #fff; border-color: var(--violet); background: var(--violet); }
.club-filter-row.compact { margin: 0; }
.club-experience-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.experience-card { position: relative; min-height: 440px; padding: 28px; border: 1px solid var(--ink); background: var(--white); overflow: hidden; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.experience-card:hover { z-index: 2; transform: translateY(-6px); box-shadow: 9px 9px 0 var(--orange); }
.experience-card.xp-1 { color: #fff; background: var(--violet); }.experience-card.xp-2 { background: var(--orange); }.experience-card.xp-3 { background: var(--lime); }
.experience-number { position: absolute; left: 20px; bottom: -25px; opacity: .07; direction: ltr; font: 900 180px/.8 Arial; }
.experience-date { direction: ltr; display: flex; gap: 8px; align-items: end; }.experience-date strong { font: 900 67px/.75 Arial; }.experience-date span { font: 900 9px Arial; }
.experience-status { width: fit-content; margin-top: 22px; padding: 5px 8px; border: 1px solid currentColor; font-size: 8px; font-weight: 900; }
.experience-card h2 { max-width: 610px; margin: auto 0 10px; font-size: clamp(31px, 3.4vw, 52px); line-height: .98; letter-spacing: -.035em; }.experience-card > p { max-width: 590px; margin: 0; opacity: .7; font-size: 10px; line-height: 1.7; }
.experience-card footer { position: relative; z-index: 2; margin-top: 30px; padding-top: 16px; border-top: 1px solid currentColor; display: flex; justify-content: space-between; gap: 20px; align-items: end; }.experience-card footer > div { display: flex; flex-wrap: wrap; gap: 13px; font-size: 8px; }.experience-card footer button { min-width: 118px; height: 38px; padding: 0 10px; border: 1px solid currentColor; background: transparent; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 9px; font-weight: 900; }

.club-back { margin-bottom: 24px; padding: 0 0 5px; border: 0; border-bottom: 1px solid var(--ink); background: transparent; cursor: pointer; font-size: 9px; font-weight: 900; }
.club-detail-hero { min-height: 650px; border: 1px solid var(--ink); display: grid; grid-template-columns: minmax(320px,.65fr) minmax(0,1.35fr); }
.club-detail-art { position: relative; min-height: 100%; padding: 30px; color: #fff; background: var(--violet); display: flex; flex-direction: column; overflow: hidden; }.club-detail-art::before { content: ""; position: absolute; width: 420px; height: 420px; left: -160px; top: 80px; border: 1px solid rgba(255,255,255,.23); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.025), 0 0 0 110px rgba(255,255,255,.015); }.club-detail-art span, .club-detail-art i { position: relative; z-index: 2; direction: ltr; font: 900 9px Arial; letter-spacing: .12em; }.club-detail-art strong { position: relative; z-index: 2; margin: auto; color: var(--orange); font: 900 clamp(100px, 14vw, 205px)/.7 Arial; }.club-detail-art i { font-style: normal; opacity: .55; }
.club-detail-copy { padding: clamp(38px, 5vw, 72px); background: var(--white); display: flex; flex-direction: column; }.club-detail-copy > span { direction: ltr; color: var(--violet); font: 900 8px Arial; letter-spacing: .13em; }.club-detail-copy h1 { max-width: 900px; margin: auto 0 22px; font-size: clamp(55px, 6.2vw, 96px); line-height: .88; letter-spacing: -.055em; }.club-detail-copy > p { max-width: 780px; margin: 0; color: #66635f; font-size: 13px; line-height: 1.8; }
.club-detail-facts { margin-top: 34px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }.club-detail-facts div { min-height: 85px; padding: 14px; border-left: 1px solid var(--ink); display: flex; flex-direction: column; justify-content: center; }.club-detail-facts div:last-child { border-left: 0; }.club-detail-facts small { color: #7f7b76; font-size: 8px; }.club-detail-facts b { margin-top: 5px; font-size: 11px; }
.club-registration-panel { margin-top: 14px; padding: 35px; border: 1px solid var(--ink); color: #fff; background: var(--ink); display: grid; grid-template-columns: 1fr minmax(280px,.5fr); gap: 40px; align-items: center; }.club-registration-panel span { direction: ltr; color: var(--orange); font: 900 8px Arial; letter-spacing: .13em; }.club-registration-panel h2 { margin: 8px 0; font-size: 32px; }.club-registration-panel p { max-width: 760px; margin: 0; color: #aaa6a2; font-size: 10px; line-height: 1.7; }.club-registration-panel > div:last-child > button { width: 100%; min-height: 49px; padding: 0 13px; border: 0; color: var(--ink); background: var(--orange); display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 900; }.club-registration-panel button:disabled { opacity: .5; cursor: not-allowed; }

.club-search-filter { margin: 24px 0 30px; display: grid; grid-template-columns: minmax(280px,.55fr) 1fr; gap: 20px; align-items: center; }.club-search-filter > label, .club-directory-tools > label { height: 48px; padding: 0 14px; border: 1px solid var(--ink); background: rgba(255,255,255,.62); display: flex; align-items: center; gap: 10px; }.club-search-filter input, .club-directory-tools input { width: 100%; border: 0; outline: 0; background: transparent; }
.club-opportunity-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.club-opportunity-grid article { min-height: 380px; padding: 24px; border: 1px solid var(--ink); background: var(--white); display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s; }.club-opportunity-grid article:nth-child(4n+2) { background: var(--orange); }.club-opportunity-grid article:nth-child(4n+3) { color: #fff; background: var(--violet); }.club-opportunity-grid article:hover { transform: translateY(-5px); box-shadow: 7px 7px 0 var(--lime); }.club-opportunity-grid header { display: flex; align-items: center; gap: 7px; }.club-opportunity-grid header > span, .club-opportunity-grid header > b { padding: 5px 7px; border: 1px solid currentColor; font-size: 7px; }.club-opportunity-grid header > small { margin-right: auto; direction: ltr; font: 900 9px Arial; }.club-opportunity-grid h2 { margin: auto 0 12px; font-size: 31px; line-height: 1.03; }.club-opportunity-grid > article > p { margin: 0; opacity: .72; font-size: 10px; line-height: 1.75; }.club-opportunity-grid footer { margin-top: 27px; padding-top: 14px; border-top: 1px solid currentColor; display: flex; justify-content: space-between; align-items: center; gap: 14px; font-size: 8px; }.club-opportunity-grid footer a, .club-opportunity-grid footer button { padding: 0 0 5px; border: 0; border-bottom: 1px solid currentColor; color: inherit; background: transparent; display: inline-flex; align-items: center; gap: 7px; font-weight: 900; }.club-publisher-note { margin-top: 14px; padding: 16px 18px; border: 1px solid var(--ink); display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; }.club-publisher-note > span { width: 32px; height: 32px; border-radius: 50%; color: #fff; background: var(--violet); display: grid; place-items: center; }.club-publisher-note p { margin: 0; font-size: 9px; line-height: 1.6; }

/* Community */
.club-community-v8 { display: grid; grid-template-columns: minmax(270px,.52fr) minmax(380px,1fr) minmax(280px,.58fr); border: 1px solid var(--ink); background: var(--white); overflow: hidden; box-shadow: 12px 12px 0 var(--orange); }
.club-community-intro { position: sticky; top: 112px; min-height: calc(100vh - 150px); padding: 31px; color: #fff; background: var(--violet); display: flex; flex-direction: column; overflow: hidden; }.club-community-intro::after { content: "◎"; position: absolute; left: -70px; bottom: -95px; opacity: .07; font: 900 330px/.8 Arial; }.club-community-intro > * { position: relative; z-index: 2; }.club-community-intro .club-live-label { color: var(--orange); }.club-community-intro h2 { margin: auto 0 18px; font-size: clamp(43px, 4.5vw, 67px); line-height: .95; letter-spacing: -.05em; }.club-community-intro h2 em { color: var(--orange); }.club-community-intro > p { margin: 0 0 38px; color: rgba(255,255,255,.68); font-size: 11px; line-height: 1.75; }.club-community-intro > div { display: flex; flex-direction: column; }.club-community-intro > div button { min-height: 43px; padding: 0; border: 0; border-top: 1px solid rgba(255,255,255,.22); color: #fff; background: transparent; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; text-align: right; cursor: pointer; font-size: 9px; }.club-community-intro > div button span { direction: ltr; color: var(--orange); font: 900 8px Arial; }
.club-community-stream { min-height: calc(100vh - 150px); padding: 25px 27px; background: #f0ece3; }.community-stream-head { position: sticky; z-index: 5; top: 112px; margin: -25px -27px 18px; padding: 20px 27px 15px; border-bottom: 1px solid var(--club-border); background: rgba(240,236,227,.94); backdrop-filter: blur(14px); display: flex; justify-content: space-between; align-items: end; }.community-stream-head span { direction: ltr; color: var(--violet); font: 900 8px Arial; letter-spacing: .13em; }.community-stream-head h2 { margin: 3px 0 0; font-size: 29px; }.community-stream-head button { padding: 0 0 5px; border: 0; border-bottom: 1px solid var(--ink); background: transparent; cursor: pointer; font-size: 8px; font-weight: 900; }.club-post-list { display: flex; flex-direction: column; gap: 9px; }
.club-post-card { padding: 19px; border: 1px solid var(--club-border); background: var(--white); }.club-post-card > header { display: flex; gap: 10px; align-items: center; }.club-post-card > header > div { display: flex; flex-direction: column; }.club-post-card > header b { font-size: 10px; }.club-post-card > header small { color: #817d77; font-size: 7px; }.club-post-card > p { margin: 16px 0; font-size: 12px; line-height: 1.8; }.club-post-actions { padding-top: 10px; border-top: 1px solid var(--club-border); display: flex; gap: 7px; }.club-post-actions button { padding: 6px 9px; border: 1px solid #cbc6bd; border-radius: 999px; background: transparent; cursor: pointer; font-size: 8px; }.club-post-actions button.active { color: #fff; border-color: var(--violet); background: var(--violet); }.club-post-actions button span { margin-right: 4px; opacity: .7; }
.club-reply-zone { margin: 14px -6px -6px; padding: 10px 10px 7px; border-top: 1px solid var(--club-border); background: #f5f1e9; }.club-reply { padding: 9px 0; display: grid; grid-template-columns: 31px 1fr; gap: 8px; }.club-reply > span { width: 29px; height: 29px; border-radius: 50%; color: #fff; background: var(--violet); display: grid; place-items: center; font-size: 8px; font-weight: 900; }.club-reply b { font-size: 8px; }.club-reply p { margin: 3px 0; font-size: 9px; line-height: 1.6; }.club-reply small { color: #88837d; font-size: 7px; }.club-reply-zone form { margin-top: 6px; display: grid; grid-template-columns: 1fr 58px; gap: 6px; }.club-reply-zone input { min-width: 0; height: 36px; padding: 0 9px; border: 1px solid #d2ccc3; outline: 0; background: #fff; font-size: 8px; }.club-reply-zone form button { border: 0; color: #fff; background: var(--violet); cursor: pointer; font-size: 8px; font-weight: 900; }
.club-community-composer-v8 { position: sticky; top: 112px; min-height: calc(100vh - 150px); padding: 28px; color: #fff; background: var(--club-deep); display: flex; flex-direction: column; gap: 17px; }.club-community-composer-v8 > header { display: flex; gap: 10px; align-items: center; }.club-community-composer-v8 > header > span { width: 42px; height: 42px; border-radius: 50%; color: var(--ink); background: var(--orange); display: grid; place-items: center; font-weight: 900; }.club-community-composer-v8 > header div { display: flex; flex-direction: column; }.club-community-composer-v8 > header small { direction: ltr; color: var(--orange); font: 900 7px Arial; letter-spacing: .12em; }.club-community-composer-v8 > header b { font-size: 10px; }.club-community-composer-v8 label { position: relative; color: #c6c3c9; font-size: 9px; font-weight: 800; }.club-community-composer-v8 select, .club-community-composer-v8 textarea { width: 100%; margin-top: 7px; padding: 10px; border: 1px solid #45414e; border-radius: 0; outline: 0; color: #fff; background: #211d2b; }.club-community-composer-v8 select { height: 44px; }.club-community-composer-v8 option { background: var(--ink); }.club-community-composer-v8 textarea { min-height: 185px; resize: vertical; line-height: 1.7; }.club-community-composer-v8 label > small { position: absolute; left: 7px; bottom: 7px; color: #77727d; font: 700 7px Arial; }.club-community-composer-v8 > button { min-height: 47px; margin-top: auto; padding: 0 12px; border: 0; color: var(--ink); background: var(--orange); display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 900; }.club-community-composer-v8 > button:disabled { opacity: .45; }.composer-policy { margin: 0; color: #77727d; font-size: 7px; line-height: 1.6; }

/* Members / collaboration */
.club-collab-inbox { margin: 28px 0 14px; padding: 25px; border: 1px solid var(--ink); color: #fff; background: var(--violet); }.club-collab-inbox .club-section-title span { color: var(--orange); }.club-collab-inbox .club-section-title > b { width: 43px; height: 43px; border-radius: 50%; color: var(--ink); background: var(--orange); display: grid; place-items: center; font: 900 14px Arial; }.club-collab-inbox > div:last-child { margin-top: 18px; display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }.club-collab-inbox article { padding: 14px; border: 1px solid rgba(255,255,255,.23); display: grid; grid-template-columns: 40px 1fr; gap: 10px; }.club-collab-inbox article > div { min-width: 0; }.club-collab-inbox article p { margin: 4px 0 0; color: rgba(255,255,255,.68); font-size: 8px; line-height: 1.6; }.club-collab-inbox article footer { grid-column: 2; display: flex; gap: 6px; }.club-collab-inbox article footer button { min-height: 32px; padding: 0 9px; border: 1px solid rgba(255,255,255,.35); color: #fff; background: transparent; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; font-size: 8px; }.club-collab-inbox article footer button:first-child { color: var(--ink); border-color: var(--lime); background: var(--lime); }
.club-directory-tools { margin: 25px 0 28px; display: grid; grid-template-columns: minmax(330px,.6fr) 1fr; gap: 20px; align-items: center; }.club-member-directory-v8 { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.member-card-v8 { min-height: 390px; padding: 23px; border: 1px solid var(--ink); background: var(--white); display: flex; flex-direction: column; transition: transform .22s, box-shadow .22s; }.member-card-v8.member-tone-1 { background: var(--orange); }.member-card-v8.member-tone-2 { color: #fff; background: var(--violet); }.member-card-v8.member-tone-3 { background: var(--lime); }.member-card-v8:hover { transform: translateY(-5px); box-shadow: 7px 7px 0 var(--ink); }.member-card-v8 header { display: grid; grid-template-columns: 55px 1fr auto; gap: 11px; align-items: center; }.member-card-avatar { width: 54px; height: 54px; border-radius: 50%; color: #fff; background: var(--ink); display: grid; place-items: center; font-size: 18px; font-weight: 900; }.member-card-v8 header small { opacity: .65; font-size: 8px; }.member-card-v8 h2 { margin: 2px 0 0; font-size: 21px; }.open-collab { align-self: start; padding: 5px 7px; border: 1px solid currentColor; font-size: 7px; white-space: nowrap; }.member-tagline { margin: auto 0 18px; font-size: 13px; line-height: 1.7; }.member-skill-line { display: flex; flex-wrap: wrap; gap: 5px; }.member-skill-line span { padding: 5px 8px; border: 1px solid currentColor; border-radius: 999px; font-size: 7px; }.member-card-v8 footer { margin-top: 22px; padding-top: 13px; border-top: 1px solid currentColor; display: flex; justify-content: space-between; align-items: center; gap: 10px; }.member-card-v8 footer button, .member-card-v8 footer a { min-height: 35px; padding: 0 10px; border: 1px solid currentColor; color: inherit; background: transparent; display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-size: 8px; font-weight: 900; }.member-card-v8 footer button:disabled { opacity: .35; cursor: not-allowed; }
.club-collab-drawer { position: fixed; z-index: 200; inset: 0; display: flex; justify-content: flex-start; direction: ltr; }.drawer-backdrop { position: absolute; inset: 0; border: 0; background: rgba(18,16,24,.58); backdrop-filter: blur(4px); }.club-collab-drawer > form { position: relative; z-index: 2; width: min(100%, 510px); min-height: 100vh; padding: 38px; color: #fff; background: var(--club-deep); box-shadow: 25px 0 70px rgba(0,0,0,.24); display: flex; flex-direction: column; direction: rtl; animation: drawerIn .28s ease both; }.drawer-close { align-self: flex-start; width: 38px; height: 38px; border: 1px solid #514b59; color: #fff; background: transparent; display: grid; place-items: center; cursor: pointer; }.club-collab-drawer > form > span { margin-top: 35px; direction: ltr; color: var(--orange); font: 900 8px Arial; letter-spacing: .14em; }.drawer-person { margin-top: 18px; display: flex; gap: 13px; align-items: center; }.drawer-person > i { width: 65px; height: 65px; border-radius: 50%; color: var(--ink); background: var(--orange); display: grid; place-items: center; font-style: normal; font-size: 24px; font-weight: 900; }.drawer-person small { color: #85808b; font-size: 8px; }.drawer-person h2 { margin: 2px 0 0; font-size: 30px; }.club-collab-drawer form > p:not(.club-form-success):not(.club-form-error) { margin: 27px 0; color: #aaa4ae; font-size: 11px; line-height: 1.75; }.club-collab-drawer textarea { min-height: 190px; padding: 13px; border: 1px solid #4b4552; outline: 0; color: #fff; background: #211d2b; resize: vertical; line-height: 1.7; }.club-collab-drawer form > button:last-of-type { min-height: 48px; margin-top: 12px; padding: 0 12px; border: 0; color: var(--ink); background: var(--orange); display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 900; }

/* Member profile */
.club-profile-identity { min-height: 330px; padding: clamp(28px, 4vw, 48px); border: 1px solid var(--ink); color: #fff; background: var(--violet); display: grid; grid-template-columns: 150px 1fr auto; gap: 28px; align-items: center; overflow: hidden; position: relative; }.club-profile-identity::after { content: "MEMBER"; position: absolute; left: -10px; bottom: -28px; opacity: .055; direction: ltr; font: 900 110px Arial; }.profile-orbit { position: relative; width: 140px; height: 140px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; display: grid; place-items: center; box-shadow: 0 0 0 18px rgba(255,255,255,.025), 0 0 0 36px rgba(255,255,255,.016); }.profile-orbit > span { width: 95px; height: 95px; border-radius: 50%; color: var(--ink); background: var(--orange); display: grid; place-items: center; font-size: 42px; font-weight: 900; }.profile-orbit > i { position: absolute; right: 9px; bottom: 14px; width: 28px; height: 28px; border-radius: 50%; color: var(--ink); background: var(--lime); display: grid; place-items: center; font-style: normal; font-weight: 900; }.club-profile-identity small { direction: ltr; color: var(--orange); font: 900 8px Arial; letter-spacing: .13em; }.club-profile-identity h1 { margin: 8px 0 4px; font-size: clamp(38px, 5vw, 70px); line-height: .95; }.club-profile-identity p { margin: 0; color: rgba(255,255,255,.7); }.club-profile-identity > div:nth-child(2) > div { margin-top: 17px; display: flex; flex-wrap: wrap; gap: 5px; }.club-profile-identity > div:nth-child(2) > div span { padding: 5px 8px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; font-size: 7px; }.club-profile-identity > button { min-height: 42px; padding: 0 12px; border: 1px solid rgba(255,255,255,.5); color: #fff; background: transparent; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 9px; font-weight: 900; }
.club-profile-metrics { margin-top: 14px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--ink); background: var(--white); }.club-profile-metrics div { min-height: 105px; padding: 17px; border-left: 1px solid var(--ink); display: flex; flex-direction: column; justify-content: space-between; }.club-profile-metrics div:last-child { border-left: 0; }.club-profile-metrics span { color: #77736f; font-size: 8px; }.club-profile-metrics strong { font: 900 33px Arial; }
.club-profile-editor { margin-top: 14px; padding: 30px; border: 1px solid var(--ink); background: var(--orange); display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }.club-profile-editor .club-section-title { grid-column: 1 / -1; }.club-profile-editor label { font-size: 9px; font-weight: 900; }.club-profile-editor label:nth-of-type(2) { grid-row: span 2; }.club-profile-editor input, .club-profile-editor textarea { width: 100%; margin-top: 7px; padding: 11px; border: 1px solid rgba(18,16,24,.48); outline: 0; background: rgba(255,255,255,.38); }.club-profile-editor input { height: 43px; }.club-profile-editor textarea { min-height: 132px; resize: vertical; }.profile-toggle-grid { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.profile-toggle-grid > label { min-height: 75px; padding: 12px; border: 1px solid rgba(18,16,24,.38); display: flex; gap: 10px; align-items: flex-start; }.profile-toggle-grid input { width: 17px; height: 17px; margin: 0; }.profile-toggle-grid span { display: flex; flex-direction: column; }.profile-toggle-grid small { margin-top: 3px; opacity: .65; font-size: 7px; }.profile-save { width: 170px; min-height: 43px; border: 0; color: #fff; background: var(--ink); font-weight: 900; cursor: pointer; }
.club-profile-grid { margin-top: 14px; display: grid; grid-template-columns: 1fr .85fr; gap: 14px; }.club-profile-grid > section, .club-profile-grid > aside { padding: 29px; border: 1px solid var(--ink); background: var(--white); }.profile-tags { margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--club-border); display: flex; flex-wrap: wrap; gap: 6px; }.profile-tags > b { width: 100%; margin-bottom: 6px; font-size: 10px; }.profile-tags > span { padding: 7px 10px; border: 1px solid var(--violet); border-radius: 999px; color: var(--violet); font-size: 8px; font-weight: 900; }.profile-tags p { margin: 0; color: #777; font-size: 9px; }.profile-learning { margin-top: 28px; padding: 22px; color: #fff; background: var(--ink); }.profile-learning span { direction: ltr; color: var(--orange); font: 900 8px Arial; letter-spacing: .12em; }.profile-learning p { margin: 9px 0 0; color: #b0acb1; font-size: 11px; line-height: 1.7; }.profile-request-list { margin-top: 22px; display: flex; flex-direction: column; gap: 8px; }.profile-request-list article { padding: 15px; border: 1px solid var(--club-border); }.profile-request-list header { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }.profile-request-list header b { font-size: 10px; }.request-status { padding: 4px 6px; border: 1px solid #cbc6bd; font-size: 7px; white-space: nowrap; }.request-status.answered { color: #233600; border-color: var(--lime); background: var(--lime); }.request-status.in_progress { color: #6c470f; border-color: var(--orange); background: rgba(255,163,62,.2); }.profile-request-list article > p { margin: 9px 0 0; color: #68645f; font-size: 9px; line-height: 1.65; }.profile-request-list article > div { margin-top: 12px; padding: 11px; color: #fff; background: var(--violet); }.profile-request-list article > div small { color: var(--orange); font-size: 7px; font-weight: 900; }.profile-request-list article > div p { margin: 4px 0 0; font-size: 9px; line-height: 1.65; }

/* New admin interaction panels */
.admin-member-requests { padding: 14px; display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.admin-member-requests article { padding: 18px; border: 1px solid #34353b; background: #202126; }
.admin-member-requests article > header { display: flex; justify-content: space-between; gap: 15px; align-items: center; }
.admin-member-requests .request-kind { display: inline-block; margin-top: 16px; padding: 4px 7px; border: 1px solid #45464c; color: var(--orange); font-size: 7px; }
.admin-member-requests h3 { margin: 9px 0 5px; font-size: 17px; }.admin-member-requests > article > p { margin: 0; color: #aaa; font-size: 9px; line-height: 1.7; }
.admin-member-requests textarea { width: 100%; min-height: 92px; margin-top: 15px; padding: 10px; border: 1px solid #3d3e44; outline: 0; color: #eee; background: #17181c; resize: vertical; font-size: 9px; line-height: 1.6; }
.admin-member-requests footer { margin-top: 9px; display: flex; flex-wrap: wrap; gap: 5px; }.admin-member-requests footer button { min-height: 31px; padding: 0 9px; border: 1px solid #3f4046; color: #ccc; background: #292a30; cursor: pointer; font-size: 8px; }.admin-member-requests footer button.approve { color: var(--ink); border-color: var(--lime); background: var(--lime); }
.status-chip.answered { color: #dcff7d; border-color: rgba(206,255,41,.35); background: rgba(206,255,41,.08); }.status-chip.in_progress { color: #ffc375; border-color: rgba(255,163,62,.4); background: rgba(255,163,62,.08); }.status-chip.open { color: #fff; border-color: #55565c; }.status-chip.archived { color: #999; }

@keyframes v8Pulse { 70% { box-shadow: 0 0 0 8px rgba(221,255,66,0); } 100% { box-shadow: 0 0 0 0 rgba(221,255,66,0); } }
@keyframes radarBlink { 50% { opacity: .35; transform: scale(.7); } }
@keyframes drawerIn { from { transform: translateX(-100%); } }

@media (max-width: 1180px) {
  .club-world-nav { grid-template-columns: auto 1fr auto; }
  .club-world-brand > span { display: none; }
  .club-desktop-nav button { min-width: 78px; padding: 0 10px; }
  .club-member-chip { min-width: 42px; width: 42px; padding: 3px; border-radius: 50%; }
  .club-member-chip > span { width: 34px; height: 34px; }.club-member-chip div { display: none; }
  .club-home-hero { grid-template-columns: 1fr 260px; }.club-home-copy { padding: 42px; }.club-home-copy h1 { font-size: clamp(52px, 7vw, 78px); }
  .club-now-grid { grid-template-columns: repeat(2,1fr); }.club-now-grid button:nth-child(2) { border-left: 0; }.club-now-grid button:nth-child(-n+2) { border-bottom: 1px solid var(--ink); }
  .club-home-layout { grid-template-columns: 1fr; }.club-home-rail { display: grid; grid-template-columns: repeat(2,1fr); }.club-incoming-mini { grid-column: 1 / -1; }
  .club-community-v8 { grid-template-columns: 300px 1fr; }.club-community-intro { position: relative; top: auto; grid-row: 1 / 3; }.club-community-composer-v8 { position: relative; top: auto; grid-column: 2; min-height: 520px; }.club-community-stream { min-height: 650px; }.community-stream-head { top: 82px; }
  .club-member-directory-v8, .club-opportunity-grid { grid-template-columns: repeat(2,1fr); }
  .club-detail-hero { grid-template-columns: 300px 1fr; }
}

@media (max-width: 820px) {
  .club-signal-strip { grid-template-columns: 1fr auto; }.club-signal-strip p { display: none; }
  .club-world-nav { min-height: 69px; padding: 0 14px; grid-template-columns: 1fr auto; }.club-desktop-nav { display: none; }.club-account-actions { gap: 5px; }.club-notify { display: none; }.club-logout { display: none; }
  .club-world-brand .brand > span:last-child { display: none; }
  .club-mobile-nav { position: fixed; z-index: 120; inset: auto 0 0; min-height: 67px; padding: 6px 8px max(7px, env(safe-area-inset-bottom)); border-top: 1px solid rgba(18,16,24,.14); background: rgba(255,253,248,.94); backdrop-filter: blur(18px); display: grid; grid-template-columns: repeat(4,1fr); direction: rtl; box-shadow: 0 -9px 32px rgba(18,16,24,.08); }.club-mobile-nav button { border: 0; color: #85817d; background: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-size: 7px; }.club-mobile-nav button.active { color: var(--violet); font-weight: 900; }
  .club-page-v8 { padding: 22px 14px 100px; }
  .club-home-hero { min-height: auto; grid-template-columns: 1fr; box-shadow: 7px 7px 0 var(--orange); }.club-home-copy { min-height: 545px; padding: 29px 22px; }.club-home-copy h1 { margin-top: auto; font-size: clamp(47px, 13vw, 65px); line-height: .94; }.club-home-copy > p { font-size: 11px; }.club-hero-actions { width: 100%; }.club-hero-actions button { min-width: 0; width: 50%; height: 47px; padding: 0 10px; font-size: 9px; }.club-radar-card { min-height: 150px; padding: 18px 20px; border-top: 1px solid rgba(255,255,255,.16); border-right: 0; display: grid; grid-template-columns: 105px 1fr; gap: 20px; align-items: center; }.radar-visual { width: 95px; margin: 0; }.radar-core { width: 42px; height: 42px; font-size: 12px; }.radar-copy { margin: 0; padding: 0; border: 0; }.radar-copy strong { font-size: 52px; }
  .club-now-grid { margin-top: 18px; }.club-now-grid button { min-height: 105px; padding: 14px; }.club-now-grid strong { font-size: 29px; }
  .club-broadcast { min-height: 180px; padding: 20px; align-items: flex-start; flex-direction: column; gap: 15px; }.club-broadcast h2 { font-size: 26px; }.club-broadcast time { align-self: flex-start; }
  .club-home-layout { margin-top: 10px; gap: 10px; }.club-feed-preview { padding: 21px 17px; }.club-section-title h2 { font-size: 24px; }.club-feed-preview-list { grid-template-columns: 1fr; }.club-feed-preview-list article { min-height: 200px; }
  .club-dual-compose { grid-template-columns: 1fr; gap: 10px; }.club-quick-post, .club-admin-line { min-height: 390px; padding: 21px 17px; }.club-home-rail { grid-template-columns: 1fr; }.club-incoming-mini { grid-column: auto; }
  .club-editorial-head { min-height: auto; padding-bottom: 28px; grid-template-columns: 1fr; gap: 18px; align-items: start; }.club-editorial-head h1 { font-size: clamp(44px, 12vw, 61px); }.club-editorial-head > p { font-size: 10px; }
  .club-experience-grid, .club-opportunity-grid, .club-member-directory-v8 { grid-template-columns: 1fr; }.experience-card { min-height: 400px; padding: 21px; }.experience-card h2 { font-size: 36px; }
  .club-search-filter, .club-directory-tools { grid-template-columns: 1fr; gap: 10px; }.club-filter-row.compact { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; }.club-filter-row.compact button { flex: 0 0 auto; }
  .club-detail-hero { min-height: auto; grid-template-columns: 1fr; }.club-detail-art { min-height: 310px; }.club-detail-copy { min-height: 480px; padding: 27px 20px; }.club-detail-copy h1 { margin-top: auto; font-size: 55px; }.club-detail-facts { grid-template-columns: 1fr; }.club-detail-facts div { border-left: 0; border-bottom: 1px solid var(--ink); }.club-detail-facts div:last-child { border-bottom: 0; }.club-registration-panel { padding: 24px 18px; grid-template-columns: 1fr; gap: 22px; }
  .club-community-v8 { display: flex; flex-direction: column; box-shadow: 7px 7px 0 var(--orange); }.club-community-intro { min-height: 510px; padding: 24px 19px; }.club-community-intro h2 { font-size: 49px; }.club-community-stream { min-height: 520px; padding: 18px 15px; }.community-stream-head { top: 69px; margin: -18px -15px 14px; padding: 16px 15px 13px; }.club-community-composer-v8 { min-height: 560px; padding: 23px 18px; }
  .club-collab-inbox { padding: 20px 16px; }.club-collab-inbox > div:last-child { grid-template-columns: 1fr; }.member-card-v8 { min-height: 345px; padding: 19px; }.member-card-v8 header { grid-template-columns: 48px 1fr; }.member-card-avatar { width: 47px; height: 47px; }.open-collab { grid-column: 2; justify-self: start; }.club-collab-drawer > form { width: 100%; min-height: 100dvh; padding: 25px 18px; }
  .club-profile-identity { min-height: 430px; padding: 25px 20px; grid-template-columns: 100px 1fr; align-items: center; }.profile-orbit { width: 90px; height: 90px; }.profile-orbit > span { width: 67px; height: 67px; font-size: 28px; }.club-profile-identity h1 { font-size: 43px; }.club-profile-identity > button { grid-column: 1 / -1; justify-self: start; }.club-profile-metrics { grid-template-columns: repeat(2,1fr); }.club-profile-metrics div:nth-child(2) { border-left: 0; }.club-profile-metrics div:nth-child(-n+2) { border-bottom: 1px solid var(--ink); }.club-profile-editor { padding: 22px 17px; grid-template-columns: 1fr; }.club-profile-editor .club-section-title, .profile-toggle-grid { grid-column: auto; }.profile-toggle-grid { grid-template-columns: 1fr; }.club-profile-grid { grid-template-columns: 1fr; gap: 10px; }.club-profile-grid > section, .club-profile-grid > aside { padding: 22px 17px; }
  .admin-member-requests { grid-template-columns: 1fr; padding: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .club-signal-strip > span i, .radar-dot, .smart-glow, .club-collab-drawer > form { animation: none; }
  .club-home-hero, .club-world-v8 { scroll-behavior: auto; }
}

/* Runtime-only helpers */
html.club-v8-mounted, body.club-v8-mounted { overflow-x: hidden; }
body.club-v8-mounted > #root { display: none !important; }
#club-v8-runtime { position: relative; z-index: 9999; min-height: 100vh; }
.club-v8-loading { min-height: 100vh; display: grid; place-items: center; background: var(--paper); color: var(--ink); }
.club-v8-loading > div { display: grid; place-items: center; gap: 18px; }
.club-v8-loading i { width: 54px; height: 54px; border: 1px solid var(--ink); border-radius: 50%; position: relative; animation: v8Spin 1.3s linear infinite; }
.club-v8-loading i::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--orange); top: -4px; left: 23px; }
.club-v8-toast { position: fixed; z-index: 10050; left: 50%; bottom: 28px; transform: translateX(-50%) translateY(24px); max-width: min(92vw, 560px); padding: 13px 18px; color: white; background: var(--ink); border: 1px solid rgba(255,255,255,.18); box-shadow: 8px 8px 0 var(--orange); opacity: 0; pointer-events: none; transition: .25s ease; font-size: 12px; font-weight: 800; }
.club-v8-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.club-v8-toast.error { background: #8b2d34; box-shadow-color: #ffb0a0; }
.club-v8-skeleton { min-height: 340px; display: grid; place-items: center; border: 1px dashed var(--club-border); }
.club-v8-skeleton span { color: var(--muted); font-size: 12px; }
.club-member-directory-v8 .member-card-v8.me { outline: 2px solid var(--orange); outline-offset: -2px; }
.club-post-card .club-post-actions button.reacted { color: var(--violet); background: rgba(61,44,130,.08); }
.club-post-card .club-post-actions button[disabled], .member-card-v8 footer button[disabled] { opacity: .42; cursor: not-allowed; }
.club-reply-zone form { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: 12px; }
.club-reply-zone form input { min-width: 0; height: 42px; padding: 0 12px; border: 1px solid var(--club-border); background: rgba(255,255,255,.72); outline: 0; }
.club-reply-zone form button { border: 0; padding: 0 15px; color: #fff; background: var(--ink); font-weight: 900; cursor: pointer; }
.club-opportunity-grid article a.disabled { opacity: .45; pointer-events: none; }
.club-activity-modal { position: fixed; inset: 0; z-index: 10020; display: grid; place-items: center; padding: 20px; }
.club-activity-modal > button { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(18,16,24,.72); backdrop-filter: blur(9px); cursor: pointer; }
.club-activity-modal > section { position: relative; z-index: 1; width: min(850px, 96vw); max-height: 90vh; overflow: auto; background: var(--paper); border: 1px solid var(--ink); box-shadow: 16px 16px 0 var(--orange); padding: clamp(24px, 4vw, 52px); }
.club-activity-modal .modal-close { position: absolute; top: 14px; left: 14px; width: 38px; height: 38px; border: 1px solid var(--ink); background: var(--paper); cursor: pointer; font-size: 20px; }
.club-activity-modal h2 { margin: 18px 0 12px; font-size: clamp(36px, 5vw, 70px); line-height: .95; letter-spacing: -.04em; }
.club-activity-modal p { line-height: 1.8; color: #55514e; }
.club-activity-modal .modal-facts { display: grid; grid-template-columns: repeat(3,1fr); margin: 30px 0; border: 1px solid var(--club-border); }
.club-activity-modal .modal-facts div { padding: 18px; border-left: 1px solid var(--club-border); display: grid; gap: 5px; }
.club-activity-modal .modal-facts div:last-child { border-left: 0; }
.club-activity-modal .modal-facts small { color: var(--muted); }
.club-activity-modal .register-button { width: 100%; min-height: 54px; border: 0; background: var(--violet); color: #fff; font-weight: 900; cursor: pointer; }
.club-activity-modal .register-button:disabled { opacity: .45; cursor: not-allowed; }
.club-empty-inline { padding: 24px; border: 1px dashed var(--club-border); color: var(--muted); text-align: center; }
.club-admin-sidecar-trigger { position: fixed; z-index: 11000; left: 20px; bottom: 20px; padding: 11px 16px; border: 1px solid #fff; border-radius: 999px; color: #fff; background: var(--violet); box-shadow: 0 8px 30px rgba(0,0,0,.24); cursor: pointer; font: 900 10px Arial; letter-spacing: .04em; }
.club-admin-sidecar { position: fixed; inset: 0; z-index: 11020; display: none; }
.club-admin-sidecar.open { display: grid; grid-template-columns: 1fr min(680px, 94vw); }
.club-admin-sidecar > .sidecar-backdrop { border: 0; background: rgba(18,16,24,.72); backdrop-filter: blur(9px); cursor: pointer; }
.club-admin-sidecar > aside { overflow: auto; padding: 26px; color: var(--ink); background: var(--paper); border-right: 1px solid var(--ink); }
.club-admin-sidecar header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 24px; }
.club-admin-sidecar header small { direction: ltr; font: 900 8px Arial; letter-spacing: .14em; color: var(--violet); }
.club-admin-sidecar header h2 { margin: 5px 0 0; font-size: 30px; }
.club-admin-sidecar .sidecar-close { width: 38px; height: 38px; border: 1px solid var(--ink); background: transparent; cursor: pointer; }
.sidecar-tabs { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--ink); margin-bottom: 20px; }
.sidecar-tabs button { min-height: 44px; border: 0; background: transparent; font-weight: 900; cursor: pointer; }
.sidecar-tabs button.active { color: #fff; background: var(--ink); }
.sidecar-form { display: grid; gap: 10px; padding: 18px; border: 1px solid var(--club-border); background: #fffdf8; margin-bottom: 18px; }
.sidecar-form input, .sidecar-form textarea, .sidecar-form select, .sidecar-request textarea { width: 100%; border: 1px solid var(--club-border); padding: 11px; background: #fff; }
.sidecar-form textarea, .sidecar-request textarea { min-height: 92px; resize: vertical; }
.sidecar-form button, .sidecar-request footer button { border: 0; min-height: 42px; padding: 0 14px; color: #fff; background: var(--violet); font-weight: 900; cursor: pointer; }
.sidecar-list { display: grid; gap: 12px; }
.sidecar-list article, .sidecar-request { padding: 17px; border: 1px solid var(--club-border); background: rgba(255,255,255,.58); }
.sidecar-list h3, .sidecar-request h3 { margin: 8px 0; }
.sidecar-list p, .sidecar-request p { margin: 0 0 10px; color: #55514e; line-height: 1.7; }
.sidecar-list footer, .sidecar-request footer { display: flex; gap: 8px; flex-wrap: wrap; }
.sidecar-request header { margin: 0 0 10px; align-items: center; }
.sidecar-request header b { font-size: 12px; }
.sidecar-request header span { padding: 4px 8px; border: 1px solid var(--club-border); font-size: 9px; }
@keyframes v8Spin { to { transform: rotate(360deg); } }
@media (max-width: 700px) {
  .club-activity-modal .modal-facts { grid-template-columns: 1fr; }
  .club-activity-modal .modal-facts div { border-left: 0; border-bottom: 1px solid var(--club-border); }
  .club-admin-sidecar.open { grid-template-columns: 0 1fr; }
  .club-admin-sidecar > aside { padding: 18px; }
}