/* Generated by tools/build-css.mjs. Edit tools/css-source, then rebuild. */

/* Public foundation */

:root {
  --bg: #05070b;
  --panel: #0b151f;
  --line: #203746;
  --line-bright: #2f5c6b;
  --text: #f3f6f5;
  --muted: #91a2ad;
  --cyan: #24d7ed;
  --lime: #d3ff25;
  --danger: #ff5d67;
  --page: min(1280px, calc(100vw - 48px));
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

/* v2.3 — private multi-provider member access */
.member-login-page {
  width: min(1120px, calc(100vw - 40px));
  min-height: 680px;
  margin: 48px auto 96px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  border: 1px solid var(--line);
  background: #071019;
  overflow: hidden;
}
.member-login-art { position: relative; min-height: 100%; background: #05090f; overflow: hidden; }
.member-login-art > img { width: 100%; height: 100%; object-fit: cover; opacity: .48; }
.member-login-art::after { content: "MEMBER // ACCESS"; position: absolute; left: 34px; bottom: 32px; color: rgba(255,255,255,.72); font: 700 13px/1 var(--mono); letter-spacing: .2em; }
.member-login-panel { padding: clamp(34px, 5vw, 72px); align-self: center; }
.member-login-panel h1 { max-width: 640px; margin: 20px 0; font: 800 clamp(44px, 6vw, 76px)/.9 var(--display); text-transform: uppercase; }
.member-login-intro { margin: 0 0 34px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.login-provider-stack { display: grid; gap: 12px; }
.login-provider-button { min-height: 64px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 14px; padding: 10px 18px; border: 1px solid var(--line); color: var(--text); font: 700 13px/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase; transition: border-color .2s, background .2s, transform .2s; }
.login-provider-button:hover { border-color: var(--cyan); background: rgba(36,215,237,.06); transform: translateY(-1px); }
.login-provider-button.discord { border-color: rgba(88,101,242,.7); }
.provider-mark { width: 38px; height: 38px; display: inline-grid; place-items: center; border: 1px solid var(--cyan); background: rgba(36,215,237,.08); color: var(--cyan); font: 800 16px/1 var(--mono); }
.login-provider-button.discord .provider-mark { border-color: #7d87ff; color: #aeb4ff; background: rgba(88,101,242,.15); }
.login-divider { display: flex; align-items: center; gap: 16px; margin: 28px 0; color: var(--muted); font: 700 11px/1 var(--mono); letter-spacing: .15em; text-transform: uppercase; }
.login-divider::before, .login-divider::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.magic-login-form { display: grid; gap: 14px; }
.magic-login-form .button { width: 100%; justify-content: center; }
.magic-login-form > small { color: var(--muted); line-height: 1.5; }
.magic-verify-form .button { width: 100%; justify-content: center; }
.member-verify-page .member-login-panel > .notice { margin-top: 18px; }
.login-privacy-note, .login-sent-state { display: grid; grid-template-columns: 38px 1fr; gap: 14px; margin-top: 30px; padding: 18px; border: 1px solid rgba(211,255,37,.28); background: rgba(211,255,37,.04); }
.login-privacy-note > i, .login-sent-state > i { color: var(--lime); font-style: normal; font: 800 22px/1 var(--mono); }
.login-privacy-note strong, .login-sent-state strong { display: block; margin-bottom: 7px; }
.login-privacy-note p, .login-sent-state p { margin: 0; color: var(--muted); line-height: 1.55; }
.login-back-link { display: inline-block; margin-top: 24px; }
.member-signin-methods { margin: 28px 0; padding: 26px; border: 1px solid var(--line); background: #08121b; }
.member-signin-methods > p { max-width: 760px; color: var(--muted); }
.signin-method-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
.signin-method-card { min-height: 88px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); background: #050b11; }
.signin-method-card.connected { border-color: rgba(211,255,37,.35); }
.signin-method-card strong, .signin-method-card small { display: block; }
.signin-method-card small { margin-top: 5px; color: var(--muted); font: 600 10px/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.signin-method-card .plain-action { color: #ff7d8a; }
.signin-method-required { color: var(--lime); font: 700 9px/1.35 var(--mono); letter-spacing: .1em; text-align: right; text-transform: uppercase; }
.connect-email-method { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 14px; margin-top: 14px; padding-top: 18px; border-top: 1px solid var(--line); }
.connect-email-method .field { margin: 0; }

@media (max-width: 760px), (max-device-width: 760px) {
  .member-login-page { width: calc(100vw - 24px); min-height: 0; margin: 20px auto 76px; grid-template-columns: 1fr; }
  .member-login-art { min-height: 180px; }
  .member-login-art::after { left: 20px; bottom: 18px; }
  .member-login-panel { padding: 28px 20px 32px; }
  .member-login-panel h1 { font-size: clamp(42px, 14vw, 62px); }
  .login-provider-button { min-height: 58px; padding: 8px 12px; }
  .member-signin-methods { padding: 18px 14px; }
  .signin-method-grid { grid-template-columns: 1fr; }
  .connect-email-method { grid-template-columns: 1fr; align-items: stretch; }
  .connect-email-method .button { width: 100%; justify-content: center; }
}

/* v2.2 — community return, weekly roundups, installable site and focused admin */
.article-update-timeline { max-width: 1040px; margin: 22px auto 0; border: 1px solid rgba(36, 215, 237, .22); background: rgba(7, 17, 25, .8); }
.article-update-timeline summary { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; padding: 17px 20px; cursor: pointer; list-style: none; }
.article-update-timeline summary::-webkit-details-marker { display: none; }
.article-update-timeline summary span { color: var(--lime); font-family: var(--mono); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.article-update-timeline summary strong { font-size: 15px; }
.article-update-timeline summary b { min-width: 30px; padding: 5px 8px; border: 1px solid rgba(36, 215, 237, .25); color: var(--cyan); text-align: center; }
.article-update-timeline ol { margin: 0; padding: 0 20px 18px 48px; }
.article-update-timeline li { padding: 11px 0 11px 6px; border-top: 1px solid rgba(36, 215, 237, .12); }
.article-update-timeline time { color: var(--cyan); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.article-update-timeline p { margin: 4px 0 0; color: var(--muted); }
.question-sort-tabs { display: flex; gap: 8px; margin: 0 0 10px; }
.question-sort-tabs a { padding: 11px 15px; border: 1px solid rgba(36, 215, 237, .22); color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.question-sort-tabs a[aria-current="page"] { border-color: var(--lime); color: var(--lime); }
.question-vote-hint { margin: 0 0 20px; color: var(--muted); font-size: 13px; }
.answer-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 18px; }
.answer-card-actions form { margin: 0; }
.question-vote-button { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 9px 12px; border: 1px solid rgba(36, 215, 237, .28); background: transparent; color: var(--cyan); font-family: var(--mono); font-size: 10px; letter-spacing: .06em; cursor: pointer; }
.question-vote-button.active { border-color: var(--lime); background: rgba(211, 255, 37, .08); color: var(--lime); }
.question-detail-vote { display: flex; justify-content: space-between; align-items: center; gap: 30px; max-width: 920px; margin: 20px auto; padding: 24px; border: 1px solid rgba(36, 215, 237, .22); background: rgba(8, 20, 29, .72); }
.question-detail-vote h2 { margin: 6px 0 0; font-size: 18px; }
.member-install-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 22px; margin: 18px 0 28px; padding: 24px; border: 1px solid rgba(36, 215, 237, .24); background: linear-gradient(110deg, rgba(10, 25, 34, .95), rgba(8, 15, 23, .95)); }
.member-install-card h2 { margin: 6px 0; font-size: 24px; }
.member-install-card p { margin: 0; color: var(--muted); }
.member-install-card .pwa-ios-instructions { grid-column: 1 / -1; padding: 12px; border-left: 2px solid var(--lime); }
.roundup-masthead { min-height: 400px; }
.roundup-archive { display: grid; gap: 18px; }
.roundup-archive-card { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 30px; padding: 28px; border: 1px solid rgba(36, 215, 237, .24); background: rgba(7, 17, 25, .86); }
.roundup-archive-card h2 { margin: 8px 0; font-family: var(--display); font-size: clamp(30px, 4vw, 52px); line-height: .95; text-transform: uppercase; }
.roundup-archive-card p { color: var(--muted); }
.roundup-archive-card aside { display: flex; flex-direction: column; justify-content: center; gap: 10px; border-left: 1px solid rgba(36, 215, 237, .15); padding-left: 24px; }
.roundup-archive-card aside > strong { color: var(--lime); font-size: 38px; }
.roundup-archive-card aside > span { color: var(--muted); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.roundup-page .article-header { margin-bottom: 42px; }
.roundup-section { max-width: 1040px; margin: 44px auto; }
.roundup-section > header h2 { margin: 8px 0 18px; font-family: var(--display); font-size: clamp(34px, 5vw, 58px); line-height: .92; text-transform: uppercase; }
.roundup-item-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.roundup-item-list a { display: block; padding: 20px; border: 1px solid rgba(36, 215, 237, .2); background: rgba(7, 17, 25, .82); }
.roundup-item-list span, .roundup-item-list b { color: var(--cyan); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.roundup-item-list strong { display: block; margin: 8px 0; font-size: 18px; }
.roundup-item-list p { color: var(--muted); font-size: 13px; }
.roundup-giveaway { display: flex; align-items: center; justify-content: space-between; gap: 30px; max-width: 1040px; margin: 44px auto; padding: 28px; border: 1px solid rgba(211, 255, 37, .35); background: rgba(22, 31, 12, .62); }
.roundup-giveaway h2 { margin: 8px 0; font-size: 28px; }
.offline-page { min-height: 68vh; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 760px; margin: 0 auto; padding: 70px 24px; text-align: center; }
.offline-page h1 { margin: 12px 0; font-family: var(--display); font-size: clamp(54px, 10vw, 100px); line-height: .86; text-transform: uppercase; }
.offline-page > p { max-width: 600px; color: var(--muted); }
.offline-actions { display: flex; gap: 12px; margin-top: 24px; }
.offline-signal { display: flex; align-items: end; gap: 6px; height: 44px; }
.offline-signal i { display: block; width: 8px; background: var(--cyan); }
.offline-signal i:nth-child(1) { height: 14px; }.offline-signal i:nth-child(2) { height: 28px; }.offline-signal i:nth-child(3) { height: 42px; background: var(--lime); }
.roundup-admin-list { display: grid; gap: 14px; }.roundup-admin-list > article { padding: 22px; border: 1px solid rgba(36, 215, 237, .22); background: rgba(7, 17, 25, .78); }.roundup-admin-list article > div, .roundup-admin-list footer { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }.roundup-admin-list h2 { margin: 12px 0 6px; }.roundup-admin-list p { color: var(--muted); }.roundup-admin-list footer { margin-top: 16px; }.roundup-admin-list footer > span { margin-right: auto; color: var(--cyan); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.roundup-admin-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 18px; }.roundup-selection-preview details { border-top: 1px solid rgba(36, 215, 237, .14); }.roundup-selection-preview summary { padding: 14px 0; cursor: pointer; }.roundup-selection-preview summary b { color: var(--lime); }.roundup-selection-preview details div { display: grid; gap: 8px; padding: 0 0 16px; }.roundup-selection-preview a { color: var(--cyan); font-size: 12px; }

@media (max-width: 760px), (max-device-width: 760px) {
  .roundup-archive-card, .member-install-card, .roundup-admin-grid { grid-template-columns: 1fr; }
  .roundup-archive-card aside { border-left: 0; border-top: 1px solid rgba(36, 215, 237, .15); padding: 18px 0 0; }
  .roundup-item-list { grid-template-columns: 1fr; }
  .roundup-giveaway, .question-detail-vote { align-items: stretch; flex-direction: column; }
  .answer-card-actions { align-items: flex-start; flex-direction: column; }
  .question-sort-tabs { overflow-x: auto; }.question-sort-tabs a { white-space: nowrap; }
}

* { box-sizing: border-box; }
html {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  scroll-behavior: smooth;
  background: var(--bg);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  margin: 0;
  background:
    radial-gradient(circle at 82% 14%, rgba(23, 129, 148, .11), transparent 26rem),
    var(--bg);
  color: var(--text);
  font-family: var(--sans);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img, video { display: block; max-width: 100%; }
::selection { background: var(--lime); color: #091015; }

.site-shell { width: 100%; max-width: 100%; min-height: 100vh; overflow-x: hidden; overflow-x: clip; }
.site-header {
  position: relative;
  z-index: 50;
  height: 72px;
  border-bottom: 1px solid rgba(74, 115, 133, .32);
  background: rgba(5, 7, 11, .9);
  backdrop-filter: blur(18px);
}
.header-inner {
  width: var(--page);
  min-width: 0;
  height: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.wordmark {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  font-family: var(--display);
  font-size: 22px;
  letter-spacing: .19em;
  line-height: 1;
  white-space: nowrap;
}
.wordmark-slash { color: var(--lime); letter-spacing: -.15em; transform: skew(-9deg); }
.main-nav { display: flex; min-width: 0; align-items: center; gap: 42px; height: 100%; }
.main-nav a {
  position: relative;
  display: grid;
  place-items: center;
  height: 100%;
  color: #cbd4d7;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color 160ms ease;
}
.main-nav a::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: -1px;
  left: 50%;
  height: 2px;
  background: var(--lime);
  transition: inset 160ms ease;
}
.main-nav a:hover { color: var(--lime); }
.main-nav a:hover::after { right: 0; left: 0; }
.status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 10px rgba(211, 255, 37, .7);
}

.hero-section {
  position: relative;
  width: calc(100% - 24px);
  min-height: 720px;
  margin: 0 12px;
  overflow: hidden;
  border-right: 1px solid rgba(64, 107, 124, .28);
  border-bottom: 1px solid rgba(64, 107, 124, .45);
  border-left: 1px solid rgba(64, 107, 124, .28);
  isolation: isolate;
}
.hero-art { position: absolute; inset: 0; z-index: -5; width: 100%; height: 100%; object-fit: cover; object-position: 54% center; animation: heroReveal 900ms ease both; }
.hero-shade {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(90deg, rgba(2, 5, 8, .99) 0%, rgba(2, 6, 9, .96) 26%, rgba(3, 8, 12, .55) 57%, rgba(3, 7, 10, .12) 78%),
    linear-gradient(0deg, rgba(4, 7, 10, .93), transparent 48%);
}
.hero-grid-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .28;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(38, 97, 117, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(38, 97, 117, .16) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(90deg, #000, transparent 69%);
}
.hero-section::before,
.hero-section::after {
  content: "";
  position: absolute;
  z-index: 5;
  width: 64px;
  height: 64px;
  pointer-events: none;
}
.hero-section::before { top: 28px; left: 28px; border-top: 1px solid var(--cyan); border-left: 1px solid var(--cyan); }
.hero-section::after { right: 28px; bottom: 28px; border-right: 1px solid var(--lime); border-bottom: 1px solid var(--lime); }
.hero-copy {
  position: relative;
  z-index: 3;
  width: min(760px, 64vw);
  padding-top: 112px;
  margin-left: max(6vw, calc((100vw - 1280px) / 2));
  animation: copyRise 600ms 120ms ease both;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 18px;
  color: var(--lime);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.eyebrow > span { width: 24px; height: 1px; background: var(--cyan); }
.hero-copy h1,
.page-masthead h1,
.article-header h1 {
  max-width: 690px;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(72px, 8vw, 122px);
  font-weight: 900;
  line-height: .84;
  letter-spacing: .025em;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 3px 20px rgba(0, 0, 0, .35);
}
.hero-summary { max-width: 590px; margin: 29px 0 0; color: #c0cbce; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.6; }
.hero-actions { display: flex; align-items: center; gap: 16px; margin-top: 32px; }
.button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: transform 170ms ease, background 170ms ease, border-color 170ms ease, color 170ms ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--lime); color: #071016; clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px)); }
.button-primary:hover { background: #e2ff6b; }
.button-primary span { transition: transform 170ms ease; }
.button-primary:hover span { transform: translateX(4px); }
.button-ghost { border-color: #2a6b7b; background: rgba(5, 13, 18, .65); color: var(--cyan); }
.button-ghost:hover { border-color: var(--cyan); background: rgba(16, 44, 52, .72); }
.hero-index { position: absolute; bottom: 54px; left: 28px; display: flex; align-items: center; gap: 10px; color: #778993; font-family: var(--mono); font-size: 9px; writing-mode: vertical-rl; }
.hero-index i { width: 1px; height: 44px; background: var(--line-bright); }
.home-giveaway-art .state-badge { position: absolute; top: 18px; left: 18px; display: flex; align-items: center; gap: 8px; border-color: rgba(211, 255, 37, .4); background: rgba(3, 8, 12, .9); color: var(--lime); }

.section { width: var(--page); margin: 0 auto; padding: 104px 0; }
.news-section { padding-bottom: 116px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 34px; }
.section-heading h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(44px, 5vw, 72px);
  font-weight: 900;
  letter-spacing: .03em;
  line-height: .92;
  text-transform: uppercase;
}
.section-heading .eyebrow { margin-bottom: 12px; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--lime); font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.text-link span { transition: transform 160ms ease; }
.text-link:hover span { transform: translate(3px, -3px); }
.news-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 22px; align-items: start; }
.content-card { grid-column: span 5; min-width: 0; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(12, 25, 36, .9), rgba(7, 13, 20, .96)); transition: transform 180ms ease, border-color 180ms ease; }
.content-card:hover { transform: translateY(-5px); border-color: var(--line-bright); }
.content-card-wide { grid-column: span 7; grid-row: span 2; }
.card-image-wrap { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #09131d; }
.content-card-wide .card-image-wrap { aspect-ratio: 16 / 9; }
.card-image { width: 100%; height: 100%; object-fit: cover; transition: transform 450ms ease; }
.content-card:hover .card-image { transform: scale(1.035); }
.card-image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(2, 7, 11, .62), transparent 48%); }
.card-corner { position: absolute; top: 12px; left: 12px; z-index: 2; width: 26px; height: 26px; border-top: 1px solid var(--lime); border-left: 1px solid var(--lime); }
.play-disc { position: absolute; top: 50%; left: 50%; z-index: 3; display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid var(--cyan); border-radius: 50%; background: rgba(3, 9, 13, .72); color: var(--cyan); transform: translate(-50%, -50%); }
.card-body { padding: 24px; }
.card-meta { display: flex; align-items: center; justify-content: space-between; gap: 18px; color: var(--cyan); font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.card-meta time { color: #70838d; }
.card-body h3 { max-width: 95%; margin: 16px 0 12px; font-family: var(--display); font-size: clamp(28px, 2.5vw, 42px); font-weight: 800; letter-spacing: .025em; line-height: 1; text-transform: uppercase; }
.card-body h3 a:hover { color: var(--lime); }
.card-body p { margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 1.65; }

.tiktok-profile-shell { width: 100%; min-height: 500px; padding: 28px; overflow-x: auto; border: 1px solid var(--line); background: #fff; }
.tiktok-profile-shell .tiktok-embed { max-width: 920px !important; min-width: 288px !important; margin: 0 auto !important; }

.site-footer { width: var(--page); margin: 0 auto; padding: 76px 0 36px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr auto; gap: 80px; padding-bottom: 52px; }
.footer-wordmark { margin-bottom: 18px; }
.footer-copy { max-width: 460px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.footer-links { display: flex; flex-direction: column; justify-self: end; gap: 12px; color: #b8c3c8; font-family: var(--mono); font-size: 11px; text-transform: uppercase; }
.footer-links a:hover { color: var(--lime); }
.legal-copy { margin: 0; padding-top: 22px; border-top: 1px solid var(--line); color: #536773; font-size: 10px; }

.page-masthead {
  position: relative;
  width: calc(100% - 24px);
  min-height: 390px;
  margin: 0 12px;
  padding: 100px max(6vw, calc((100vw - 1280px) / 2)) 70px;
  overflow: hidden;
  border: 1px solid rgba(57, 102, 120, .38);
  border-top: 0;
  background: #05090d;
  isolation: isolate;
}
.masthead-art { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; }
.masthead-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(5, 7, 11, .98), rgba(5, 10, 14, .78)); }
.masthead-watermark { position: absolute; right: 4vw; bottom: -32px; color: rgba(80, 126, 143, .11); font-family: var(--display); font-size: 180px; line-height: 1; }
.page-masthead h1 { position: relative; z-index: 1; font-size: clamp(70px, 9vw, 132px); }
.page-masthead > p:not(.eyebrow) { position: relative; z-index: 1; max-width: 620px; margin: 25px 0 0; color: #b6c1c5; font-size: 18px; }
.page-masthead .eyebrow { position: relative; z-index: 1; }
.clips-masthead .masthead-art { object-position: 75% 28%; }
.clips-masthead .masthead-shade { background: linear-gradient(90deg, rgba(5, 7, 11, .99), rgba(5, 10, 14, .48)); }
.archive-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; padding-bottom: 14px; border-bottom: 1px solid var(--line); color: #718690; font-family: var(--mono); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.archive-grid .content-card { grid-column: auto; }
.compact-heading { margin-top: 18px; }
.compact-heading h2 { font-size: clamp(38px, 4vw, 62px); }
.manual-clips-heading { margin-top: 92px; }
.clip-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.clip-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); background: var(--panel); }
.clip-card-media { position: relative; aspect-ratio: 9 / 14; overflow: hidden; background: #020407; }
.youtube-clip-card { grid-column: span 2; }
.youtube-card-media { aspect-ratio: 16 / 9; }
.clip-card-media video, .clip-card-media img { width: 100%; height: 100%; object-fit: cover; }
.clip-card-copy { padding: 22px; }
.clip-card-copy .eyebrow { margin-bottom: 11px; }
.clip-card-copy h3 { margin: 0 0 12px; font-family: var(--display); font-size: 34px; letter-spacing: .03em; line-height: 1; text-transform: uppercase; }
.clip-card-copy p { margin: 0 0 20px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.empty-state { padding: 36px; border: 1px dashed var(--line); color: var(--muted); text-align: center; }

.article-page { width: min(1100px, calc(100vw - 48px)); margin: 0 auto; padding: 72px 0 120px; }
.back-link { display: inline-block; margin-bottom: 68px; color: var(--muted); font-family: var(--mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.back-link:hover { color: var(--lime); }
.article-header { max-width: 900px; }
.article-header h1 { font-size: clamp(64px, 8.5vw, 116px); }
.article-deck { max-width: 800px; margin: 30px 0; color: #b7c4c8; font-size: clamp(18px, 2vw, 24px); line-height: 1.55; }
.article-meta { display: flex; gap: 26px; color: #718590; font-family: var(--mono); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.article-hero { position: relative; aspect-ratio: 16 / 8; margin: 58px 0 70px; overflow: hidden; border: 1px solid var(--line); }
.article-hero img { width: 100%; height: 100%; object-fit: cover; }
.article-layout { display: grid; grid-template-columns: 170px minmax(0, 700px); gap: 70px; justify-content: center; }
.article-layout aside { display: flex; flex-direction: column; gap: 8px; font-family: var(--mono); }
.article-layout aside .eyebrow { margin: 0; color: #68808b; }
.article-layout aside strong { color: var(--cyan); font-size: 20px; }
.article-layout aside i { width: 44px; height: 1px; margin-top: 8px; background: var(--lime); }
.article-body p { margin: 0 0 26px; color: #c7d0d3; font-size: 18px; line-height: 1.85; }
.article-body p:first-child::first-letter { float: left; margin: 8px 12px 0 0; color: var(--lime); font-family: var(--display); font-size: 74px; line-height: .7; }

/* Publisher studio */
 .state-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
.field { display: flex; flex-direction: column; gap: 8px; color: #aebcc2; font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.field span small { color: #627681; }
.field input, .field textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 0;
  outline: 0;
  background: #050a0f;
  color: var(--text);
  font-family: var(--sans);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
.field input { height: 48px; padding: 0 14px; }
.field textarea { min-height: 90px; padding: 13px 14px; resize: vertical; }
.field input:focus, .field textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 2px rgba(36, 215, 237, .09); }
.quiet-button { border: 0; background: transparent; color: var(--cyan); cursor: pointer; font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.editor-form { display: flex; flex-direction: column; gap: 18px; }
.two-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.media-editor { display: grid; grid-template-columns: 170px 1fr; gap: 18px; padding: 18px; border: 1px solid var(--line); background: rgba(4, 9, 13, .7); }
.media-preview { display: grid; aspect-ratio: 16 / 10; place-items: center; overflow: hidden; border: 1px dashed var(--line-bright); color: #657985; font-family: var(--mono); font-size: 9px; text-align: center; text-transform: uppercase; }
.media-preview img { width: 100%; height: 100%; object-fit: cover; }
.media-preview b { display: block; color: var(--cyan); font-size: 24px; }
.media-controls { display: flex; flex-direction: column; gap: 9px; }
.upload-button { display: inline-grid; width: max-content; min-height: 36px; place-items: center; padding: 0 14px; border: 1px solid var(--line-bright); color: var(--cyan); cursor: pointer; font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.upload-button input { display: none; }
.media-controls small { color: #60737d; font-size: 10px; }
.check-field { display: flex; gap: 11px; padding: 14px; border: 1px solid var(--line); cursor: pointer; }
.check-field input { width: 16px; height: 16px; accent-color: var(--lime); }
.check-field span { display: flex; flex-direction: column; }
.check-field b { font-size: 12px; }
.check-field small { color: var(--muted); font-size: 10px; }
.form-actions { display: flex; align-items: center; gap: 16px; padding-top: 6px; }
.state-badge { padding: 3px 6px; }
.state-badge.live { border-color: rgba(211, 255, 37, .3); color: var(--lime); }
.state-badge.draft { color: #84949c; }
.studio-auth-page { display: grid; min-height: calc(100vh - 72px); place-items: center; padding: 24px; background: radial-gradient(circle at center, rgba(25, 85, 101, .16), transparent 28rem); }
.studio-auth-card { display: flex; width: min(520px, 100%); flex-direction: column; align-items: center; padding: 54px; border: 1px solid var(--line-bright); background: var(--panel); text-align: center; }
.studio-auth-card > .status-dot { margin-bottom: 22px; }
.studio-auth-card .eyebrow { justify-content: center; }
.studio-auth-card h1 { margin: 0; font-family: var(--display); font-size: 56px; line-height: 1; text-transform: uppercase; }
.studio-auth-card > p:not(.eyebrow) { margin: 20px 0 28px; color: var(--muted); }
.studio-auth-card .text-link { margin-top: 24px; }

@keyframes heroReveal { from { opacity: 0; transform: scale(1.02); } to { opacity: 1; transform: scale(1); } }
@keyframes copyRise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1100px), (max-device-width: 1100px) {
  .hero-copy { width: min(760px, 78vw); margin-left: 6vw; }
  .archive-grid { grid-template-columns: repeat(2, 1fr); }
  .clip-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px), (max-device-width: 820px) {
  :root { --page: calc(100vw - 32px); }
  .site-header { height: auto; min-height: 64px; }
  .header-inner { grid-template-columns: 1fr auto; min-height: 64px; }
  .wordmark { font-size: 18px; }
  .main-nav { grid-column: 1 / -1; grid-row: 2; width: 100%; height: 42px; justify-content: flex-start; gap: 34px; padding: 0 4px; overflow-x: auto; overflow-y: hidden; border-top: 1px solid rgba(48, 79, 91, .3); scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .main-nav::-webkit-scrollbar { display: none; }
  .main-nav a { flex: 0 0 auto; }
  .hero-section { min-height: 690px; }
  .hero-art { object-position: 62% center; }
  .hero-shade { background: linear-gradient(90deg, rgba(2, 5, 8, .97), rgba(3, 7, 10, .62)), linear-gradient(0deg, rgba(3, 7, 10, .98) 4%, rgba(3, 7, 10, .3) 62%); }
  .hero-copy { width: auto; padding: 80px 26px 0; margin: 0; }
  .hero-copy h1 { max-width: 580px; font-size: clamp(62px, 14vw, 92px); }
  .hero-summary { max-width: 560px; }
  .hero-index { display: none; }
  .content-card, .content-card-wide { grid-column: 1 / -1; }
  .footer-grid { grid-template-columns: 1fr; gap: 34px; }
  .footer-links { justify-self: start; }
  .article-layout { grid-template-columns: 1fr; gap: 34px; }
  .article-layout aside { flex-direction: row; align-items: center; }
}

@media (max-width: 600px), (max-device-width: 600px) {
  :root { --page: calc(100vw - 24px); }
  .header-inner { width: calc(100vw - 24px); }
  .wordmark { gap: 5px; font-size: 15px; letter-spacing: .13em; }
  .main-nav { gap: 28px; }
  .main-nav a { font-size: 10px; }
  .hero-section { width: calc(100% - 12px); min-height: 620px; margin: 0 6px; }
  .hero-section::before, .hero-section::after { width: 34px; height: 34px; }
  .hero-copy { padding: 62px 18px 0; }
  .hero-copy h1 { font-size: 59px; line-height: .88; }
  .hero-summary { margin-top: 20px; font-size: 15px; }
  .hero-actions { align-items: stretch; flex-direction: column; width: min(340px, 100%); margin-top: 24px; }
  .button { min-height: 48px; }
  .section { padding: 72px 0; }
  .section-heading { align-items: start; flex-direction: column; }
  .section-heading h2 { font-size: 49px; }
  .card-body { padding: 19px; }
  .footer-grid, .archive-grid, .clip-grid { grid-template-columns: 1fr; }
  .page-masthead { width: calc(100% - 12px); min-height: 360px; margin: 0 6px; padding: 80px 22px 55px; }
  .page-masthead h1 { font-size: 64px; }
  .masthead-watermark { font-size: 100px; }
  .article-page { width: calc(100vw - 28px); padding: 46px 0 80px; }
  .back-link { margin-bottom: 42px; }
  .article-header h1 { font-size: 55px; }
  .article-deck { font-size: 17px; }
  .article-hero { aspect-ratio: 4 / 3; margin: 40px 0 48px; }
  .article-body p { font-size: 16px; }
   .two-fields { grid-template-columns: 1fr; }
  .media-editor { grid-template-columns: 1fr; }
  .media-preview { max-width: 240px; }
  .studio-auth-card { padding: 36px 22px; }
  .studio-auth-card h1 { font-size: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* v1.5.1 — touch-first iPhone article editor */
.rich-body figure[data-width="40"] { width: 40%; max-width: 40%; }
.rich-body figure[data-width="50"] { width: 50%; max-width: 50%; }
.rich-body figure[data-width="60"] { width: 60%; max-width: 60%; }
.rich-body figure[data-width="70"] { width: 70%; max-width: 70%; }
.rich-body figure[data-width="80"] { width: 80%; max-width: 80%; }
.rich-body figure[data-width="90"] { width: 90%; max-width: 90%; }
.rich-body figure[data-width="100"] { width: 100%; max-width: 100%; }
.rich-body figure[data-align="center"] { float: none; margin-right: auto; margin-left: auto; }
.rich-body figure[data-align="left"] { margin-left: 0; }
.rich-body figure[data-align="right"] { margin-right: 0; margin-left: auto; }

/* v1.6 giveaways */
.giveaway-admin-intro { margin-bottom: 18px; }
.giveaway-admin-intro > p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.giveaway-admin-list { display: grid; gap: 12px; }
.giveaway-admin-list > article { display: grid; grid-template-columns: 120px minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 16px; border: 1px solid var(--line); background: var(--panel); }
.giveaway-admin-image { display: grid; width: 120px; height: 82px; place-items: center; overflow: hidden; background: #03090e; color: var(--lime); font-family: var(--display); font-size: 34px; }
.giveaway-admin-image img { width: 100%; height: 100%; object-fit: cover; }
.giveaway-admin-copy { min-width: 0; }
.giveaway-admin-copy > div { display: flex; align-items: center; gap: 10px; color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.giveaway-admin-copy h2 { overflow: hidden; margin: 10px 0 5px; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.giveaway-admin-copy p { margin: 0; color: var(--muted); font-size: 10px; }
.giveaway-admin-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.giveaway-admin-actions .button { min-height: 38px; padding: 0 13px; font-size: 8px; }
.giveaway-admin-form { display: grid; gap: 14px; }
.giveaway-admin-form > .studio-panel { padding: 0; }
.giveaway-admin-form > .editor-details > summary { padding: 18px 20px; }
.giveaway-admin-form > .editor-details > .details-fields { padding: 0 20px 20px; }

.draw-verification code { overflow-wrap: anywhere; color: var(--cyan); font-size: 10px; }
.giveaway-stat-grid .admin-stat-card strong { font-size: clamp(28px,3.4vw,46px); }
.winner-admin-list { display: grid; gap: 12px; }
.winner-admin-list > article { display: grid; gap: 16px; padding: 18px; border: 1px solid var(--line); background: #050b10; }
.winner-admin-list h3 { margin: 10px 0 4px; font-size: 15px; }
.winner-admin-list p { margin: 0; color: var(--muted); font-size: 10px; }
.winner-private-uid { display: grid; gap: 8px; padding: 14px; border: 1px solid var(--lime); background: rgba(211,255,37,.04); }
.winner-private-uid span { color: #b8c78e; font-size: 10px; }
.winner-private-uid code { color: var(--lime); font-size: 18px; overflow-wrap: anywhere; }
.giveaway-entry-table { display: grid; overflow-x: auto; }
.giveaway-entry-row { display: grid; min-width: 720px; grid-template-columns: 190px minmax(150px,1fr) 80px 100px 120px; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); color: #b6c2c6; font-size: 10px; }
.giveaway-entry-row code { color: var(--cyan); }
.giveaway-entry-head { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.draw-verification { min-width: 0; }
.draw-verification > summary { cursor: pointer; color: var(--cyan); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.draw-verification > p { color: var(--muted); font-size: 11px; line-height: 1.7; }
.draw-verification > span { display: block; margin-top: 12px; color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.verification-table { display: grid; max-height: 420px; margin-top: 14px; overflow: auto; border: 1px solid var(--line); }
.verification-table > div { display: grid; min-width: 640px; grid-template-columns: 50px 190px 1fr; gap: 12px; padding: 9px 12px; border-bottom: 1px solid var(--line); }
.verification-table b { color: var(--lime); font-family: var(--mono); font-size: 9px; }

.giveaway-masthead .masthead-art { opacity: .5; }
.giveaway-archive { width: var(--page); margin: 0 auto; }
.giveaway-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.giveaway-card { overflow: hidden; border: 1px solid var(--line); background: var(--panel); }
.giveaway-card-image { position: relative; display: grid; min-height: 280px; place-items: center; overflow: hidden; background: #061018; color: var(--lime); font-family: var(--display); font-size: 80px; }
.giveaway-card-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.giveaway-card:hover .giveaway-card-image img { transform: scale(1.025); }
.giveaway-card-image .state-badge { position: absolute; top: 16px; left: 16px; z-index: 2; background: rgba(3,8,12,.9); }
.giveaway-card-copy { padding: 24px; }
.giveaway-card-copy h2 { margin: 14px 0 12px; font-family: var(--display); font-size: clamp(34px,4vw,50px); letter-spacing: .025em; line-height: .94; text-transform: uppercase; }
.giveaway-card-copy > p:not(.eyebrow) { min-height: 48px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.giveaway-card-copy footer { display: flex; justify-content: space-between; gap: 16px; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--cyan); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }

.giveaway-page { width: min(1320px,calc(100vw - 24px)); margin: 0 auto; padding-bottom: 110px; }
.giveaway-hero { position: relative; min-height: 600px; display: flex; align-items: end; overflow: hidden; border: 1px solid var(--line); }
.giveaway-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.giveaway-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(2,5,8,.97) 5%,rgba(2,5,8,.68) 58%,rgba(2,5,8,.25)),linear-gradient(0deg,rgba(2,5,8,.98),transparent 60%); }
.giveaway-hero-copy { position: relative; z-index: 2; width: min(760px,100%); padding: 62px; }
.giveaway-hero-copy .back-link { display: inline-block; margin-bottom: 36px; }
.giveaway-hero-copy .state-badge { display: table; margin-bottom: 22px; }
.giveaway-hero-copy h1 { margin: 18px 0 22px; font-family: var(--display); font-size: clamp(66px,8vw,116px); letter-spacing: .025em; line-height: .82; text-transform: uppercase; }
.giveaway-hero-copy > p:last-child { max-width: 650px; margin: 0; color: #c6d0d3; font-size: 17px; line-height: 1.65; }
.giveaway-layout { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 56px; width: min(1120px,calc(100% - 48px)); margin: 70px auto 0; align-items: start; }
.giveaway-layout > .giveaway-main { min-width: 0; }
.giveaway-description { padding-bottom: 46px; border-bottom: 1px solid var(--line); }
.giveaway-entry-panel,.giveaway-results,.giveaway-rules { margin-top: 46px; padding: 30px; border: 1px solid var(--line); background: var(--panel); }
.giveaway-entry-panel h2,.giveaway-results h2,.giveaway-rules h2 { margin: 12px 0 26px; font-family: var(--display); font-size: clamp(42px,5vw,62px); letter-spacing: .025em; line-height: .9; text-transform: uppercase; }
.giveaway-entry-form { display: grid; gap: 12px; }
.giveaway-entry-form .button { margin-top: 6px; }
.confirmed-ticket { display: grid; gap: 10px; padding: 22px; border: 1px solid rgba(211,255,37,.4); background: rgba(211,255,37,.035); }
.confirmed-ticket > span { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.confirmed-ticket > code { color: var(--lime); font-size: 22px; overflow-wrap: anywhere; }
.confirmed-ticket p { margin: 0; color: #aebbc0; font-size: 11px; }
.giveaway-facts { position: sticky; top: 92px; display: grid; gap: 1px; border: 1px solid var(--line); background: var(--line); }
.giveaway-facts > div { display: grid; gap: 8px; padding: 18px; background: #061017; }
.giveaway-facts span { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.giveaway-facts strong { font-size: 13px; line-height: 1.5; }
.giveaway-facts .button { margin: 13px; }
.winner-public-list { display: grid; gap: 10px; }
.winner-public-list article { display: grid; gap: 5px; padding: 16px; border: 1px solid var(--line); background: #040a0f; }
.winner-public-list span,.winner-public-list small { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.winner-public-list strong { color: var(--lime); font-size: 15px; }
.giveaway-results .draw-verification { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }
.giveaway-rules dl { display: grid; margin: 0; }
.giveaway-rules dl > div { display: grid; grid-template-columns: 155px minmax(0,1fr); gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.giveaway-rules dt { color: var(--cyan); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.giveaway-rules dd { margin: 0; color: #c4ced1; font-size: 12px; line-height: 1.7; }
.giveaway-rules dd code { overflow-wrap: anywhere; color: var(--cyan); }
.giveaway-extra-rules { margin-top: 28px; }
.giveaway-privacy-note { margin-top: 28px; padding: 18px; border-left: 2px solid var(--lime); background: rgba(211,255,37,.035); }
.giveaway-privacy-note strong { color: var(--lime); }
.giveaway-privacy-note p { margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.state-badge.active,.state-badge.drawn,.state-badge.fulfilled { border-color: rgba(211,255,37,.4); color: var(--lime); }
.state-badge.upcoming,.state-badge.selected,.state-badge.claimed,.state-badge.reserve { border-color: rgba(36,215,237,.4); color: var(--cyan); }
.state-badge.closed,.state-badge.withdrawn { color: #99a7ad; }
.state-badge.cancelled,.state-badge.invalid { color: var(--danger); }

.member-giveaway-page { width: var(--page); margin: 0 auto; }
.member-giveaway-list { display: grid; gap: 16px; }
.member-giveaway-list > article { padding: 24px; border: 1px solid var(--line); background: var(--panel); }
.member-giveaway-list > article > header { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.member-giveaway-list h2 { margin: 12px 0 4px; font-family: var(--display); font-size: 36px; text-transform: uppercase; }
.member-giveaway-list header p { margin: 0; color: var(--muted); font-size: 11px; }
.member-giveaway-list header > code { color: var(--cyan); font-size: 11px; overflow-wrap: anywhere; }
.prize-claim-form { display: grid; gap: 14px; margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--line); }

@media (max-width: 1000px), (max-device-width: 1000px) {
  .giveaway-layout { grid-template-columns: 1fr; }
  .giveaway-facts { position: static; grid-template-columns: repeat(2,1fr); }
  .giveaway-facts .button { grid-column: 1 / -1; }
}

@media (max-width: 700px), (max-device-width: 700px) {
  .giveaway-admin-list > article { grid-template-columns: 74px minmax(0,1fr); gap: 12px; padding: 12px; }
  .giveaway-admin-image { width: 74px; height: 62px; }
  .giveaway-admin-actions { grid-column: 1 / -1; justify-content: stretch; }
  .giveaway-admin-actions .button { flex: 1; }
  .giveaway-stat-grid { grid-template-columns: 1fr; }
  .giveaway-grid { grid-template-columns: 1fr; }
  .giveaway-card-image { min-height: 220px; }
  .giveaway-page { width: calc(100vw - 12px); }
  .giveaway-hero { min-height: 570px; }
  .giveaway-hero-copy { padding: 28px 20px 38px; }
  .giveaway-hero-copy h1 { font-size: clamp(58px,18vw,82px); }
  .giveaway-hero-copy > p:last-child { font-size: 15px; }
  .giveaway-layout { width: calc(100% - 24px); gap: 28px; margin-top: 34px; }
  .giveaway-entry-panel,.giveaway-results,.giveaway-rules { padding: 20px; }
  .giveaway-rules dl > div { grid-template-columns: 1fr; gap: 7px; }
  .giveaway-facts { grid-template-columns: 1fr 1fr; }
  .member-giveaway-list > article { padding: 18px; }
  .member-giveaway-list > article > header { flex-direction: column; }
  .verification-table { max-width: 100%; }
}

/* v1.5.2 — compact single-document iPhone composer */
.mobile-document-composer,
.mobile-image-sheet { display: none; }

@media (max-width: 1000px) and (pointer: coarse), (max-device-width: 1000px) and (pointer: coarse) {
  .rich-editor-field > .rich-editor-toolbar,
  .rich-editor-field > .editor-image-inspector,
  .rich-editor-field > .editor-hint { display: none !important; }
  .rich-editor-field .mobile-document-composer { display: block; }
}

.rich-editor-field.mobile-composer-enabled > .rich-editor-toolbar,
.rich-editor-field.mobile-composer-enabled > .editor-image-inspector,
.rich-editor-field.mobile-composer-enabled > .editor-hint { display: none !important; }

.rich-editor-field.mobile-composer-enabled .mobile-document-composer { display: block; min-width: 0; }
.mobile-compose-toolbar { position: sticky; top: 70px; z-index: 32; display: flex; width: 100%; min-width: 0; align-items: stretch; gap: 4px; padding: 6px; overflow-x: auto; border: 1px solid var(--line-bright); background: rgba(5,12,17,.98); box-shadow: 0 12px 28px rgba(0,0,0,.34); scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.mobile-compose-toolbar::-webkit-scrollbar { display: none; }
.mobile-compose-toolbar button,
.mobile-compose-toolbar summary,
.mobile-compose-images { min-width: 48px; min-height: 44px; display: inline-grid; flex: 0 0 auto; place-items: center; padding: 0 10px; border: 1px solid #1c3a48; background: #040a0f; color: #dbe3e5; cursor: pointer; font-family: var(--mono); font-size: 9px; font-weight: 800; letter-spacing: .02em; list-style: none; text-align: center; text-transform: uppercase; -webkit-tap-highlight-color: transparent; }
.mobile-compose-toolbar button:active,
.mobile-compose-toolbar summary:active,
.mobile-compose-images:active { border-color: var(--lime); color: var(--lime); }
.mobile-compose-images { position: relative; min-width: 67px; border-color: rgba(36,215,237,.52); color: var(--cyan); }
.mobile-compose-images input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.mobile-compose-more { position: relative; flex: 0 0 auto; }
.mobile-compose-more summary::-webkit-details-marker { display: none; }
.mobile-compose-more[open] > summary { border-color: var(--cyan); color: var(--cyan); }
.mobile-compose-more > div { position: fixed; top: 126px; right: 12px; left: 12px; z-index: 40; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; padding: 8px; border: 1px solid var(--line-bright); background: #071119; box-shadow: 0 18px 48px rgba(0,0,0,.65); }
.mobile-compose-more > div button { min-width: 0; }
.mobile-compose-more [data-mobile-remove-section] { grid-column: 1 / -1; border-color: rgba(235,91,102,.42); color: #e88990; }
.mobile-compose-status { min-height: 30px; padding: 8px 10px; border-right: 1px solid var(--line); border-left: 1px solid var(--line); background: #03090d; color: #71858e; font-size: 10px; line-height: 1.4; }
.mobile-compose-status[data-tone="changed"] { color: var(--lime); }
.mobile-compose-status[data-tone="error"] { color: #ef8990; }
.mobile-compose-uploads { display: grid; gap: 4px; padding: 7px; border: 1px solid var(--line); background: #03080c; }
.mobile-compose-upload { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 9px; align-items: center; padding: 8px 9px; border-left: 2px solid var(--cyan); background: #08131a; }
.mobile-compose-upload span { overflow: hidden; color: #aab8bd; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mobile-compose-upload strong { max-width: 150px; color: var(--cyan); font-family: var(--mono); font-size: 8px; line-height: 1.35; text-align: right; }
.mobile-compose-upload button { min-height: 34px; grid-column: 1 / -1; border: 1px solid rgba(235,91,102,.42); background: transparent; color: #ef8990; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.mobile-compose-upload.is-complete { border-left-color: var(--lime); }
.mobile-compose-upload.is-complete strong { color: var(--lime); }
.mobile-compose-upload.has-error { border-left-color: #eb5b66; }
.mobile-compose-upload.has-error strong { color: #ef8990; white-space: normal; }

.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas { min-height: 62vh; padding: 20px 17px 160px; border-top: 0; background: #02070b; caret-color: var(--lime); color: #eef2f3; font-size: 17px; line-height: 1.68; -webkit-user-select: text; user-select: text; }
.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas:focus { border-color: var(--cyan); box-shadow: inset 0 0 0 1px rgba(36,215,237,.11); }
.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas > * { max-width: 100%; }
.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas p { margin: 0 0 20px; font-size: 17px; line-height: 1.68; }
.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas h2 { margin: 34px 0 15px; font-size: 37px; line-height: .92; }
.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas h3 { margin: 28px 0 12px; font-size: 27px; line-height: 1; }
.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas figure { position: relative; clear: both; margin-top: 30px; margin-bottom: 30px; outline: 0; transition: width .08s linear, outline-color .14s ease; }
.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas figure.is-selected { outline: 2px solid var(--lime); outline-offset: 5px; }
.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas figure.is-pinching,
.rich-editor-field.mobile-composer-enabled > .rich-editor-canvas figure.is-mobile-dragging { z-index: 5; outline-color: var(--cyan); opacity: .82; }
.mobile-image-drag-grip { position: absolute; top: 8px; right: 8px; z-index: 8; min-height: 42px; display: inline-flex; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid var(--lime); background: rgba(4,11,15,.94); color: var(--lime); cursor: grab; font-family: var(--mono); font-size: 8px; font-weight: 800; text-transform: uppercase; touch-action: none; -webkit-user-select: none; user-select: none; }
.mobile-image-drag-grip span { color: var(--cyan); font-size: 15px; }

.mobile-composer-enabled .mobile-image-sheet:not([hidden]) { position: fixed; right: 10px; bottom: max(10px,env(safe-area-inset-bottom)); left: 10px; z-index: 90; display: grid; max-height: min(62vh,520px); gap: 10px; padding: 12px; overflow-y: auto; border: 1px solid var(--line-bright); background: rgba(5,13,18,.985); box-shadow: 0 22px 70px rgba(0,0,0,.78); }
.mobile-image-sheet > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.mobile-image-sheet > header > div { display: grid; gap: 3px; }
.mobile-image-sheet > header strong { color: var(--lime); font-size: 14px; }
.mobile-image-sheet > header span { color: #84969e; font-size: 10px; }
.mobile-image-sheet > header button { width: 40px; height: 40px; border: 1px solid var(--line); background: transparent; color: #b6c2c6; font-size: 20px; }
.mobile-image-width { display: grid; gap: 5px; color: #9cadb4; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.mobile-image-width > span { display: flex; justify-content: space-between; }
.mobile-image-width output { color: var(--lime); }
.mobile-image-width input { width: 100%; min-height: 34px; accent-color: var(--lime); }
.mobile-image-sheet-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
.mobile-image-sheet-actions button { min-height: 40px; border: 1px solid var(--line); background: #03090d; color: #a1b0b6; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.mobile-image-sheet-actions button.is-active { border-color: var(--cyan); color: var(--cyan); }
.mobile-image-sheet-actions [data-mobile-image-up],
.mobile-image-sheet-actions [data-mobile-image-down] { grid-column: span 1; }
.mobile-image-sheet details { border: 1px solid var(--line); }
.mobile-image-sheet details summary { padding: 11px; color: var(--cyan); cursor: pointer; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.mobile-image-sheet details > div { display: grid; gap: 10px; padding: 0 11px 11px; }
.mobile-image-sheet details label { display: grid; gap: 5px; color: #84969e; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.mobile-image-sheet details input { width: 100%; min-width: 0; height: 42px; padding: 0 10px; border: 1px solid var(--line); background: #02070b; color: var(--text); font-size: 15px; }
.mobile-image-delete { min-height: 40px; border: 1px solid rgba(235,91,102,.42); background: transparent; color: #ef8990; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.mobile-image-tools-open .admin-content { padding-bottom: 360px; }

@media (max-width: 430px), (max-device-width: 430px) {
  .mobile-compose-toolbar { top: 64px; }
  .mobile-compose-more > div { top: 120px; }
  .rich-editor-field.mobile-composer-enabled > .rich-editor-canvas { padding-right: 15px; padding-left: 15px; }
  .mobile-image-sheet-actions { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

/* v1.9 publishing, operations and privacy controls */
.state-badge.scheduled { border-color: rgba(36,215,237,.5); color: var(--cyan); }
.article-workflow-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 20px; }
.roundup-automation-card { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); gap: 24px; margin-bottom: 18px; padding: 22px; border: 1px solid var(--line-bright); background: linear-gradient(145deg,#08141d,#04090e); }
.roundup-automation-card.is-enabled { border-color: rgba(211,255,37,.34); }
.roundup-automation-copy h2 { margin: 8px 0; font-family: var(--display); font-size: clamp(34px,4vw,54px); line-height: .9; text-transform: uppercase; }
.roundup-automation-copy > p:last-of-type { max-width: 700px; color: var(--muted); }
.roundup-automation-copy dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 18px 0 0; }
.roundup-automation-copy dl > div { display: grid; gap: 4px; padding: 10px; border: 1px solid var(--line); }
.roundup-automation-copy dt { color: var(--cyan); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.roundup-automation-copy dd { margin: 0; font-size: 9px; overflow-wrap: anywhere; }
.roundup-automation-copy dd.is-good { color: var(--lime); }
.roundup-automation-copy dd.is-warning { color: #f2a0a6; }
.roundup-automation-form { display: grid; align-content: start; gap: 12px; padding: 14px; border: 1px solid var(--line); background: #050b10; }
.member-email-alerts { margin-top: 24px; padding: 24px; border: 1px solid var(--line-bright); background: linear-gradient(145deg,#07121a,#050a0f); }
.member-email-alerts > p { color: var(--muted); }
.email-preference-form { display: grid; gap: 10px; margin: 18px 0; }
.private-preview-banner { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 22px; padding: 12px 14px; border: 1px solid var(--lime); background: rgba(211,255,37,.08); color: var(--lime); }
.private-preview-banner span { color: #b5c28f; }
.maintenance-body { min-height: 100vh; background: #03070b; }
.maintenance-screen { width: min(760px,calc(100vw - 32px)); min-height: 100vh; display: grid; align-content: center; gap: 28px; margin: auto; padding: 48px 0; }
.maintenance-card { position: relative; padding: clamp(28px,6vw,64px); overflow: hidden; border: 1px solid var(--line-bright); background: linear-gradient(145deg,#09141d,#03080c); }
.maintenance-card::after { position: absolute; right: -70px; bottom: -100px; color: rgba(36,215,237,.035); content: 'OFFLINE'; font-family: var(--display); font-size: 180px; transform: rotate(-8deg); }
.maintenance-card h1 { max-width: 650px; margin: 18px 0; font-family: var(--display); font-size: clamp(54px,10vw,96px); line-height: .85; text-transform: uppercase; }
.maintenance-card > p { max-width: 600px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.maintenance-countdown { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 26px 0; padding: 15px; border: 1px solid var(--line); }
.maintenance-countdown span { color: var(--muted); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.maintenance-countdown strong { color: var(--lime); }

@media (max-width: 900px), (max-device-width: 900px) {
   .article-workflow-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px), (max-device-width: 700px) {
  .private-preview-banner { flex-direction: column; }
  .maintenance-countdown { align-items: flex-start; flex-direction: column; }
}

.mobile-block-editor { display: none; }
.rich-editor-field.mobile-editor-enabled > .rich-editor-toolbar,
.rich-editor-field.mobile-editor-enabled > .rich-editor-canvas,
.rich-editor-field.mobile-editor-enabled > .editor-image-inspector,
.rich-editor-field.mobile-editor-enabled > .editor-hint { display: none !important; }
.rich-editor-field.mobile-editor-enabled .mobile-block-editor { display: block; width: 100%; min-width: 0; color: var(--text); font-family: var(--sans); letter-spacing: normal; text-transform: none; }
.mobile-editor-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 10px; padding: 15px; border: 1px solid rgba(211,255,37,.28); background: rgba(211,255,37,.045); }
.mobile-editor-intro > div { display: grid; min-width: 0; gap: 5px; }
.mobile-editor-intro strong { color: var(--lime); font-size: 14px; }
.mobile-editor-intro span:not(.mobile-save-state) { color: #91a2aa; font-size: 11px; line-height: 1.55; }
.mobile-save-state { flex: none; padding: 6px 8px; border: 1px solid var(--line); color: #7f919a; font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.mobile-save-state.has-changes { border-color: rgba(36,215,237,.45); color: var(--cyan); }
.mobile-block-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-bottom: 12px; }
.mobile-block-actions button,
.mobile-image-picker,
.mobile-add-text { min-height: 46px; display: grid; place-items: center; padding: 0 7px; border: 1px solid var(--line-bright); background: #050b10; color: var(--cyan); cursor: pointer; font-family: var(--mono); font-size: 8px; font-weight: 800; text-align: center; text-transform: uppercase; -webkit-tap-highlight-color: transparent; }
.mobile-block-actions button:active,
.mobile-image-picker:active,
.mobile-add-text:active { border-color: var(--lime); color: var(--lime); }
.mobile-image-picker { position: relative; overflow: hidden; }
.mobile-image-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.mobile-upload-queue { display: grid; gap: 6px; margin: 0 0 12px; padding: 10px; border: 1px solid var(--line); background: #03080d; }
.mobile-upload-item { display: grid; min-width: 0; grid-template-columns: minmax(0,1fr) auto; gap: 4px 10px; align-items: center; padding: 9px; border-left: 2px solid var(--cyan); background: #071017; }
.mobile-upload-item span { overflow: hidden; color: #b4c0c4; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mobile-upload-item strong { max-width: 160px; color: var(--cyan); font-size: 8px; line-height: 1.35; text-align: right; }
.mobile-upload-item button { min-height: 36px; grid-column: 1 / -1; border: 1px solid rgba(255,93,103,.45); background: transparent; color: #ee8990; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.mobile-upload-item.is-complete { border-left-color: var(--lime); }
.mobile-upload-item.is-complete strong { color: var(--lime); }
.mobile-upload-item.has-error { border-left-color: var(--danger); }
.mobile-upload-item.has-error strong { color: #ef8990; white-space: normal; }
.mobile-block-list { display: grid; gap: 12px; }
.mobile-content-block { min-width: 0; overflow: hidden; border: 1px solid var(--line); background: #04090e; transition: border-color .15s ease, opacity .15s ease; }
.mobile-content-block.is-active { border-color: var(--cyan); box-shadow: 0 0 0 1px rgba(36,215,237,.13); }
.mobile-content-block.is-being-moved { z-index: 20; border-color: var(--lime); opacity: .74; box-shadow: 0 18px 50px rgba(0,0,0,.6); }
.mobile-block-header { display: grid; min-height: 48px; grid-template-columns: auto minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 5px 6px; border-bottom: 1px solid var(--line); background: #0a151d; }
.mobile-block-header strong { overflow: hidden; color: #a8b6bc; font-family: var(--mono); font-size: 8px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.mobile-block-header > div { display: flex; gap: 3px; }
.mobile-block-header button { min-width: 38px; min-height: 38px; border: 1px solid transparent; background: transparent; color: #7f939c; font-family: var(--mono); font-size: 14px; -webkit-tap-highlight-color: transparent; }
.mobile-block-header button:active { border-color: var(--cyan); color: var(--cyan); }
.mobile-block-header [data-block-delete] { color: #d8767e; }
.mobile-drag-handle { display: inline-flex; min-width: 70px !important; align-items: center; justify-content: center; gap: 6px; border-color: var(--line-bright) !important; color: var(--cyan) !important; cursor: grab; font-size: 12px !important; touch-action: none; user-select: none; -webkit-user-select: none; }
.mobile-drag-handle span { font-size: 7px; text-transform: uppercase; }
.mobile-block-body { min-width: 0; padding: 13px; overflow-x: auto; }
.mobile-editable { min-height: 78px; margin: 0 !important; padding: 14px; overflow-wrap: anywhere; border: 1px solid #18303c; background: #02070b; color: #eef2f3; caret-color: var(--lime); font-family: var(--sans) !important; font-size: 17px !important; font-weight: 400; letter-spacing: normal !important; line-height: 1.62 !important; text-transform: none !important; outline: 0; -webkit-user-select: text; user-select: text; }
.mobile-editable:focus { border-color: var(--lime); box-shadow: inset 0 0 0 1px rgba(211,255,37,.12); }
h2.mobile-editable, h3.mobile-editable, h4.mobile-editable { min-height: 66px; font-family: var(--display) !important; font-size: 31px !important; font-weight: 700; line-height: .95 !important; text-transform: uppercase !important; }
blockquote.mobile-editable { border-left: 3px solid var(--cyan); color: #b9c5c8; font-style: italic; }
ul.mobile-editable, ol.mobile-editable { padding-left: 38px; }
.mobile-block-body > hr { margin: 18px 0; border: 0; border-top: 1px solid var(--line-bright); }
.mobile-image-stage { position: relative; display: grid; min-height: 150px; place-items: center; padding: 12px; overflow: hidden; border: 1px solid var(--line-bright); background: repeating-conic-gradient(#071017 0 25%,#050b10 0 50%) 50% / 18px 18px; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.mobile-content-block.is-active .mobile-image-stage { border-color: var(--lime); }
.mobile-image-stage.is-pinching { border-color: var(--cyan); box-shadow: inset 0 0 0 2px rgba(36,215,237,.18); touch-action: none; }
.mobile-image-stage figure { max-width: 100%; margin-top: 0 !important; margin-bottom: 0 !important; transition: width .08s linear; }
.mobile-image-stage figure[data-align="left"] { justify-self: start; }
.mobile-image-stage figure[data-align="center"] { justify-self: center; }
.mobile-image-stage figure[data-align="right"] { justify-self: end; }
.mobile-image-stage img { display: block; width: 100%; height: auto; pointer-events: none; user-select: none; -webkit-user-drag: none; }
.mobile-image-stage figcaption { padding: 8px 4px 0; color: #81949d; font-size: 9px; line-height: 1.45; text-align: center; }
.mobile-image-tools { display: grid; gap: 12px; margin-top: 9px; padding: 13px; border: 1px solid rgba(36,215,237,.42); background: #08141c; }
.mobile-image-tools label { display: grid; gap: 6px; color: #9aacb3; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.mobile-image-tools input[type="text"] { width: 100%; min-width: 0; height: 44px; padding: 0 11px; border: 1px solid var(--line); background: #02070b; color: var(--text); font-size: 15px; }
.mobile-image-tools input[type="range"] { width: 100%; min-height: 36px; accent-color: var(--lime); }
.mobile-image-size label { display: flex; align-items: center; justify-content: space-between; }
.mobile-image-size output { color: var(--lime); }
.mobile-align-buttons { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }
.mobile-align-buttons button { min-height: 42px; border: 1px solid var(--line); background: #03090e; color: #92a4ac; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.mobile-align-buttons button.is-active { border-color: var(--cyan); color: var(--cyan); }
.mobile-image-tools > p { margin: 0; color: #758992; font-size: 10px; line-height: 1.5; }
.mobile-editor-footer { display: grid; gap: 10px; margin-top: 12px; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
.mobile-add-text { width: 100%; }
.mobile-editor-footer p { margin: 0; color: #71858e; font-size: 10px; line-height: 1.55; }
.mobile-block-moving { cursor: grabbing; }

@media (max-width: 430px), (max-device-width: 430px) {
  .mobile-block-header { grid-template-columns: auto minmax(0,1fr) auto; }
  .mobile-block-header strong { display: none; }
  .mobile-block-header > div { justify-self: end; }
  .mobile-block-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mobile-editor-intro { flex-direction: column; }
  .mobile-save-state { align-self: flex-start; }
}

/* v1.5 — calmer reading, focused publishing and grouped administration */
.article-page { padding-top: 48px; }
.article-page .back-link { margin-bottom: 44px; }
.article-header h1 { max-width: 1000px; font-size: clamp(58px, 7.4vw, 102px); overflow-wrap: anywhere; }
.article-header h1 .headline-line { display: block; }
.article-header h1 mark { padding: 0; background: transparent; color: var(--lime); }
.article-page.headline-style-compact .article-header h1 { max-width: 860px; font-size: clamp(48px, 6.1vw, 82px); }
.article-page.headline-style-cinematic .article-header h1 { max-width: 1050px; font-size: clamp(70px, 9vw, 126px); line-height: .82; }
.article-meta { flex-wrap: wrap; align-items: center; row-gap: 10px; }
.article-comment-jump { margin-left: auto; color: var(--cyan); }
.article-comment-jump:hover { color: var(--lime); }
.article-hero { margin: 44px 0 58px; }
.article-action-bar { position: relative; max-width: 700px; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 38px auto 0; padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.article-action-bar .article-reaction-actions { justify-content: flex-start; }
.article-action-bar form { margin: 0; }
.action-pill { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 7px; padding: 0 13px; border: 1px solid var(--line); background: #060d12; color: #9fb0b7; cursor: pointer; font-family: var(--mono); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.action-pill:hover, .action-pill.is-active, .share-menu[open] > summary { border-color: var(--cyan); color: var(--cyan); }
.action-pill.is-active { border-color: rgba(211,255,37,.5); color: var(--lime); }
.share-menu { position: relative; }
.share-menu > summary { list-style: none; }
.share-menu > summary::-webkit-details-marker { display: none; }
.share-menu-popover { position: absolute; right: 0; bottom: calc(100% + 9px); z-index: 20; width: 210px; display: grid; padding: 7px; border: 1px solid var(--line-bright); background: #071017; box-shadow: 0 18px 50px rgba(0,0,0,.55); }
.share-menu-popover a, .share-menu-popover button { min-height: 38px; padding: 0 12px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: #aebdc3; cursor: pointer; font-family: var(--mono); font-size: 9px; text-align: left; text-transform: uppercase; }
.share-menu-popover :last-child { border-bottom: 0; }
.share-menu-popover a:hover, .share-menu-popover button:hover { background: rgba(36,215,237,.07); color: var(--cyan); }
.comments-section { margin-top: 50px; padding-top: 44px; }
.related-articles { margin-top: 86px; padding-top: 36px; border-top: 1px solid var(--line); }
.related-articles .archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rich-body::after { display: block; clear: both; content: ''; }
.rich-body figure[data-layout="wide"] { width: min(900px, calc(100vw - 48px)); max-width: none; margin-right: 50%; margin-left: 50%; transform: translateX(-50%); }
.rich-body figure[data-layout="left"], .rich-body figure[data-layout="right"] { width: min(44%, 340px); margin-top: 8px; }
.rich-body figure[data-layout="left"] { float: left; margin-right: 26px; }
.rich-body figure[data-layout="right"] { float: right; margin-left: 26px; }
.article-builder-bar { position: sticky; top: 70px; z-index: 25; display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 16px; border: 1px solid var(--line-bright); background: rgba(5,11,16,.97); box-shadow: 0 10px 30px rgba(0,0,0,.22); }
.article-builder-bar > div:first-child { display: flex; flex-direction: column; gap: 4px; }
.article-builder-bar .eyebrow { margin: 0; }
.article-builder-bar strong { font-size: 13px; }
.article-builder-actions { display: flex; align-items: center; gap: 8px; }
.article-editor-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 460px); gap: 20px; align-items: start; margin-top: 20px; }
.article-editor-fields { display: grid; gap: 16px; min-width: 0; }
 .editor-details summary small { color: var(--muted); font-weight: 400; }
.rich-editor-canvas.is-dragging { border-color: var(--lime); background: rgba(211,255,37,.04); }
.rich-editor-canvas figure { position: relative; cursor: pointer; }
.rich-editor-canvas figure.is-selected { outline: 2px solid var(--cyan); outline-offset: 4px; }
.editor-image-inspector { display: grid; grid-template-columns: minmax(150px,1fr) minmax(130px,1fr) 130px auto; gap: 10px; align-items: end; padding: 14px; border: 1px solid var(--cyan); border-top: 0; background: #08141c; }
.editor-image-inspector > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.editor-image-inspector strong { font-size: 11px; }
.editor-image-inspector > div span { color: var(--muted); font-size: 9px; line-height: 1.4; }
.editor-image-inspector label { display: flex; flex-direction: column; gap: 5px; color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.editor-image-inspector input, .editor-image-inspector select { width: 100%; height: 38px; padding: 0 9px; border: 1px solid var(--line); background: #03090e; color: var(--text); }
.article-live-preview { position: sticky; top: 156px; min-width: 0; max-height: calc(100vh - 175px); padding: 8px; overflow: auto; border: 1px solid var(--line-bright); background: #02060a; box-shadow: 0 25px 70px rgba(0,0,0,.42); }
.article-live-preview.is-mobile { width: 360px; justify-self: end; }
.editor-recovery-banner { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; padding: 14px 16px; border: 1px solid var(--lime); background: rgba(211,255,37,.08); }
.editor-recovery-banner > div { display: flex; flex-direction: column; gap: 3px; }
.editor-recovery-banner strong { color: var(--lime); font-size: 12px; }
.editor-recovery-banner span { color: #a9b7bc; font-size: 10px; }
.editor-recovery-banner > div:last-child { flex-direction: row; }
.editor-recovery-banner button { min-height: 36px; padding: 0 13px; border: 1px solid var(--line-bright); background: #040a0f; color: var(--cyan); cursor: pointer; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.editor-form [aria-invalid="true"] { border-color: #ff5d67 !important; box-shadow: 0 0 0 1px rgba(255,93,103,.35); }
.editor-form button[aria-busy="true"] { cursor: wait; opacity: .72; }
.preview-article.headline-style-compact h1 { font-size: 37px; }
.preview-article.headline-style-cinematic h1 { font-size: 56px; line-height: .8; }

@media (max-width: 1000px), (max-device-width: 1000px) {
  .article-editor-workspace { grid-template-columns: 1fr; }
  .article-live-preview { position: fixed; top: 148px; right: 12px; bottom: 12px; left: 12px; z-index: 80; width: auto !important; max-height: none; justify-self: stretch; }
  .article-preview-open { overflow: hidden; }
  .article-live-preview .preview-device-chrome { position: sticky; top: -8px; z-index: 4; min-height: 52px; padding: 8px 7px; border-bottom: 1px solid var(--line); background: rgba(2,6,10,.98); }
  .article-live-preview .preview-device-chrome i:last-of-type { display: none; }
  .article-builder-bar { top: 70px; }
  .editor-image-inspector { grid-template-columns: 1fr 1fr; }
  .editor-image-inspector > div { grid-column: 1 / -1; }
}

@media (max-width: 700px), (max-device-width: 700px) {
  .article-page { width: calc(100vw - 28px); padding: 34px 0 74px; }
  .article-page .back-link { margin-bottom: 30px; }
  .article-header h1, .article-page.headline-style-cinematic .article-header h1 { font-size: clamp(46px, 15vw, 72px); line-height: .88; }
  .article-page.headline-style-compact .article-header h1 { font-size: clamp(40px, 12vw, 58px); }
  .article-deck { margin: 22px 0; font-size: 17px; }
  .article-meta { gap: 9px 16px; }
  .article-comment-jump { width: 100%; margin-left: 0; }
  .article-hero { margin: 32px 0 38px; }
  .article-layout { display: block; }
  .article-layout aside { display: none; }
  .article-body p { font-size: 16px; line-height: 1.78; }
  .rich-body figure[data-layout] { width: auto; max-width: 100%; float: none; margin: 28px 0; transform: none; }
  .article-action-bar { margin-top: 28px; }
  .share-menu-popover { position: fixed; right: 14px; bottom: 14px; left: 14px; width: auto; }
  .comments-section { margin-top: 36px; padding-top: 34px; }
  .comments-heading h2 { font-size: 42px; }
  .related-articles { margin-top: 58px; }
  .related-articles .archive-grid { grid-template-columns: 1fr; }
  .article-builder-bar { align-items: stretch; flex-direction: column; padding: 10px; }
  .article-builder-bar > div:first-child { display: none; }
  .article-builder-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; }
  .article-builder-actions .builder-save-state { grid-column: 1; grid-row: 2; align-self: center; padding-left: 2px; }
  .article-builder-actions .builder-save { grid-column: 2; grid-row: 1 / span 2; }
  .editor-recovery-banner { align-items: stretch; flex-direction: column; }
  .editor-recovery-banner > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
  .article-live-preview { top: 126px; }
  .rich-editor-toolbar { gap: 3px; padding: 6px; overflow-x: auto; flex-wrap: nowrap; }
  .rich-editor-toolbar button, .rich-editor-upload { min-width: 39px; padding: 0 8px; white-space: nowrap; }
  .rich-editor-canvas { min-height: 380px; padding: 16px; }
  .editor-image-inspector { grid-template-columns: 1fr; }
  .editor-image-inspector > div { grid-column: auto; }
}

@media (max-width: 430px), (max-device-width: 430px) {
  .article-action-bar { align-items: stretch; flex-direction: column; }
  .article-action-bar .article-reaction-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .article-action-bar .action-pill, .article-action-bar form .action-pill { width: 100%; }
  .share-menu > summary { width: 100%; }
}

/* Standalone cPanel CMS additions */
[hidden] { display: none !important; }
.main-nav a[aria-current="page"] { color: var(--lime); }
.main-nav a[aria-current="page"]::after { right: 0; left: 0; }
.article-body h2 { margin: 46px 0 18px; font-family: var(--display); font-size: 38px; line-height: 1; letter-spacing: .03em; text-transform: uppercase; }
.article-body ul { margin: 0 0 30px; padding-left: 22px; color: #c7d0d3; font-size: 18px; line-height: 1.75; }
.article-body li + li { margin-top: 9px; }
.article-body blockquote { margin: 38px 0; padding: 8px 0 8px 24px; border-left: 2px solid var(--lime); color: #d7e0e2; font-size: 21px; line-height: 1.7; }
.notice-stack { display: grid; gap: 10px; margin-bottom: 22px; }
.notice { width: 100%; padding: 13px 16px; border: 1px solid var(--line-bright); background: rgba(36, 215, 237, .07); color: #c9f8ff; font-size: 12px; line-height: 1.5; }
.notice-success { border-color: rgba(211, 255, 37, .36); background: rgba(211, 255, 37, .07); color: #e8ff91; }
.notice-error { border-color: rgba(255, 93, 103, .45); background: rgba(255, 93, 103, .08); color: #ffc2c6; }
.studio-auth-card .notice { margin-bottom: 16px; }
.plain-action { padding: 0; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.plain-action:hover { color: var(--lime); }
.editor-hint { margin: 2px 0 0; color: #60737d; font-size: 10px; line-height: 1.6; }
.editor-hint code { color: var(--cyan); }
.studio-auth-card h1 { text-wrap: balance; }

/* Scheduled article landing page: public release time without exposing content. */
.scheduled-article-page { display: grid; min-height: calc(100vh - 72px); place-items: center; padding: clamp(30px,6vw,84px) 24px; background: radial-gradient(circle at 50% 38%, rgba(36,215,237,.13), transparent 27rem); }
.scheduled-article-card { position: relative; display: flex; width: min(760px,100%); flex-direction: column; align-items: center; overflow: hidden; padding: clamp(38px,7vw,72px); border: 1px solid var(--line-bright); background: linear-gradient(145deg,rgba(12,26,34,.96),rgba(5,10,15,.98)); box-shadow: 0 30px 90px rgba(0,0,0,.38); text-align: center; }
.scheduled-article-card::before,.scheduled-article-card::after { position: absolute; width: 74px; height: 2px; background: var(--cyan); content: ""; opacity: .75; }
.scheduled-article-card::before { top: 0; left: 0; }
.scheduled-article-card::after { right: 0; bottom: 0; }
.scheduled-article-signal { display: grid; width: 54px; height: 54px; margin-bottom: 20px; place-items: center; border: 1px solid rgba(36,215,237,.5); color: var(--cyan); font: 30px/1 var(--display); }
.scheduled-article-card .eyebrow { justify-content: center; }
.scheduled-article-card h1 { max-width: 680px; margin: 12px 0 0; font: clamp(40px,7vw,74px)/.94 var(--display); letter-spacing: -.02em; text-wrap: balance; text-transform: uppercase; }
.scheduled-article-intro { max-width: 570px; margin: 22px auto 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.scheduled-article-countdown { display: grid; width: min(520px,100%); gap: 7px; margin: 34px 0 15px; padding: 20px 24px; border: 1px solid rgba(36,215,237,.4); background: rgba(36,215,237,.055); box-shadow: inset 0 0 34px rgba(36,215,237,.04); }
.scheduled-article-countdown span { color: var(--muted); font: 8px var(--mono); letter-spacing: .2em; text-transform: uppercase; }
.scheduled-article-countdown strong { color: var(--cyan); font: clamp(30px,6vw,50px)/1 var(--display); letter-spacing: .055em; text-transform: uppercase; }
.scheduled-article-card > time { color: var(--lime); font: 10px/1.5 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.scheduled-article-note { max-width: 470px; margin: 24px 0 20px; color: var(--muted); font-size: 13px; line-height: 1.6; }
@media (max-width: 640px) {
  .scheduled-article-page { min-height: calc(100vh - 62px); padding: 18px 14px 34px; }
  .scheduled-article-card { padding: 34px 18px 38px; }
  .scheduled-article-card h1 { font-size: clamp(35px,12vw,54px); }
  .scheduled-article-countdown { margin-top: 26px; padding-inline: 12px; }
  .scheduled-article-countdown strong { font-size: clamp(27px,9vw,38px); }
}

/* Community pages */
.public-notices { position: relative; z-index: 10; width: var(--page); margin: 18px auto 0; }
.comments-section { max-width: 940px; margin: 100px auto 0; padding-top: 58px; border-top: 1px solid var(--line); }
.comments-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.comments-heading h2, .question-form-panel h2 { margin: 0; font-family: var(--display); font-size: clamp(42px, 5vw, 68px); letter-spacing: .03em; line-height: .95; text-transform: uppercase; }
.comments-heading > span { color: #718590; font-family: var(--mono); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.comments-intro { max-width: 650px; margin: 18px 0 30px; color: var(--muted); line-height: 1.7; }
.comment-list { display: grid; gap: 12px; }
.comment-card { display: grid; grid-template-columns: 46px 1fr; gap: 16px; padding: 20px; border: 1px solid var(--line); background: rgba(10, 20, 29, .72); }
.comment-avatar { display: grid; width: 46px; height: 46px; flex: none; place-items: center; border: 1px solid var(--line-bright); background: #071017; color: var(--lime); font-family: var(--mono); font-size: 11px; font-weight: 800; }
.comment-meta { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.comment-meta strong { font-size: 13px; }
.comment-meta time { color: #657984; font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.comment-card p { margin: 10px 0 0; color: #c5ced1; font-size: 14px; line-height: 1.75; }
.community-empty { margin-bottom: 0; }
.comment-composer { margin-top: 24px; padding: 24px; border: 1px solid var(--line-bright); background: linear-gradient(145deg, rgba(13, 29, 39, .92), rgba(6, 13, 19, .96)); }
.member-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; color: var(--muted); font-size: 12px; }
.member-bar strong { color: var(--text); }
.member-bar form { display: inline-flex; }
.community-form { display: flex; flex-direction: column; gap: 16px; }
.community-form .button { width: max-content; }
.question-email-choice { display: grid; gap: 10px; }
.question-email-choice > .check-field { border-color: rgba(36, 215, 237, .32); background: rgba(36, 215, 237, .045); }
.question-email-setup { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--line); background: #050b11; }
.question-email-setup[hidden] { display: none; }
.integration-pending { padding: 18px; border: 1px dashed var(--line-bright); color: var(--muted); }
.integration-pending strong { color: var(--text); }
.integration-pending p { margin: 7px 0 0; font-size: 12px; line-height: 1.7; }
.questions-masthead .masthead-art, .privacy-masthead .masthead-art { opacity: .5; }
.questions-layout { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); gap: 54px; align-items: start; }
.question-form-panel { position: sticky; top: 30px; padding: 30px; border: 1px solid var(--line-bright); background: var(--panel); }
.question-form-panel h2 { margin-bottom: 28px; font-size: 48px; }
.member-identity { display: flex; flex-direction: column; padding: 14px; border: 1px solid var(--line); background: #050a0f; }
.member-identity strong { font-size: 13px; }
.member-identity span { color: var(--muted); font-size: 11px; }
.form-privacy-note { margin: -3px 0 0; color: #637680; font-size: 10px; line-height: 1.6; }
.answers-panel { min-width: 0; }
.answer-list { display: grid; gap: 18px; }
.answer-card { position: relative; padding: 30px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(12, 25, 36, .9), rgba(7, 13, 20, .96)); }
.answer-number { position: absolute; top: 18px; right: 18px; color: rgba(36, 215, 237, .28); font-family: var(--display); font-size: 38px; }
.answer-author { margin: 0 0 13px; color: var(--cyan); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.answer-card h3 { max-width: 85%; margin: 0 0 23px; font-family: var(--display); font-size: clamp(30px, 3.2vw, 46px); letter-spacing: .025em; line-height: 1; text-transform: uppercase; }
.answer-copy { padding-top: 20px; border-top: 1px solid var(--line); }
.answer-copy p { margin: 0 0 18px; color: #c5ced1; line-height: 1.75; }
.answer-copy h2 { margin: 28px 0 12px; font-family: var(--display); font-size: 28px; text-transform: uppercase; }
.answer-copy ul { color: #c5ced1; line-height: 1.7; }
.answer-copy blockquote { margin: 20px 0; padding-left: 18px; border-left: 2px solid var(--lime); color: #dce5e7; }
.legal-page { width: min(760px, calc(100vw - 40px)); margin: 0 auto; padding: 80px 0 120px; }

/* Multi-page admin */
.admin-toolbar { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; color: var(--muted); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.state-badge.featured { color: var(--cyan); }
.field select { width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--line); border-radius: 0; outline: 0; background: #050a0f; color: var(--text); font-family: var(--sans); font-size: 14px; text-transform: none; color-scheme: dark; }
 .question-admin-list { display: grid; gap: 12px; }
 .question-admin-card { padding: 22px; border: 1px solid var(--line); background: var(--panel); }
.state-badge.pending { color: var(--cyan); }
.state-badge.approved { border-color: rgba(211, 255, 37, .3); color: var(--lime); }
.state-badge.rejected { color: #d58c91; }
.quiet-button.approve { color: var(--lime); }
.quiet-button.danger { color: var(--danger); }
.question-admin-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.question-admin-card { display: flex; flex-direction: column; align-items: flex-start; }
.question-admin-meta { display: flex; width: 100%; align-items: center; justify-content: space-between; color: var(--muted); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.question-admin-card h2 { margin: 22px 0 10px; font-family: var(--display); font-size: 32px; letter-spacing: .025em; line-height: 1; text-transform: uppercase; }
.question-admin-card > p { margin: 0 0 18px; color: var(--muted); font-size: 11px; }
.question-admin-card .button { min-height: 40px; margin-top: auto; padding: 0 16px; font-size: 9px; }

@media (max-width: 1000px), (max-device-width: 1000px) {
  .questions-layout { grid-template-columns: 1fr; }
  .question-form-panel { position: static; }
  .question-admin-list { grid-template-columns: 1fr; }
}

@media (max-width: 700px), (max-device-width: 700px) {
  .main-nav { max-width: 100%; justify-content: flex-start; gap: 24px; overflow-x: auto; }
  .comments-heading { align-items: flex-start; flex-direction: column; }
  .comment-card { grid-template-columns: 38px 1fr; padding: 15px; }
  .comment-avatar { width: 38px; height: 38px; }
  .comment-meta { align-items: flex-start; flex-direction: column; gap: 2px; }
  .comment-composer { padding: 16px; }
  .community-form .button { width: 100%; }
  .questions-layout { gap: 34px; }
  .question-form-panel, .answer-card { padding: 20px; }
  .admin-toolbar { align-items: stretch; flex-direction: column; }
  .admin-toolbar .button { width: 100%; }
  .moderation-card > header .state-badge { grid-column: 2; width: max-content; }
}

@media (max-width: 480px), (max-device-width: 480px) {
   .question-admin-card { padding: 17px; }
}

/* v1.3 discovery, accounts and lightweight embeds */
.header-account { position: relative; display: flex; align-items: center; justify-self: end; gap: 10px; }
.header-sign-in,
.member-menu > summary {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  border: 1px solid var(--line-bright);
  color: var(--cyan);
  cursor: pointer;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  list-style: none;
  text-transform: uppercase;
}
.member-menu > summary::-webkit-details-marker { display: none; }
.header-sign-in:hover, .member-menu > summary:hover { border-color: var(--lime); color: var(--lime); }
.member-menu-avatar { display: grid; width: 24px; height: 24px; place-items: center; background: var(--lime); color: #071016; font-size: 9px; }
.member-menu-popover { position: absolute; top: calc(100% + 10px); right: 0; z-index: 80; width: 250px; padding: 17px; border: 1px solid var(--line-bright); background: #071017; box-shadow: 0 24px 50px rgba(0,0,0,.45); }
.member-menu-popover strong, .member-menu-popover > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-menu-popover strong { font-size: 13px; }
.member-menu-popover > span { margin: 3px 0 14px; color: var(--muted); font-size: 10px; }
.member-menu-popover a, .member-menu-popover form { display: flex; min-height: 38px; align-items: center; border-top: 1px solid var(--line); }
.member-menu-popover a { color: var(--cyan); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.member-menu-popover .plain-action { color: var(--muted); }

.article-content-label { display: inline-flex; margin: 0 0 20px; padding: 7px 10px; border: 1px solid var(--line-bright); color: var(--cyan); font-family: var(--mono); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.article-content-label.label-rumour { border-color: rgba(255, 183, 77, .5); background: rgba(255, 183, 77, .08); color: #ffd185; }
.article-source { margin-top: 42px !important; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13px !important; }
.article-source a { color: var(--cyan); }
.article-actions { max-width: 940px; display: flex; align-items: end; justify-content: space-between; gap: 28px; margin: 80px auto 0; padding: 26px; border: 1px solid var(--line); background: rgba(8, 17, 25, .78); }
.article-actions .eyebrow { margin-bottom: 14px; }
.share-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.share-chip { display: inline-flex; min-height: 36px; align-items: center; padding: 0 12px; border: 1px solid var(--line-bright); background: #071017; color: #aebcc2; cursor: pointer; font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.share-chip:hover { border-color: var(--cyan); color: var(--cyan); }
.related-articles { max-width: 1100px; margin: 90px auto 0; }
.related-articles .archive-grid .content-card { grid-column: auto; }
.comment-login-prompt { padding: 19px; border: 1px dashed var(--line-bright); color: var(--muted); }
.comment-login-prompt strong { color: var(--text); }
.comment-login-prompt p { margin: 6px 0 0; font-size: 12px; }
.comment-login-prompt a { color: var(--lime); text-decoration: underline; text-underline-offset: 3px; }
.tiktok-profile-shell { min-height: 0; overflow: visible; padding: 0; border-color: var(--line); background: transparent; }
.tiktok-consent-card { display: grid; min-height: 230px; grid-template-columns: 70px 1fr auto; align-items: center; gap: 24px; padding: 34px; background: radial-gradient(circle at 12% 20%, rgba(36,215,237,.11), transparent 18rem), var(--panel); }
.tiktok-consent-card .play-disc { position: static; transform: none; }
.tiktok-consent-card strong { display: block; font-family: var(--display); font-size: 32px; letter-spacing: .03em; text-transform: uppercase; }
.tiktok-consent-card p { margin: 8px 0 0; color: var(--muted); font-size: 12px; }

.custom-page-body { width: min(900px, calc(100vw - 40px)); }
.custom-page-body .archive-grid { margin-top: 30px; }
.custom-page-body .archive-grid .content-card { grid-column: auto; }
.season-hero { position: relative; min-height: 680px; margin: 0 12px; overflow: hidden; border: 1px solid var(--line); isolation: isolate; }
.season-hero-art { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; }
.season-hero-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(3,6,10,.98), rgba(3,8,12,.78) 52%, rgba(3,7,10,.32)), linear-gradient(0deg, rgba(3,7,10,.9), transparent 60%); }
.season-hero-copy { width: min(720px, 80vw); padding: 120px 0 100px; margin-left: max(6vw, calc((100vw - 1280px) / 2)); }
.season-status { display: inline-flex; margin: 0 0 20px; padding: 8px 12px; border: 1px solid var(--lime); color: var(--lime); font-family: var(--mono); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.season-hero h1 { max-width: 760px; margin: 0; font-family: var(--display); font-size: clamp(90px, 15vw, 210px); line-height: .75; text-transform: uppercase; }
.season-hero h1.hub-title-long { font-size: clamp(74px, 12vw, 170px); overflow-wrap: anywhere; }
.season-hero-copy > p:not(.eyebrow) { max-width: 640px; margin: 38px 0; color: #c2cdd0; font-size: 20px; line-height: 1.65; }
.season-watermark { position: absolute; right: 3vw; bottom: -50px; z-index: -1; color: rgba(36,215,237,.11); font-family: var(--display); font-size: 300px; line-height: 1; }
.season-content { padding-top: 78px; }
.season-intro-panel { max-width: 850px; padding: 34px; border-left: 2px solid var(--lime); background: rgba(10,20,29,.65); }
.season-intro-panel .article-body p { font-size: 16px; }
.season-articles-heading { margin-top: 90px; }
.archive-count { color: var(--muted); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.season-empty { padding: 54px; border: 1px dashed var(--line-bright); text-align: center; }
.season-empty strong { display: block; color: var(--lime); font-family: var(--display); font-size: 46px; text-transform: uppercase; }
.season-empty p { color: var(--muted); }

/* v3.7.2 — staged update hubs with server-sealed future cards. */
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.update-hub { --hub-accent: var(--cyan); --hub-accent-rgb: 36,215,237; --hub-secondary: var(--lime); }
.update-hub.hub-theme-nebula { --hub-accent: #b996ff; --hub-accent-rgb: 185,150,255; --hub-secondary: #efb8ff; }
.update-hub.hub-theme-solar { --hub-accent: #ffc857; --hub-accent-rgb: 255,200,87; --hub-secondary: #fff0a8; }
.update-hub.hub-theme-alert { --hub-accent: #ff5b68; --hub-accent-rgb: 255,91,104; --hub-secondary: #ffb36b; }
.update-hub.hub-theme-ice { --hub-accent: #9bdcff; --hub-accent-rgb: 155,220,255; --hub-secondary: #d5f3ff; }
.update-hub .season-hero { border-color: rgba(var(--hub-accent-rgb),.34); box-shadow: inset 0 0 90px rgba(var(--hub-accent-rgb),.06); }
.update-hub .season-status { border-color: var(--hub-accent); color: var(--hub-accent); }
.update-hub .season-watermark { color: rgba(var(--hub-accent-rgb),.1); }
.update-hub .season-intro-panel { border-left-color: var(--hub-accent); }
.update-hub .eyebrow > span { background: var(--hub-accent); }
.hero-focus-top .season-hero-art { object-position: center top; }
.hero-focus-bottom .season-hero-art { object-position: center bottom; }
.hero-focus-left .season-hero-art { object-position: left center; }
.hero-focus-right .season-hero-art { object-position: right center; }
.hub-layout-split .season-hero { min-height: 610px; }
.hub-layout-split .season-hero-copy { width: min(600px,48vw); margin-left: 7vw; padding-top: 100px; }
.hub-layout-split .season-hero-shade { background: linear-gradient(90deg,#03070b 0%,rgba(3,7,11,.96) 46%,rgba(3,7,11,.2) 72%),linear-gradient(0deg,rgba(3,7,10,.82),transparent 55%); }
.hub-layout-compact .season-hero { min-height: 460px; }
.hub-layout-compact .season-hero-copy { padding-top: 74px; padding-bottom: 70px; }
.hub-layout-compact .season-hero h1 { font-size: clamp(70px,10vw,128px); }
.hub-layout-compact .season-watermark { bottom: -32px; font-size: 210px; }
/* Keep update-hub names cinematic without letting a multi-line title consume
   the full laptop viewport. The generic season page intentionally retains its
   larger display treatment. */
.update-hub .season-hero-copy { width: min(880px,82vw); }
.update-hub .season-hero h1 {
  max-width: 880px;
  font-size: clamp(52px,7vw,100px);
  line-height: .84;
  overflow-wrap: normal;
  text-wrap: balance;
  word-break: normal;
}
.update-hub .season-hero h1.hub-title-long { font-size: clamp(46px,5.8vw,82px); }
.update-hub.hub-layout-split .season-hero h1 { font-size: clamp(46px,5.2vw,76px); }
.update-hub.hub-layout-compact .season-hero h1 { font-size: clamp(46px,5.6vw,80px); }
.hub-teaser { display: grid; min-height: 330px; grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr) minmax(180px,.42fr); align-items: stretch; margin-top: 56px; overflow: hidden; border: 1px solid rgba(var(--hub-accent-rgb),.32); background: linear-gradient(135deg,rgba(var(--hub-accent-rgb),.07),rgba(5,12,18,.98) 52%); }
.hub-teaser-art { position: relative; min-height: 330px; overflow: hidden; border-right: 1px solid rgba(var(--hub-accent-rgb),.25); }
.hub-teaser-art::after { position: absolute; inset: 0; background: linear-gradient(90deg,transparent 55%,rgba(4,10,15,.8)); content: ''; }
.hub-teaser-art img { width: 100%; height: 100%; object-fit: cover; }
.hub-teaser-art-generated { display: grid; place-items: center; background: radial-gradient(circle at 45% 45%,rgba(var(--hub-accent-rgb),.27),transparent 12%),repeating-radial-gradient(circle at 50% 50%,rgba(var(--hub-accent-rgb),.11) 0 1px,transparent 1px 18px),#050d13; }
.hub-teaser-art-generated span { color: rgba(var(--hub-accent-rgb),.35); font: 210px/.7 var(--display); transform: rotate(-8deg); }
.hub-teaser-copy { align-self: center; padding: 38px clamp(26px,4vw,58px); }
.hub-teaser-copy h2 { margin: 9px 0 18px; color: var(--hub-secondary); font: clamp(42px,5vw,72px)/.86 var(--display); text-transform: uppercase; }
.hub-teaser-copy > p:last-child { max-width: 680px; margin: 0; color: #bdc9ce; line-height: 1.7; }
.hub-countdown { display: grid; min-width: 180px; align-content: center; gap: 8px; padding: 28px; border-left: 1px solid rgba(var(--hub-accent-rgb),.25); background: rgba(2,8,12,.58); }
.hub-countdown > span,.hub-countdown time { color: var(--muted); font: 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.hub-countdown strong { color: var(--hub-accent); font: 38px/.9 var(--display); text-transform: uppercase; }
.hub-countdown-standalone { width: max-content; max-width: 100%; margin: 54px 0 0 auto; border: 1px solid rgba(var(--hub-accent-rgb),.32); }
.hub-article-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.hub-article-grid .content-card { grid-column: auto; }
.hub-articles-spotlight .hub-article-grid > .content-card-wide:first-child { grid-column: span 2; }
.hub-locked-card { display: grid; min-width: 0; overflow: hidden; padding: 0; border: 1px solid rgba(var(--hub-accent-rgb),.3); background: #071017; color: var(--text); cursor: pointer; font: inherit; text-align: left; transition: border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.hub-locked-card:hover,.hub-locked-card:focus-visible { border-color: var(--hub-accent); outline: none; box-shadow: 0 18px 48px rgba(0,0,0,.32),inset 0 0 40px rgba(var(--hub-accent-rgb),.05); transform: translateY(-3px); }
.hub-locked-image { position: relative; display: grid; min-height: 250px; align-content: center; justify-items: center; gap: 8px; overflow: hidden; background: radial-gradient(circle at 22% 30%,rgba(var(--hub-accent-rgb),.24),transparent 22%),repeating-linear-gradient(118deg,rgba(var(--hub-accent-rgb),.08) 0 2px,transparent 2px 15px),linear-gradient(145deg,#0c1e29,#03080c); isolation: isolate; }
.hub-locked-image::before { position: absolute; width: 56%; aspect-ratio: 1; border: 1px solid rgba(var(--hub-accent-rgb),.34); border-radius: 50%; box-shadow: 0 0 0 26px rgba(var(--hub-accent-rgb),.025),0 0 0 52px rgba(var(--hub-accent-rgb),.02); content: ''; filter: blur(3px); }
.hub-locked-image.has-teaser::before { z-index: 2; width: 100%; height: 100%; border: 0; border-radius: 0; background: repeating-linear-gradient(118deg,rgba(var(--hub-accent-rgb),.08) 0 2px,transparent 2px 15px); box-shadow: none; filter: none; }
.hub-locked-image > img { position: absolute; z-index: 0; width: 108%; height: 108%; max-width: none; inset: -4%; object-fit: cover; filter: blur(20px) saturate(.82) contrast(1.05); transform: scale(1.05); }
.hub-locked-image-shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg,rgba(1,7,11,.18),rgba(1,7,11,.78)),radial-gradient(circle at 50% 35%,transparent,rgba(1,7,11,.42)); }
.hub-locked-image i { z-index: 3; display: block; width: 42px; height: 34px; border: 2px solid var(--hub-accent); border-radius: 4px; opacity: .86; }
.hub-locked-image i::before { display: block; width: 22px; height: 20px; margin: -18px auto 0; border: 2px solid var(--hub-accent); border-bottom: 0; border-radius: 14px 14px 0 0; content: ''; }
.hub-locked-image b,.hub-locked-image em { z-index: 3; font-family: var(--mono); font-size: 8px; font-style: normal; letter-spacing: .13em; text-transform: uppercase; }
.hub-locked-image b { margin-top: 8px; color: var(--hub-accent); }
.hub-locked-image em { color: var(--muted); }
.hub-card-countdown { z-index: 3; display: grid; min-width: min(82%,320px); margin-top: 18px; padding: 11px 16px; border: 1px solid rgba(var(--hub-accent-rgb),.48); background: rgba(1,7,11,.72); box-shadow: 0 8px 28px rgba(0,0,0,.32); text-align: center; backdrop-filter: blur(8px); }
.hub-card-countdown small { color: var(--muted); font: 7px var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.hub-card-countdown strong { margin-top: 3px; color: var(--hub-accent); font: 24px/1 var(--display); letter-spacing: .04em; text-transform: uppercase; }
.hub-locked-copy { display: grid; gap: 15px; padding: 22px; }
.hub-locked-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; color: var(--muted); font: 7px var(--mono); text-transform: uppercase; }
.hub-locked-meta b { color: var(--hub-accent); }
.hub-locked-meta time { text-align: right; }
.hub-locked-copy > strong { width: max-content; max-width: 92%; color: #dbe4e7; font: 31px/.9 var(--display); text-transform: uppercase; filter: blur(6px); user-select: none; }
.hub-locked-summary { color: var(--muted); font-size: 11px; line-height: 1.6; filter: blur(3px); user-select: none; }
.hub-locked-action { color: var(--hub-accent); font: 9px var(--mono); text-transform: uppercase; }
.hub-locked-action i { float: right; font-style: normal; }
.hub-dialog-countdown { display: grid; gap: 5px; margin: 22px 0; padding: 16px; border: 1px solid rgba(var(--hub-accent-rgb),.35); background: rgba(var(--hub-accent-rgb),.05); text-align: center; }
.hub-dialog-countdown span { color: var(--muted); font: 7px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.hub-dialog-countdown strong { color: var(--hub-accent); font: 30px/1 var(--display); letter-spacing: .04em; text-transform: uppercase; }
.hub-preview-card { display: grid; overflow: hidden; border: 1px solid var(--line); background: var(--panel); }
.hub-preview-image { display: block; min-height: 220px; overflow: hidden; }
.hub-preview-image img { width: 100%; height: 100%; min-height: 220px; object-fit: cover; }
.hub-preview-card > div { display: grid; align-content: start; gap: 10px; padding: 22px; }
.hub-preview-card time { color: var(--cyan); font: 8px var(--mono); text-transform: uppercase; }
.hub-preview-card h3 { margin: 0; font-size: 24px; }
.hub-preview-card p { margin: 0; color: var(--muted); font-size: 11px; }
.hub-articles-compact .hub-article-grid { grid-template-columns: 1fr; }
.hub-articles-compact .hub-article-grid > .content-card,.hub-articles-compact .hub-locked-card,.hub-articles-compact .hub-preview-card { grid-template-columns: minmax(220px,30%) minmax(0,1fr); }
.hub-articles-compact .card-image-wrap,.hub-articles-compact .hub-locked-image,.hub-articles-compact .hub-preview-image { min-height: 230px; }
.hub-lock-dialog { width: min(520px,calc(100vw - 32px)); padding: 0; border: 1px solid var(--hub-accent); background: #071017; color: var(--text); box-shadow: 0 30px 100px rgba(0,0,0,.7); }
.hub-lock-dialog:not([open]) { display: none; }
.hub-lock-dialog::backdrop { background: rgba(1,5,8,.84); backdrop-filter: blur(9px); }
.hub-lock-dialog > div { position: relative; padding: 42px; background: radial-gradient(circle at 88% 10%,rgba(var(--hub-accent-rgb),.14),transparent 15rem); }
.hub-lock-dialog-close { position: absolute; top: 15px; right: 15px; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--line-bright); background: transparent; color: var(--muted); cursor: pointer; font-size: 22px; }
.hub-lock-symbol { display: grid; width: 58px; height: 58px; place-items: center; margin-bottom: 28px; border: 1px solid var(--hub-accent); color: var(--hub-accent); font: 40px var(--display); }
.hub-lock-dialog h2 { margin: 8px 0 18px; color: var(--hub-secondary); font: 58px/.84 var(--display); text-transform: uppercase; }
.hub-lock-dialog p:not(.eyebrow) { color: #c4d0d4; line-height: 1.65; }
.hub-lock-dialog p strong { color: var(--hub-accent); }
.hub-lock-dialog small { display: block; margin: 20px 0 28px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); line-height: 1.55; }
.hub-notify-action { display: grid; justify-items: start; gap: 9px; margin-top: 24px; }
.hub-notify-action form { margin: 0; }
.hub-notify-action .button { min-width: 220px; justify-content: center; }
.hub-notify-action small { max-width: 440px; color: #aab8bd; font: 8px/1.55 var(--mono); letter-spacing: .04em; }
@media (max-width: 980px), (max-device-width: 980px) {
  .hub-teaser { grid-template-columns: minmax(240px,.8fr) minmax(0,1.2fr); }
  .hub-countdown { grid-column: 1 / -1; border-top: 1px solid rgba(var(--hub-accent-rgb),.25); border-left: 0; }
  .hub-article-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px), (max-device-width: 700px) {
  .hub-layout-split .season-hero-copy { width: auto; margin-left: 0; }
  .update-hub .season-hero-copy { width: auto; }
  .update-hub .season-hero h1,
  .update-hub .season-hero h1.hub-title-long,
  .update-hub.hub-layout-split .season-hero h1,
  .update-hub.hub-layout-compact .season-hero h1 { max-width: 100%; font-size: clamp(42px,12vw,62px); line-height: .88; }
  .hub-teaser { grid-template-columns: 1fr; }
  .hub-teaser-art { min-height: 230px; border-right: 0; border-bottom: 1px solid rgba(var(--hub-accent-rgb),.25); }
  .hub-teaser-copy { padding: 28px 22px; }
  .hub-teaser-copy h2 { font-size: 44px; }
  .hub-article-grid { grid-template-columns: 1fr; }
  .hub-articles-spotlight .hub-article-grid > .content-card-wide:first-child { grid-column: auto; }
  .hub-articles-compact .hub-article-grid > .content-card,.hub-articles-compact .hub-locked-card,.hub-articles-compact .hub-preview-card { grid-template-columns: 1fr; }
  .hub-locked-image { min-height: 220px; }
  .hub-lock-dialog > div { padding: 34px 24px 26px; }
  .hub-lock-dialog h2 { font-size: 48px; }
}
.question-answer-panel { max-width: 760px; margin: 70px auto 0; padding: 36px; border: 1px solid var(--line); background: var(--panel); }
.topic-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; }
.topic-chips a { display: inline-flex; min-height: 36px; align-items: center; gap: 9px; padding: 0 12px; border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.topic-chips a:hover { border-color: var(--cyan); color: var(--cyan); }
.topic-chips span { color: var(--lime); }
.question-share { max-width: 760px; margin: 20px auto 0; }
.answer-permalink { margin-top: 22px; }
.answer-card h3 a:hover { color: var(--lime); }

.member-dashboard { padding-top: 58px; }
.member-profile-card { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 18px; padding: 24px; border: 1px solid var(--line); background: var(--panel); }
.member-profile-card .comment-avatar { width: 58px; height: 58px; }
.member-profile-card strong, .member-profile-card span { display: block; }
.member-profile-card strong { font-size: 18px; }
.member-profile-card span { color: var(--muted); font-size: 11px; }
.member-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 12px; margin: 18px 0 70px; }
.member-stat-grid > div { padding: 20px; border: 1px solid var(--line); background: #08111a; }
.member-stat-grid strong { display: block; color: var(--cyan); font-family: var(--display); font-size: 46px; line-height: 1; }
.member-stat-grid span { color: var(--muted); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.member-dashboard-section { margin-top: 70px; }
.member-activity-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.member-activity-list { display: grid; gap: 10px; }
.member-activity-list article { display: grid; gap: 9px; padding: 18px; border: 1px solid var(--line); background: var(--panel); }
.member-activity-list strong { font-size: 13px; }
.member-activity-list p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }

.editor-details { border: 1px solid var(--line); background: rgba(4,9,13,.58); }
.editor-details summary { padding: 16px 18px; color: var(--lime); cursor: pointer; font-family: var(--mono); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.editor-details[open] summary { border-bottom: 1px solid var(--line); }
.details-fields { display: flex; flex-direction: column; gap: 16px; padding: 20px; }

.rich-editor-field { display: grid; gap: 0; }
.rich-editor-field > span { margin-bottom: 9px; }
.rich-editor-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 9px; }
.rich-editor-heading > span { color: var(--text); }
.editor-word-count { color: var(--lime); font-family: var(--mono); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.rich-editor-toolbar { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: 5px; padding: 9px; border: 1px solid var(--line-bright); border-bottom: 0; background: #071018; box-shadow: 0 8px 24px rgba(0,0,0,.22); }
.rich-editor-toolbar button, .rich-editor-upload { display: inline-grid; min-width: 38px; min-height: 36px; place-items: center; padding: 0 10px; border: 1px solid var(--line); background: #04090e; color: var(--text); cursor: pointer; font-family: var(--mono); font-size: 9px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.rich-editor-toolbar button:hover, .rich-editor-toolbar button:focus-visible, .rich-editor-upload:hover { border-color: var(--cyan); color: var(--cyan); }
.rich-editor-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.editor-toolbar-divider { width: 1px; margin: 3px 2px; background: var(--line); }
.rich-editor-canvas { min-height: 430px; padding: 28px; overflow-wrap: anywhere; border: 1px solid var(--line-bright); background: #03080d; color: var(--text); font-family: var(--sans); font-size: 16px; letter-spacing: normal; text-transform: none; outline: none; }
.rich-editor-canvas:focus { border-color: var(--cyan); box-shadow: inset 0 0 0 1px rgba(36,215,237,.16); }
.rich-editor-canvas:empty::before { color: var(--muted); content: 'Start writing here…'; pointer-events: none; }
.editor-document-body > p { margin: 0 0 26px; color: #c7d0d3; font-size: 18px; line-height: 1.85; }
.editor-document-body > h2 { margin: 46px 0 18px; font-family: var(--display); font-size: 38px; line-height: 1; letter-spacing: .03em; text-transform: uppercase; }
.editor-document-body > ul { margin: 0 0 30px; padding-left: 22px; color: #c7d0d3; font-size: 18px; line-height: 1.75; }
.editor-document-body li + li { margin-top: 9px; }
.editor-document-body > blockquote { margin: 38px 0; padding: 8px 0 8px 24px; border-left: 2px solid var(--lime); color: #d7e0e2; font-size: 21px; line-height: 1.7; }
.rich-editor-input { display: none; }
.rich-body figure { max-width: 100%; margin: 34px 0; padding: 0; }
.rich-body figure img, .rich-body > img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; border: 1px solid var(--line); }
.rich-body figcaption { padding: 10px 0 0; color: var(--muted); font-family: var(--mono); font-size: 9px; line-height: 1.5; text-align: center; text-transform: uppercase; }
.rich-body table { display: block; width: 100%; margin: 28px 0; overflow-x: auto; border-collapse: collapse; }
.rich-body th, .rich-body td { min-width: 120px; padding: 12px; border: 1px solid var(--line); text-align: left; }
.rich-body th { color: var(--lime); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.rich-body pre { max-width: 100%; padding: 18px; overflow-x: auto; border: 1px solid var(--line); background: #02070a; color: #cce6ea; }
.rich-body a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }

.article-reaction-actions { display: flex; align-items: stretch; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.article-reaction-actions form { margin: 0; }
.reaction-count { display: inline-flex; min-height: 46px; align-items: center; padding: 0 18px; border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 10px; }

.guide-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.guides-hub { padding-top: 58px; }
.guide-category-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.guide-category-nav a, .guide-sortbar nav a { display: inline-flex; min-height: 38px; align-items: center; padding: 0 13px; border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.guide-category-nav a:hover, .guide-category-nav a[aria-current="page"], .guide-sortbar nav a:hover, .guide-sortbar nav a[aria-current="page"] { border-color: var(--lime); color: var(--lime); }
.guide-sortbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 26px; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.guide-sortbar > span { color: var(--muted); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.guide-sortbar nav { display: flex; flex-wrap: wrap; gap: 7px; }
.guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.guide-card { display: grid; min-width: 0; grid-template-columns: 210px minmax(0,1fr); border: 1px solid var(--line); background: var(--panel); transition: border-color .2s ease, transform .2s ease; }
.guide-card:hover { border-color: var(--cyan); transform: translateY(-2px); }
.guide-card-image { position: relative; min-height: 250px; overflow: hidden; background: #050a0f; }
.guide-card-image img { width: 100%; height: 100%; object-fit: cover; }
.guide-score { position: absolute; right: 10px; bottom: 10px; padding: 7px 9px; background: rgba(3,8,12,.9); color: var(--lime); font-family: var(--mono); font-size: 9px; }
.guide-card-copy { display: flex; min-width: 0; flex-direction: column; padding: 24px; }
.guide-card-copy .eyebrow { margin: 0 0 12px; }
.guide-card-copy h2 { margin: 0; font-family: var(--display); font-size: 36px; line-height: .98; text-transform: uppercase; overflow-wrap: anywhere; }
.guide-card-copy h2 a:hover { color: var(--lime); }
.guide-card-copy > p:not(.eyebrow) { display: -webkit-box; margin: 16px 0; overflow: hidden; color: var(--muted); font-size: 12px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.guide-card-copy footer { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: auto; color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.guide-card-copy footer time { text-align: right; }
.guide-author-line { display: flex; align-items: center; gap: 13px; margin-top: 24px; }
.guide-author-line strong, .guide-author-line span { display: block; }
.guide-author-line strong { font-size: 13px; }
.guide-author-line span { margin-top: 3px; color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.guide-preview-notice { max-width: 1100px; margin: 24px auto 0; }
.guide-control-copy { margin: 7px 0 0; color: var(--muted); font-size: 11px; }
.guide-vote-panel { display: flex; align-items: stretch; gap: 8px; }
.guide-vote-panel form { margin: 0; }
.vote-button { display: grid; min-width: 104px; min-height: 72px; grid-template-columns: auto auto; align-items: center; justify-content: center; gap: 1px 8px; border: 1px solid var(--line); background: #050b10; color: var(--muted); cursor: pointer; font-family: var(--mono); }
.vote-button strong { color: var(--text); font-size: 18px; }
.vote-button span { grid-column: 1 / -1; font-size: 8px; text-transform: uppercase; }
.vote-button.up:hover, .vote-button.up.active { border-color: var(--lime); color: var(--lime); }
.vote-button.down:hover, .vote-button.down.active { border-color: #ef858d; color: #ef858d; }
.guide-share { max-width: 1100px; margin: 18px auto 0; padding: 22px; border: 1px solid var(--line); background: var(--panel); }

.compact-member-masthead { min-height: 360px; }
.guide-editor-section { max-width: 1180px; padding-top: 48px; }
.guide-editor-form { padding: 30px; border: 1px solid var(--line); background: var(--panel); }
.guide-category-picker { display: grid; align-content: start; gap: 9px; }
.inline-category-creator { border: 1px solid rgba(130,148,163,.22); background: rgba(2,8,12,.45); }
.inline-category-creator summary { padding: 11px 13px; color: var(--lime); cursor: pointer; font-family: var(--mono); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.inline-category-creator[open] summary { border-bottom: 1px solid rgba(130,148,163,.18); }
.inline-category-creator .field { padding: 13px; }
.guide-submission-controls { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 22px; border: 1px solid rgba(211,255,37,.28); background: rgba(211,255,37,.04); }
.guide-submission-controls form { margin: 0; }
.submission-hint { margin-top: 15px; }
.moderation-note { padding: 15px 18px; border: 1px solid rgba(255,183,77,.38); background: rgba(130,77,10,.1); }
.moderation-note strong { color: #ffd185; font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.moderation-note p { margin: 7px 0 0; color: #ddd0b9; font-size: 11px; line-height: 1.6; }
.moderation-note.prominent { margin: 18px 0; }
.member-guide-list { padding-top: 58px; }
.member-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.member-guide-card { display: flex; min-width: 0; min-height: 310px; flex-direction: column; padding: 26px; border: 1px solid var(--line); background: var(--panel); }
.member-guide-card .eyebrow { margin: 18px 0 9px; }
.member-guide-card h2 { margin: 0; font-family: var(--display); font-size: 46px; line-height: .95; text-transform: uppercase; overflow-wrap: anywhere; }
.member-guide-card > div > p:not(.eyebrow) { color: var(--muted); font-size: 12px; line-height: 1.65; }
.member-guide-card footer { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.member-guide-card footer > div { display: flex; flex-wrap: wrap; gap: 7px; }

.guide-admin-toolbar { align-items: center; }
 .guide-category-admin { padding: 26px; }
.guide-review-header { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 30px; }
.guide-review-header h2 { margin: 12px 0; font-family: var(--display); font-size: clamp(48px,6vw,84px); line-height: .9; text-transform: uppercase; overflow-wrap: anywhere; }
.guide-review-header > div > p:not(.eyebrow) { color: var(--muted); line-height: 1.7; }
.guide-review-header dl { display: grid; gap: 7px; margin: 0; }
.guide-review-header dl div { padding: 12px; border: 1px solid var(--line); }
.guide-review-header dt, .guide-review-header dd { margin: 0; }
.guide-review-header dt { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.guide-review-header dd { margin-top: 5px; font-size: 11px; }
.guide-review-cover { display: block; width: 100%; max-height: 520px; margin: 28px 0; object-fit: cover; border: 1px solid var(--line); }
.guide-review-content { max-width: 820px; margin: 40px auto; padding: 30px; border: 1px solid var(--line); background: #03080d; }
.guide-moderation-form { display: grid; gap: 18px; margin-top: 32px; padding: 24px; border: 1px solid var(--line-bright); background: #050b10; }
.guide-moderation-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.guide-category-admin-list { display: grid; gap: 12px; margin-top: 22px; }
.guide-category-admin-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 14px; padding: 20px; border: 1px solid var(--line); background: #050b10; }
.guide-category-admin-row > form:first-child { display: grid; gap: 14px; }
.member-menu-avatar, .comment-avatar, .profile-avatar { overflow: hidden; }
.member-menu-avatar img, .comment-avatar img, .profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.member-menu-popover .member-setup-link { color: var(--lime); }
.comment-login-prompt .button { display: inline-flex; margin-top: 15px; color: #071016; text-decoration: none; }

.youtube-player-shell { position: relative; width: 100%; height: 100%; overflow: hidden; background: #020407; }
.youtube-player-shell > img, .youtube-player-shell > iframe { width: 100%; height: 100%; border: 0; object-fit: cover; }
.youtube-player-shell::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(2,4,7,.72), transparent 58%); content: ''; pointer-events: none; }
.youtube-player-shell[data-loaded="1"]::after { display: none; }
.youtube-play-button { position: absolute; left: 50%; bottom: 26px; z-index: 2; display: inline-flex; min-height: 50px; align-items: center; gap: 12px; padding: 0 20px; transform: translateX(-50%); border: 1px solid var(--lime); background: rgba(5,10,15,.92); color: var(--lime); cursor: pointer; font-family: var(--mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.youtube-play-button span { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 9px; }
.youtube-play-button:hover { background: var(--lime); color: #071016; }

.profile-avatar { display: grid; width: 68px; height: 68px; flex: none; place-items: center; border: 1px solid var(--line-bright); border-radius: 50%; background: linear-gradient(135deg, rgba(36,215,237,.16), rgba(211,255,37,.1)), #071017; color: var(--lime); font-family: var(--mono); font-size: 13px; font-weight: 800; }
.profile-avatar-large { width: 86px; height: 86px; font-size: 18px; }
.member-profile-copy .eyebrow { margin: 0 0 8px; }
.member-profile-copy > strong { font-family: var(--display); font-size: 34px; letter-spacing: .02em; text-transform: uppercase; }
.profile-privacy-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.profile-privacy-chips span { padding: 5px 8px; border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.member-profile-actions { display: flex; max-width: 270px; align-items: stretch; flex-direction: column; gap: 8px; }
.member-profile-actions .button { justify-content: center; }
.member-profile-actions form { text-align: right; }

.profile-editor-section { max-width: 1120px; }
.profile-security-note { display: grid; grid-template-columns: auto 1fr; gap: 4px 18px; padding: 20px 24px; border: 1px solid rgba(211,255,37,.25); background: rgba(211,255,37,.045); }
.profile-security-note strong { color: var(--lime); font-family: var(--mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.profile-security-note span { overflow: hidden; color: var(--text); font-size: 12px; text-align: right; text-overflow: ellipsis; }
.profile-security-note p { grid-column: 1 / -1; margin: 6px 0 0; color: var(--muted); font-size: 11px; }
.profile-editor-form { margin-top: 18px; padding: 32px; border: 1px solid var(--line); background: var(--panel); }
.profile-form-grid { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 34px; }
.profile-form-main { display: flex; min-width: 0; flex-direction: column; gap: 22px; }
.privacy-fieldset { display: grid; gap: 12px; min-width: 0; margin: 2px 0 0; padding: 20px; border: 1px solid var(--line); }
.privacy-fieldset legend { padding: 0 8px; color: var(--lime); font-family: var(--mono); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.avatar-editor { display: flex; align-items: center; flex-direction: column; gap: 15px; padding: 24px; border: 1px solid var(--line); background: #050b11; text-align: center; }
.avatar-editor .eyebrow { align-self: stretch; }
.profile-avatar-editor { width: 150px; height: 150px; font-size: 32px; }
.avatar-upload-button { width: 100%; justify-content: center; }
.avatar-editor > small { color: var(--muted); font-size: 10px; line-height: 1.5; }
.compact-check { width: 100%; margin-top: 5px; text-align: left; }
.profile-form-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); }

.server-filter { display: flex; align-items: end; gap: 12px; margin-bottom: 60px; padding: 22px; border: 1px solid var(--line); background: var(--panel); }
.server-filter .field { width: min(400px,100%); }
.server-filter .text-link { margin-bottom: 13px; }
.player-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.player-card { display: grid; grid-template-columns: 68px minmax(0,1fr) auto; align-items: center; gap: 16px; min-height: 124px; padding: 22px; border: 1px solid var(--line); background: var(--panel); color: var(--text); }
.player-card:hover { border-color: var(--cyan); transform: translateY(-2px); }
.player-card-copy { min-width: 0; }
.player-card-copy strong, .player-card-copy span, .player-card-copy small { display: block; }
.player-card-copy strong { overflow: hidden; font-family: var(--display); font-size: 25px; letter-spacing: .02em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.player-card-copy span { margin-top: 2px; color: var(--cyan); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.player-card-copy small { display: -webkit-box; margin-top: 8px; overflow: hidden; color: var(--muted); font-size: 10px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.public-player-identity { position: relative; z-index: 2; display: flex; align-items: center; gap: 28px; }
.profile-avatar-hero { width: 140px; height: 140px; border-width: 2px; font-size: 34px; }
.public-player-identity h1 { margin-top: 7px; }
.public-profile-grid { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 24px; }
.public-profile-panel, .public-profile-stats { padding: 34px; border: 1px solid var(--line); background: var(--panel); }
.public-profile-panel h2 { margin: 10px 0 20px; font-family: var(--display); font-size: 48px; text-transform: uppercase; }
.public-profile-panel > p:not(.eyebrow) { color: #bcc8cc; line-height: 1.75; }
.public-profile-stats { display: grid; gap: 12px; }
.public-profile-stats div { padding: 16px; border: 1px solid var(--line); }
.public-profile-stats strong, .public-profile-stats span { display: block; }
.public-profile-stats strong { color: var(--cyan); font-family: var(--display); font-size: 36px; text-transform: uppercase; }
.public-profile-stats span { color: var(--muted); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.public-profile-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }

.member-admin-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.member-search-form { display: flex; align-items: end; gap: 9px; }
.member-search-form .field { width: min(330px,42vw); }
.member-search-form .field span { font-size: 8px; }
.state-badge.blocked { border-color: rgba(255,183,77,.35); color: #ffd185; }
.state-badge.deleted { border-color: rgba(213,140,145,.35); color: #d58c91; }
.member-delete-x { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(213,84,94,.55); background: rgba(116,24,31,.12); color: #ef858d; cursor: pointer; font-size: 22px; line-height: 1; }
.member-delete-x:hover { background: #b82f3a; color: #fff; }
.profile-setup-masthead h1 { font-size: clamp(48px, 7vw, 96px); overflow-wrap: anywhere; }
.compact-heading h2 { overflow-wrap: anywhere; }

.notification-count { display: inline-grid; min-width: 20px; height: 20px; place-items: center; margin-left: 5px; border-radius: 50%; background: var(--lime); color: #061016; font: 800 9px var(--mono); }
.header-search-link { display: inline-flex; width: 40px; height: 40px; flex: none; align-items: center; justify-content: center; margin: 0; border: 1px solid var(--line-bright); color: var(--cyan); line-height: 1; }
.header-search-link svg { width: 19px; height: 19px; overflow: visible; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; vector-effect: non-scaling-stroke; }
.header-account > .header-sign-in { height: 40px; min-height: 40px; }
.maintenance-owner-banner { display: flex; min-height: 46px; align-items: center; justify-content: center; gap: 11px 20px; padding: 9px 18px; border-bottom: 1px solid rgba(211,255,37,.32); background: #141b0b; color: #bdc7c2; font-size: 10px; line-height: 1.4; }
.maintenance-owner-banner strong { color: var(--lime); }
.maintenance-owner-banner a { color: var(--cyan); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.reputation-panel { display: grid; grid-template-columns: minmax(240px,.8fr) minmax(0,1.2fr); gap: 28px; margin-top: 24px; padding: 28px; border: 1px solid var(--line-bright); background: linear-gradient(135deg,rgba(36,215,237,.06),rgba(211,255,37,.03)),var(--panel); }
.reputation-panel h2 { margin: 6px 0; font: 52px/.95 var(--display); text-transform: uppercase; }
.reputation-panel p { color: var(--muted); }
.reputation-panel p strong { color: var(--lime); }
.reputation-track { height: 12px; margin-top: 18px; overflow: hidden; border: 1px solid var(--line); background: #02070a; }
.reputation-track i { display: block; height: 100%; background: linear-gradient(90deg,var(--cyan),var(--lime)); }
.badge-grid { display: flex; align-content: flex-start; flex-wrap: wrap; gap: 9px; }
.member-badge { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid var(--line); background: #050b10; color: var(--muted); font: 800 9px var(--mono); text-transform: uppercase; }
.member-badge b { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid var(--lime); color: var(--lime); }
.guide-status-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.guide-version,.guide-freshness { padding: 7px 10px; border: 1px solid var(--line); color: var(--muted); font: 800 8px var(--mono); text-transform: uppercase; }
.guide-freshness { border-color: rgba(211,255,37,.35); color: var(--lime); }
.guide-freshness.stale { border-color: rgba(255,183,77,.45); color: #ffd185; }
.guide-changelog,.guide-community-tools { max-width: 1100px; margin: 18px auto 0; padding: 24px; border: 1px solid var(--line); background: var(--panel); }
.guide-community-tools { display: grid; gap: 20px; }
.guide-community-tools h2 { margin: 6px 0 0; font: 42px/1 var(--display); text-transform: uppercase; }
.guide-follow-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.community-tool-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.community-tool-grid details { border: 1px solid var(--line); background: #03080d; }
.community-tool-grid summary { padding: 16px; color: var(--cyan); cursor: pointer; font: 800 9px var(--mono); text-transform: uppercase; }
.community-tool-grid form { display: grid; gap: 12px; padding: 0 16px 16px; }
.site-search-form { display: grid; grid-template-columns: minmax(0,1fr) 220px auto; align-items: end; gap: 12px; padding: 24px; border: 1px solid var(--line-bright); background: var(--panel); }
.search-result-list { display: grid; gap: 12px; }
.search-result-list article { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 22px; padding: 18px; border: 1px solid var(--line); background: var(--panel); }
.search-result-list img { width: 170px; height: 130px; object-fit: cover; }
.search-result-list h3 { margin: 10px 0 5px; font: 34px/1 var(--display); text-transform: uppercase; }
.search-result-list p,.search-result-list small { color: var(--muted); }
.discovery-section { display: grid; gap: 42px; }
.contributor-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.contributor-grid > a { display: grid; justify-items: center; gap: 10px; min-width: 0; padding: 22px 14px; border: 1px solid var(--line); background: var(--panel); text-align: center; }
.contributor-grid > a:hover { border-color: var(--cyan); }
.contributor-grid strong { overflow: hidden; max-width: 100%; font: 24px var(--display); text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.contributor-grid small { color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.server-chip-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.server-chip-grid a { display: grid; gap: 5px; padding: 20px; border: 1px solid var(--line); background: var(--panel); }
.server-chip-grid a:hover { border-color: var(--lime); }
.server-chip-grid strong { color: var(--text); font: 26px var(--display); text-transform: uppercase; }
.server-chip-grid span { color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.notification-centre { max-width: 980px; }
.notification-list { display: grid; gap: 8px; }
.notification-card { margin: 0; }
.notification-card button { display: grid; width: 100%; grid-template-columns: 22px minmax(0,1fr) auto; gap: 14px; padding: 20px; border: 1px solid var(--line); background: var(--panel); color: var(--text); cursor: pointer; text-align: left; }
.notification-card.unread button { border-color: rgba(211,255,37,.35); background: rgba(211,255,37,.035); }
.notification-symbol { color: var(--lime); }
.notification-card strong,.notification-card small,.notification-card time { display: block; }
.notification-card small { margin-top: 5px; color: var(--muted); }
.notification-card time { margin-top: 8px; color: var(--cyan); font: 8px var(--mono); text-transform: uppercase; }
.guide-feature-form { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 20px; padding: 18px; border: 1px solid var(--line); }

@media (max-width: 1100px), (max-device-width: 1100px) {
  .header-inner { grid-template-columns: auto minmax(0, 1fr) auto; gap: 22px; }
  .main-nav { gap: 22px; overflow-x: auto; scrollbar-width: thin; }
  .main-nav a { white-space: nowrap; }
  .player-card-grid { grid-template-columns: 1fr 1fr; }
  .youtube-clip-card { grid-column: auto; }
  .guide-grid { grid-template-columns: 1fr; }
  .guide-card { grid-template-columns: 240px minmax(0,1fr); }
  .contributor-grid,.server-chip-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px), (max-device-width: 760px) {
  .site-header { height: 122px; }
  .header-inner { width: calc(100vw - 28px); grid-template-columns: 1fr auto; grid-template-rows: 62px 60px; gap: 0 12px; }
  .header-inner .wordmark { font-size: 16px; }
  .main-nav { grid-column: 1 / -1; grid-row: 2; width: 100%; gap: 24px; border-top: 1px solid rgba(74,115,133,.25); }
  .main-nav a { height: 59px; font-size: 10px; }
  .header-account { grid-column: 2; grid-row: 1; }
  .member-menu > summary > span:last-child { display: none; }
  .header-sign-in { min-height: 34px; padding: 0 10px; font-size: 9px; }
  .header-account > .header-sign-in { height: 36px; min-height: 36px; }
  .header-search-link { width: 36px; height: 36px; }
  .maintenance-owner-banner { align-items: flex-start; flex-direction: column; gap: 3px; }
  .article-actions { align-items: stretch; flex-direction: column; padding: 20px; }
   .tiktok-consent-card { display: flex; align-items: flex-start; flex-direction: column; padding: 24px; }
  .tiktok-consent-card .button { width: 100%; }
  .season-hero { min-height: 620px; }
  .season-hero-copy { width: auto; padding: 90px 24px 80px; margin: 0; }
  .season-hero h1 { font-size: clamp(84px, 30vw, 140px); }
  .season-hero h1.hub-title-long { font-size: clamp(58px, 18vw, 76px); }
  .profile-setup-masthead h1 { font-size: 44px; }
  .season-watermark { font-size: 190px; }
  .member-profile-card { grid-template-columns: 48px 1fr; }
  .member-profile-card form { grid-column: 1 / -1; }
  .member-profile-card .button { width: 100%; }
  .member-stat-grid { grid-template-columns: 1fr 1fr; }
  .member-activity-grid { grid-template-columns: 1fr; gap: 0; }
  .member-profile-actions { grid-column: 1 / -1; width: 100%; max-width: none; }
  .profile-form-grid, .public-profile-grid { grid-template-columns: 1fr; }
  .avatar-editor { grid-row: 1; }
  .profile-avatar-editor { width: 120px; height: 120px; }
  .player-card-grid { grid-template-columns: 1fr; }
  .public-player-identity { align-items: flex-start; flex-direction: column; gap: 18px; }
  .profile-avatar-hero { width: 104px; height: 104px; }
  .member-admin-toolbar, .member-search-form { align-items: stretch; flex-direction: column; }
  .member-search-form .field { width: 100%; }
  .guide-sortbar, .member-guide-card footer, .guide-review-header { align-items: stretch; grid-template-columns: 1fr; flex-direction: column; }
  .guide-card { grid-template-columns: 150px minmax(0,1fr); }
  .guide-card-image { min-height: 230px; }
  .guide-card-copy { padding: 18px; }
  .guide-card-copy h2 { font-size: 30px; }
  .member-guide-grid { grid-template-columns: 1fr; }
  .guide-editor-form { padding: 20px; }
  .rich-editor-toolbar { position: static; }
  .rich-editor-canvas { min-height: 360px; padding: 20px; }
  .guide-submission-controls { align-items: stretch; flex-direction: column; }
  .guide-vote-panel { width: 100%; }
  .guide-vote-panel form, .vote-button { flex: 1; }
  .reputation-panel,.community-tool-grid { grid-template-columns: 1fr; }
  .site-search-form { grid-template-columns: 1fr; }
  .search-result-list article { grid-template-columns: 1fr; }
  .search-result-list img { width: 100%; height: 190px; }
  .guide-feature-form { align-items: stretch; flex-direction: column; }
}

@media (max-width: 520px), (max-device-width: 520px) {
  .share-chip { flex: 1 1 calc(50% - 8px); justify-content: center; }
  .season-hero-copy > p:not(.eyebrow) { font-size: 16px; }
  .season-intro-panel { padding: 22px; }
  .member-stat-grid { gap: 8px; }
  .member-stat-grid > div { padding: 15px; }
  .profile-editor-form { padding: 20px; }
  .profile-security-note { grid-template-columns: 1fr; }
  .profile-security-note span { text-align: left; }
  .server-filter { align-items: stretch; flex-direction: column; }
  .server-filter .button { width: 100%; }
  .admin-member-card > header .state-badge { grid-column: 2; width: max-content; }
  .guide-card { grid-template-columns: 1fr; }
  .guide-card-image { min-height: 210px; }
  .guide-card-copy footer { align-items: flex-start; flex-direction: column; }
  .guide-sortbar nav, .guide-sortbar nav a { width: 100%; }
  .guide-sortbar nav a { justify-content: center; }
  .guide-hero-actions .button, .guide-submission-controls .button { width: 100%; }
  .article-reaction-actions { width: 100%; justify-content: stretch; }
  .article-reaction-actions form, .article-reaction-actions .button { flex: 1; }
  .guide-category-admin-row { grid-template-columns: 1fr; }
  .guide-category-admin-row > form:last-child { text-align: right; }
  .contributor-grid,.server-chip-grid { grid-template-columns: 1fr; }
  .reputation-panel { padding: 20px; }
  .reputation-panel h2 { font-size: 40px; }
  .guide-follow-actions,.guide-follow-actions form,.guide-follow-actions .button { width: 100%; }
}

/* v1.5 final responsive safeguards */
.article-editor-fields > *,
.article-editor-fields .field,
.article-editor-fields .two-fields,
.article-editor-fields .rich-editor,
.article-editor-fields .rich-editor-field,
.article-editor-fields .rich-editor-toolbar,
.article-editor-fields .rich-editor-canvas {
  min-width: 0;
  max-width: 100%;
}

.article-editor-fields .rich-editor-toolbar {
  overflow-x: auto;
}

.article-editor-fields .rich-editor-canvas figure[data-layout="wide"] {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  transform: none;
}

.article-editor-fields input,
.article-editor-fields textarea,
.article-editor-fields select {
  min-width: 0;
  max-width: 100%;
}

.article-header h1 .headline-line {
  overflow-wrap: normal;
  word-break: normal;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Keep touch-resized figures responsive after the legacy layout rules above. */
.rich-body figure[data-width="40"] { width: 40%; max-width: 40%; }
.rich-body figure[data-width="50"] { width: 50%; max-width: 50%; }
.rich-body figure[data-width="60"] { width: 60%; max-width: 60%; }
.rich-body figure[data-width="70"] { width: 70%; max-width: 70%; }
.rich-body figure[data-width="80"] { width: 80%; max-width: 80%; }
.rich-body figure[data-width="90"] { width: 90%; max-width: 90%; }
.rich-body figure[data-width="100"] { width: 100%; max-width: 100%; }
.rich-body figure[data-align="center"] { float: none; margin-right: auto; margin-left: auto; }
.rich-body figure[data-align="left"] { margin-left: 0; }
.rich-body figure[data-align="right"] { margin-right: 0; margin-left: auto; }

/* v1.6 final cascade guard — must remain the final admin rules in this file. */

/* v1.7 Community Pulse, member command centre and poll management. */
.community-pulse-section { padding-top: 38px; }
.community-pulse-panel {
  overflow: hidden;
  border: 1px solid var(--line-bright);
  background:
    linear-gradient(120deg, rgba(20, 215, 237, .06), transparent 42%),
    #071019;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .24);
}
.community-pulse-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  padding: 26px 30px;
  border-bottom: 1px solid var(--line);
}
.community-pulse-heading .eyebrow { margin: 0 0 8px; }
.community-pulse-heading h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(36px, 5vw, 60px);
  letter-spacing: .02em;
  line-height: .9;
  text-transform: uppercase;
}
.community-pulse-heading time { display: grid; justify-items: end; gap: 3px; }
.community-pulse-heading time span,
.community-pulse-heading time strong {
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.community-pulse-heading time span { color: var(--muted); }
.community-pulse-heading time strong { color: var(--lime); font-size: 11px; }
.community-pulse-body { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); }
.community-pulse-question { min-width: 0; padding: 34px 30px; border-right: 1px solid var(--line); }
.pulse-signal {
  display: grid;
  width: 44px;
  height: 44px;
  margin-bottom: 24px;
  place-items: center;
  border: 1px solid var(--cyan);
  color: var(--cyan);
  font-family: var(--mono);
  font-size: 18px;
}
.community-pulse-question h3 {
  max-width: 660px;
  margin: 0;
  font-family: var(--display);
  font-size: clamp(34px, 4vw, 52px);
  letter-spacing: .01em;
  line-height: .96;
  text-transform: uppercase;
}
.community-pulse-question > p:not(.eyebrow) { max-width: 620px; margin: 18px 0 0; color: #b7c5ca; line-height: 1.7; }
.community-pulse-question > small { display: block; margin-top: 24px; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.community-pulse-vote { display: grid; min-width: 0; align-content: center; padding: 30px; }
.community-pulse-vote form { display: grid; gap: 18px; }
.poll-choice-list { display: grid; gap: 9px; }
.poll-choice { position: relative; display: block; cursor: pointer; }
.poll-choice input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.poll-choice > span {
  position: relative;
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  overflow: hidden;
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: rgba(2, 8, 12, .72);
  transition: border-color .16s ease, background .16s ease;
}
.poll-choice:hover > span,
.poll-choice input:focus-visible + span { border-color: var(--cyan); }
.poll-choice.selected > span,
.poll-choice input:checked + span { border-color: var(--lime); background: rgba(211, 255, 37, .07); }
.poll-choice b,
.poll-choice small { position: relative; z-index: 1; }
.poll-choice b { font-size: 14px; font-weight: 700; }
.poll-choice small { color: var(--lime); font-family: var(--mono); font-size: 10px; }
.poll-choice i { position: absolute; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--lime)); }
.community-pulse-vote .button { justify-self: start; }
.pulse-sign-in { display: grid; gap: 20px; }
.pulse-sign-in p { max-width: 520px; margin: 0; color: #b7c5ca; line-height: 1.7; }
.pulse-sign-in .button { justify-self: start; }

.member-command-page { width: var(--page); margin: 0 auto; padding: 54px 0 100px; }
.member-command-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 24px;
  border: 1px solid var(--line-bright);
  background: linear-gradient(120deg, rgba(36, 215, 237, .07), transparent 45%), #071019;
}
.member-command-identity { min-width: 0; }
.member-command-identity .eyebrow { margin: 0 0 6px; }
.member-command-identity h1 { margin: 0; font-family: var(--display); font-size: clamp(40px, 5vw, 66px); letter-spacing: .02em; line-height: .9; text-transform: uppercase; }
.member-command-identity > p:not(.eyebrow) { margin: 11px 0 0; color: var(--muted); font-family: var(--mono); font-size: 9px; text-transform: uppercase; }
.member-command-actions { display: grid; gap: 8px; justify-items: stretch; }
.member-command-actions .button { min-width: 156px; }
.member-command-actions form { text-align: center; }
.member-settings-deck { display: grid; margin-top: 14px; border: 1px solid var(--line-bright); background: rgba(5, 11, 16, .94); }
.member-setting-card { border-bottom: 1px solid var(--line); }
.member-setting-card:last-child { border-bottom: 0; }
.member-setting-card > summary { display: grid; min-height: 76px; grid-template-columns: 42px minmax(0, 1fr) auto 18px; align-items: center; gap: 14px; padding: 13px 18px; cursor: pointer; list-style: none; }
.member-setting-card > summary::-webkit-details-marker { display: none; }
.member-setting-card > summary:hover { background: rgba(36, 215, 237, .035); }
.member-setting-icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line-bright); color: var(--cyan); font-size: 17px; }
.member-setting-notifications .member-setting-icon { border-color: rgba(211, 255, 37, .35); color: var(--lime); }
.member-setting-copy { display: grid; min-width: 0; gap: 5px; }
.member-setting-copy strong { font-size: 13px; }
.member-setting-copy small { overflow: hidden; color: var(--muted); font-family: var(--mono); font-size: 8px; line-height: 1.4; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.member-setting-state { padding: 6px 8px; border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 7px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.member-setting-state.active { border-color: rgba(211, 255, 37, .32); color: var(--lime); }
.member-setting-card > summary > i { position: relative; width: 16px; height: 16px; }
.member-setting-card > summary > i::before,
.member-setting-card > summary > i::after { content: ""; position: absolute; top: 7px; left: 2px; width: 12px; height: 1px; background: var(--cyan); transition: transform .16s ease; }
.member-setting-card > summary > i::after { transform: rotate(90deg); }
.member-setting-card[open] > summary > i::after { transform: rotate(0); }
.member-setting-card[open] > summary { border-bottom: 1px solid var(--line); background: rgba(36, 215, 237, .035); }
.member-setting-body { padding: 20px 74px 22px; }
.member-setting-body > p { max-width: 760px; margin: 0 0 16px; color: var(--muted); }
.member-setting-body .signin-method-grid { margin-top: 0; }
.member-setting-body .connect-email-method { margin-top: 14px; }
.member-setting-body .email-preference-form { max-width: 760px; margin: 0 0 14px; }
.email-alert-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.email-alert-choice-grid .check-field { min-height: 50px; margin: 0; padding: 11px 13px; border: 1px solid var(--line); background: #050b11; }
.email-reconsent { margin-top: 4px; }
.member-profile-settings { display: grid; gap: 15px; }
.member-profile-settings .profile-privacy-chips { margin: 0; }
.member-profile-links { display: flex; flex-wrap: wrap; gap: 8px; }
.member-profile-settings > form { padding-top: 3px; }
.member-command-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 22px; margin-top: 22px; align-items: start; }
.member-command-layout > .member-command-main { display: grid; min-width: 0; gap: 22px; }
.command-panel,
.command-reputation-card,
.command-notification-card,
.member-library-hub { border: 1px solid var(--line); background: rgba(7, 15, 23, .88); }
.command-panel { min-width: 0; }
.command-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 22px 24px; border-bottom: 1px solid var(--line); }
.command-panel-heading .eyebrow { margin: 0 0 6px; }
.command-panel-heading h2 { margin: 0; font-family: var(--display); font-size: 36px; line-height: .9; text-transform: uppercase; }
.command-panel-heading > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--line-bright); color: var(--lime); font-family: var(--mono); font-size: 11px; }
.command-panel-heading > p { margin: 0; color: var(--muted); font-size: 12px; }
.next-action-list { display: grid; }
.next-action {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
  transition: background .16s ease, border-color .16s ease;
}
.next-action:last-child { border-bottom: 0; }
.next-action:hover { background: rgba(36, 215, 237, .05); }
.next-action.priority { border-left: 3px solid var(--lime); }
.next-action.complete { border-left: 3px solid var(--cyan); }
.next-action > i { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line-bright); color: var(--cyan); font-style: normal; }
.next-action > span { display: grid; min-width: 0; gap: 2px; }
.next-action strong { font-size: 13px; }
.next-action small { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.next-action > b { color: var(--lime); font-family: var(--mono); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.dashboard-feed-list { display: grid; }
.dashboard-feed-list article { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 17px; min-width: 0; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.dashboard-feed-list article:last-child { border-bottom: 0; }
.dashboard-feed-image { height: 92px; overflow: hidden; border: 1px solid var(--line); background: #02070a; }
.dashboard-feed-image img { width: 100%; height: 100%; object-fit: cover; }
.dashboard-feed-list article > div { min-width: 0; }
.dashboard-feed-list article > div > span { color: var(--cyan); font-family: var(--mono); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.dashboard-feed-list h3 { margin: 6px 0; font-size: 17px; line-height: 1.25; }
.dashboard-feed-list h3 a:hover { color: var(--lime); }
.dashboard-feed-list p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--muted); font-size: 10px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.member-command-sidebar { display: grid; min-width: 0; gap: 16px; }
.command-reputation-card { padding: 22px; }
.command-reputation-card .eyebrow { margin: 0 0 8px; }
.command-reputation-card h2 { margin: 0; font-family: var(--display); font-size: 40px; line-height: 1; text-transform: uppercase; }
.command-reputation-card > strong { display: block; margin-top: 7px; color: var(--lime); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.command-reputation-card > small { display: block; margin-top: 8px; color: var(--muted); font-size: 9px; }
.compact-badge-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 18px; }
.compact-badge-grid > span { display: grid; min-width: 0; gap: 4px; padding: 9px; border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.compact-badge-grid b { color: var(--cyan); font-size: 15px; }
.compact-badge-grid > p { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 10px; }
.command-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); background: rgba(7, 15, 23, .88); }
.command-stat-grid a { display: grid; gap: 2px; padding: 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.command-stat-grid a:nth-child(2n) { border-right: 0; }
.command-stat-grid a:nth-last-child(-n+2) { border-bottom: 0; }
.command-stat-grid strong { font-family: var(--display); font-size: 27px; line-height: 1; }
.command-stat-grid span { color: var(--muted); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.command-stat-grid a:hover strong { color: var(--lime); }
.command-notification-card { padding: 18px; }
.command-notification-card header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.command-notification-card h2 { margin: 0; font-size: 14px; }
.command-notification-card header a { color: var(--cyan); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.command-notification-card > a { display: grid; grid-template-columns: 7px minmax(0, 1fr); gap: 9px; padding: 9px 0; border-top: 1px solid var(--line); }
.command-notification-card > a > i { width: 6px; height: 6px; margin-top: 5px; border-radius: 50%; background: var(--line-bright); }
.command-notification-card > a > i.unread { background: var(--lime); box-shadow: 0 0 9px rgba(211, 255, 37, .55); }
.command-notification-card > a span { display: grid; min-width: 0; }
.command-notification-card > a strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.command-notification-card > a small { color: var(--muted); font-size: 7px; }
.command-notification-card > p { margin: 12px 0 0; color: var(--muted); font-size: 10px; }
.member-library-hub { margin-top: 22px; }
.member-library-hub > details { border-bottom: 1px solid var(--line); }
.member-library-hub > details:last-child { border-bottom: 0; }
.member-library-hub summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 18px 24px; cursor: pointer; list-style: none; }
.member-library-hub summary::-webkit-details-marker { display: none; }
.member-library-hub summary span { font-size: 13px; font-weight: 700; }
.member-library-hub summary span::before { content: "+"; display: inline-block; width: 24px; color: var(--cyan); font-family: var(--mono); }
.member-library-hub details[open] summary span::before { content: "−"; color: var(--lime); }
.member-library-hub summary b { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 9px; }
.dashboard-compact-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding: 0 24px 22px 48px; }
.dashboard-compact-links > a:not(.dashboard-create-link) { display: grid; min-width: 0; gap: 4px; padding: 12px; border: 1px solid var(--line); }
.dashboard-compact-links > a:hover { border-color: var(--cyan); }
.dashboard-compact-links span,
.dashboard-compact-links .dashboard-create-link { color: var(--cyan); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.dashboard-compact-links strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-create-link { grid-column: 1 / -1; padding: 8px 0; }
.dashboard-compact-links .empty-state { grid-column: 1 / -1; }
.dashboard-follow-groups,
.dashboard-activity-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0 24px 22px 48px; }
.dashboard-follow-groups > div,
.dashboard-activity-columns > div { display: grid; min-width: 0; align-content: start; gap: 7px; padding: 13px; border: 1px solid var(--line); }
.dashboard-follow-groups h3,
.dashboard-activity-columns h3 { margin: 0 0 4px; color: var(--lime); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.dashboard-follow-groups a,
.dashboard-activity-columns a,
.dashboard-activity-columns > div > span { display: grid; min-width: 0; gap: 2px; padding-top: 7px; border-top: 1px solid rgba(32, 55, 70, .65); font-size: 9px; }
.dashboard-follow-groups p,
.dashboard-activity-columns p { margin: 0; color: var(--muted); font-size: 9px; }
.dashboard-activity-columns small { color: var(--cyan); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.dashboard-activity-columns strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 960px), (max-device-width: 960px) {
  .community-pulse-body { grid-template-columns: 1fr; }
  .community-pulse-question { border-right: 0; border-bottom: 1px solid var(--line); }
  .member-command-header { grid-template-columns: auto minmax(0, 1fr); }
  .member-command-actions { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .member-command-layout { grid-template-columns: 1fr; }
  .member-command-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .command-notification-card { grid-column: 1 / -1; }
}

@media (max-width: 700px), (max-device-width: 700px) {
  .community-pulse-section { padding-top: 18px; }
  .community-pulse-heading { align-items: start; flex-direction: column; gap: 15px; padding: 21px 18px; }
  .community-pulse-heading h2 { font-size: 38px; }
  .community-pulse-heading time { justify-items: start; }
  .community-pulse-question,
  .community-pulse-vote { padding: 23px 18px; }
  .pulse-signal { width: 39px; height: 39px; margin-bottom: 19px; }
  .community-pulse-question h3 { font-size: 34px; }
  .community-pulse-vote .button,
  .pulse-sign-in .button { width: 100%; }
  .poll-choice > span { min-height: 50px; padding: 12px; }
  .member-command-page { width: calc(100vw - 24px); padding: 24px 0 76px; }
  .member-command-header { grid-template-columns: 64px minmax(0, 1fr); gap: 14px; padding: 17px; }
  .member-command-header .profile-avatar-large { width: 62px; height: 62px; }
  .member-command-identity h1 { font-size: 38px; }
  .member-command-identity > p:not(.eyebrow) { font-size: 7px; }
  .member-command-actions { grid-template-columns: 1fr; }
  .member-command-actions .button { min-width: 0; padding-right: 11px; padding-left: 11px; font-size: 8px; }
  .member-setting-card > summary { min-height: 68px; grid-template-columns: 36px minmax(0, 1fr) auto 15px; gap: 10px; padding: 10px 12px; }
  .member-setting-icon { width: 34px; height: 34px; font-size: 15px; }
  .member-setting-copy strong { font-size: 11px; }
  .member-setting-copy small { font-size: 7px; }
  .member-setting-state { padding: 5px 6px; font-size: 6px; }
  .member-setting-body { padding: 16px 12px 18px; }
  .email-alert-choice-grid { grid-template-columns: 1fr; }
  .member-setting-body .signin-method-card { grid-template-columns: 38px minmax(0, 1fr) auto; }
  .member-profile-links { display: grid; grid-template-columns: 1fr; }
  .member-command-layout { gap: 14px; margin-top: 14px; }
  .member-command-layout > .member-command-main { gap: 14px; }
  .command-panel-heading { align-items: center; padding: 17px; }
  .command-panel-heading h2 { font-size: 30px; }
  .command-panel-heading > p { display: none; }
  .next-action { grid-template-columns: 37px minmax(0, 1fr); gap: 11px; padding: 14px; }
  .next-action > i { width: 36px; height: 36px; }
  .next-action > b { grid-column: 2; }
  .dashboard-feed-list article { grid-template-columns: 94px minmax(0, 1fr); gap: 12px; padding: 14px; }
  .dashboard-feed-image { height: 74px; }
  .dashboard-feed-list h3 { font-size: 14px; }
  .dashboard-feed-list p { display: none; }
  .member-command-sidebar { grid-template-columns: 1fr; gap: 14px; }
  .command-notification-card { grid-column: auto; }
  .member-library-hub { margin-top: 14px; }
  .member-library-hub summary { padding: 16px; }
  .dashboard-compact-links,
  .dashboard-follow-groups,
  .dashboard-activity-columns { grid-template-columns: 1fr; padding: 0 16px 18px 40px; }
}

/* Compact homepage giveaway hotfix. */

/* v1.8 — reputation, return visits and owner controls. */
.profile-accent-cyan { --profile-accent: var(--cyan); }
.profile-accent-lime { --profile-accent: var(--lime); }
.profile-accent-amber { --profile-accent: #ffbc55; }
.profile-accent-violet { --profile-accent: #9d82ff; }
.profile-accent-rose { --profile-accent: #ff6f91; }
.member-command-header,
.player-profile-masthead { border-color: color-mix(in srgb, var(--profile-accent, var(--cyan)) 45%, var(--line)); }
.profile-tagline { color: var(--profile-accent, var(--cyan)) !important; font-family: var(--mono); letter-spacing: .05em; }
.featured-profile-badge { display: inline-flex; margin-top: 10px; padding: 7px 10px; border: 1px solid var(--profile-accent, var(--cyan)); color: var(--profile-accent, var(--cyan)); font-family: var(--mono); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.profile-customisation-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr); gap: 18px; }
.profile-accent-picker { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 15px; border: 1px solid var(--line); }
.profile-accent-picker legend { padding: 0 5px; color: var(--muted); font-family: var(--mono); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.profile-accent-option { display: grid; gap: 7px; justify-items: center; color: var(--muted); cursor: pointer; font-family: var(--mono); font-size: 6px; text-align: center; text-transform: uppercase; }
.profile-accent-option input { position: absolute; opacity: 0; pointer-events: none; }
.profile-accent-option span { width: 30px; height: 30px; border: 6px solid #071019; border-radius: 50%; background: var(--swatch); box-shadow: 0 0 0 1px var(--line-bright); }
.profile-accent-option input:checked + span { box-shadow: 0 0 0 2px #fff, 0 0 18px var(--swatch); }
.profile-accent-option.accent-cyan { --swatch: #24d7ed; }.profile-accent-option.accent-lime { --swatch: #d3ff25; }.profile-accent-option.accent-amber { --swatch: #ffbc55; }.profile-accent-option.accent-violet { --swatch: #9d82ff; }.profile-accent-option.accent-rose { --swatch: #ff6f91; }

.reputation-explainer-link { display: block; margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--line); color: var(--cyan); font-family: var(--mono); font-size: 8px; line-height: 1.5; text-transform: uppercase; }
.member-return-strip,
.member-challenge-hub { margin-top: 22px; border: 1px solid var(--line); background: rgba(7, 15, 23, .88); }
.continue-reading-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); }
.continue-reading-grid > a { display: grid; min-width: 0; gap: 6px; padding: 14px; background: #071019; }
.continue-reading-art { position: relative; display: block; height: 92px; overflow: hidden; background: #02070a; }
.continue-reading-art img { width: 100%; height: 100%; object-fit: cover; }
.continue-reading-art i { position: absolute; inset: auto auto 0 0; height: 3px; background: var(--lime); }
.continue-reading-grid small { color: var(--cyan); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.continue-reading-grid strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.member-challenge-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px; }
.member-challenge-card { padding: 18px; border: 1px solid var(--line-bright); background: linear-gradient(145deg, rgba(36,215,237,.06), transparent 55%); }
.member-challenge-card.complete { border-color: rgba(211,255,37,.5); background: rgba(211,255,37,.05); }
.member-challenge-card header { display: flex; justify-content: space-between; gap: 12px; color: var(--lime); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.member-challenge-card h3 { margin: 13px 0 7px; font-size: 17px; }
.member-challenge-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.challenge-progress { height: 5px; margin-top: 18px; overflow: hidden; background: #02070a; }
.challenge-progress i { display: block; height: 100%; background: linear-gradient(90deg, var(--cyan), var(--lime)); }
.member-challenge-card > small { display: block; margin-top: 7px; color: var(--muted); font-family: var(--mono); font-size: 7px; }

.member-reputation-masthead { min-height: 430px; padding-bottom: 70px; }
.member-reputation-masthead h1 { max-width: 720px; }
.member-reputation-masthead .back-link { display: inline-block; margin-top: 25px; }
.reputation-programme-page { display: grid; gap: 70px; }
.current-reputation-summary { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); gap: 42px; align-items: center; padding: 30px; border: 1px solid var(--line-bright); background: #071019; }
.current-reputation-summary span { color: var(--cyan); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.current-reputation-summary h2 { margin: 8px 0 4px; font-family: var(--display); font-size: 48px; line-height: .9; text-transform: uppercase; }
.current-reputation-summary strong { color: var(--lime); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.current-reputation-summary p { margin: 9px 0 0; color: var(--muted); font-size: 10px; }
.public-reputation-levels,
.public-reputation-actions,
.public-reputation-badges { display: grid; gap: 10px; }
.public-reputation-levels { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.public-reputation-levels article,
.public-reputation-actions article,
.public-reputation-badges article { border: 1px solid var(--line); background: #071019; }
.public-reputation-levels article { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; padding: 17px; opacity: .65; }
.public-reputation-levels article.reached { border-color: var(--lime); opacity: 1; }
.public-reputation-levels b,
.public-reputation-badges b { color: var(--cyan); font-size: 27px; }
.public-reputation-levels span,
.public-reputation-badges span { color: var(--lime); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.public-reputation-levels h3,
.public-reputation-actions h3,
.public-reputation-badges h3 { margin: 5px 0; font-size: 14px; }
.public-reputation-levels p,
.public-reputation-actions p,
.public-reputation-badges p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.public-reputation-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.public-reputation-actions article { display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 14px; align-items: center; padding: 16px; }
.public-reputation-actions article > strong { color: var(--lime); font-family: var(--display); font-size: 31px; }
.public-reputation-badges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.public-reputation-badges article { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 16px; }
.public-reputation-badges article.locked { opacity: .45; }
.public-reputation-badges article.earned { border-color: var(--cyan); }
.public-reputation-badges small { color: var(--muted); font-family: var(--mono); font-size: 6px; text-transform: uppercase; }

@media (max-width: 900px), (max-device-width: 900px) {
  .public-reputation-badges { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px), (max-device-width: 700px) {
  .profile-customisation-grid { grid-template-columns: 1fr; }
  .profile-accent-picker { grid-template-columns: repeat(5, minmax(44px, 1fr)); overflow-x: auto; }
  .member-return-strip,
  .member-challenge-hub { margin-top: 14px; }
  .continue-reading-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .continue-reading-grid > a { min-width: 72vw; scroll-snap-align: start; }
  .member-challenge-grid { grid-template-columns: 1fr; padding: 14px; }
  .current-reputation-summary { grid-template-columns: 1fr; gap: 22px; padding: 21px; }
  .public-reputation-actions,
  .public-reputation-badges { grid-template-columns: 1fr; }
  .reputation-programme-page { gap: 48px; }
}

/* Final v1.9 Command Deck layout refinements. */

/* v1.9.1 — community activity is part of the hero, not a detached module. */
.hero-community-card.member-only .hero-member-card { border-top: 0; padding: 20px; }
.hero-community-card.roundup-only { width: clamp(300px,28vw,400px); }

/* v2.0 — a smaller mobile Command Deck and one focused moderation workflow. */

.member-mobile-nav { display: flex; gap: 6px; margin-top: 14px; padding: 7px; overflow-x: auto; border: 1px solid var(--line); background: rgba(5,11,16,.94); scrollbar-width: none; }.member-mobile-nav::-webkit-scrollbar { display: none; }.member-mobile-nav a { flex: none; padding: 10px 13px; color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.member-mobile-nav a:hover { color: var(--lime); }
.member-since-panel { display: grid; grid-template-columns: minmax(210px,.8fr) minmax(0,1.8fr); gap: 20px; margin-top: 14px; padding: 20px; border: 1px solid var(--line-bright); background: linear-gradient(145deg,rgba(9,24,33,.92),rgba(5,10,15,.98)); }
.member-since-heading .eyebrow { margin: 0 0 8px; }.member-since-heading h2 { margin: 0; font-family: var(--display); font-size: 31px; line-height: .9; text-transform: uppercase; }.member-since-heading small { display: block; margin-top: 11px; color: var(--muted); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.member-since-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: var(--line); }.member-since-stats a { display: grid; min-width: 0; align-content: center; gap: 7px; padding: 14px; background: #061018; }.member-since-stats strong { color: var(--cyan); font-family: var(--display); font-size: 30px; line-height: .8; }.member-since-stats span { color: var(--muted); font-family: var(--mono); font-size: 7px; line-height: 1.45; text-transform: uppercase; }.member-since-stats a:hover strong { color: var(--lime); }
body.article-editor-focus .admin-sidebar,
body.article-editor-focus .admin-topbar > :not(.admin-brand),
body.article-editor-focus .admin-page-heading,
body.article-editor-focus .admin-toolbar,
body.article-editor-focus .template-shortcut,
body.article-editor-focus .admin-mobile-dock,
body.article-editor-focus .article-workflow-grid { display: none !important; }
body.article-editor-focus .admin-shell,
body.article-editor-focus .admin-content { display: block; width: 100%; max-width: none; }
body.article-editor-focus .admin-topbar { min-height: 52px; padding: 8px max(18px,calc((100vw - 1500px) / 2)); }
body.article-editor-focus .admin-main { width: min(1500px,calc(100% - 32px)); margin: 0 auto; padding-top: 12px; }
body.article-editor-focus .editor-panel { border-top-color: var(--lime); }

@supports (content-visibility: auto) {
  .news-section,.community-pulse-section { content-visibility: auto; contain-intrinsic-size: auto 720px; }
}

@media (max-width: 1000px), (max-device-width: 1000px) {
  .member-since-panel { grid-template-columns: 1fr; }.member-since-stats { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (max-width: 620px), (max-device-width: 620px) {
  body.article-editor-focus .admin-topbar { display: none; }
  body.article-editor-focus .admin-main { width: 100%; padding: 0 0 calc(90px + env(safe-area-inset-bottom)); }
  body.article-editor-focus .article-builder-bar { position: sticky; top: 0; z-index: 70; padding-top: max(10px,env(safe-area-inset-top)); background: rgba(3,8,13,.97); }
  body.article-editor-focus .article-editor-fields { padding-inline: 10px; }
  .member-mobile-nav { position: sticky; top: 0; z-index: 25; margin-right: -12px; margin-left: -12px; border-right: 0; border-left: 0; }.member-since-panel { padding: 16px; }.member-since-heading h2 { font-size: 27px; }.member-since-stats { grid-template-columns: 1fr 1fr; }.member-since-stats a { min-height: 84px; }
}

/* v2.1 — conversations, recovery, search growth and transparent draws */
.comment-replies { display: grid; gap: 10px; margin-top: 14px; padding-left: 22px; border-left: 1px solid var(--line-bright); }
.comment-card.is-reply { padding: 15px; border: 1px solid var(--line); background: rgba(7,16,23,.78); }
.comment-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
.comment-tools .plain-action { color: var(--cyan); }
.pinned-comment-label { color: var(--lime); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.comment-reply-context { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; padding: 10px 12px; border: 1px solid var(--line-bright); background: rgba(36,215,237,.06); color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.comment-reply-context strong { color: var(--lime); }

.article-performance-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.article-performance-heading h2 { margin: 8px 0; font-size: clamp(25px,4vw,46px); }.article-performance-heading p { max-width: 760px; color: var(--muted); }
.article-performance-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.article-performance-grid article { min-width: 0; padding: 19px; border: 1px solid var(--line); background: var(--panel); }
.article-performance-grid span { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.article-performance-grid strong { display: block; margin: 15px 0 8px; color: var(--cyan); font-family: var(--display); font-size: 42px; line-height: .85; }
.article-performance-grid small { color: var(--muted); font-size: 8px; }

.winner-history-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.winner-history-grid article { padding: 18px; border: 1px solid var(--line); background: var(--panel); }.winner-history-grid article > div { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }.winner-history-grid strong { display: block; margin: 17px 0 8px; }.winner-history-grid p { color: var(--muted); font-size: 9px; }.winner-history-grid a { color: var(--cyan); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.giveaway-audit-timeline { margin-top: 18px; padding: 24px; border: 1px solid var(--line); background: var(--panel); }.giveaway-audit-timeline h2 { margin: 8px 0 20px; }.giveaway-audit-timeline ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }.giveaway-audit-timeline li { display: grid; grid-template-columns: 16px minmax(0,1fr); gap: 12px; padding-bottom: 17px; }.giveaway-audit-timeline li i { position: relative; width: 9px; height: 9px; margin-top: 4px; border: 2px solid var(--cyan); border-radius: 50%; }.giveaway-audit-timeline li:not(:last-child) i::after { position: absolute; top: 11px; bottom: -25px; left: 2px; width: 1px; background: var(--line-bright); content: ''; }.giveaway-audit-timeline strong,.giveaway-audit-timeline time { display: block; }.giveaway-audit-timeline time { margin-top: 5px; color: var(--muted); font-family: var(--mono); font-size: 7px; }
html,body { max-width: 100%; overflow-x: clip; }

@media (max-width: 760px), (max-device-width: 760px) {
  .comment-replies { padding-left: 12px; }.comment-card.is-reply { padding: 12px; }
  .article-performance-heading { align-items: flex-start; flex-direction: column; }.article-performance-grid { grid-template-columns: 1fr 1fr; }.winner-history-grid { grid-template-columns: 1fr; }
  .roundup-automation-card { grid-template-columns: 1fr; gap: 15px; padding: 16px; }
  .roundup-automation-copy dl { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* v3.7.19 — compact giveaway detail masthead, matching the update hub density. */
.giveaway-hero { min-height:clamp(340px,38vw,430px); }
.giveaway-hero-copy { width:min(660px,100%); padding:30px 36px 34px; }
.giveaway-hero-copy .back-link { margin-bottom:16px; }
.giveaway-hero-copy .state-badge { display:inline-flex; margin:0 7px 10px 0; }
.giveaway-hero-copy .eyebrow { margin:2px 0 0; }
.giveaway-hero-copy h1 { margin:9px 0 12px; font-size:clamp(42px,5.2vw,68px); line-height:.88; }
.giveaway-hero-copy > p:last-child { max-width:590px; font-size:14px; line-height:1.5; }
.giveaway-layout { gap:38px; margin-top:36px; }
@media (max-width:700px), (max-device-width:700px) {
  .giveaway-hero { min-height:340px; }
  .giveaway-hero-copy { padding:22px 18px 25px; }
  .giveaway-hero-copy .back-link { margin-bottom:13px; }
  .giveaway-hero-copy h1 { margin:7px 0 10px; font-size:clamp(38px,11vw,52px); line-height:.9; }
  .giveaway-hero-copy > p:last-child { font-size:13px; line-height:1.45; }
  .giveaway-layout { margin-top:24px; }
}

/* Public component and mobile refinements */

/* Murpo 3.1 public presentation — cinematic on mobile, restrained on desktop. */
:where(a, button, input, textarea, select, summary, [contenteditable="true"]):focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

.public-view .site-header {
  z-index: 70;
  height: 96px;
  border-bottom: 1px solid rgba(111, 158, 175, .22);
  background: rgba(3, 9, 14, .94);
  backdrop-filter: blur(18px);
}
.public-view .site-header-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(2, 8, 13, .94), rgba(2, 8, 13, .38) 72%, transparent);
  backdrop-filter: none;
}
.public-view .header-inner {
  display: flex;
  width: min(1420px, calc(100vw - 64px));
  height: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
}
.public-view .v3-wordmark {
  display: flex;
  width: max-content;
  flex: none;
  align-items: flex-start;
  flex-direction: column;
  gap: 7px;
  color: #f7f9f8;
  line-height: 1;
}
.public-view .v3-wordmark strong {
  font-family: var(--sans);
  font-size: 32px;
  font-weight: 800;
  letter-spacing: .31em;
  line-height: .82;
}
.public-view .v3-wordmark small {
  color: #9eacb2;
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .23em;
  line-height: 1;
  text-transform: uppercase;
}
.header-navigation {
  display: flex;
  min-width: 0;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 26px;
}
.public-view .main-nav { gap: clamp(20px, 2.5vw, 40px); }
.public-view .main-nav > a { font-size: 10px; letter-spacing: .12em; }
.public-view .main-nav > a::after { background: var(--cyan); }
.site-menu-toggle {
  display: none;
  width: 52px;
  height: 52px;
  flex: none;
  place-items: center;
  padding: 14px;
  border: 1px solid rgba(126, 169, 184, .55);
  border-radius: 3px;
  background: rgba(3, 11, 17, .72);
  color: #eff4f4;
  cursor: pointer;
}
.site-menu-toggle span { display: block; width: 24px; height: 1px; margin: 3px 0; background: currentColor; transition: transform 180ms ease, opacity 180ms ease; }
.site-menu-open .site-menu-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.site-menu-open .site-menu-toggle span:nth-child(2) { opacity: 0; }
.site-menu-open .site-menu-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.main-nav-more { position: relative; height: 100%; }
.main-nav-more summary {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 7px;
  color: #cbd4d7;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  list-style: none;
  text-transform: uppercase;
}
.main-nav-more summary::-webkit-details-marker { display: none; }
.main-nav-more summary span { color: var(--cyan); font-size: 12px; transition: transform 160ms ease; }
.main-nav-more[open] summary span { transform: rotate(180deg); }
.main-nav-more[data-has-active="true"] summary,
.main-nav-more[open] summary,
.main-nav-more summary:hover { color: var(--lime); }
.main-nav-more > div {
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  display: grid;
  width: 230px;
  padding: 8px;
  border: 1px solid var(--line-bright);
  background: rgba(5, 12, 17, .985);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .55);
}
.main-nav .main-nav-more > div a {
  display: flex;
  min-height: 42px;
  height: auto;
  justify-content: flex-start;
  padding: 0 12px;
  border-bottom: 1px solid rgba(74, 115, 133, .18);
  font-size: 10px;
}
.main-nav .main-nav-more > div a:last-child { border-bottom: 0; }
.main-nav .main-nav-more > div a::after { display: none; }
.main-nav .main-nav-more > div a[aria-current="page"] { background: rgba(36, 215, 237, .07); }

.public-view .button-primary {
  border-color: var(--cyan);
  border-radius: 3px;
  background: var(--cyan);
  color: #051018;
  clip-path: none;
  font-family: var(--sans);
  letter-spacing: 0;
  text-transform: none;
}
.public-view .button-primary:hover { border-color: #65e8f5; background: #65e8f5; }

.public-view-home .v3-cinematic-hero {
  width: 100%;
  min-height: min(860px, 100svh);
  margin: 0;
  border: 0;
  border-bottom: 1px solid rgba(36, 215, 237, .5);
}
.public-view-home .v3-cinematic-hero::before,
.public-view-home .v3-cinematic-hero::after { display: none; }
.v3-cinematic-hero .hero-art { object-position: 57% center; }
.v3-cinematic-hero .hero-copy {
  width: min(790px, 62vw);
  padding-top: clamp(210px, 25vh, 270px);
  padding-bottom: 100px;
}
.v3-cinematic-hero .hero-shade {
  background:
    linear-gradient(90deg, rgba(2, 7, 11, .98) 0%, rgba(2, 8, 12, .91) 30%, rgba(3, 10, 15, .5) 62%, rgba(3, 9, 14, .1) 84%),
    linear-gradient(0deg, rgba(2, 8, 13, .97), transparent 55%);
}
.v3-cinematic-hero .hero-grid-overlay { opacity: .16; }
.v3-cinematic-hero .hero-copy .eyebrow { margin-bottom: 28px; font-size: 11px; letter-spacing: .24em; }
.v3-cinematic-hero .hero-copy .eyebrow > span { width: 10px; height: 10px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(211, 255, 37, .68); }
.v3-cinematic-hero .hero-copy h1 { max-width: 790px; font-size: clamp(78px, 8.5vw, 136px); letter-spacing: -.015em; line-height: .82; }
.v3-cinematic-hero .hero-copy h1 a { color: inherit; }
.v3-cinematic-hero .hero-copy h1 a:hover { color: var(--lime); }
.v3-cinematic-hero .hero-summary { max-width: 620px; margin-top: 30px; color: #e0e7e8; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.55; }
.v3-cinematic-hero .hero-actions { margin-top: 36px; }
.v3-cinematic-hero .hero-actions .button { min-width: 245px; min-height: 60px; justify-content: space-between; padding: 0 28px; font-size: 16px; font-weight: 750; }
.v3-hero-meta { display: none; }
.v3-cinematic-hero .hero-index {
  bottom: 38px;
  left: max(6vw, calc((100vw - 1280px) / 2));
  display: flex;
  align-items: center;
  gap: 12px;
  color: #89989f;
  font-size: 10px;
  letter-spacing: .24em;
  writing-mode: horizontal-tb;
}
.v3-cinematic-hero .hero-index b { color: #bcc7cb; font-weight: 500; }
.v3-cinematic-hero .hero-index i { width: auto; height: auto; background: none; color: #61737c; font-style: normal; }

.v3-feature-row {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1.72fr) minmax(310px, .78fr);
  gap: 0;
  margin: 0;
  padding: 0;
}
.v3-feature-row.single-feature { grid-template-columns: minmax(0, 1fr); }
.v3-roundup-feature,
.v3-giveaway-feature {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 0;
  background: linear-gradient(145deg, #091720, #050b10);
  box-shadow: none;
}
.v3-roundup-feature { min-height: 430px; isolation: isolate; background: linear-gradient(118deg, #07567a, #05304a 56%, #061a28); }
.v3-roundup-feature > img { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; opacity: .16; mix-blend-mode: screen; }
.v3-feature-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(2, 39, 61, .35), rgba(2, 20, 33, .72)); }
.v3-roundup-copy { display: flex; min-height: 430px; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(38px, 5vw, 72px); }
.v3-roundup-copy .eyebrow > span { width: 10px; height: 10px; border-radius: 50%; background: var(--lime); }
.v3-roundup-copy h2 { max-width: 760px; margin: 0; font-family: var(--display); font-size: clamp(54px, 5.4vw, 82px); letter-spacing: .01em; line-height: .86; text-transform: uppercase; text-wrap: balance; }
.v3-roundup-copy > p:not(.eyebrow) { max-width: 680px; margin: 20px 0 0; color: #c4d2d7; font-size: 14px; line-height: 1.7; }
.v3-roundup-counts { display: grid; width: min(580px, 100%); grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 27px 0; background: rgba(115, 184, 211, .34); }
.v3-roundup-counts > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px; background: rgba(3, 31, 47, .78); }
.v3-roundup-counts dt { color: #a8c1cb; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.v3-roundup-counts dd { margin: 0; color: var(--lime); font-family: var(--display); font-size: 27px; line-height: .8; }
.v3-roundup-copy .button { min-height: 46px; }

.v3-giveaway-feature { display: flex; min-height: 430px; flex-direction: column; border-left: 1px solid rgba(88, 153, 176, .32); }
.v3-giveaway-feature > img { width: 100%; height: 168px; flex: none; object-fit: cover; }
.v3-giveaway-copy { display: flex; min-height: 0; flex: 1; flex-direction: column; padding: 27px; }
.v3-feature-status { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.v3-feature-status .eyebrow { margin: 0; font-size: 8px; }
.v3-feature-status > b { display: flex; align-items: center; gap: 7px; color: var(--lime); font-family: var(--mono); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
.v3-giveaway-copy h2 { margin: 18px 0 0; font-family: var(--display); font-size: clamp(36px, 3.2vw, 50px); letter-spacing: .015em; line-height: .88; text-transform: uppercase; text-wrap: balance; }
.v3-giveaway-copy h2 a:hover { color: var(--lime); }
.v3-giveaway-prize { display: grid; gap: 5px; margin: 17px 0 0; }
.v3-giveaway-prize span,
.v3-giveaway-copy time span { color: var(--cyan); font-family: var(--mono); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.v3-giveaway-prize strong { font-size: 12px; line-height: 1.45; }
.v3-giveaway-copy time { display: grid; gap: 5px; margin: 18px 0 0; padding-top: 15px; border-top: 1px solid var(--line); }
.v3-giveaway-copy time strong { color: #e6edef; font-family: var(--mono); font-size: 10px; }
.v3-giveaway-actions { display: grid; gap: 11px; margin-top: auto; padding-top: 20px; }
.v3-giveaway-actions .button { width: 100%; min-height: 46px; padding: 0 16px; font-size: 13px; }
.v3-giveaway-actions > a:not(.button) { color: var(--cyan); font-family: var(--mono); font-size: 8px; text-align: center; text-transform: uppercase; }
.v3-giveaway-actions > a:not(.button):hover { color: var(--lime); }

.v3-news-section { padding-top: 82px; }
.v3-news-grid { gap: 18px; align-items: stretch; }
.v3-news-grid .content-card{display:flex;flex-direction:column;height:100%}.v3-news-grid .card-body{display:flex;flex:1;flex-direction:column}.v3-news-grid .card-link{margin-top:auto}
.v3-news-section .section-heading{align-items:flex-start}.v3-news-section .section-heading .eyebrow{position:relative;z-index:1;margin-bottom:18px}.v3-news-section .section-heading h2{clear:both}
.public-view-home .v3-cinematic-hero .hero-art{object-position:57% 42%}
.klara-member-tools{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin:24px 0}.klara-member-tools>form{display:grid;align-content:start;gap:14px;padding:22px;border:1px solid rgba(36,215,237,.25);background:#061019}.klara-member-tools label,.klara-roster-search{display:grid;gap:8px}.klara-member-tools input,.klara-roster-search input{width:100%;padding:14px;border:1px solid rgba(120,158,174,.42);background:#03080e;color:#fff}.klara-roster-search{margin:22px 0}.klara-roster-table{display:grid;border:1px solid rgba(36,215,237,.25)}.klara-roster-table article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.klara-roster-table article:last-child{border-bottom:0}.klara-roster-table article>div{display:grid;gap:4px}.klara-roster-table small{color:var(--muted)}.klara-roster-table .is-inactive{opacity:.48}.klara-day-nav a small{display:block;margin-top:3px;font-size:.65em;color:var(--muted)}
@media(max-width:760px){.klara-member-tools{grid-template-columns:1fr}}

/* v5.5.5 — complete responsive Klara console layout */
.klara-console{--klara-panel:#061019;--klara-line:rgba(36,215,237,.28);display:grid;gap:20px;min-width:0;padding-top:42px}
.klara-console *{box-sizing:border-box}.klara-console img{max-width:100%;display:block}
.klara-console-hero{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px;border:1px solid var(--klara-line);background:linear-gradient(120deg,rgba(36,215,237,.1),rgba(5,12,19,.98));overflow:hidden}
.klara-console-hero>img{width:112px!important;height:112px!important;max-width:112px!important;object-fit:cover;border:1px solid rgba(211,255,37,.5);border-radius:0}
.klara-console-hero h1{margin:7px 0 8px;font-family:var(--display);font-size:clamp(42px,5vw,72px);line-height:.9;text-transform:uppercase}.klara-console-hero p:last-child{max-width:720px;margin:0;color:var(--muted);line-height:1.55}
.klara-server-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid var(--klara-line);background:var(--klara-panel)}.klara-server-strip label{display:flex;align-items:center;gap:12px;min-width:0}.klara-server-strip label>span{color:var(--muted);font:700 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.klara-server-strip select{min-width:220px;padding:11px 38px 11px 12px;border:1px solid rgba(120,158,174,.42);background:#02080d;color:#fff}.klara-server-strip>a{color:var(--lime);font:800 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.klara-workspace-nav,.klara-day-nav,.klara-period-nav{display:grid;gap:1px;border:1px solid var(--klara-line);background:var(--klara-line)}.klara-workspace-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.klara-workspace-nav a,.klara-day-nav a,.klara-period-nav a{display:grid;place-items:center;min-height:54px;padding:10px;background:#071019;color:var(--muted);font:800 .7rem var(--mono);letter-spacing:.07em;text-align:center;text-transform:uppercase}.klara-workspace-nav a.is-active,.klara-day-nav a.is-active,.klara-period-nav a.is-active{background:linear-gradient(135deg,rgba(36,215,237,.2),rgba(211,255,37,.08));box-shadow:inset 0 -3px 0 var(--lime);color:#fff}
.klara-workspace{display:grid;gap:22px;padding:clamp(20px,3vw,36px);border:1px solid var(--klara-line);background:radial-gradient(circle at 100% 0,rgba(36,215,237,.06),transparent 30%),#050c12;min-width:0}.klara-workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.klara-workspace-heading h2{margin:8px 0;font-family:var(--display);font-size:clamp(36px,5vw,64px);line-height:.9;text-transform:uppercase}.klara-workspace-heading p:last-child{max-width:760px;margin:0;color:var(--muted);line-height:1.55}.klara-state,.klara-usage{display:grid;flex:0 0 auto;gap:2px;padding:10px 13px;border:1px solid rgba(36,215,237,.38);color:var(--cyan);font:800 .72rem var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase}.klara-state.is-live{border-color:rgba(211,255,37,.45);color:var(--lime)}.klara-usage small{font-size:.6rem;color:var(--muted)}
.klara-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.klara-summary-grid>a,.klara-summary-grid>article{display:grid;gap:5px;padding:20px;border:1px solid var(--klara-line);background:#071019;color:inherit}.klara-summary-grid small{color:var(--cyan);font:700 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.klara-summary-grid strong{font-family:var(--display);font-size:clamp(30px,4vw,50px);line-height:1}.klara-summary-grid span{color:var(--muted)}
.klara-collapsible{border:1px solid var(--klara-line);background:#061019}.klara-collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;cursor:pointer;list-style:none}.klara-collapsible>summary::-webkit-details-marker{display:none}.klara-collapsible>summary>span{display:grid;gap:4px}.klara-collapsible>summary small{color:var(--cyan);font:700 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.klara-collapsible>summary i{color:var(--lime);font:normal 800 .68rem var(--mono);text-transform:uppercase}.klara-collapsible>form,.klara-collapsible>div{display:grid;gap:14px;padding:20px;border-top:1px solid var(--klara-line)}
.klara-console form label{display:grid;gap:7px}.klara-console form label>span,.klara-roster-search>span{color:#a9b4bf;font:700 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.klara-console input,.klara-console select,.klara-console textarea{width:100%;max-width:100%;padding:13px;border:1px solid rgba(120,158,174,.42);border-radius:0;background:#02080d;color:#fff}.klara-inline-actions,.klara-review-actions,.klara-report-actions{display:flex;flex-wrap:wrap;gap:12px}
.klara-shadow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.klara-shadow-grid form{display:grid;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.1)}.klara-saved-list{display:grid;gap:0}.klara-saved-list>h3{margin:0 0 12px}.klara-saved-list article{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}.klara-saved-list time{color:var(--cyan);font:.72rem var(--mono)}.klara-saved-list article>div{display:grid;gap:4px}.klara-saved-list article span{color:var(--muted)}
.klara-shadow-note{margin:0 0 18px;color:var(--muted)}.klara-shadow-grid form>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.klara-shadow-grid form>header small,.klara-team-picker header small{display:block;color:var(--muted);font:.68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.klara-shadow-grid form>header h3{margin:3px 0 0}.klara-shadow-grid form>header time{color:var(--cyan);font:.72rem var(--mono)}.klara-team-picker{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.1);background:rgba(5,15,23,.42)}.klara-team-picker>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,42%);gap:10px;align-items:center}.klara-team-picker input[type=search]{min-height:40px}.klara-team-options{display:grid;gap:5px;max-height:260px;overflow:auto;padding-right:4px}.klara-team-options>label{display:flex;align-items:center;gap:9px;padding:8px;border-radius:6px;background:rgba(255,255,255,.035);cursor:pointer}.klara-team-options>label:hover{background:rgba(101,217,215,.09)}.klara-team-options>label>span{display:grid;gap:1px}.klara-team-options>label small{color:var(--muted);font-size:.72rem}.klara-team-options input{width:18px;height:18px;flex:0 0 auto}
.klara-shadow-team-card{min-width:0}.klara-team-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--klara-line);background:var(--klara-line)}.klara-team-summary>span{display:grid;gap:2px;padding:14px;background:#071019}.klara-team-summary b{color:var(--cyan);font-family:var(--display);font-size:2rem;line-height:1}.klara-team-summary small{color:var(--muted);font:.65rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.klara-team-modal{width:min(820px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--cyan);background:#050d14;color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.85)}.klara-team-modal::backdrop{background:rgba(0,6,10,.82);backdrop-filter:blur(4px)}.klara-team-modal-shell{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:14px;height:100%;padding:20px;overflow:hidden}.klara-team-modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.klara-team-modal-header h3{margin:3px 0 0}.klara-team-modal-header small{color:var(--cyan);font:.68rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.klara-team-modal-header>button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid var(--klara-line);background:#071019;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.klara-team-time{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,42%);align-items:center;gap:12px}.klara-team-time>span{color:#a9b4bf;font:700 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.klara-team-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--klara-line);background:var(--klara-line)}.klara-team-tabs button{min-height:50px;padding:10px;border:0;background:#071019;color:var(--muted);font:800 .7rem var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.klara-team-tabs button[aria-selected=true]{background:rgba(36,215,237,.15);box-shadow:inset 0 -3px 0 var(--lime);color:#fff}.klara-team-tabs button span{color:var(--cyan)}.klara-team-modal .klara-team-picker{grid-template-rows:auto minmax(0,1fr);min-height:0;padding:0;border:0;background:transparent}.klara-team-modal .klara-team-options{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;max-height:none;min-height:0;overflow:auto;padding:2px 6px 12px 0}.klara-team-modal .klara-team-options>label{min-height:62px;padding:10px}.klara-team-modal .klara-team-options input{width:22px;height:22px}.klara-team-modal-actions{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:10px;padding-top:4px;border-top:1px solid var(--klara-line)}body:has(.klara-team-modal[open]){overflow:hidden}@media(max-width:620px){.klara-team-modal{width:100vw;height:100dvh;margin:0;border:0}.klara-team-modal-shell{gap:10px;padding:14px}.klara-team-time{grid-template-columns:1fr;gap:6px}.klara-team-picker>header{grid-template-columns:1fr}.klara-team-modal .klara-team-options{grid-template-columns:1fr}.klara-team-modal-actions{grid-template-columns:1fr 1.5fr}.klara-team-modal-actions .button{min-height:52px;padding:10px 8px}.klara-team-summary b{font-size:1.65rem}}
.klara-saved-list article>div>small{color:var(--cyan);font:.66rem var(--mono);letter-spacing:.04em}.klara-event-actions{position:relative;display:flex!important;grid-auto-flow:column;align-items:center;gap:14px!important}.klara-event-role-picker>summary{cursor:pointer;list-style:none}.klara-event-role-picker>summary::-webkit-details-marker{display:none}.klara-event-role-picker[open]>summary{color:var(--lime)}.klara-event-role-picker>form{position:absolute;z-index:12;top:calc(100% + 10px);right:0;display:grid;gap:14px;width:min(390px,calc(100vw - 48px));padding:18px;border:1px solid var(--cyan);background:#031018;box-shadow:0 18px 50px rgba(0,0,0,.7)}.klara-event-role-picker fieldset{display:grid;gap:8px;margin:0;padding:0;border:0}.klara-event-role-picker legend{margin-bottom:7px;color:#fff;font-weight:800}.klara-event-role-picker label{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px!important}.klara-event-role-picker input{width:auto!important;margin:0}.klara-event-role-picker label>span{text-transform:none!important;letter-spacing:0!important;font:inherit!important}.klara-event-role-options{max-height:190px;overflow:auto;padding:12px!important;border:1px solid rgba(120,158,174,.35)!important}.klara-event-role-picker form>small{color:var(--muted)}
.klara-event-delivery-settings{display:grid;gap:12px;margin-top:24px;padding-top:22px;border-top:1px solid var(--klara-line)}.klara-event-delivery-settings>header h3{margin:5px 0}.klara-event-delivery-settings>header p{margin:0;color:var(--muted)}.klara-event-delivery-settings>header small{color:var(--cyan);font:700 .67rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.klara-event-delivery-settings .klara-collapsible form{display:grid;gap:15px}.klara-reminder-builder{display:grid;gap:10px;margin:0;padding:14px;border:1px solid rgba(120,158,174,.3)}.klara-reminder-builder legend{padding:0 8px;color:#fff;font-weight:800}.klara-reminder-builder>div{display:grid;grid-template-columns:90px minmax(80px,.6fr) minmax(150px,1fr);gap:10px;align-items:center}.klara-reminder-builder>div>span{color:var(--muted);font:.7rem var(--mono)}.klara-event-delivery-settings form>small{color:var(--muted)}
@media(max-width:620px){.klara-reminder-builder>div{grid-template-columns:1fr 1fr}.klara-reminder-builder>div>span{grid-column:1/-1}}
.klara-result-filter,.klara-activity-filter,.klara-week-picker{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.klara-result-filter label,.klara-activity-filter label,.klara-week-picker label{min-width:190px;flex:1}.klara-day-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.klara-period-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.klara-result-slot{display:grid;gap:18px;padding:20px;border:1px solid var(--klara-line);background:#031018}.klara-result-slot>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.klara-result-slot h3{margin:5px 0}.klara-result-slot>header span{color:var(--lime);font:.7rem var(--mono);text-transform:uppercase}.klara-result-slot>form{display:grid;gap:14px}.klara-upload-zone{display:grid;gap:9px;padding:20px;border:1px dashed rgba(36,215,237,.48);background:rgba(36,215,237,.04)}.klara-upload-zone input{background:#02070c}.klara-upload-zone small,.klara-action-status{color:var(--muted)}
.klara-result-event-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--klara-line);background:var(--klara-line)}.klara-result-event-nav a{display:grid;place-items:center;min-height:50px;padding:10px;background:#071019;color:var(--muted);font:800 .7rem var(--mono);text-transform:uppercase}.klara-result-event-nav a.is-active{background:rgba(36,215,237,.16);box-shadow:inset 0 -3px 0 var(--lime);color:#fff}.klara-guild-trend{display:grid;gap:16px;padding:20px;border:1px solid var(--klara-line);background:#061019}.klara-guild-trend>header{display:flex;justify-content:space-between;gap:16px}.klara-guild-trend h3{margin:4px 0}.klara-guild-trend header span{color:var(--muted)}.klara-trend-bars{display:flex;align-items:end;gap:12px;min-height:160px;overflow-x:auto}.klara-trend-bars>div{display:grid;grid-template-rows:110px auto auto;gap:4px;min-width:48px;text-align:center}.klara-trend-bars svg{width:26px;height:110px;justify-self:center}.klara-trend-bars rect{fill:var(--cyan)}.klara-trend-bars small{color:var(--muted)}.klara-member-activity-search{display:grid;gap:7px}.klara-activity-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.klara-activity-search-results article{padding:16px;border:1px solid var(--klara-line);background:#061019}.klara-activity-search-results h3{margin:0 0 6px}.klara-activity-search-results p{margin:7px 0 0;color:var(--muted)}.klara-activity-leaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.klara-activity-leaders>section{padding:18px;border:1px solid var(--klara-line);background:#061019}.klara-activity-leaders h3{margin:4px 0 12px}.klara-activity-leaders article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(255,255,255,.08)}.klara-activity-leaders article>span{color:var(--cyan);font-family:var(--mono)}.klara-activity-leaders article>div{display:grid}.klara-activity-leaders article small{color:var(--muted)}.klara-activity-leaders article>b{color:var(--lime)}
.klara-activity-leaders>.is-top{border-color:rgba(98,220,126,.78);box-shadow:inset 0 0 0 1px rgba(98,220,126,.14)}.klara-activity-leaders>.is-bottom{border-color:rgba(235,91,102,.8);box-shadow:inset 0 0 0 1px rgba(235,91,102,.14)}.klara-activity-member-card{border-top:1px solid rgba(255,255,255,.08);background:#061019}.klara-activity-member-card>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 0;cursor:pointer;list-style:none}.klara-activity-member-card>summary::-webkit-details-marker{display:none}.klara-activity-member-card>summary>span:not(.rank-number){display:grid;gap:3px}.klara-activity-member-card .rank-number{display:grid;width:30px;height:30px;place-items:center;color:var(--cyan);font-family:var(--mono)}.klara-activity-member-card>summary small{color:var(--muted)}.klara-activity-member-card>summary>b,.klara-activity-member-card>summary>strong{color:var(--lime)}.klara-activity-member-stats{padding:4px 0 15px}.klara-activity-member-stats dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.klara-activity-member-stats dl>div{display:grid;gap:3px;padding:10px;border:1px solid rgba(255,255,255,.08)}.klara-activity-member-stats dt{color:var(--muted);font-size:.7rem}.klara-activity-member-stats dd{margin:0;font-weight:800}.klara-previous-week{margin-top:10px;border:1px solid var(--klara-line)}.klara-previous-week>summary{padding:10px 12px;color:var(--cyan);cursor:pointer;font:800 .68rem var(--mono);text-transform:uppercase}.klara-previous-week p{margin:0;padding:0 12px 12px;color:var(--muted)}.klara-activity-search-results>.klara-activity-member-card{padding:0 16px;border:1px solid var(--klara-line)}
@media(max-width:850px){.klara-activity-leaders,.klara-activity-search-results{grid-template-columns:1fr}}
@media(max-width:620px){.klara-activity-member-stats dl{grid-template-columns:1fr}}
.klara-activity-range{display:flex;justify-content:space-between;gap:16px;margin:0;padding:14px 16px;border-left:3px solid var(--lime);background:rgba(211,255,37,.05)}.klara-activity-range span{color:var(--muted)}.klara-activity-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.klara-player-card{padding:18px;border:1px solid var(--klara-line);background:#061019}.klara-player-card>header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.klara-player-card>header>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--cyan);color:var(--cyan)}.klara-player-card h3{margin:0}.klara-player-card header small{color:var(--muted)}.klara-player-card header>strong{color:var(--lime);font-size:1.3rem}.klara-player-card progress{width:100%;height:7px;margin:16px 0}.klara-player-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.klara-player-card dl>div{display:grid;gap:3px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}.klara-player-card dt{color:var(--muted);font-size:.72rem}.klara-player-card dd{margin:0}.klara-empty-report,.klara-empty-connect{padding:28px;border:1px dashed rgba(36,215,237,.35);background:#061019}.klara-empty-connect{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:22px;align-items:center}.klara-empty-connect>img{width:90px!important;height:90px!important;object-fit:cover}.klara-report-editor{display:grid;gap:15px}
@media(max-width:850px){.klara-console-hero{grid-template-columns:82px minmax(0,1fr)}.klara-console-hero>img{width:82px!important;height:82px!important;max-width:82px!important}.klara-console-hero>.beta-pill{grid-column:2;justify-self:start}.klara-workspace-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.klara-workspace-nav a{min-width:132px;scroll-snap-align:start}.klara-activity-cards{grid-template-columns:1fr}.klara-shadow-grid{grid-template-columns:1fr}}
@media(max-width:620px){.klara-console{width:calc(100vw - 24px);padding-top:24px;gap:14px}.klara-console-hero{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px}.klara-console-hero>img{width:64px!important;height:64px!important;max-width:64px!important}.klara-console-hero h1{font-size:36px}.klara-console-hero p:last-child{font-size:.86rem}.klara-server-strip{align-items:stretch;flex-direction:column}.klara-server-strip label{align-items:stretch;flex-direction:column}.klara-server-strip select{min-width:0}.klara-workspace{padding:18px 14px}.klara-workspace-heading{flex-direction:column}.klara-workspace-heading h2{font-size:38px}.klara-summary-grid{grid-template-columns:1fr}.klara-summary-grid>a,.klara-summary-grid>article{padding:16px}.klara-result-filter,.klara-activity-filter,.klara-week-picker{align-items:stretch;flex-direction:column}.klara-result-filter label,.klara-activity-filter label,.klara-week-picker label{width:100%;min-width:0}.klara-day-nav{display:flex;overflow-x:auto}.klara-day-nav a{min-width:100px}.klara-result-slot{padding:15px}.klara-result-slot>header{align-items:flex-start;flex-direction:column}.klara-activity-range{align-items:flex-start;flex-direction:column}.klara-player-card dl{grid-template-columns:1fr}.klara-empty-connect{grid-template-columns:64px minmax(0,1fr)}.klara-empty-connect>img{width:64px!important;height:64px!important}.klara-empty-connect>.button{grid-column:1/-1}.klara-saved-list article{grid-template-columns:1fr}.klara-saved-list article form{justify-self:start}.klara-event-actions{grid-auto-flow:column!important;justify-content:start}.klara-event-role-picker>form{position:fixed;top:auto;right:12px;bottom:92px;left:12px;width:auto;max-height:70vh;overflow:auto}}
.v3-community-link { display: flex; align-items: center; justify-content: space-between; gap: 38px; margin-bottom: 40px; padding: 38px 42px; border: 1px solid var(--line); background: linear-gradient(100deg, rgba(9, 23, 32, .9), rgba(5, 11, 16, .96)); }
.v3-community-link h2 { margin: 0; font-family: var(--display); font-size: clamp(40px, 4.6vw, 66px); line-height: .85; text-transform: uppercase; }
.v3-community-link p:not(.eyebrow) { max-width: 700px; margin: 14px 0 0; color: var(--muted); }
.v3-community-link .eyebrow { margin-bottom: 11px; }
.v3-community-link .button { flex: none; }

.public-view .footer-wordmark { gap: 8px; }
.public-view .footer-wordmark strong { font-size: 25px; }
.public-view .footer-wordmark small { font-size: 7px; }

.community-hub-pulse { padding-top: 54px; padding-bottom: 28px; }
.community-directory { padding-top: 46px; }
.community-hub-links { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; padding-top: 24px; padding-bottom: 0; }
.community-hub-links a { display: flex; min-height: 72px; align-items: center; gap: 12px; padding: 14px 17px; border: 1px solid var(--line); background: rgba(7, 16, 23, .82); }
.community-hub-links a:hover { border-color: var(--cyan); background: rgba(36, 215, 237, .045); }
.community-hub-links span { color: var(--cyan); font-size: 18px; }
.community-hub-links strong { font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }

.giveaway-page-tabs { display: flex; gap: 4px; padding: 26px 0 0; }
.giveaway-page-tabs a { display: inline-flex; min-height: 45px; align-items: center; gap: 8px; padding: 0 20px; border: 1px solid var(--line); color: #8da0a8; font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.giveaway-page-tabs a[aria-current="page"] { border-color: var(--cyan); background: rgba(36, 215, 237, .06); color: var(--lime); }
.giveaway-page-tabs a span { display: grid; min-width: 19px; height: 19px; place-items: center; border-radius: 50%; background: var(--lime); color: #071016; font-size: 8px; }
@media (min-width: 900px) {
  .giveaway-page-tabs { gap: 10px; padding-top: 34px; }
  .giveaway-page-tabs a { min-width: 190px; min-height: 58px; justify-content: center; padding: 0 30px; border-color: rgba(36,215,237,.34); background: rgba(4,12,18,.72); color: #c4d0d4; font-size: 11px; font-weight: 700; box-shadow: 0 12px 30px rgba(0,0,0,.18); transition: border-color .18s ease, color .18s ease, transform .18s ease, background .18s ease; }
  .giveaway-page-tabs a:hover { transform: translateY(-2px); border-color: var(--cyan); background: rgba(36,215,237,.09); color: #fff; }
  .giveaway-page-tabs a[aria-current="page"] { background: linear-gradient(135deg,rgba(36,215,237,.14),rgba(211,255,37,.07)); }
  .giveaway-winner-stories { padding-top: 38px; }
}

/* v5.5.7 — Discord account links for the guild roster */
.klara-rank-badge{display:inline-flex;align-items:center;padding:.12rem .38rem;margin-right:.25rem;border:1px solid rgba(190,255,20,.55);color:#beff14;font:700 .72rem/1 var(--font-mono,monospace);letter-spacing:.08em}
.klara-discord-directory-status{display:flex;gap:.7rem;align-items:center;justify-content:space-between;border:1px solid rgba(36,199,218,.35);padding:.85rem 1rem;color:#91a2ad}.klara-discord-directory-status strong{color:#f3f6f7}.klara-roster-identity{display:grid;gap:.25rem}.klara-discord-badge{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#8796a0}.klara-discord-badge.is-linked{color:#bfff17}.klara-roster-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.klara-roster-actions details{min-width:13rem;border:1px solid rgba(36,199,218,.3);padding:.65rem}.klara-roster-actions summary{cursor:pointer;color:#23cadb;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.klara-roster-actions details form{display:grid;gap:.65rem;margin-top:.7rem}.klara-roster-actions textarea,.klara-roster-actions select{width:100%}@media(max-width:760px){.klara-discord-directory-status{align-items:flex-start;flex-direction:column}.klara-roster-actions{width:100%;justify-content:stretch}.klara-roster-actions details{width:100%;min-width:0}}
.winner-story-avatar-image { display: block; object-fit: cover; background: #071016; }
.winner-award-note { flex: 1; margin: 22px 0; color: #aebdc2; font-size: 12px; line-height: 1.7; }
.winner-story-grid footer small { color: var(--muted); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
[data-draft-status] { color: var(--muted); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
[data-draft-status].is-saving { color: var(--cyan); }
[data-draft-status].is-saved { color: var(--lime); }
.guide-history-section { padding-top: 0; }
.guide-history-section .studio-panel { padding: 22px; border: 1px solid var(--line); background: var(--panel); }
.guide-history-section .panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.guide-history-section .panel-heading > div { display: flex; align-items: center; gap: 10px; }
.guide-history-section .panel-number { color: var(--lime); font-family: var(--display); }
.guide-history-section .revision-list { display: grid; gap: 8px; }
.guide-history-section .revision-list article { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px; border: 1px solid var(--line); background: #050b10; }
.guide-history-section .revision-list article > div { display: grid; gap: 4px; }
.guide-history-section .revision-list small { color: var(--muted); }
.giveaway-winner-stories { padding-top: 54px; }
.giveaway-winner-stories .section-heading > div > p:last-child { max-width: 720px; margin: 15px 0 0; color: var(--muted); }
.winner-story-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.winner-story-grid > article { display: flex; min-width: 0; flex-direction: column; padding: 25px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(11, 25, 35, .94), rgba(5, 11, 16, .98)); }
.winner-story-grid header { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 13px; align-items: center; }
.winner-story-avatar { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid var(--cyan); color: var(--lime); font-family: var(--display); font-size: 17px; }
.winner-story-grid header > div:nth-child(2) { display: grid; min-width: 0; gap: 3px; }
.winner-story-grid header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.winner-story-grid header span,
.winner-story-grid header time { color: var(--muted); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.winner-story-grid blockquote { flex: 1; margin: 25px 0; padding: 0; border: 0; color: #d2dadd; font-size: 16px; font-style: normal; line-height: 1.75; }
.winner-story-grid footer { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-top: 17px; border-top: 1px solid var(--line); }
.winner-story-grid footer > div { display: grid; gap: 4px; }
.winner-story-grid footer span { color: var(--cyan); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.winner-story-grid footer strong { font-size: 11px; }
.winner-story-grid footer a { flex: none; color: var(--lime); font-family: var(--mono); font-size: 8px; text-transform: uppercase; }

.winner-public-list article blockquote { margin: 15px 0 0; padding: 14px; border-left: 2px solid var(--lime); background: rgba(211, 255, 37, .035); color: #c7d0d3; font-size: 12px; font-style: normal; line-height: 1.65; }
.winner-public-list article blockquote b { display: block; margin-bottom: 6px; color: var(--cyan); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.winner-public-notice { margin: 16px 0; padding: 16px; border: 1px solid rgba(36, 215, 237, .35); background: rgba(36, 215, 237, .055); }
.winner-public-notice strong { color: var(--lime); }
.winner-public-notice p { margin: 7px 0 0; color: #aebcc1; font-size: 11px; line-height: 1.65; }
.winner-acceptance-form textarea { resize: vertical; }
.winner-acceptance-form .field > small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.winner-contact-fields { display: grid; gap: 14px; margin: 0; padding: 16px; border: 1px solid rgba(36, 215, 237, .3); background: rgba(36, 215, 237, .035); }
.winner-contact-fields legend { padding: 0 7px; color: var(--cyan); font-family: var(--display); font-size: 13px; }
.winner-contact-fields > p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.member-winner-statement { margin: 17px 0 0; padding: 16px; border-left: 2px solid var(--lime); background: rgba(211, 255, 37, .035); color: #c7d0d3; font-size: 12px; line-height: 1.7; }

@media (max-width: 1180px) {
  .public-view .header-inner { width: calc(100vw - 40px); gap: 24px; }
  .public-view .main-nav { gap: 20px; }
  .public-view .main-nav > a { font-size: 9px; }
  .v3-feature-row { grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr); }
  .v3-roundup-copy { padding: 42px; }
  .v3-roundup-counts { grid-template-columns: 1fr; width: 320px; }
}

@media (max-width: 980px), (max-device-width: 980px), (hover: none) and (pointer: coarse) {
  .public-view .site-header { height: 92px; min-height: 92px; }
  .public-view .header-inner { display: flex; width: calc(100vw - 34px); min-height: 92px; }
  .public-view .v3-wordmark strong { font-size: 28px; }
  .public-view .v3-wordmark small { font-size: 7px; }
  .site-menu-toggle { display: grid; margin-left: auto; }
  .header-navigation {
    position: fixed;
    top: 92px;
    right: 14px;
    left: 14px;
    z-index: 100;
    display: none;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-height: calc(100dvh - 108px);
    grid-template-columns: minmax(0, 1fr);
    overflow-y: auto;
    align-items: stretch;
    padding: 12px;
    border: 1px solid rgba(104, 158, 179, .48);
    background: rgba(3, 11, 17, .985);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .68);
  }
  .site-menu-open { overflow: hidden; }
  .site-menu-open .header-navigation { display: grid; }
  .public-view .main-nav { display: grid; width: 100%; min-width: 0; height: auto; gap: 0; margin: 0; overflow: visible; border: 0; }
  .public-view .main-nav > a { display: flex; width: 100%; min-height: 49px; height: auto; align-items: center; justify-content: flex-start; box-sizing: border-box; padding: 0 16px; border-bottom: 1px solid rgba(74, 115, 133, .2); font-size: 11px; text-align: left; }
  .public-view .main-nav > a::after { display: none; }
  .main-nav-more { height: auto; border-bottom: 1px solid rgba(74, 115, 133, .2); }
  .main-nav-more summary { width: 100%; min-height: 49px; height: auto; justify-content: space-between; box-sizing: border-box; padding: 0 16px; font-size: 11px; text-align: left; }
  .main-nav-more > div { position: static; box-sizing: border-box; width: 100%; padding: 0 8px 8px; border: 0; background: transparent; box-shadow: none; }
  .header-account { display: grid; width: 100%; min-width: 0; grid-column: 1; grid-row: auto; grid-template-columns: 44px minmax(0, 1fr); align-items: stretch; justify-content: stretch; gap: 8px; box-sizing: border-box; margin: 0; padding: 12px 0 0; border-top: 1px solid rgba(74, 115, 133, .2); }
  .header-account > * { min-width: 0; }
  .header-account > .header-search-link { width: 44px; height: 44px; }
  .header-account > .header-sign-in { display: flex; width: 100%; height: 44px; justify-content: center; box-sizing: border-box; }
  .header-account > .member-menu { width: 100%; min-width: 0; grid-column: 1 / -1; }
  .member-menu > summary { width: 100%; min-height: 49px; justify-content: flex-start; box-sizing: border-box; padding-inline: 16px; }
  .member-menu-popover { position: static; box-sizing: border-box; width: 100%; margin-top: 8px; }
  .v3-cinematic-hero .hero-copy { width: min(760px, 78vw); padding-top: 190px; }
  .v3-feature-row { grid-template-columns: 1fr; }
  .v3-roundup-feature,
  .v3-roundup-copy { min-height: 400px; }
  .v3-giveaway-feature { display: grid; min-height: 0; grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); border-top: 1px solid rgba(88, 153, 176, .32); border-left: 0; }
  .v3-giveaway-feature > img { width: 100%; height: 100%; min-height: 350px; }
  .v3-community-link { align-items: flex-start; flex-direction: column; }
  .community-hub-links { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 600px), (max-device-width: 600px) {
  .public-view .site-header { height: 86px; min-height: 86px; }
  .public-view .header-inner { width: calc(100vw - 32px); min-height: 86px; }
  .public-view .v3-wordmark { gap: 6px; }
  .public-view .v3-wordmark strong { font-size: 25px; letter-spacing: .29em; }
  .public-view .v3-wordmark small { max-width: 270px; font-size: 6.5px; letter-spacing: .18em; }
  .site-menu-toggle { width: 50px; height: 50px; padding: 13px; }
  .header-navigation { top: 86px; max-height: calc(100dvh - 102px); }
  .public-view-home .v3-cinematic-hero { min-height: 700px; }
  .v3-cinematic-hero .hero-art { object-position: 61% center; }
  .v3-cinematic-hero .hero-shade {
    background:
      linear-gradient(90deg, rgba(2, 7, 11, .82), rgba(2, 8, 12, .28)),
      linear-gradient(0deg, rgba(2, 8, 13, .99) 4%, rgba(2, 8, 13, .72) 44%, rgba(2, 8, 13, .08) 78%);
  }
  .v3-cinematic-hero .hero-copy { display: flex; width: auto; min-height: 700px; margin: 0; flex-direction: column; justify-content: flex-end; padding: 190px 20px 92px; }
  .v3-cinematic-hero .hero-copy .eyebrow { margin-bottom: 24px; font-size: 10px; }
  .v3-cinematic-hero .hero-copy h1 { max-width: 100%; font-size: clamp(58px, 16.4vw, 74px); line-height: .84; }
  .v3-cinematic-hero .hero-summary { max-width: 390px; margin-top: 24px; font-size: 16px; line-height: 1.55; }
  .v3-cinematic-hero .hero-actions { width: auto; margin-top: 27px; }
  .v3-cinematic-hero .hero-actions .button { width: min(255px, 100%); min-width: 0; min-height: 54px; padding: 0 22px; font-size: 15px; }
  .v3-cinematic-hero .hero-index { right: auto; bottom: 28px; left: 20px; }
  .v3-feature-row { width: 100%; gap: 0; }
  .v3-roundup-feature,
  .v3-roundup-copy { min-height: 390px; }
  .v3-roundup-copy { padding: 34px 20px; }
  .v3-roundup-copy h2 { font-size: 54px; }
  .v3-roundup-counts { width: 100%; grid-template-columns: repeat(3, 1fr); margin: 24px 0; }
  .v3-roundup-counts > div { align-items: flex-start; flex-direction: column; padding: 11px; }
  .v3-giveaway-feature { display: flex; }
  .v3-giveaway-feature > img { height: 165px; min-height: 165px; }
  .v3-giveaway-copy { padding: 24px 20px; }
  .v3-giveaway-copy h2 { font-size: 42px; }
  .v3-news-section { padding-top: 58px; }
  .v3-community-link { width: calc(100vw - 24px); gap: 25px; margin-bottom: 22px; padding: 28px 22px; }
  .v3-community-link .button { width: 100%; }
  .giveaway-page-tabs { padding-top: 18px; }
  .giveaway-page-tabs a { flex: 1; justify-content: center; padding: 0 10px; }
  .winner-story-grid { grid-template-columns: 1fr; }
  .winner-story-grid > article { padding: 20px; }
  .winner-story-grid header { grid-template-columns: 42px minmax(0, 1fr); }
  .winner-story-grid header time { grid-column: 2; }
  .winner-story-grid footer { align-items: flex-start; flex-direction: column; }
  .community-hub-links { grid-template-columns: repeat(2, 1fr); }
}

@media (max-height: 700px) and (min-width: 700px) and (hover: none) {
  .public-view-home .v3-cinematic-hero { min-height: 700px; }
  .v3-cinematic-hero .hero-copy { padding-top: 175px; padding-bottom: 92px; }
  .v3-cinematic-hero .hero-copy h1 { font-size: clamp(68px, 8vw, 106px); }
}

/*
 * Desktop density pass.
 *
 * The approved cinematic proportions remain untouched below 981px. On a PC,
 * the site now has a finite canvas and a quieter type scale instead of growing
 * headings, artwork and section heights with the full monitor width.
 */
@media (min-width: 981px) {
  .public-view { --page: min(1180px, calc(100vw - 64px)); }

  .public-view .header-inner { width: var(--page); }

  .public-view-home .v3-cinematic-hero {
    width: min(1280px, calc(100vw - 32px));
    min-height: clamp(530px, 56vh, 590px);
    margin-right: auto;
    margin-left: auto;
  }
  .v3-cinematic-hero .hero-copy {
    width: min(780px, 62vw);
    margin-left: max(24px, calc((100% - 1180px) / 2));
    padding-top: clamp(118px, 13vh, 140px);
    padding-bottom: 42px;
  }
  .v3-cinematic-hero .hero-copy .eyebrow {
    margin-bottom: 20px;
    font-size: 10px;
  }
  .v3-cinematic-hero .hero-copy h1 {
    max-width: 780px;
    font-size: clamp(54px, 3.8vw, 64px);
    line-height: .88;
  }
  .v3-cinematic-hero .hero-summary {
    max-width: 540px;
    margin-top: 22px;
    font-size: 16px;
  }
  .v3-cinematic-hero .hero-actions { margin-top: 28px; }
  .v3-cinematic-hero .hero-actions .button {
    min-width: 214px;
    min-height: 52px;
    padding: 0 22px;
    font-size: 14px;
  }
  .v3-cinematic-hero .hero-index {
    bottom: 28px;
    left: max(24px, calc((100% - 1180px) / 2));
  }

  .v3-feature-row {
    width: min(1280px, calc(100vw - 32px));
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: minmax(0, 1.68fr) minmax(300px, .82fr);
    border-right: 1px solid rgba(88, 153, 176, .2);
    border-left: 1px solid rgba(88, 153, 176, .2);
  }
  .v3-roundup-feature,
  .v3-roundup-copy,
  .v3-giveaway-feature { min-height: 350px; }
  .v3-roundup-copy { padding: clamp(34px, 3.4vw, 52px); }
  .v3-roundup-copy h2 {
    max-width: 650px;
    font-size: clamp(42px, 3.1vw, 54px);
    line-height: .9;
  }
  .v3-roundup-copy > p:not(.eyebrow) {
    max-width: 620px;
    margin-top: 15px;
    font-size: 13px;
  }
  .v3-roundup-counts {
    width: min(520px, 100%);
    margin: 20px 0;
  }
  .v3-roundup-counts > div { padding: 11px 13px; }
  .v3-roundup-counts dd { font-size: 23px; }

  .v3-giveaway-feature > img { height: 130px; }
  .v3-giveaway-copy { padding: 22px 24px; }
  .v3-giveaway-copy h2 {
    margin-top: 13px;
    font-size: clamp(30px, 2.25vw, 38px);
  }
  .v3-giveaway-prize,
  .v3-giveaway-copy time { margin-top: 13px; }
  .v3-giveaway-actions { padding-top: 15px; }

  .public-view .section { padding-top: 76px; padding-bottom: 84px; }
  .public-view .section-heading { margin-bottom: 26px; }
  .public-view .section-heading h2 { font-size: clamp(40px, 3.4vw, 50px); }
  .public-view .card-body { padding: 20px; }
  .public-view .card-body h3 { font-size: clamp(25px, 1.9vw, 30px); }
  .public-view .v3-news-grid .content-card,
  .public-view .v3-news-grid .content-card-wide {
    grid-column: span 4;
    grid-row: auto;
  }
  .public-view .v3-news-grid .card-image-wrap,
  .public-view .v3-news-grid .content-card-wide .card-image-wrap {
    aspect-ratio: 16 / 9;
  }
  .public-view .page-masthead {
    width: min(1280px, calc(100vw - 32px));
    min-height: 320px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 76px;
    padding-bottom: 58px;
  }
  .public-view .page-masthead h1 { font-size: clamp(54px, 4.6vw, 72px); }
  .public-view .page-masthead > p:not(.eyebrow) { font-size: 16px; }
  .public-view .masthead-watermark { font-size: 132px; }
  .public-view .article-header h1 { font-size: clamp(52px, 4.4vw, 70px); }

  .public-view .v3-feature-row { padding: 0; }
  .public-view .v3-news-section { padding-top: 64px; padding-bottom: 84px; }
  .public-view .v3-community-link { padding: 31px 34px; }
  .v3-community-link h2 { font-size: clamp(36px, 3vw, 48px); }
}

@media (prefers-reduced-motion: reduce) {
  .site-menu-toggle span,
  .main-nav-more summary span {
    transition: none;
  }
}

/* v3.3 — focused giveaway activities */
.giveaway-type-badge { margin-left: 7px; border-color: rgba(36,215,237,.5); color: var(--cyan); }
.giveaway-quiz-form { gap: 16px; }
.giveaway-quiz-question { display: grid; gap: 8px; margin: 0; padding: 16px; border: 1px solid var(--line); }
.giveaway-quiz-question legend { display: flex; gap: 10px; padding: 0 6px; font-weight: 700; }
.giveaway-quiz-question legend span { color: var(--cyan); font-family: var(--mono); }
.giveaway-quiz-question > label { display: flex; min-height: 44px; align-items: center; gap: 11px; padding: 10px 12px; border: 1px solid var(--line); cursor: pointer; }
.giveaway-quiz-question > label:has(input:checked) { border-color: var(--cyan); background: rgba(36,215,237,.06); }
.find-stella-intro { margin-bottom: 14px; }
.find-stella-intro strong,.find-stella-intro p { display: block; }
.find-stella-intro p { margin: 6px 0 0; color: var(--muted); }
.find-stella-prizes { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 14px; }
.find-stella-prizes > span { display: grid; gap: 2px; padding: 8px 10px; border: 1px solid rgba(36,215,237,.25); background: rgba(36,215,237,.035); }
.find-stella-prizes b { color: var(--text); font-size: 10px; }
.find-stella-prizes small { color: var(--muted); font-family: var(--mono); font-size: 7px; text-transform: uppercase; }
.find-stella-difficulty { display: grid; gap: 10px; margin: 0 0 18px; padding: 15px; border: 1px solid rgba(36,215,237,.25); background: linear-gradient(145deg,rgba(8,25,36,.78),rgba(4,12,18,.9)); }
.find-stella-difficulty-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.find-stella-difficulty-heading strong { color: var(--text); }
.find-stella-difficulty-heading span { color: var(--lime); font-family: var(--display); font-size: 20px; text-transform: uppercase; }
.find-stella-difficulty input[type="range"] { width: 100%; accent-color: var(--cyan); cursor: pointer; }
.find-stella-difficulty input[type="range"]:disabled { cursor: not-allowed; opacity: .72; }
.find-stella-difficulty-scale { display: flex; justify-content: space-between; color: var(--muted); font: 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.find-stella-prize-level > small { display: block; margin-bottom: 7px; color: var(--cyan); font: 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.find-stella-prize-level > p,.find-stella-difficulty-note { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.find-stella-difficulty-note { padding-top: 2px; border-top: 1px solid rgba(255,255,255,.06); }
.find-stella-grid { display: grid; grid-template-columns: repeat(var(--stella-grid),minmax(0,1fr)); gap: 7px; margin-bottom: 16px; }
.find-stella-board { position: relative; }
.find-stella-grid button { position: relative; display: grid; min-width: 0; overflow: hidden; aspect-ratio: 1; place-items: center; padding: 0; border: 1px solid rgba(36,215,237,.35); background: linear-gradient(145deg,rgba(13,34,47,.96),rgba(5,14,21,.96)); color: var(--cyan); cursor: pointer; font-family: var(--display); font-size: clamp(20px,5vw,38px); -webkit-tap-highlight-color: transparent; }
.find-stella-grid button:hover,.find-stella-grid button:focus-visible { border-color: var(--lime); color: var(--lime); transform: translateY(-2px); }
.find-stella-grid button:disabled { cursor: default; opacity: 1; transform: none; }
.find-stella-grid button img { width: 100%; height: 100%; object-fit: cover; animation: stella-reveal .42s ease both; }
.find-stella-grid button.is-losing { border-color: rgba(255,74,86,.72); background: rgba(73,7,14,.76); }
.find-stella-grid button.is-safe { border-color: rgba(36,215,237,.7); background: rgba(6,35,47,.82); }
.find-stella-grid button.is-winning { z-index: 1; border-color: var(--lime); box-shadow: 0 0 26px rgba(211,255,37,.28); }
.find-stella-grid button.is-revealing::after { width: 24%; aspect-ratio: 1; border: 2px solid rgba(36,215,237,.3); border-top-color: var(--cyan); border-radius: 50%; content: ""; animation: stella-spin .7s linear infinite; }
.find-stella-result { min-height: 24px; margin: 0 0 12px; color: var(--text); font-weight: 700; line-height: 1.5; }
.find-stella-lockout { position: absolute; z-index: 5; inset: -8px; display: grid; place-items: center; padding: 18px; background: rgba(2,8,13,.88); opacity: 0; pointer-events: none; transition: opacity .2s ease; backdrop-filter: blur(7px); }
.find-stella-lockout.is-visible { opacity: 1; pointer-events: auto; }
.find-stella-lockout > div { width: min(100%,420px); padding: 26px 22px; border: 1px solid rgba(255,74,86,.7); background: linear-gradient(145deg,rgba(43,7,13,.98),rgba(5,14,21,.98)); box-shadow: 0 20px 60px rgba(0,0,0,.55); text-align: center; }
.find-stella-lockout-visual { margin: 0 auto 12px; }
.find-stella-lockout-visual span { display: grid; width: 54px; height: 54px; place-items: center; margin: 0 auto; border: 2px solid #ff4a56; border-radius: 50%; color: #ff4a56; font: 46px/1 var(--display); }
.find-stella-lockout-visual img { display: block; width: min(100%,240px); aspect-ratio: 1; margin: 0 auto; border: 2px solid var(--lime); border-radius: 8px; object-fit: cover; box-shadow: 0 0 28px rgba(211,255,37,.24); animation: stella-reveal .42s ease both; }
.find-stella-lockout-visual [hidden] { display: none; }
.find-stella-lockout.is-win > div { border-color: rgba(211,255,37,.78); background: linear-gradient(145deg,rgba(23,42,9,.98),rgba(5,14,21,.98)); }
.find-stella-lockout.is-win h3 { color: var(--lime); }
.find-stella-lockout h3 { margin: 0 0 8px; color: var(--text); font: clamp(28px,6vw,44px)/.95 var(--display); text-transform: uppercase; }
.find-stella-lockout p { margin: 0 0 18px; color: var(--muted); line-height: 1.55; }
@keyframes stella-reveal { from { opacity: 0; transform: rotateY(82deg) scale(.86); } to { opacity: 1; transform: rotateY(0) scale(1); } }
@keyframes stella-spin { to { transform: rotate(360deg); } }
@media (max-width: 600px) {
  .find-stella-grid { gap: 5px; }
  .find-stella-prizes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .giveaway-quiz-question { padding: 12px; }
}

/* v3.7.6 — calmer article covers and staff-only Command Deck shortcut. */
.article-page .article-hero { width: 100%; height: auto; aspect-ratio: auto; margin-right: auto; margin-left: auto; background: #03080d; }
.article-page .article-hero img { display: block; width: 100%; height: auto; max-height: 720px; object-fit: contain; }
.article-page .article-hero-compact { width: min(560px, 100%); }
.article-page .article-hero-compact img { max-height: 360px; }
.article-page .article-hero-medium { width: min(820px, 100%); }
.article-page .article-hero-medium img { max-height: 500px; }
.article-page .article-hero-large { width: min(980px, 100%); }
.article-page .article-hero-large img { max-height: 620px; }
.article-page .article-hero-full { width: 100%; }
.floating-command-deck { position: fixed; z-index: 88; top: 50%; right: max(14px, env(safe-area-inset-right)); display: flex; min-height: 48px; align-items: center; gap: 9px; padding: 8px 13px 8px 9px; border: 1px solid rgba(211,255,37,.7); background: rgba(3,10,15,.94); box-shadow: 0 14px 38px rgba(0,0,0,.46),0 0 22px rgba(211,255,37,.09); color: var(--lime); transform: translateY(-50%); backdrop-filter: blur(14px); }
.floating-command-deck span { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(36,215,237,.48); color: var(--cyan); font: 24px/1 var(--display); }
.floating-command-deck b { font-family: var(--mono); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.floating-command-deck:hover,.floating-command-deck:focus-visible { border-color: var(--cyan); background: #07131b; color: #fff; transform: translateY(-50%) translateX(-3px); }
@media (max-width: 760px), (max-device-width: 760px) {
  .article-page .article-hero img { max-height: min(62vh, 540px); }
  .floating-command-deck { top: auto; right: max(12px, env(safe-area-inset-right)); bottom: calc(18px + env(safe-area-inset-bottom)); min-height: 46px; padding: 7px 10px 7px 7px; transform: none; }
  .floating-command-deck:hover,.floating-command-deck:focus-visible { transform: translateY(-2px); }
}

/* v3.7.6 — update hubs open on the reveals, not an oversized banner. */
@media (min-width: 761px) {
  .update-hub .season-hero,.update-hub.hub-layout-split .season-hero,.update-hub.hub-layout-compact .season-hero { min-height:clamp(300px,40vh,370px); }
  .update-hub .season-hero-copy,.update-hub.hub-layout-split .season-hero-copy,.update-hub.hub-layout-compact .season-hero-copy { width:min(840px,72vw); margin-left:max(30px,calc((100vw - 1180px) / 2)); padding:48px 0 42px; }
  .update-hub .season-hero h1,.update-hub .season-hero h1.hub-title-long,.update-hub.hub-layout-split .season-hero h1,.update-hub.hub-layout-compact .season-hero h1 { max-width:760px; font-size:clamp(42px,4.7vw,68px); line-height:.88; }
  .update-hub .season-hero-copy > p:not(.eyebrow) { max-width:650px; margin:14px 0; font-size:14px; line-height:1.5; }
  .update-hub .season-status { margin-bottom:12px; }
  .update-hub .hub-notify-action { display:flex; align-items:center; gap:13px; margin-top:14px; }
  .update-hub .hub-notify-action .button { min-width:190px; min-height:42px; }
  .update-hub .hub-notify-action small { max-width:360px; }
  .update-hub .season-watermark { bottom:-25px; font-size:150px; }
}
.update-hub .season-content { display:flex; flex-direction:column; padding-top:28px; }
.update-hub .season-articles-heading { order:1; margin:0 0 18px; }
.update-hub .hub-article-grid,.update-hub .season-empty { order:2; }
.update-hub .season-intro-panel { order:3; margin-top:34px; }
.update-hub .hub-teaser { order:4; min-height:250px; margin-top:28px; }
.update-hub .hub-countdown-standalone { order:0; margin:0 0 18px auto; }
.update-hub .hub-teaser-art { min-height:250px; }
.update-hub .hub-teaser-copy { padding:26px 34px; }
.update-hub .hub-teaser-copy h2 { font-size:clamp(38px,4vw,56px); }
@media (max-width:760px), (max-device-width:760px) {
  .update-hub .season-hero,.update-hub.hub-layout-split .season-hero,.update-hub.hub-layout-compact .season-hero { min-height:430px; }
  .update-hub .season-hero-copy,.update-hub.hub-layout-split .season-hero-copy,.update-hub.hub-layout-compact .season-hero-copy { padding:62px 20px 36px; }
  .update-hub .season-hero h1,.update-hub .season-hero h1.hub-title-long,.update-hub.hub-layout-split .season-hero h1,.update-hub.hub-layout-compact .season-hero h1 { font-size:clamp(38px,11vw,55px); }
  .update-hub .season-hero-copy > p:not(.eyebrow) { margin:14px 0; font-size:14px; line-height:1.5; }
  .update-hub .hub-notify-action { margin-top:16px; }
  .update-hub .season-content { padding-top:22px; }
}

/* v3.7.7 — one lightweight route from a locked hub reveal to Games. */
.update-hub .hub-wait-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
.update-hub .hub-wait-actions form { margin:0; }
.update-hub .hub-wait-actions .button { min-width:0; }
.update-hub .hub-play-button { border-color:rgba(36,215,237,.58); color:var(--cyan); }

/* v3.7.7 Murpo Arcade */
.arcade-page{width:min(1240px,calc(100% - 40px));margin:36px auto 90px}
.arcade-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:end;padding:48px;border:1px solid rgba(36,215,237,.28);background:radial-gradient(circle at 80% 10%,rgba(36,215,237,.15),transparent 35%),linear-gradient(135deg,#071018,#03070b);box-shadow:0 28px 80px rgba(0,0,0,.35)}
.arcade-hero h1{margin:10px 0;font-size:clamp(48px,8vw,104px);line-height:.85;text-transform:uppercase}.arcade-hero h1 mark{color:var(--lime);background:none}.arcade-hero p{max-width:720px;color:#adbac4;font-size:17px;line-height:1.65}
.arcade-status{display:grid;gap:4px;padding:20px;border-left:2px solid var(--lime)}.arcade-status span,.arcade-status small{color:var(--muted);font:10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}.arcade-status strong{color:#fff;font:64px/.9 var(--display)}
.arcade-signin-note{display:flex;gap:14px;align-items:center;padding:14px 18px;border:1px solid rgba(211,255,37,.22);background:rgba(211,255,37,.05)}.arcade-signin-note span{color:var(--muted)}.arcade-signin-note a{margin-left:auto;color:var(--lime)}
.arcade-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0;background:var(--line)}.arcade-selector button{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;padding:20px;border:0;background:#071018;color:#fff;text-align:left;cursor:pointer}.arcade-selector button>span{grid-row:1/3;color:var(--cyan);font:11px var(--mono)}.arcade-selector button b{font-size:16px}.arcade-selector button small{color:var(--muted)}.arcade-selector button.is-active{background:linear-gradient(120deg,rgba(36,215,237,.16),rgba(211,255,37,.08));box-shadow:inset 0 -3px var(--lime)}
.arcade-game{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(520px,1.25fr);gap:38px;align-items:center;padding:34px;border:1px solid var(--line);background:#050b10}.arcade-game-copy h2{margin:8px 0 14px;font-size:clamp(34px,5vw,68px);line-height:.95}.arcade-game-copy>p:not(.eyebrow){color:#aab6bf;line-height:1.7}.arcade-live-stat{display:inline-flex;gap:18px;align-items:center;margin-top:20px;padding:12px 16px;border:1px solid rgba(36,215,237,.2)}.arcade-live-stat span{color:var(--muted);font:10px var(--mono);text-transform:uppercase}.arcade-live-stat strong{color:var(--lime);font:28px var(--display)}
.arcade-machine{display:grid;gap:14px}.arcade-machine>.button{justify-self:start}.arcade-machine>small{color:var(--muted)}.arcade-screen{position:relative;min-height:430px;overflow:hidden;border:1px solid rgba(36,215,237,.3);background:radial-gradient(circle at 50% 50%,rgba(36,215,237,.08),transparent 60%),#02070c;box-shadow:inset 0 0 70px rgba(0,0,0,.7)}
.stella-arcade-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:28px}.stella-arcade-grid button{aspect-ratio:1;border:1px solid rgba(36,215,237,.25);background:#07131b;color:var(--cyan);font:16px var(--mono);cursor:pointer}.stella-arcade-grid button:hover{border-color:var(--lime);transform:translateY(-2px)}.stella-arcade-grid button.is-empty{color:#4e5e69;background:#03080c}.stella-arcade-grid button.is-stella{grid-column:span 2;color:#061008;background:var(--lime);font-size:11px;font-weight:900;box-shadow:0 0 35px rgba(211,255,37,.5)}
.fleet-screen canvas{display:block;width:100%;height:auto;touch-action:none}.signal-screen{display:grid;place-items:center}.signal-grid{display:grid;grid-template-columns:repeat(2,140px);gap:18px}.signal-grid button{aspect-ratio:1;border:1px solid rgba(255,255,255,.15);background:#08141c;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}.signal-grid button:nth-child(1){--signal:#24d7ed}.signal-grid button:nth-child(2){--signal:#d3ff25}.signal-grid button:nth-child(3){--signal:#a779ff}.signal-grid button:nth-child(4){--signal:#ffb339}.signal-grid button::after{display:block;width:38%;height:38%;margin:auto;border:2px solid var(--signal);border-radius:50%;content:''}.signal-grid button.is-lit{background:var(--signal);box-shadow:0 0 55px var(--signal);transform:scale(.94)}.signal-grid button.is-lit::after{border-color:#fff}
.arcade-result{position:absolute;z-index:5;inset:0;display:grid;place-content:center;justify-items:center;padding:25px;background:rgba(2,7,12,.94);text-align:center}.arcade-result[hidden]{display:none}.arcade-result>span{color:var(--cyan);font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase}.arcade-result>strong{color:var(--lime);font:clamp(58px,9vw,100px)/1 var(--display)}.arcade-result p{max-width:380px;color:#aab6bf}
.arcade-leaderboards{margin-top:44px}.leaderboard-periods{display:flex;gap:6px}.leaderboard-periods button{padding:9px 13px;border:1px solid var(--line);background:#071018;color:var(--muted);cursor:pointer}.leaderboard-periods button.is-active{border-color:var(--lime);color:var(--lime)}.arcade-board{border:1px solid var(--line);background:#050b10}.arcade-board>header{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.arcade-board>header h3{margin:0}.arcade-board>header span{color:var(--muted);font:10px var(--mono);text-transform:uppercase}.arcade-board ol{margin:0;padding:0;list-style:none}.arcade-board li{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.05)}.arcade-board li>b{color:var(--cyan);font:12px var(--mono)}.arcade-board li>span{display:flex;gap:10px}.arcade-board li small{color:var(--muted)}.arcade-board li em{color:var(--lime);font:22px var(--display);font-style:normal}.arcade-board .arcade-board-empty{display:block;color:var(--muted)}
@media(max-width:850px){.arcade-page{width:min(100% - 22px,1240px);margin-top:18px}.arcade-hero{grid-template-columns:1fr;padding:28px 22px}.arcade-status{display:none}.arcade-signin-note{align-items:flex-start;flex-direction:column}.arcade-signin-note a{margin-left:0}.arcade-selector{grid-template-columns:1fr}.arcade-game{grid-template-columns:1fr;padding:22px;gap:24px}.arcade-screen{min-height:340px}.stella-arcade-grid{padding:14px;gap:5px}.signal-grid{grid-template-columns:repeat(2,min(30vw,125px))}.section-heading .leaderboard-periods{margin-top:15px}.arcade-board li{padding:13px 14px}}

@media (max-width:760px), (max-device-width:760px) {
  .update-hub .hub-wait-actions { width:100%; }
  .update-hub .hub-wait-actions > form,
  .update-hub .hub-wait-actions > .button { width:100%; }
  .update-hub .hub-wait-actions .button { width:100%; }
}

/* v3.7.8 — responsive two-photo article rows and persistent editor tools. */
.rich-body figure[data-layout="side-left"],.rich-body figure[data-layout="side-right"] { display:inline-block !important; width:calc(50% - 12px) !important; max-width:calc(50% - 12px) !important; clear:none !important; float:none !important; vertical-align:top; margin:26px 0 !important; transform:none !important; }
.rich-body figure[data-layout="side-left"] { margin-right:16px !important; }
.rich-body figure[data-layout="side-left"] img,.rich-body figure[data-layout="side-right"] img { display:block; width:100%; height:auto; }
.image-pair-button { align-self:end; min-width:142px; }
.mobile-image-sheet-actions .mobile-image-pair { grid-column:1 / -1; border-color:rgba(36,215,237,.5); color:var(--cyan); }
.visual-article-builder .rich-editor-toolbar { position:sticky; top:148px; z-index:31; }

/* v3.7.22: scheduled article links and article giveaway promotion. */
.future-article-link { display:grid; gap:12px; padding:18px; border:1px solid rgba(36,215,237,.34); background:linear-gradient(135deg,rgba(36,215,237,.08),rgba(3,8,12,.72)); }
.future-article-link > div:first-child { display:grid; gap:4px; }
.future-article-link strong { font-family:var(--display); font-size:22px; letter-spacing:.03em; text-transform:uppercase; }
.future-article-link small,.future-article-link p { color:var(--muted); font-size:10px; line-height:1.6; }
.future-article-link p { margin:0; }
.article-link-picker { position:relative; z-index:38; display:grid; gap:14px; margin-top:10px; padding:16px; border:1px solid var(--cyan); background:#071018; box-shadow:0 18px 50px rgba(0,0,0,.5); }
.article-link-picker[hidden] { display:none; }
.article-link-picker header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.article-link-picker header > div { display:grid; gap:3px; }
.article-link-picker header strong { font-family:var(--display); font-size:22px; letter-spacing:.03em; text-transform:uppercase; }
.article-link-picker header span,.article-link-picker label span,.article-link-picker p { color:var(--muted); font-family:var(--mono); font-size:9px; line-height:1.5; }
.article-link-picker header button { width:36px; height:36px; border:1px solid var(--line); background:#03080c; color:var(--text); cursor:pointer; font-size:20px; }
.article-link-picker label { display:grid; gap:6px; }
.article-link-results { display:grid; gap:7px; max-height:330px; overflow:auto; }
.article-link-results > button { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; padding:12px; border:1px solid var(--line); background:#03080c; color:var(--text); cursor:pointer; text-align:left; }
.article-link-results > button:hover,.article-link-results > button:focus-visible { border-color:var(--cyan); }
.article-link-results > button > span { display:grid; gap:4px; min-width:0; }
.article-link-results strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.article-link-results small { color:var(--muted); font-family:var(--mono); font-size:8px; }
.article-giveaway-panel { max-width:900px; display:grid; grid-template-columns:minmax(220px,36%) minmax(0,1fr); gap:0; margin:42px auto 0; overflow:hidden; border:1px solid rgba(211,255,37,.42); background:linear-gradient(135deg,rgba(211,255,37,.08),rgba(3,8,12,.96) 48%); }
.article-giveaway-image { position:relative; display:grid; min-height:260px; place-items:center; overflow:hidden; background:#061018; color:var(--lime); font-family:var(--display); font-size:72px; }
.article-giveaway-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.article-giveaway-panel > div { padding:28px; }
.article-giveaway-panel h2 { margin:12px 0 9px; font-family:var(--display); font-size:clamp(34px,4vw,52px); letter-spacing:.025em; line-height:.92; text-transform:uppercase; }
.article-giveaway-panel > div > p:not(.eyebrow) { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.article-giveaway-panel dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:20px 0; }
.article-giveaway-panel dl div { padding:11px; border:1px solid var(--line); }
.article-giveaway-panel dt { color:var(--muted); font-family:var(--mono); font-size:8px; text-transform:uppercase; }
.article-giveaway-panel dd { margin:5px 0 0; color:var(--cyan); font-size:11px; font-weight:800; }
@media (max-width:700px) {
  .article-link-picker { padding:12px; }
  .article-link-results { max-height:280px; }
  .article-giveaway-panel { grid-template-columns:1fr; margin-top:28px; }
  .article-giveaway-image { min-height:210px; }
  .article-giveaway-panel > div { padding:21px 18px; }
  .article-giveaway-panel dl { grid-template-columns:1fr; }
}
.visual-article-builder .mobile-compose-toolbar { position:sticky; top:148px; z-index:32; }
.visual-article-builder .mobile-compose-more > div { top:204px; }
@media (max-width:700px), (max-device-width:700px) {
  .rich-body figure[data-layout="side-left"],.rich-body figure[data-layout="side-right"] { display:block !important; width:100% !important; max-width:100% !important; margin:28px 0 !important; }
  .visual-article-builder .mobile-compose-toolbar { top:140px; }
  .visual-article-builder .mobile-compose-more > div { top:196px; }
}
/* v3.7.21 — reversible formatting and per-section spacing controls. */
.rich-editor-toolbar button.is-active,
.mobile-compose-toolbar button.is-active {
  border-color:var(--lime);
  background:rgba(211,255,37,.1);
  color:var(--lime);
  box-shadow:inset 0 -2px var(--lime);
}
.editor-spacing-controls { display:inline-flex; align-items:stretch; gap:4px; padding-left:3px; }
.editor-spacing-controls > span { display:inline-flex; align-items:center; padding:0 5px; color:var(--muted); font:8px var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.editor-spacing-controls > button { min-width:48px; }
.mobile-compose-menu-label { display:block; padding:8px 10px 4px; color:var(--muted); font:8px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.rich-body > p[data-spacing="tight"],
.rich-body > ul[data-spacing="tight"],
.rich-body > ol[data-spacing="tight"],
.rich-body > blockquote[data-spacing="tight"] { margin-bottom:7px !important; line-height:1.28 !important; }
.rich-body > h2[data-spacing="tight"],
.rich-body > h3[data-spacing="tight"],
.rich-body > h4[data-spacing="tight"] { margin-top:20px !important; margin-bottom:7px !important; line-height:1.02 !important; }
.rich-body > p[data-spacing="relaxed"],
.rich-body > ul[data-spacing="relaxed"],
.rich-body > ol[data-spacing="relaxed"],
.rich-body > blockquote[data-spacing="relaxed"] { margin-bottom:38px !important; line-height:2.05 !important; }
.rich-body > h2[data-spacing="relaxed"],
.rich-body > h3[data-spacing="relaxed"],
.rich-body > h4[data-spacing="relaxed"] { margin-top:58px !important; margin-bottom:24px !important; line-height:1.16 !important; }
@media (max-width:760px), (max-device-width:760px) {
  .editor-spacing-controls { flex:0 0 auto; }
  .editor-spacing-controls > span { display:none; }
  .editor-spacing-controls > button { min-width:52px; }
}


/* v3.7.16 — one real cover image; detail-page borders hug its natural shape. */
.article-page .article-hero {
  display:table;
  width:auto;
  max-width:100%;
  overflow:hidden;
  background:transparent;
}
.article-page .article-hero img {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin:0;
  object-fit:contain;
}
.article-page .article-hero-compact { width:auto; max-width:min(560px,100%); }
.article-page .article-hero-medium { width:auto; max-width:min(820px,100%); }
.article-page .article-hero-large { width:auto; max-width:min(980px,100%); }
.article-page .article-hero-full { width:auto; max-width:100%; }
.card-image,
.guide-card-image img,
.giveaway-card-image img,
.giveaway-hero > img,
.v3-giveaway-feature > img,
.clip-card-media img,
.search-result-list img,
.dashboard-feed-image img,
.continue-reading-art img,
.hub-preview-image img,
.hub-teaser-art img,
.hero-art,
.masthead-art,
.season-hero-art { object-fit:cover; }
.content-card:hover .card-image,
.giveaway-card:hover .giveaway-card-image img {
  transform:none;
}

/* v3.7.20 — direct two-image selection and safe cover design presets. */
.rich-editor-canvas figure.is-pair-source { outline:3px solid var(--lime); outline-offset:4px; }
.rich-editor-canvas figure.is-pair-candidate { cursor:pointer; outline:1px dashed var(--cyan); outline-offset:4px; }
.rich-editor-canvas figure.is-pair-candidate:hover { outline:3px solid var(--cyan); }
.image-swap-button { align-self:end; min-width:100px; border-color:rgba(211,255,37,.48); color:var(--lime); }
.article-page .article-hero[class*="cover-style-"] { box-sizing:border-box; }
.article-page .article-hero.cover-style-clean { border:0; box-shadow:none; }
.article-page .article-hero.cover-style-signal { padding:4px; border:1px solid rgba(36,215,237,.72); background:#041018; box-shadow:0 0 0 1px rgba(36,215,237,.1),0 18px 52px rgba(0,0,0,.32); }
.article-page .article-hero.cover-style-rounded { padding:5px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:#071017; box-shadow:0 18px 48px rgba(0,0,0,.3); }
.article-page .article-hero.cover-style-rounded img { border-radius:12px; }
.article-page .article-hero.cover-style-glow { padding:4px; border:1px solid var(--cyan); background:#031018; box-shadow:0 0 22px rgba(36,215,237,.3),0 22px 60px rgba(0,0,0,.38); }
.article-page .article-hero.cover-style-poster { padding:14px; border:1px solid rgba(211,255,37,.52); background:linear-gradient(145deg,#0b1820,#02070b); box-shadow:8px 8px 0 rgba(36,215,237,.12),0 24px 60px rgba(0,0,0,.4); }
@media (max-width:700px), (max-device-width:700px) {
  .article-page .article-hero.cover-style-poster { padding:8px; box-shadow:4px 4px 0 rgba(36,215,237,.12),0 16px 38px rgba(0,0,0,.36); }
}

/* v3.8 scheduled-article controls */
.scheduled-article-teaser{position:absolute;inset:0;overflow:hidden;border-radius:inherit;opacity:.42;pointer-events:none}.scheduled-article-teaser:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,11,.35),rgba(5,7,11,.78) 92%)}.scheduled-article-teaser img{width:100%;height:100%;object-fit:cover;filter:blur(14px) saturate(.8) brightness(.8);transform:scale(1.08)}.scheduled-article-card>*:not(.scheduled-article-teaser){position:relative;z-index:1}.scheduled-notify-form{margin:8px 0}.scheduled-notify-form .button{width:100%;justify-content:center}
.reputation-ledger-list{display:grid;gap:10px}.reputation-ledger-list article{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}.reputation-ledger-list article>span{min-width:68px;font-weight:800;color:var(--lime)}.reputation-ledger-list article>span.negative{color:#ff8b8b}.reputation-ledger-list article div{display:grid;gap:3px}.reputation-ledger-list small{color:var(--muted)}
/* v4.0 opt-in reputation leaderboards */
.v40-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.v40-board-grid>article{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.v40-board-grid h3{margin:0 0 12px}.v40-board-grid ol{display:grid;gap:7px;margin:0;padding-left:26px}.v40-board-grid li{padding-left:4px}.v40-board-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:inherit;text-decoration:none}.v40-board-grid b{color:var(--lime);white-space:nowrap}.v40-board-grid a:hover span{color:var(--cyan)}
@media(max-width:680px){.v40-board-grid{grid-template-columns:1fr}}
.v50-planner{display:grid;gap:13px;padding:20px;margin-bottom:18px;border:1px solid rgba(36,215,237,.25);background:rgba(36,215,237,.045)}.v50-planner>header{display:flex;justify-content:space-between;gap:14px}.v50-planner h2{margin:4px 0}.v50-planner>p{margin:0;color:var(--muted)}.v50-plan-results{display:grid;gap:15px;padding:16px;border:1px solid rgba(211,255,37,.22);background:rgba(0,0,0,.2)}.v50-plan-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v50-plan-sections article{padding:14px;border:1px solid rgba(255,255,255,.1)}.v50-plan-sections h3{color:var(--cyan)}.v50-plan-sections ul,.v50-plan-questions ul{padding-left:20px}.v50-verify{margin-top:10px;padding:9px;border-left:3px solid #ffc76b;background:rgba(255,199,107,.06)}.v50-auto-seo-notice{display:flex;gap:12px;padding:15px;border:1px solid rgba(211,255,37,.3);background:rgba(211,255,37,.055)}.v50-auto-seo-notice>span,.v50-auto-seo-notice strong{color:var(--lime)}.v50-auto-seo-notice p{margin:4px 0 0;color:var(--muted)}.v50-credit-entry{display:grid;gap:10px;margin-top:14px;padding:15px;border:1px solid rgba(211,255,37,.25);background:rgba(211,255,37,.045)}.v50-credit-entry form{display:flex;gap:9px;align-items:end}.v50-credit-entry input{max-width:90px}.reward-credit-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;border:1px solid rgba(211,255,37,.25);background:rgba(211,255,37,.04)}.reward-credit-summary strong{font-size:1.5rem;color:var(--lime)}@media(max-width:700px){.v50-plan-sections{grid-template-columns:1fr}.v50-credit-entry form{align-items:stretch;flex-direction:column}.reward-credit-summary{grid-template-columns:1fr}}
.murpo-badge-art{position:relative;display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;flex:0 0 auto;border:1px solid rgba(36,215,237,.5);clip-path:polygon(50% 0,92% 23%,92% 77%,50% 100%,8% 77%,8% 23%);background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.22),transparent 28%),linear-gradient(145deg,#173243,#071017 65%);box-shadow:inset 0 0 0 3px rgba(211,255,37,.08),0 0 18px rgba(36,215,237,.16)}.murpo-badge-art i{position:absolute;inset:5px;border:1px solid rgba(211,255,37,.45);clip-path:inherit}.murpo-badge-art b{position:relative;color:#d3ff25;font-size:1rem;text-shadow:0 0 9px rgba(211,255,37,.55)}.murpo-badge-art.badge-star,.murpo-badge-art.badge-crown{background:radial-gradient(circle at 35% 30%,#fff3,transparent 30%),linear-gradient(145deg,#57491b,#160f03 70%);border-color:#ffd86b}.murpo-badge-art.badge-star b,.murpo-badge-art.badge-crown b{color:#ffd86b}.murpo-badge-art.badge-core,.murpo-badge-art.badge-comet{background:radial-gradient(circle at 35% 30%,#fff4,transparent 30%),linear-gradient(145deg,#47206b,#13051f 70%);border-color:#c78aff}.murpo-badge-art.is-locked{filter:grayscale(1);opacity:.38}.newer-information-notice{display:flex;gap:1rem;align-items:flex-start;margin:1.5rem 0;padding:1rem 1.2rem;border:1px solid rgba(211,255,37,.5);background:rgba(211,255,37,.07)}.newer-information-notice>span{font-size:1.5rem;color:#d3ff25}.newer-information-notice p{margin:.25rem 0}.newer-information-notice a{color:#d3ff25;font-weight:700}.personal-mission-panel>article{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid rgba(36,215,237,.25)}
/* v5.2 collaborative guides and cleaner member portal */
.member-portal-launchpad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}.member-portal-launchpad>a{display:flex;gap:14px;align-items:center;min-height:126px;padding:20px;border:1px solid rgba(103,204,231,.2);background:linear-gradient(145deg,rgba(10,28,38,.96),rgba(6,17,24,.96));color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}.member-portal-launchpad>a:hover{border-color:#b8ff16;transform:translateY(-2px)}.member-portal-launchpad>a>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(184,255,22,.45);color:#b8ff16;font-size:1.35rem}.member-portal-launchpad small,.member-portal-launchpad p{display:block;color:var(--muted);margin:0}.member-portal-launchpad strong{display:block;font-family:var(--display);font-size:2rem;line-height:1;color:#fff;margin:.25rem 0}.member-settings-shell{margin:0 0 24px;border:1px solid rgba(103,204,231,.16);background:rgba(5,16,23,.72)}.member-settings-shell>summary{display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}.member-settings-shell>summary::-webkit-details-marker{display:none}.member-settings-shell>summary>span{font-weight:800;color:#fff}.member-settings-shell>summary>small{grid-row:2;color:var(--muted)}.member-settings-shell>summary>b{grid-column:2;grid-row:1/3;color:#b8ff16;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.member-settings-shell[open]>summary{border-bottom:1px solid rgba(103,204,231,.16)}.member-settings-shell .member-settings-deck{padding:16px;margin:0}.guide-contribute-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:18px;border:1px solid rgba(184,255,22,.35);background:linear-gradient(90deg,rgba(184,255,22,.1),rgba(7,24,32,.88))}.guide-contribute-callout>div{display:flex;align-items:center;gap:14px}.guide-contribute-callout>div>span{font-size:1.5rem;color:#b8ff16}.guide-contribute-callout p,.guide-contribute-callout small{display:block;margin:0}.guide-contributor-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;color:var(--muted)}.guide-contributor-line strong{padding:5px 9px;border:1px solid rgba(103,204,231,.25);color:#fff}.contribution-reward-banner,.contribution-balance-card{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid rgba(184,255,22,.38);background:linear-gradient(120deg,rgba(184,255,22,.1),rgba(6,20,28,.96));margin-bottom:22px}.contribution-reward-banner>span,.contribution-balance-card>div>span{color:#b8ff16;font-size:2rem}.contribution-reward-banner p,.contribution-balance-card p{margin:.25rem 0 0;color:var(--muted)}.contribution-credit-consent{margin:20px 0}.contribution-submit{min-height:54px}.contribution-balance-card{justify-content:space-between}.contribution-balance-card>div{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center}.contribution-balance-card>div>span{grid-row:1/3}.contribution-balance-card strong{font-size:2rem;color:#fff}.contribution-column-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px}.contribution-list-panel{padding:20px;border:1px solid rgba(103,204,231,.16);background:rgba(5,16,23,.82)}.contribution-review-card,.contribution-status-card{padding:18px;margin-top:16px;border:1px solid rgba(103,204,231,.18);background:rgba(8,25,34,.86)}.contribution-review-card>header{display:flex;justify-content:space-between;gap:16px}.contribution-review-card h3,.contribution-status-card h3{margin:.5rem 0}.contribution-note{padding:12px;margin:14px 0;background:rgba(0,0,0,.18)}.contribution-preview>summary{cursor:pointer;color:#b8ff16;font-weight:800}.contribution-preview>div{max-height:540px;overflow:auto;padding:16px 0}.contribution-review-form{display:grid;gap:12px;margin-top:16px}.contribution-review-form>div{display:flex;gap:10px;flex-wrap:wrap}.credit-earned{display:block;color:#b8ff16;margin:12px 0}.contribution-status-card>a{display:inline-block;margin-top:12px;color:#65d7f3}
@media(max-width:900px){.member-portal-launchpad{grid-template-columns:repeat(2,minmax(0,1fr))}.contribution-column-grid{grid-template-columns:1fr}.contribution-balance-card{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.member-portal-launchpad{grid-template-columns:1fr 1fr;gap:10px}.member-portal-launchpad>a{min-height:116px;padding:14px;align-items:flex-start}.member-portal-launchpad>a>span{width:34px;height:34px;flex:0 0 34px}.member-portal-launchpad strong{font-size:1.55rem}.member-portal-launchpad p{font-size:.74rem}.guide-contribute-callout{align-items:stretch;flex-direction:column}.guide-contribute-callout .button{width:100%;text-align:center}.contribution-list-panel{padding:14px}.contribution-review-card>header{flex-direction:column}.member-settings-shell>summary{padding:16px}}

/* v5.2.2 contributor awareness and dedicated Reward Credits */
.v522-contributor-feature{position:relative;display:grid;grid-template-columns:112px 1fr;gap:22px;align-items:center;min-width:0;padding:28px;overflow:hidden;border:1px solid rgba(101,215,243,.28);background:radial-gradient(circle at 12% 20%,rgba(101,215,243,.16),transparent 36%),linear-gradient(145deg,rgba(8,28,38,.98),rgba(4,14,21,.98))}.v522-contributor-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 42%,rgba(184,255,22,.035));pointer-events:none}.v522-contributor-feature>div:last-child{position:relative;z-index:1;min-width:0}.v522-contributor-feature h2,.v522-contributor-strip h2{margin:.45rem 0;color:#fff}.v522-contributor-feature p{color:var(--muted)}.v522-contributor-feature ul{display:grid;gap:6px;margin:14px 0 20px;padding-left:18px;color:#dcebf1}.v522-klara-mark{width:106px;height:106px;padding:5px;border:1px solid rgba(184,255,22,.4);background:rgba(2,10,15,.8);transform:rotate(-2deg)}.v522-klara-mark img{width:100%;height:100%;object-fit:cover}.v522-contributor-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:0;padding-top:26px;padding-bottom:26px;border-top:1px solid rgba(101,215,243,.2);border-bottom:1px solid rgba(101,215,243,.2);background:linear-gradient(90deg,rgba(101,215,243,.06),rgba(184,255,22,.035))}.v522-contributor-strip>div{max-width:760px}.v522-contributor-strip p{margin:.35rem 0;color:var(--muted)}.contributor-masthead{padding-bottom:44px}.contributor-masthead>.button{margin-top:18px}.contributor-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contributor-benefit-grid article,.contributor-how,.reward-credit-explain-grid article{padding:24px;border:1px solid rgba(101,215,243,.2);background:rgba(5,18,25,.9)}.contributor-benefit-grid article>span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border:1px solid rgba(184,255,22,.42);color:var(--lime);font-size:1.3rem}.contributor-benefit-grid h3{color:#fff}.contributor-benefit-grid p,.contributor-how p{color:var(--muted)}.contributor-how{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(320px,1.3fr) auto;gap:28px;align-items:center;margin-top:18px}.contributor-how ol{display:grid;gap:9px;margin:0;padding-left:22px}.reward-credit-page{display:grid;gap:22px}.reward-credit-hero{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:26px;border:1px solid rgba(184,255,22,.4);background:linear-gradient(115deg,rgba(184,255,22,.11),rgba(6,20,28,.96))}.reward-credit-hero>span{font-size:3rem;color:var(--lime)}.reward-credit-hero small{display:block;color:var(--muted)}.reward-credit-hero strong{display:block;font-family:var(--display);font-size:3rem;line-height:1;color:#fff}.reward-credit-hero p{margin:.35rem 0 0;color:var(--muted)}.reward-credit-explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reward-credit-explain-grid h2{margin:.45rem 0}.reward-credit-explain-grid p{color:var(--muted)}.reward-credit-explain-grid>a,.reward-credit-explain-grid article>a{display:block;margin-top:15px}.reward-credit-history{padding-top:10px}
@media(max-width:850px){.contributor-benefit-grid{grid-template-columns:1fr}.contributor-how{grid-template-columns:1fr}.v522-contributor-strip{align-items:flex-start;flex-direction:column}.reward-credit-explain-grid{grid-template-columns:1fr}}
@media(max-width:600px){.v522-contributor-feature{grid-template-columns:74px 1fr;gap:14px;padding:18px}.v522-klara-mark{width:72px;height:72px;align-self:start}.v522-contributor-feature ul{grid-column:1/-1}.v522-contributor-feature .button{grid-column:1/-1;width:100%;text-align:center}.v522-contributor-strip{padding:20px 16px}.reward-credit-hero{grid-template-columns:auto 1fr;padding:20px}.reward-credit-hero>.button{grid-column:1/-1;width:100%;text-align:center}.reward-credit-hero strong{font-size:2.35rem}}
.v547-ask-page{padding-block:clamp(4rem,8vw,8rem)}
.v547-ask-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(16rem,.7fr);gap:1.25rem;margin-top:2rem}
.v547-ask-form,.v547-ask-safety,.v547-answer-card{padding:clamp(1.25rem,3vw,2rem);background:linear-gradient(145deg,rgba(8,25,34,.96),rgba(3,9,15,.98));border:1px solid rgba(36,215,237,.3)}
.v547-ask-form textarea{min-height:9rem}
.v547-ask-form>small{display:block;margin-top:1rem;color:var(--muted)}
.v547-ask-safety ul,.v547-answer-card ul{display:grid;gap:.8rem;padding-left:1.25rem;color:var(--muted)}
.v547-answer-card{margin-top:1.25rem;border-color:rgba(211,255,37,.45)}
.v547-answer-card>p:not(.eyebrow){font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75}
.v547-answer-card footer{display:grid;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12)}
.v547-answer-card footer a{color:var(--lime)}
@media(max-width:900px){.v547-ask-grid{grid-template-columns:1fr}}
@media(max-width:620px){.v547-ask-page{padding-block:3rem}.member-portal-launchpad{grid-template-columns:1fr 1fr}}

/* v5.4.8 focused Foundation upgrade planner */
.v548-planner{padding-block:clamp(3.5rem,7vw,7rem)}
.v548-planner-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:clamp(2rem,5vw,5rem);align-items:end;padding-bottom:clamp(2rem,4vw,3.5rem);border-bottom:1px solid rgba(36,215,237,.28)}
.v548-planner-hero h1{max-width:820px;margin:.7rem 0;font-size:clamp(4rem,10vw,8.5rem);line-height:.82}
.v548-planner-hero>div>p:last-child{max-width:760px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.75}
.v548-planner-hero aside{display:grid;gap:.35rem;padding:1.35rem;border:1px solid rgba(211,255,37,.38);background:linear-gradient(145deg,rgba(211,255,37,.08),rgba(5,17,24,.95))}
.v548-planner-hero aside span{color:var(--lime);font-family:var(--mono);font-size:.72rem;letter-spacing:.16em}.v548-planner-hero aside strong{font-family:var(--display);font-size:2.2rem;color:#fff}.v548-planner-hero aside small{color:var(--muted);line-height:1.55}
.v548-planner-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:1.5rem 0 0;border:1px solid rgba(36,215,237,.24);background:rgba(3,11,16,.8)}
.v548-planner-tabs button{min-height:62px;padding:.8rem;border:0;border-right:1px solid rgba(36,215,237,.18);background:transparent;color:var(--muted);font-family:var(--mono);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.v548-planner-tabs button:last-child{border-right:0}.v548-planner-tabs button[aria-selected=true]{background:linear-gradient(135deg,rgba(36,215,237,.16),rgba(211,255,37,.08));color:#fff;box-shadow:inset 0 -3px 0 var(--lime)}
.v548-planner-loading{display:grid;min-height:280px;place-items:center;margin-top:1rem;border:1px solid rgba(36,215,237,.2);color:var(--cyan);font-family:var(--mono);letter-spacing:.08em}.v548-planner-loading.is-error{align-content:center;gap:.5rem;color:#ff839a}.v548-planner-loading.is-error p{margin:0;color:var(--muted)}
.v548-planner-panel{margin-top:1rem;padding:clamp(1rem,3vw,2rem);border:1px solid rgba(36,215,237,.24);background:radial-gradient(circle at 95% 0,rgba(36,215,237,.09),transparent 32%),linear-gradient(145deg,rgba(7,23,32,.98),rgba(3,9,14,.99))}.v548-planner-panel[hidden]{display:none}
.v548-planner-panel>header{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;margin-bottom:1.6rem}.v548-planner-panel>header>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(211,255,37,.45);color:var(--lime);font-family:var(--mono)}.v548-planner-panel>header h2{margin:0;color:#fff;font-size:clamp(2rem,5vw,4rem);line-height:.95}.v548-planner-panel>header p{max-width:760px;margin:.5rem 0 0;color:var(--muted);line-height:1.6}
.v548-planner-form{display:grid;gap:1rem;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.v548-planner-form .three-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.v548-planner-result{margin-top:1rem}.v548-result-summary{padding:clamp(1rem,3vw,2rem);border:1px solid rgba(211,255,37,.3);background:linear-gradient(135deg,rgba(211,255,37,.065),rgba(5,15,22,.92) 42%)}.v548-result-summary>header small{color:var(--lime);font-family:var(--mono);font-size:.7rem;letter-spacing:.14em}.v548-result-summary>header h3{margin:.4rem 0 1.25rem;color:#fff;font-size:clamp(1.7rem,4vw,3.2rem)}
.v548-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.v548-resource-grid article{min-width:0;padding:1rem;border:1px solid rgba(36,215,237,.25);background:rgba(5,18,25,.88)}.v548-resource-grid small,.v548-resource-grid span{display:block;color:var(--muted)}.v548-resource-grid strong{display:block;overflow-wrap:anywhere;margin:.35rem 0;color:#fff;font-family:var(--mono);font-size:clamp(1.25rem,3vw,2rem)}.v548-resource-grid span{font-size:.75rem}.v548-resource-grid span.is-ready{color:var(--lime)}
.v548-result-summary dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;margin:1rem 0 0}.v548-result-summary dl div{padding:.85rem;border-top:1px solid rgba(255,255,255,.12)}.v548-result-summary dt{color:var(--muted);font-size:.78rem}.v548-result-summary dd{margin:.35rem 0 0;color:#fff;font-weight:800}
.v548-inventory{margin-top:1rem;border:1px solid rgba(36,215,237,.16)}.v548-inventory summary,.v548-breakdown summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer;color:var(--cyan);font-weight:800}.v548-inventory>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;padding:0 1rem 1rem}.v548-inventory label span{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.75rem}.v548-inventory input{width:100%}
.v548-breakdown{display:grid;gap:.75rem;margin-top:1rem}.v548-breakdown details{border:1px solid rgba(255,255,255,.1)}.v548-breakdown ul{display:grid;gap:.45rem;margin:0;padding:0 1rem 1rem;list-style:none}.v548-breakdown li{display:grid;grid-template-columns:80px 1fr;gap:1rem;padding:.6rem 0;border-top:1px solid rgba(255,255,255,.07)}.v548-breakdown li b{color:var(--lime);font-family:var(--mono);font-size:.76rem}.v548-breakdown li span{color:var(--muted)}
.v548-final-effect{display:grid;gap:.25rem;margin-top:1rem;padding:1rem;border-left:3px solid var(--cyan);background:rgba(36,215,237,.06)}.v548-final-effect small{color:var(--muted)}.v548-final-effect strong{color:#fff}.v548-data-note{margin:1rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}
.guide-hero-actions .v548-planner-link{border-color:rgba(211,255,37,.65);color:var(--lime)}
@media(max-width:850px){.v548-planner-hero{grid-template-columns:1fr}.v548-planner-hero aside{max-width:none}.v548-planner-tabs{grid-template-columns:repeat(3,1fr)}.v548-planner-tabs button{border-bottom:1px solid rgba(36,215,237,.18)}.v548-planner-form .three-fields{grid-template-columns:1fr 1fr}.v548-planner-form .three-fields .field:last-child{grid-column:1/-1}}
@media(max-width:600px){.v548-planner{padding-block:2.5rem}.v548-planner-hero h1{font-size:4.25rem}.v548-planner-tabs{grid-template-columns:1fr 1fr}.v548-planner-tabs button{min-height:54px;font-size:.65rem}.v548-planner-panel{padding:1rem}.v548-planner-panel>header{grid-template-columns:36px 1fr;gap:.75rem}.v548-planner-panel>header>span{width:36px;height:36px}.v548-planner-form .two-fields,.v548-planner-form .three-fields{grid-template-columns:1fr}.v548-planner-form .three-fields .field:last-child{grid-column:auto}.v548-resource-grid{grid-template-columns:1fr 1fr}.v548-resource-grid strong{font-size:1.1rem}.v548-breakdown li{grid-template-columns:68px 1fr}}
/* v5.4.8 clean Member Centre */
.member-clean-home,.member-calendar-page{width:var(--page);margin:0 auto;padding:58px 0 110px}.member-clean-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:28px 30px;border:1px solid rgba(36,215,237,.24);background:linear-gradient(135deg,rgba(9,28,38,.94),rgba(5,10,17,.98));box-shadow:0 24px 80px rgba(0,0,0,.22)}.member-clean-identity .profile-avatar-large{width:82px;height:82px}.member-clean-identity h1{margin:4px 0 0;font:clamp(42px,6vw,78px)/.84 var(--display);letter-spacing:.015em;text-transform:uppercase}.member-clean-server{margin:13px 0 0;color:var(--cyan);font:700 9px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.member-clean-profile-link{align-self:start;color:var(--muted);font:700 8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.member-clean-profile-link:hover{color:var(--cyan)}.member-experience-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:18px;padding:19px 22px;border:1px solid rgba(211,255,37,.42);background:linear-gradient(90deg,rgba(211,255,37,.09),rgba(36,215,237,.035));color:var(--text)}.member-experience-banner>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(211,255,37,.45);color:var(--lime);font-size:17px}.member-experience-banner strong,.member-experience-banner p{display:block}.member-experience-banner strong{font-size:14px}.member-experience-banner p{margin:4px 0 0;color:var(--muted);font-size:10px}.member-experience-banner>b{color:var(--lime);font:800 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.member-clean-primary{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px;margin-top:18px}.member-event-card,.member-planner-card{position:relative;overflow:hidden;border:1px solid rgba(36,215,237,.24);background:#07111a}.member-event-card{display:grid;min-height:410px;padding:30px}.member-event-card:before,.member-planner-card:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(135deg,rgba(36,215,237,.08),transparent 52%)}.member-event-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.member-event-card h2{max-width:620px;margin:7px 0 0;font:clamp(34px,4.7vw,64px)/.9 var(--display);text-transform:uppercase}.member-tool-status{display:inline-flex;padding:8px 10px;border:1px solid rgba(36,215,237,.38);color:var(--cyan);font:800 7px var(--mono);letter-spacing:.12em;text-transform:uppercase}.member-tool-status.coming{border-color:rgba(211,255,37,.42);color:var(--lime)}.member-event-preview{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;margin:34px 0;padding:22px;border-top:1px solid rgba(36,215,237,.18);border-bottom:1px solid rgba(36,215,237,.18);background:rgba(1,7,12,.42)}.member-event-symbol{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(36,215,237,.38);color:var(--cyan);font-size:25px}.member-event-preview small{color:var(--lime);font:800 7px var(--mono);letter-spacing:.14em}.member-event-preview strong{display:block;margin-top:7px;font-size:16px}.member-event-preview p{max-width:660px;margin:7px 0 0;color:var(--muted);font-size:11px}.member-event-card>.button{align-self:end;justify-self:start}.member-planner-card{display:flex;min-height:410px;flex-direction:column;padding:30px;background:linear-gradient(155deg,#0a1820,#050a11)}.member-planner-card>header{display:flex;align-items:flex-start;justify-content:space-between}.member-planner-mark{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(36,215,237,.32);color:var(--cyan);font-size:22px}.member-planner-card>.eyebrow{margin-top:auto}.member-planner-card h2{margin:8px 0 0;font:clamp(34px,3.8vw,54px)/.88 var(--display);text-transform:uppercase}.member-planner-card>p:not(.eyebrow){margin:16px 0 24px;color:var(--muted);font-size:11px}.member-planner-card .button{align-self:flex-start;margin-top:auto}.member-planner-card .button:disabled{cursor:not-allowed;opacity:.52}.member-clean-menu{margin-top:18px;border:1px solid rgba(36,215,237,.2);background:rgba(5,12,19,.82)}.member-clean-menu>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;cursor:pointer;list-style:none}.member-clean-menu>summary::-webkit-details-marker{display:none}.member-clean-menu>summary b,.member-clean-menu>summary small{display:block}.member-clean-menu>summary b{font-size:13px}.member-clean-menu>summary small{margin-top:4px;color:var(--muted);font-size:9px}.member-clean-menu>summary i{color:var(--cyan);font:normal 800 7px var(--mono);letter-spacing:.1em;text-transform:uppercase}.member-clean-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-top:1px solid rgba(36,215,237,.18);background:rgba(36,215,237,.14)}.member-clean-menu-grid>section{padding:22px;background:#071019}.member-clean-menu-grid h2{margin:0 0 12px;color:var(--muted);font:800 7px var(--mono);letter-spacing:.16em;text-transform:uppercase}.member-clean-menu-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(36,215,237,.11);color:var(--text);font-size:10px}.member-clean-menu-grid a b{color:var(--cyan)}.member-calendar-page>.back-link{display:inline-flex;margin-bottom:28px}.member-calendar-page>header{max-width:880px}.member-calendar-page>header h1{margin:8px 0 0;font:clamp(54px,8vw,108px)/.82 var(--display);text-transform:uppercase}.member-calendar-page>header>p:last-child{max-width:680px;margin:20px 0 0;color:var(--muted);font-size:13px}.member-calendar-empty{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:26px;margin-top:38px;padding:38px;border:1px solid rgba(36,215,237,.26);background:linear-gradient(135deg,rgba(36,215,237,.08),rgba(5,10,17,.98))}.member-calendar-empty>span{display:grid;width:82px;height:82px;place-items:center;border:1px solid rgba(36,215,237,.42);color:var(--cyan);font-size:34px}.member-calendar-empty small{color:var(--lime);font:800 8px var(--mono);letter-spacing:.14em}.member-calendar-empty h2{margin:8px 0 0;font:clamp(32px,4vw,54px)/.9 var(--display);text-transform:uppercase}.member-calendar-empty p{max-width:680px;margin:12px 0 0;color:var(--muted)}.member-calendar-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(max-width:860px){.member-clean-primary{grid-template-columns:1fr}.member-planner-card{min-height:340px}.member-clean-menu-grid{grid-template-columns:1fr}.member-clean-menu-grid>section+section{border-top:1px solid rgba(36,215,237,.15)}}@media(max-width:620px){.member-clean-home,.member-calendar-page{width:calc(100vw - 24px);padding:24px 0 80px}.member-clean-identity{grid-template-columns:62px minmax(0,1fr);gap:14px;padding:18px}.member-clean-identity .profile-avatar-large{width:60px;height:60px}.member-clean-identity h1{font-size:38px}.member-clean-server{font-size:7px}.member-clean-profile-link{grid-column:1/-1;padding-top:4px}.member-experience-banner{grid-template-columns:auto minmax(0,1fr);padding:16px}.member-experience-banner>b{grid-column:2}.member-event-card,.member-planner-card{min-height:0;padding:21px}.member-event-card>header{display:grid}.member-event-card h2{font-size:38px}.member-event-preview{grid-template-columns:1fr;margin:24px 0;padding:18px 0;background:transparent}.member-event-preview p{font-size:10px}.member-planner-card h2{font-size:40px}.member-planner-card>.eyebrow{margin-top:46px}.member-clean-menu>summary{padding:18px}.member-calendar-empty{grid-template-columns:1fr;padding:24px}.member-calendar-page>header h1{font-size:58px}}
/* v5.4.11 — Resources and Klara Discord Bot private beta */
.resource-hub,.discord-beta-page,.discord-settings-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(54px,8vw,112px) 0 96px}.resource-hub-hero,.discord-settings-header{max-width:900px;margin-bottom:42px}.resource-hub-hero h1,.discord-beta-copy h1,.discord-settings-header h1{font-family:var(--display-font);font-size:clamp(4rem,10vw,8.5rem);line-height:.82;letter-spacing:-.035em;text-transform:uppercase;margin:18px 0 24px}.resource-hub-hero>p:last-child,.discord-beta-copy>p,.discord-settings-header>div>p:last-child{color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;max-width:760px}.resource-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-card{position:relative;min-height:410px;padding:34px;border:1px solid rgba(36,215,237,.28);background:linear-gradient(145deg,rgba(7,30,39,.94),rgba(5,10,16,.98));display:flex;flex-direction:column;color:inherit;text-decoration:none;overflow:hidden}.resource-card:before{content:"";position:absolute;inset:auto -25% -45% 20%;height:70%;background:radial-gradient(circle,rgba(36,215,237,.17),transparent 68%);pointer-events:none}.resource-card-discord{border-color:rgba(88,101,242,.65);background:linear-gradient(145deg,rgba(18,23,60,.96),rgba(6,10,20,.99))}.resource-card-planner{border-color:rgba(211,255,37,.35)}.resource-card-number{position:absolute;right:25px;top:22px;color:rgba(255,255,255,.2);font-family:var(--mono-font);font-size:.85rem}.resource-card-icon{width:74px;height:74px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:2.2rem;margin-bottom:64px;background:rgba(0,0,0,.25)}.resource-card h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.02;margin:10px 0 14px}.resource-card p:not(.eyebrow){color:var(--muted);line-height:1.6}.resource-card>b,.resource-card>a{margin-top:auto;color:var(--lime);font-family:var(--mono-font);text-transform:uppercase;letter-spacing:.08em}.resource-card.is-coming{opacity:.76}.discord-mark,.discord-bot-face{position:relative;background:#5865f2!important;border-color:#7f89ff!important}.discord-mark i,.discord-bot-face span{position:absolute;width:36px;height:22px;border:5px solid white;border-top-width:7px;border-radius:50% 50% 45% 45%;opacity:.95}.discord-mark b,.discord-bot-face b{position:relative;z-index:2;letter-spacing:8px;color:white;font-size:1rem;transform:translateX(4px)}
.discord-beta-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:45px;align-items:center;min-height:620px;border:1px solid rgba(88,101,242,.48);background:linear-gradient(135deg,rgba(10,16,42,.98),rgba(4,13,20,.97));padding:clamp(30px,5vw,72px);overflow:hidden}.beta-status-row{display:flex;gap:10px;margin-bottom:32px}.beta-pill,.coming-pill,.utc-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lime);padding:9px 13px;font-family:var(--mono-font);font-size:.75rem;letter-spacing:.14em;color:var(--lime)}.coming-pill{border-color:#7f89ff;color:#aab1ff}.discord-beta-copy h1{font-size:clamp(3.2rem,7vw,7.2rem)}.discord-beta-actions{margin-top:30px}.beta-access-notice{margin-top:30px;padding:20px 22px;border-left:4px solid #7f89ff;background:rgba(88,101,242,.12);display:grid;gap:6px}.beta-access-notice span{color:var(--muted);line-height:1.5}.beta-access-notice.approved{border-color:var(--lime);background:rgba(211,255,37,.08)}.discord-beta-visual{position:relative;min-height:390px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(88,101,242,.28),transparent 60%)}.discord-bot-face{width:168px;height:138px;display:grid;place-items:center;border:1px solid #8f98ff;clip-path:polygon(14% 0,86% 0,100% 25%,92% 100%,8% 100%,0 25%);box-shadow:0 0 70px rgba(88,101,242,.38)}.discord-bot-face span{width:82px;height:48px;border-width:9px}.discord-bot-face b{font-size:1.65rem;letter-spacing:22px;transform:translateX(11px)}.discord-beta-visual small{position:absolute;bottom:24px;font-family:var(--mono-font);letter-spacing:.18em;color:#aab1ff}.discord-signal-orbit,.discord-signal-orbit i{position:absolute;border:1px solid rgba(127,137,255,.35);border-radius:50%}.discord-signal-orbit{width:320px;height:320px}.discord-signal-orbit i:nth-child(1){inset:35px}.discord-signal-orbit i:nth-child(2){inset:72px}.discord-signal-orbit i:nth-child(3){width:10px;height:10px;background:var(--lime);top:12px;left:82px;border:0;box-shadow:0 0 18px var(--lime)}.discord-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(36,215,237,.25);margin-top:28px;border:1px solid rgba(36,215,237,.25)}.discord-feature-grid article{padding:30px;background:#071019;min-height:230px}.discord-feature-grid article>span{font-family:var(--mono-font);color:var(--cyan)}.discord-feature-grid h2{font-size:1.3rem;margin:30px 0 10px}.discord-feature-grid p{color:var(--muted);line-height:1.55}.discord-beta-steps{margin-top:28px;padding:clamp(30px,5vw,60px);border:1px solid rgba(36,215,237,.27);background:#071019}.discord-beta-steps h2{font-size:clamp(2rem,5vw,4rem);max-width:680px}.discord-beta-steps ol{list-style:none;padding:0;margin:34px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.discord-beta-steps li{border-top:2px solid var(--lime);padding:20px 0;display:grid;gap:8px}.discord-beta-steps li span,.discord-beta-footnote{color:var(--muted);line-height:1.55}
.discord-settings-header{display:flex;justify-content:space-between;gap:25px;max-width:none;align-items:flex-start}.discord-connect-card{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:34px;border:1px solid rgba(88,101,242,.5);background:linear-gradient(120deg,rgba(88,101,242,.14),rgba(5,12,18,.98))}.discord-connect-card .discord-bot-face{width:92px;height:76px}.discord-connect-card .discord-bot-face span{width:44px;height:26px;border-width:5px}.discord-connect-card .discord-bot-face b{font-size:.85rem;letter-spacing:10px;transform:translateX(5px)}.discord-connect-card h2{margin:5px 0}.discord-connect-card p{color:var(--muted)}.discord-settings-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:18px 22px;background:#071019;border:1px solid rgba(36,215,237,.25)}.discord-settings-toolbar>div{display:grid}.discord-settings-toolbar span{color:var(--muted)}.discord-guild-card,.discord-event-editor,.discord-event-list{border:1px solid rgba(36,215,237,.27);background:#061019;margin-top:20px;padding:clamp(22px,4vw,40px)}.discord-guild-card>header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.discord-guild-avatar,.discord-member-avatar{width:58px;height:58px;display:grid;place-items:center;background:#5865f2;color:white;font-weight:800}.discord-guild-card h2{margin:4px 0}.discord-guild-card header span{color:var(--lime);font-family:var(--mono-font);font-size:.75rem}.discord-guild-settings,.discord-event-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.discord-guild-settings label,.discord-event-fields label,.discord-reminders label{display:grid;gap:8px}.discord-guild-settings label>span,.discord-event-fields label>span,.discord-reminders legend,.discord-reminders>.custom>span{font-family:var(--mono-font);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#a9b4bf}.discord-guild-settings select,.discord-event-fields input,.discord-event-fields select,.discord-event-fields textarea,.discord-reminders input{width:100%;background:#03080e;border:1px solid rgba(120,158,174,.42);color:white;padding:14px;border-radius:0}.discord-switch{grid-column:1/-1;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.discord-switch input{width:auto}.discord-form-actions{grid-column:1/-1}.discord-secondary-actions{display:flex;gap:20px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.discord-secondary-actions form{margin:0}.discord-event-editor>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.discord-event-editor h2,.discord-event-list h2{font-size:clamp(2rem,4vw,3.5rem);margin:5px 0}.discord-event-editor header p:last-child{color:var(--muted)}.discord-event-fields .wide{grid-column:1/-1}.discord-reminders{border:0;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.discord-reminders legend{margin-bottom:12px}.discord-reminders label:not(.custom){grid-template-columns:auto 1fr;align-items:center;padding:15px;border:1px solid rgba(36,215,237,.2);background:#040b12}.discord-reminders label:not(.custom) input{width:auto}.discord-reminders label span{display:grid}.discord-reminders small{color:var(--muted);font-size:.75rem}.discord-reminders .custom{grid-column:1/-1;max-width:430px}.discord-event-list>header{margin-bottom:20px}.discord-event-list article{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.09)}.discord-event-date{width:62px;height:62px;display:grid;place-content:center;text-align:center;border:1px solid var(--cyan)}.discord-event-date b{font-size:1.4rem}.discord-event-date span,.discord-event-list article small{font-family:var(--mono-font);font-size:.7rem;color:var(--cyan)}.discord-event-list h3{margin:4px 0}.discord-event-list article p,.discord-empty-state span{color:var(--muted)}.discord-empty-state{display:grid;gap:6px;padding:25px;border:1px dashed rgba(255,255,255,.2)}
@media(max-width:900px){.resource-card-grid,.discord-feature-grid{grid-template-columns:repeat(2,1fr)}.discord-beta-hero{grid-template-columns:1fr}.discord-beta-visual{min-height:300px}.discord-beta-steps ol{grid-template-columns:1fr}.discord-connect-card{grid-template-columns:auto 1fr}.discord-connect-card form{grid-column:1/-1}.discord-reminders{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.resource-hub,.discord-beta-page,.discord-settings-page{width:min(100% - 24px,1180px);padding-top:36px}.resource-card-grid,.discord-feature-grid,.discord-guild-settings,.discord-event-fields{grid-template-columns:1fr}.resource-card{min-height:345px;padding:25px}.resource-card-icon{margin-bottom:40px}.discord-beta-hero{padding:24px}.discord-beta-copy h1,.resource-hub-hero h1,.discord-settings-header h1{font-size:clamp(3.1rem,18vw,5.4rem)}.discord-beta-visual{min-height:250px}.discord-signal-orbit{width:230px;height:230px}.discord-settings-header,.discord-settings-toolbar{display:grid}.discord-connect-card{grid-template-columns:1fr}.discord-reminders{grid-template-columns:1fr}.discord-event-list article{grid-template-columns:auto 1fr}.discord-event-list article form{grid-column:2}.discord-event-fields .wide,.discord-switch,.discord-form-actions{grid-column:auto}}

.klara-portal-language{display:flex;align-items:end;justify-content:flex-end;gap:12px;padding:12px 16px;border:1px solid var(--klara-line);background:#061019}.klara-portal-language label{display:grid;gap:5px;min-width:min(100%,240px)}.klara-portal-language label>span{color:var(--cyan);font:800 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.klara-portal-language select{width:100%;min-height:42px;padding:9px 38px 9px 11px;border:1px solid rgba(120,158,174,.42);background:#02080d;color:#fff}.klara-console :is(a,button,label,summary,h1,h2,h3,p,small,span,strong){overflow-wrap:anywhere}.klara-workspace-nav a{line-height:1.3;white-space:normal}
.klara-overview-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.klara-overview-settings-grid>.klara-collapsible{min-width:0;align-self:start}.klara-overview-settings-grid>.klara-collapsible[open]{grid-column:1/-1}.klara-settings-panel-body{display:grid;gap:16px}.klara-settings-panel-body>.klara-portal-language{padding:0 0 16px;border:0;border-bottom:1px solid var(--klara-line);background:transparent}.klara-settings-panel-body>.klara-portal-settings-form{display:grid;gap:12px}.klara-settings-panel-body>.klara-portal-settings-form>.klara-collapsible{margin:0}
@media(max-width:760px){.klara-overview-settings-grid{grid-template-columns:1fr}}@media(max-width:620px){.klara-portal-language{align-items:stretch;flex-direction:column}.klara-portal-language label{min-width:0}.klara-portal-language .button{width:100%}}

/* v5.4.11 — editable scheduled Discord events */
.resource-hub,.discord-beta-page,.discord-settings-page{--display-font:var(--display);--mono-font:var(--mono)}
.discord-event-row-actions{display:flex;align-items:center;gap:12px}.discord-event-row-actions>details{position:relative}.discord-event-row-actions>details>summary{padding:10px 14px;border:1px solid rgba(36,215,237,.35);color:var(--cyan);font:800 .72rem var(--mono-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;list-style:none}.discord-event-row-actions>details>summary::-webkit-details-marker{display:none}.discord-event-row-actions>details[open]>summary{border-color:var(--lime);color:var(--lime)}.discord-event-row-actions>details>form{position:absolute;z-index:24;top:calc(100% + 8px);right:0;display:grid;width:min(520px,calc(100vw - 40px));gap:13px;padding:20px;border:1px solid var(--cyan);background:#071019;box-shadow:0 24px 70px rgba(0,0,0,.7)}.discord-event-row-actions label{display:grid;gap:6px}.discord-event-row-actions label>span,.discord-event-row-actions legend{color:#a9b4bf;font:700 .72rem var(--mono-font);letter-spacing:.08em;text-transform:uppercase}.discord-event-row-actions input,.discord-event-row-actions select,.discord-event-row-actions textarea{width:100%;padding:12px;border:1px solid rgba(120,158,174,.42);border-radius:0;background:#03080e;color:#fff}.discord-event-row-actions fieldset{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid rgba(36,215,237,.2)}.discord-event-row-actions fieldset label{display:flex;align-items:center;gap:6px}.discord-event-row-actions fieldset input{width:auto}.edit-event-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:620px){.discord-event-list article>form{grid-column:2}.discord-event-row-actions{grid-column:1/-1;align-items:flex-start}.discord-event-row-actions>details{flex:1}.discord-event-row-actions>details>summary{text-align:center}.discord-event-row-actions>details>form{position:fixed;z-index:120;inset:72px 12px 12px;width:auto;max-height:calc(100vh - 92px);overflow:auto}.edit-event-dates{grid-template-columns:1fr}}
/* v5.4.21 — guild identity matching for Klara leaderboard review. */
.discord-guild-identity{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:28px;margin:28px 0;padding:26px;border:1px solid rgba(36,215,237,.32);background:linear-gradient(135deg,rgba(10,49,57,.42),rgba(3,8,14,.92))}
.discord-guild-identity h2{margin:8px 0 10px}
.discord-guild-identity p{color:var(--muted)}
.discord-guild-identity p b{color:#fff}
.discord-guild-identity form{display:grid;gap:14px}
.discord-guild-identity label{display:grid;gap:7px}
.discord-guild-identity label>span{font-family:var(--mono-font);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#a9b4bf}
.discord-guild-identity input,.discord-guild-identity textarea{width:100%;padding:13px;border:1px solid rgba(120,158,174,.42);background:#03080e;color:#fff}
.discord-guild-identity small{color:var(--muted)}
@media(max-width:900px){.discord-guild-identity{grid-template-columns:1fr}}


/* v5.4.23 — restrained Klara workspace and multi-image review */
.discord-clean-card{border-color:rgba(36,215,237,.24);background:#061019;box-shadow:none}
.discord-clean-workspace{padding:clamp(20px,3vw,32px);background:#050c13;border:1px solid rgba(36,215,237,.27)}
.discord-clean-workspace>header h2{margin:.35rem 0 .5rem}
.discord-workspace-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:24px 0;background:rgba(36,215,237,.2);border:1px solid rgba(36,215,237,.2);padding:0}
.discord-workspace-picker .discord-tab-button{min-height:58px;border:0;background:#07111a;color:#aab5c0;padding:12px 8px;font-size:.72rem;letter-spacing:.08em}
.discord-workspace-picker .discord-tab-button.is-active{background:linear-gradient(135deg,rgba(33,191,207,.25),rgba(135,255,0,.09));color:#fff;box-shadow:inset 0 -3px 0 var(--accent)}
.discord-day-tabs-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.discord-day-tab{min-width:0;text-align:left}
.discord-day-tab small{display:block;white-space:normal}
.discord-evidence-picker{display:grid;gap:9px;padding:18px;border:1px dashed rgba(36,215,237,.38);background:rgba(4,16,24,.7)}
.discord-evidence-picker input[type=file]{width:100%;padding:12px;background:#02070c;border:1px solid rgba(120,158,174,.38)}
.discord-evidence-picker small{color:var(--muted)}
.discord-evidence-picker b{font-family:var(--mono-font);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.discord-extraction-review{margin-top:20px;padding:0;border:1px solid rgba(36,215,237,.34);background:#02080e;overflow:hidden}
.discord-extraction-review>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:linear-gradient(90deg,rgba(36,215,237,.12),transparent);border-bottom:1px solid rgba(36,215,237,.22)}
.discord-extraction-review>header small{font-family:var(--mono-font);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.discord-extraction-review>header h4{margin:4px 0 0}
.discord-extraction-review>header>span{font-family:var(--mono-font);font-size:.72rem;color:var(--lime);border:1px solid rgba(135,255,0,.38);padding:7px 10px}
.discord-extraction-review>label,.discord-extraction-review>.discord-leaderboard-actions,.discord-extraction-review>.discord-tab-status,.discord-extraction-review>.discord-tab-hint{margin-left:18px;margin-right:18px}
.discord-extraction-review>label{margin-top:18px}
@media(max-width:760px){.discord-workspace-picker{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.discord-workspace-picker .discord-tab-button:last-child{grid-column:1/-1}.discord-day-tabs-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.discord-day-tab{min-width:118px;scroll-snap-align:start}.discord-clean-workspace{padding:18px 14px}}

/* v5.6.6: keep the Klara landing hero compact and prevent title/intro collisions. */
.discord-beta-copy{min-width:0}
.discord-beta-copy h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.92;margin-bottom:32px;overflow-wrap:normal}
.discord-beta-copy>p{position:relative;z-index:2;margin-top:0}
.klara-public-avatar{position:relative;z-index:1;display:block;width:min(260px,76%);height:320px;object-fit:cover;object-position:center 24%;border:1px solid rgba(127,137,255,.55);box-shadow:0 18px 55px rgba(0,0,0,.38)}
@media(max-width:900px){.klara-public-avatar{width:min(230px,70%);height:250px}}
@media(max-width:620px){.discord-beta-copy h1{font-size:clamp(2.7rem,14vw,4.4rem);line-height:.96;margin-bottom:24px}.klara-public-avatar{width:180px;height:205px}}

/* v5.7.0: the public demo uses buttons while the live workspace uses links. */
.klara-demo-chart{display:grid;gap:12px;margin:28px 0;padding:22px;border:1px solid rgba(36,215,237,.26);background:#040c13}
.klara-demo-chart>div{display:grid;grid-template-columns:minmax(0,1fr) 58px 62px;align-items:center;gap:12px;min-width:0}
.klara-demo-chart progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:12px;border:0;border-radius:0;background:#0d202c;overflow:hidden}
.klara-demo-chart progress::-webkit-progress-bar{background:#0d202c}
.klara-demo-chart progress::-webkit-progress-value{background:linear-gradient(90deg,var(--cyan),var(--lime))}
.klara-demo-chart progress::-moz-progress-bar{background:linear-gradient(90deg,var(--cyan),var(--lime))}
.klara-demo-chart strong{color:#fff;font-family:var(--mono);font-size:.78rem;text-align:right}
.klara-demo-chart small{color:var(--muted);font-family:var(--mono);font-size:.7rem;white-space:nowrap}
@media(max-width:520px){.klara-demo-chart{padding:16px}.klara-demo-chart>div{grid-template-columns:minmax(0,1fr) 48px}.klara-demo-chart small{grid-column:1/-1;margin-top:-7px}.klara-demo-chart strong{font-size:.72rem}}

/* Server calendar */

/* v5.4.8 server-aware event calendar */
.public-calendar-page,.calendar-event-page{width:var(--page);margin:0 auto;padding:clamp(3rem,7vw,7rem) 0 7rem}.public-calendar-hero{max-width:980px}.public-calendar-hero h1{margin:.65rem 0;font:clamp(4.5rem,11vw,10rem)/.78 var(--display);letter-spacing:.01em;text-transform:uppercase}.public-calendar-hero>p:last-child{max-width:760px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.7}
.calendar-server-lookup{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;max-width:760px;margin:2rem 0;padding:18px;border:1px solid rgba(36,215,237,.28);background:rgba(5,18,25,.9)}.calendar-server-lookup label span{display:block;margin-bottom:8px;color:var(--cyan);font:800 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.calendar-server-lookup input{width:100%;min-height:54px}.calendar-server-lookup button{min-height:54px}
.server-calendar-board{margin-top:2rem;border:1px solid rgba(36,215,237,.28);background:radial-gradient(circle at 95% 0,rgba(36,215,237,.09),transparent 32%),linear-gradient(145deg,rgba(7,23,32,.98),rgba(3,9,14,.99));box-shadow:0 28px 90px rgba(0,0,0,.25)}.server-calendar-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:clamp(1.25rem,3vw,2rem)}.server-calendar-board-head h2{margin:.4rem 0 0;font:clamp(2.7rem,7vw,6rem)/.83 var(--display);text-transform:uppercase}.server-calendar-board-head>div>p:last-child{margin:.8rem 0 0;color:var(--muted);font:700 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.calendar-confidence{display:inline-flex;padding:9px 11px;border:1px solid currentColor;font:800 .65rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.calendar-confidence.confirmed{color:var(--lime)}.calendar-confidence.predicted{color:#ffc76b}
.calendar-week-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px clamp(1.25rem,3vw,2rem);border-top:1px solid rgba(36,215,237,.15);border-bottom:1px solid rgba(36,215,237,.15);font:800 .65rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.calendar-week-nav a:last-child{text-align:right}.calendar-week-nav span{color:var(--muted)}
.calendar-prediction-note,.calendar-coverage-note{margin:18px clamp(1.25rem,3vw,2rem) 0;padding:15px 17px;border-left:3px solid #ffc76b;background:rgba(255,199,107,.065)}.calendar-coverage-note{border-color:var(--cyan);background:rgba(36,215,237,.055)}.calendar-prediction-note p,.calendar-coverage-note p{margin:5px 0 0;color:var(--muted);font-size:.85rem;line-height:1.55}
.calendar-special-event{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:18px clamp(1.25rem,3vw,2rem) 0;padding:18px;border:1px solid rgba(255,199,107,.55);background:radial-gradient(circle at 85% 20%,rgba(255,199,107,.17),transparent 40%),linear-gradient(135deg,rgba(255,199,107,.1),rgba(6,17,24,.95));color:inherit;text-decoration:none}.calendar-special-event small{display:block;color:#ffc76b;font:800 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.calendar-special-event strong{display:block;margin:5px 0;font:2.2rem/.95 var(--display);text-transform:uppercase}.calendar-special-event p{margin:0;color:var(--muted)}.calendar-special-event>b{color:#ffc76b;font:800 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.calendar-event-icon-wrap{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid rgba(36,215,237,.35);background:linear-gradient(145deg,rgba(36,215,237,.13),rgba(3,10,15,.9));color:var(--cyan)}.calendar-event-icon-wrap.special{width:62px;height:62px;border-color:rgba(255,199,107,.55);color:#ffc76b}.calendar-event-icon-wrap.large{width:112px;height:112px;border-color:rgba(211,255,37,.48);color:var(--lime)}.calendar-event-icon-wrap svg{width:62%;height:62%;stroke:currentColor}
.calendar-day-strip{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:1px;margin:18px clamp(1.25rem,3vw,2rem);overflow-x:auto;background:rgba(36,215,237,.16);border:1px solid rgba(36,215,237,.18)}.calendar-day-column{min-height:265px;background:#071019}.calendar-day-column>header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(36,215,237,.16)}.calendar-day-column>header span{color:var(--muted);font:800 .65rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.calendar-day-column>header b{color:#fff;font-family:var(--mono)}.calendar-day-column>div{display:grid;gap:7px;padding:9px}
.calendar-mini-event{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;padding:7px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:inherit;text-decoration:none}.calendar-mini-event:hover{border-color:var(--cyan)}.calendar-mini-event.is-special{border-color:rgba(255,199,107,.4);background:rgba(255,199,107,.06)}.calendar-mini-event .calendar-event-icon-wrap{width:28px;height:28px}.calendar-mini-event strong{font-size:.62rem;line-height:1.25}
.calendar-event-list{display:none;margin:18px clamp(1.25rem,3vw,2rem)}.calendar-event-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(36,215,237,.16);color:inherit;text-decoration:none}.calendar-event-row+.calendar-event-row{border-top:0}.calendar-event-row.is-special{border-color:rgba(255,199,107,.38)}.calendar-event-row strong,.calendar-event-row small{display:block}.calendar-event-row small{margin-top:4px;color:var(--muted)}.calendar-event-row>b{color:var(--cyan)}
.calendar-page-footnote{max-width:760px;margin:2rem 0 0;padding:18px;border-left:3px solid var(--cyan);background:rgba(36,215,237,.045)}.calendar-page-footnote p{margin:6px 0 0;color:var(--muted);line-height:1.6}
.calendar-event-page>.back-link{display:inline-flex;margin-bottom:28px}.calendar-event-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(36,215,237,.28);background:radial-gradient(circle at 90% 10%,rgba(36,215,237,.12),transparent 38%),#071019}.calendar-event-hero.is-special{border-color:rgba(255,199,107,.5);background:radial-gradient(circle at 90% 10%,rgba(255,199,107,.15),transparent 38%),#0b1016}.calendar-event-hero h1{margin:.5rem 0;font:clamp(3.6rem,9vw,8rem)/.8 var(--display);text-transform:uppercase}.calendar-event-hero>div>p:last-child{max-width:760px;margin:1rem 0 0;color:var(--muted);font-size:1.05rem;line-height:1.65}
.calendar-event-availability{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:18px 22px;border:1px solid rgba(211,255,37,.35);border-top:0;background:rgba(211,255,37,.055)}.calendar-event-availability small{color:var(--lime);font:800 .65rem var(--mono);letter-spacing:.12em}.calendar-event-availability strong{color:#fff}.calendar-event-availability span{margin-left:auto;color:var(--muted);font-size:.8rem}.calendar-event-explanation{max-width:900px;margin:2rem 0;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(36,215,237,.18);background:rgba(5,16,23,.78)}.calendar-event-explanation h2{margin:.5rem 0;font-size:clamp(2.4rem,6vw,5rem)}.calendar-event-explanation>p:not(.eyebrow){color:var(--muted);font-size:1.03rem;line-height:1.78}.calendar-event-guide-note{margin-top:2rem;padding:18px;border-left:3px solid var(--lime);background:rgba(211,255,37,.055)}.calendar-event-guide-note p{margin:6px 0 0;color:var(--muted)}
@media(max-width:760px){.calendar-day-strip{display:none}.calendar-event-list{display:block}.calendar-special-event{grid-template-columns:auto minmax(0,1fr)}.calendar-special-event>b{grid-column:2}.calendar-event-availability span{width:100%;margin-left:0}.calendar-event-hero{grid-template-columns:1fr}.calendar-event-icon-wrap.large{width:82px;height:82px}}
@media(max-width:620px){.public-calendar-page,.calendar-event-page{width:calc(100vw - 24px);padding:2.5rem 0 5rem}.public-calendar-hero h1{font-size:4.45rem}.calendar-server-lookup{grid-template-columns:1fr;padding:14px}.server-calendar-board-head{display:grid}.calendar-week-nav{grid-template-columns:1fr 1fr}.calendar-week-nav span{grid-column:1/-1;grid-row:1;text-align:center}.calendar-special-event{gap:12px;margin-inline:14px;padding:14px}.calendar-special-event .calendar-event-icon-wrap.special{width:48px;height:48px}.calendar-special-event strong{font-size:1.65rem}.calendar-event-list{margin-inline:14px}.calendar-event-hero h1{font-size:4rem}.calendar-event-explanation{padding:20px}}

/* v5.4.9 special-event artwork */
.calendar-special-visual{display:grid;width:62px;height:62px;place-items:center;overflow:hidden}.calendar-special-visual>.calendar-event-icon-wrap{width:100%;height:100%}.calendar-special-visual>img{width:100%;height:100%;object-fit:cover}.calendar-special-event.has-artwork{grid-template-columns:112px minmax(0,1fr) auto;padding:0 18px 0 0}.calendar-special-event.has-artwork .calendar-special-visual{width:112px;height:104px}.calendar-event-hero.has-artwork{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);padding:0}.calendar-event-hero.has-artwork>div{padding:clamp(1.5rem,4vw,3rem) clamp(1.5rem,4vw,3rem) clamp(1.5rem,4vw,3rem) 0}.calendar-event-hero-art{height:100%;min-height:390px;margin:0;overflow:hidden}.calendar-event-hero-art img{width:100%;height:100%;object-fit:cover}.member-event-art{display:block;width:104px;height:104px;overflow:hidden;border:1px solid rgba(255,199,107,.45)}.member-event-art img{width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.calendar-special-event.has-artwork{grid-template-columns:86px minmax(0,1fr);padding-right:14px}.calendar-special-event.has-artwork .calendar-special-visual{width:86px;height:96px}.calendar-event-hero.has-artwork{grid-template-columns:1fr}.calendar-event-hero.has-artwork>div{padding:22px}.calendar-event-hero-art{min-height:260px;max-height:420px}.member-event-art{width:82px;height:82px}}

/* v5.4.10 original calendar-event artwork */
.calendar-designed-art{--art-a:#24d7ed;--art-b:#173c62;position:relative;display:grid;min-width:0;min-height:390px;margin:0;place-items:center;overflow:hidden;background:radial-gradient(circle at 72% 24%,color-mix(in srgb,var(--art-a) 32%,transparent),transparent 28%),radial-gradient(circle at 20% 82%,color-mix(in srgb,var(--art-b) 58%,transparent),transparent 36%),linear-gradient(145deg,#08141d,#05080e 72%);isolation:isolate}.calendar-art-grid{position:absolute;inset:-20%;z-index:-1;opacity:.32;background-image:linear-gradient(color-mix(in srgb,var(--art-a) 28%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--art-a) 22%,transparent) 1px,transparent 1px);background-size:44px 44px;transform:perspective(420px) rotateX(58deg) rotateZ(-8deg)}.calendar-art-orbit{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--art-a) 42%,transparent);border-radius:50%;transform:rotate(-24deg)}.calendar-art-orbit-one{width:78%;aspect-ratio:1}.calendar-art-orbit-two{width:48%;aspect-ratio:1;border-style:dashed}.calendar-art-mark{display:grid;width:168px;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--art-a) 70%,white 5%);background:linear-gradient(145deg,color-mix(in srgb,var(--art-a) 16%,#071019),rgba(2,7,12,.94));color:var(--art-a);box-shadow:0 0 0 16px rgba(0,0,0,.18),0 0 70px color-mix(in srgb,var(--art-a) 25%,transparent);transform:rotate(45deg)}.calendar-art-mark svg{width:56%;height:56%;stroke:currentColor;transform:rotate(-45deg)}.calendar-designed-art figcaption{position:absolute;right:22px;bottom:20px;left:22px}.calendar-designed-art figcaption small,.calendar-designed-art figcaption strong{display:block}.calendar-designed-art figcaption small{color:var(--art-a);font:800 .62rem var(--mono);letter-spacing:.14em}.calendar-designed-art figcaption strong{max-width:88%;margin-top:5px;color:#fff;font:clamp(1.6rem,4vw,3rem)/.9 var(--display);text-transform:uppercase}.calendar-art-duel{--art-a:#ff9c45;--art-b:#24d7ed}.calendar-art-dominion{--art-a:#ff5f57;--art-b:#d7a63d}.calendar-art-traders{--art-a:#ffd56a;--art-b:#7d5520}.calendar-art-shadow{--art-a:#ffc45b;--art-b:#4b1f18}.calendar-art-trade{--art-a:#57cfff;--art-b:#1458a5}.calendar-art-calamity{--art-a:#ff5574;--art-b:#721733}.calendar-art-trial{--art-a:#a885ff;--art-b:#42246f}.calendar-art-blackout{--art-a:#5ab3ff;--art-b:#151b57}.calendar-art-elimination{--art-a:#ff5ab4;--art-b:#6b1c65}.calendar-art-disciple{--art-a:#c174ff;--art-b:#55286c}.calendar-art-robot{--art-a:#3ee4ee;--art-b:#a43aff}.calendar-art-hunt{--art-a:#71e2b7;--art-b:#185c5e}.calendar-art-navigation{--art-a:#ffd36b;--art-b:#267f96}.calendar-art-calendar{--art-a:#d3ff25;--art-b:#24d7ed}.calendar-designed-art.is-compact{width:104px;height:104px;min-height:0;flex:0 0 104px}.calendar-designed-art.is-compact .calendar-art-grid{background-size:18px 18px}.calendar-designed-art.is-compact .calendar-art-mark{width:52px;box-shadow:0 0 0 7px rgba(0,0,0,.16),0 0 28px color-mix(in srgb,var(--art-a) 22%,transparent)}.calendar-designed-art.is-compact figcaption{display:none}.calendar-special-visual .calendar-designed-art{width:100%;height:100%}.member-event-preview>.calendar-designed-art{align-self:center}

/* Owner-only edit-what-you-see controls */
.owner-copy-toggle{position:fixed;z-index:89;top:calc(50% + 58px);right:max(14px,env(safe-area-inset-right));display:flex;min-height:42px;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(36,215,237,.58);background:rgba(3,10,15,.94);color:var(--cyan);font:800 8px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.owner-copy-toggle span{font-size:18px}.owner-copy-toggle.is-active{border-color:var(--lime);color:var(--lime);box-shadow:0 0 24px rgba(211,255,37,.14)}.is-inline-copy-editing .owner-editable-copy{display:inline;outline:1px dashed var(--lime);outline-offset:5px;cursor:text;background:rgba(211,255,37,.07)}.owner-copy-dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 30px);padding:0;border:1px solid rgba(36,215,237,.58);background:#071019;color:#fff;box-shadow:0 28px 100px rgba(0,0,0,.72)}.owner-copy-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.owner-copy-dialog form{display:grid;gap:18px;padding:22px}.owner-copy-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.owner-copy-dialog header small,.owner-copy-dialog header strong{display:block}.owner-copy-dialog header small{color:var(--lime);font:800 .62rem var(--mono);letter-spacing:.12em}.owner-copy-dialog header strong{margin-top:5px;font-size:1.3rem}.owner-copy-dialog header button{border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.owner-copy-dialog label span{display:block;margin-bottom:8px;color:var(--cyan);font:800 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.owner-copy-dialog textarea{width:100%;min-height:180px;resize:vertical}.owner-copy-dialog form>p{margin:0;color:var(--muted);font-size:.82rem}.owner-copy-dialog form>div{display:flex;gap:10px;flex-wrap:wrap}.discord-install-error{grid-column:1/-1;margin:0;width:100%}.discord-install-error strong,.discord-install-error span{display:block}.discord-install-error span{margin-top:6px}
@media(max-width:760px){.calendar-designed-art{min-height:285px}.calendar-designed-art.is-compact{width:82px;height:82px;flex-basis:82px}.owner-copy-toggle{top:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom))}.owner-copy-dialog{margin:auto 12px 12px;max-width:calc(100vw - 24px)}.owner-copy-dialog form{padding:18px}.owner-copy-dialog form>div{display:grid}.owner-copy-dialog .button{width:100%}}

/* CSP-safe generated value utilities */
.progress-width-0{width:0%}.progress-width-1{width:1%}.progress-width-2{width:2%}.progress-width-3{width:3%}.progress-width-4{width:4%}.progress-width-5{width:5%}.progress-width-6{width:6%}.progress-width-7{width:7%}.progress-width-8{width:8%}.progress-width-9{width:9%}.progress-width-10{width:10%}.progress-width-11{width:11%}.progress-width-12{width:12%}.progress-width-13{width:13%}.progress-width-14{width:14%}.progress-width-15{width:15%}.progress-width-16{width:16%}.progress-width-17{width:17%}.progress-width-18{width:18%}.progress-width-19{width:19%}.progress-width-20{width:20%}.progress-width-21{width:21%}.progress-width-22{width:22%}.progress-width-23{width:23%}.progress-width-24{width:24%}.progress-width-25{width:25%}.progress-width-26{width:26%}.progress-width-27{width:27%}.progress-width-28{width:28%}.progress-width-29{width:29%}.progress-width-30{width:30%}.progress-width-31{width:31%}.progress-width-32{width:32%}.progress-width-33{width:33%}.progress-width-34{width:34%}.progress-width-35{width:35%}.progress-width-36{width:36%}.progress-width-37{width:37%}.progress-width-38{width:38%}.progress-width-39{width:39%}.progress-width-40{width:40%}.progress-width-41{width:41%}.progress-width-42{width:42%}.progress-width-43{width:43%}.progress-width-44{width:44%}.progress-width-45{width:45%}.progress-width-46{width:46%}.progress-width-47{width:47%}.progress-width-48{width:48%}.progress-width-49{width:49%}.progress-width-50{width:50%}.progress-width-51{width:51%}.progress-width-52{width:52%}.progress-width-53{width:53%}.progress-width-54{width:54%}.progress-width-55{width:55%}.progress-width-56{width:56%}.progress-width-57{width:57%}.progress-width-58{width:58%}.progress-width-59{width:59%}.progress-width-60{width:60%}.progress-width-61{width:61%}.progress-width-62{width:62%}.progress-width-63{width:63%}.progress-width-64{width:64%}.progress-width-65{width:65%}.progress-width-66{width:66%}.progress-width-67{width:67%}.progress-width-68{width:68%}.progress-width-69{width:69%}.progress-width-70{width:70%}.progress-width-71{width:71%}.progress-width-72{width:72%}.progress-width-73{width:73%}.progress-width-74{width:74%}.progress-width-75{width:75%}.progress-width-76{width:76%}.progress-width-77{width:77%}.progress-width-78{width:78%}.progress-width-79{width:79%}.progress-width-80{width:80%}.progress-width-81{width:81%}.progress-width-82{width:82%}.progress-width-83{width:83%}.progress-width-84{width:84%}.progress-width-85{width:85%}.progress-width-86{width:86%}.progress-width-87{width:87%}.progress-width-88{width:88%}.progress-width-89{width:89%}.progress-width-90{width:90%}.progress-width-91{width:91%}.progress-width-92{width:92%}.progress-width-93{width:93%}.progress-width-94{width:94%}.progress-width-95{width:95%}.progress-width-96{width:96%}.progress-width-97{width:97%}.progress-width-98{width:98%}.progress-width-99{width:99%}.progress-width-100{width:100%}
.stella-cols-3{--stella-grid:3}.stella-cols-4{--stella-grid:4}.stella-cols-5{--stella-grid:5}.stella-cols-6{--stella-grid:6}
.clipboard-proxy{position:fixed;left:-9999px;opacity:0;pointer-events:none}



/* v5.7.13 — Klara portal repeat-result dates, roster table repair and faster-tab polish */
.klara-occurrence-picker{display:grid;gap:14px;margin:16px 0 18px;padding:16px 18px;border:1px solid rgba(36,215,237,.28);background:linear-gradient(145deg,rgba(5,20,29,.94),rgba(3,10,15,.94))}
.klara-occurrence-picker>form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.klara-occurrence-picker>form label{display:grid;gap:7px;min-width:min(260px,100%)}.klara-occurrence-picker>form label span{color:var(--cyan);font:800 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.klara-occurrence-picker input[type=date]{min-height:44px;padding:10px 12px;border:1px solid rgba(120,158,174,.42);background:#03080e;color:#fff}
.klara-occurrence-picker>p{margin:0;color:var(--muted);font-size:.82rem}.klara-occurrence-history{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:2px 0 4px}.klara-occurrence-history>span{display:grid;place-items:center;padding:0 8px 0 0;color:var(--muted);font:800 .64rem var(--mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.klara-occurrence-history>a{display:grid;gap:2px;min-width:108px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:#fff;text-decoration:none}.klara-occurrence-history>a:hover,.klara-occurrence-history>a.is-active{border-color:var(--lime);background:rgba(211,255,37,.07)}.klara-occurrence-history>a b{font-size:.84rem}.klara-occurrence-history>a small{color:var(--muted);font-size:.7rem}.klara-occurrence-history>a.is-active small{color:var(--lime)}
.klara-activity-event-nav{margin-top:14px}

/* The v5.7.12 roster markup introduced rank groups without the matching
   layout rules. Restore a deliberate desktop table / mobile card design. */
.klara-members-workspace .klara-roster-table{display:grid;gap:12px;border:0;background:transparent}
.klara-rank-group{overflow:hidden;border:1px solid rgba(36,215,237,.22);background:linear-gradient(145deg,rgba(8,24,33,.95),rgba(4,13,19,.96));box-shadow:0 12px 30px rgba(0,0,0,.14)}
.klara-rank-group>summary{display:grid;grid-template-columns:88px minmax(0,1fr) auto 24px;gap:12px;align-items:center;min-height:58px;padding:12px 16px;cursor:pointer;list-style:none;border-bottom:1px solid transparent}
.klara-rank-group>summary::-webkit-details-marker{display:none}.klara-rank-group[open]>summary{border-bottom-color:rgba(36,215,237,.18);background:rgba(36,215,237,.035)}
.klara-rank-label{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 9px;border:1px solid rgba(211,255,37,.35);color:var(--lime);font:900 .72rem var(--mono);letter-spacing:.09em}.klara-rank-group>summary>b{color:#fff;font-size:.94rem}.klara-rank-group>summary>strong{color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap}.klara-rank-group>summary>i{color:var(--cyan);font-size:1.4rem;font-style:normal;transition:transform .18s}.klara-rank-group[open]>summary>i{transform:rotate(90deg)}
.klara-rank-group>div{display:grid}.klara-rank-group article{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.15fr);gap:20px;align-items:start;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.12)}.klara-rank-group article:last-child{border-bottom:0}.klara-rank-group article:hover{background:rgba(36,215,237,.035)}
.klara-roster-identity{display:grid!important;gap:4px!important;min-width:0}.klara-roster-identity>strong{overflow:hidden;color:#fff;font-size:1rem;text-overflow:ellipsis}.klara-roster-identity>small{font-size:.7rem;text-transform:capitalize}.klara-discord-badge{display:block;margin-top:4px;white-space:normal}
.klara-roster-actions{display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap}.klara-roster-actions>details{flex:1 1 190px;max-width:280px;min-width:0!important;border:1px solid rgba(36,199,218,.24)!important;background:rgba(3,10,15,.72);padding:0!important}.klara-roster-actions>details>summary{padding:10px 12px}.klara-roster-actions>details>form{padding:0 12px 12px;margin-top:0!important}.klara-roster-actions>.plain-action{align-self:center}
.klara-empty-rank{margin:0;padding:15px 16px;color:var(--muted)}.klara-rank-group.is-removed{opacity:.72;border-color:rgba(255,255,255,.13)}.klara-rank-group.is-removed .klara-rank-label{border-color:rgba(255,255,255,.2);color:var(--muted)}

@media(max-width:820px){
  .klara-occurrence-picker>form{display:grid;grid-template-columns:1fr}.klara-occurrence-picker>form .button{width:100%}
  .klara-rank-group>summary{grid-template-columns:64px minmax(0,1fr) 22px}.klara-rank-group>summary>strong{grid-column:2;grid-row:2}.klara-rank-group>summary>i{grid-column:3;grid-row:1/3}.klara-rank-group article{grid-template-columns:1fr;gap:12px}.klara-roster-actions{justify-content:stretch!important}.klara-roster-actions>details{max-width:none;flex-basis:100%}
}

/* v5.7.14 — game-inspired roster ranks, rank controls and complete activity drill-down */
.klara-rank-roster{position:relative;padding:18px;border:1px solid rgba(84,205,191,.28);background:linear-gradient(180deg,rgba(37,116,108,.20),rgba(4,16,22,.35));box-shadow:inset 0 1px rgba(255,255,255,.03)}
.klara-rank-group{border:1px solid rgba(211,221,211,.28);background:linear-gradient(90deg,rgba(231,235,220,.12),rgba(206,214,201,.06));box-shadow:0 7px 18px rgba(0,0,0,.16)}
.klara-rank-group>summary{grid-template-columns:118px minmax(0,1fr) auto 26px;min-height:66px;padding:0 18px 0 0;background:linear-gradient(90deg,rgba(226,231,219,.13),rgba(226,231,219,.035));border-left:5px solid rgba(220,229,215,.34)}
.klara-rank-group>summary:hover{background:linear-gradient(90deg,rgba(226,231,219,.18),rgba(226,231,219,.06))}
.klara-rank-group.rank-5>summary{border-left-color:#f6a01a;background:linear-gradient(90deg,rgba(255,165,20,.18),rgba(241,218,161,.05))}
.klara-rank-group.rank-4>summary{border-left-color:#f1c94f;background:linear-gradient(90deg,rgba(243,205,80,.14),rgba(230,224,179,.04))}
.klara-rank-label{align-self:stretch;display:flex;gap:8px;justify-content:flex-start;padding:0 18px;border:0;border-right:1px solid rgba(255,255,255,.09);background:rgba(221,228,216,.08);font-size:.86rem;color:#e7ece6}
.rank-5 .klara-rank-label{background:linear-gradient(100deg,#ff9f13,#d77912);color:#fff}.rank-4 .klara-rank-label{background:linear-gradient(100deg,#f7d35a,#d5a833);color:#362c08}
.klara-rank-label>i{font-style:normal;font-size:.72rem}.klara-rank-group>summary>b{font-size:1.04rem;letter-spacing:.01em}.klara-rank-group>summary>strong{font:800 .8rem var(--mono);color:#d6ddd9}.klara-rank-chevron{font-size:1.8rem!important;color:#d6ddd9!important}
.klara-rank-group>div{background:rgba(3,13,18,.72)}
.klara-rank-group article{grid-template-columns:52px minmax(180px,1fr) minmax(380px,1.45fr);align-items:center;gap:14px;padding:13px 16px;background:rgba(3,13,18,.65)}
.klara-rank-group article:hover{background:rgba(52,166,154,.07)}
.klara-roster-rank-chip{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(230,238,229,.25);background:rgba(231,236,224,.06);font:900 .72rem var(--mono);color:#e6ece8}
.rank-5 .klara-roster-rank-chip{border-color:rgba(255,164,22,.55);color:#ffae2d;background:rgba(255,159,19,.08)}.rank-4 .klara-roster-rank-chip{border-color:rgba(241,201,79,.5);color:#f1c94f;background:rgba(241,201,79,.07)}
.klara-roster-actions{align-items:center!important}.klara-rank-actions{display:flex;gap:7px;flex-wrap:nowrap}.klara-rank-actions form{margin:0}.button-rank-up,.button-rank-down{min-height:38px!important;padding:8px 10px!important;font-size:.72rem!important;white-space:nowrap}.button-rank-up{border-color:rgba(211,255,37,.38)!important;color:var(--lime)!important;background:rgba(211,255,37,.055)!important}.button-rank-down{border-color:rgba(255,177,71,.34)!important;color:#ffc36f!important;background:rgba(255,177,71,.045)!important}.button-rank-up:disabled,.button-rank-down:disabled{opacity:.32;cursor:not-allowed}
.klara-discord-assignment{min-width:210px}.klara-roster-actions>details{flex:0 1 250px}.klara-empty-rank{background:rgba(0,0,0,.12)}

.klara-activity-filter-v5714{grid-template-columns:minmax(190px,1fr) minmax(180px,.8fr) auto;align-items:end}.klara-activity-filter-v5714 select{min-height:44px}
.klara-member-intelligence-card>summary>span>small{color:var(--cyan)}.klara-member-event-breakdown{display:grid!important;gap:12px!important}.klara-member-event-breakdown>.is-primary{padding:14px;border:1px solid rgba(36,215,237,.22);background:rgba(36,215,237,.035)}.klara-member-event-breakdown>.is-primary>header,.klara-other-event-grid article>header{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.klara-member-event-breakdown>.is-primary>header b{font-size:.92rem}.klara-member-event-breakdown>.is-primary>header span,.klara-other-event-grid article>header span{color:var(--muted);font-size:.7rem}.klara-member-event-breakdown>.is-primary dl{margin-top:12px}
.klara-other-event-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.klara-other-event-grid article{display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.13)}.klara-other-event-grid article>strong{font-size:1.08rem;color:#fff}.klara-other-event-grid article>small{color:var(--muted);line-height:1.45}

@media(max-width:1050px){.klara-rank-group article{grid-template-columns:44px minmax(160px,1fr);}.klara-roster-actions{grid-column:1/-1;justify-content:flex-start!important;padding-left:58px}.klara-other-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.klara-rank-roster{padding:10px}.klara-rank-group>summary{grid-template-columns:88px minmax(0,1fr) 22px;min-height:60px}.klara-rank-group>summary>strong{grid-column:2}.klara-rank-label{padding:0 12px;font-size:.76rem}.klara-rank-group article{grid-template-columns:42px minmax(0,1fr);padding:12px}.klara-roster-actions{grid-column:1/-1;padding-left:0;display:grid!important;grid-template-columns:1fr!important;width:100%}.klara-rank-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.klara-rank-actions .button{width:100%}.klara-roster-actions>details{max-width:none;width:100%;flex-basis:auto}.klara-activity-filter-v5714{grid-template-columns:1fr}.klara-activity-filter-v5714 .button{width:100%}.klara-other-event-grid{grid-template-columns:1fr}}

/* v5.7.17 — full member activity cards + searchable Discord directory */
.klara-discord-assignment{position:relative}.klara-discord-member-picker{position:relative;display:grid;gap:8px;margin-bottom:10px}.klara-discord-member-picker label{margin:0}.klara-discord-search-results{position:absolute;z-index:30;left:0;right:0;top:72px;max-height:300px;overflow:auto;padding:6px;border:1px solid rgba(36,215,237,.38);background:#07131b;box-shadow:0 18px 36px rgba(0,0,0,.45)}.klara-discord-search-option{display:grid;width:100%;gap:2px;padding:10px 11px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#fff;text-align:left;cursor:pointer}.klara-discord-search-option:last-child{border-bottom:0}.klara-discord-search-option:hover,.klara-discord-search-option:focus{background:rgba(36,215,237,.09);outline:1px solid rgba(36,215,237,.35)}.klara-discord-search-option strong{font-size:.82rem}.klara-discord-search-option small{color:var(--cyan);font:700 .66rem var(--mono)}.klara-discord-search-empty{margin:0;padding:10px;color:var(--muted)}.klara-discord-picker-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.klara-discord-picker-footer small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.klara-discord-picker-footer .plain-action{flex:0 0 auto}
.klara-member-event-breakdown{padding:4px 0 15px}.klara-other-event-grid .is-attendance progress{width:100%;height:8px;accent-color:var(--lime)}.klara-activity-leaders .klara-member-event-breakdown{padding:6px 0 16px}.klara-activity-leaders .klara-member-event-breakdown>.is-primary{margin-top:2px}.klara-activity-leaders .klara-other-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.klara-activity-leaders .klara-activity-member-card>summary>span small{line-height:1.35}
@media(max-width:720px){.klara-discord-search-results{position:static;max-height:260px}.klara-discord-picker-footer{align-items:flex-start;flex-direction:column}.klara-activity-leaders .klara-other-event-grid{grid-template-columns:1fr}}

/* v5.7.18 Results archive + per-result Activity exclusions */
.klara-result-exclusion{grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:12px!important;padding:13px 14px;border:1px solid rgba(255,190,62,.34);background:rgba(255,190,62,.055)}
.klara-result-exclusion label{display:flex;align-items:flex-start;gap:10px;min-width:0;cursor:pointer}.klara-result-exclusion input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:var(--lime)}
.klara-result-exclusion label span{display:grid;gap:3px}.klara-result-exclusion strong{color:#fff;font-size:.86rem}.klara-result-exclusion small{color:var(--muted);font-size:.76rem;line-height:1.4}
.klara-results-log{display:grid;gap:14px;margin-top:22px;padding:18px;border:1px solid rgba(36,215,237,.34);background:linear-gradient(145deg,rgba(5,20,29,.96),rgba(3,10,15,.96))}
.klara-results-log>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.klara-results-log>header>div{display:grid;gap:4px}.klara-results-log>header small{color:var(--cyan);font:800 .64rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.klara-results-log h3{margin:0;color:#fff}.klara-results-log p{margin:0;max-width:760px;color:var(--muted);font-size:.82rem}
.klara-results-log-empty{display:grid;gap:5px;padding:14px;border:1px dashed rgba(255,255,255,.14);color:var(--muted)}.klara-results-log-empty strong{color:#fff}
.klara-results-log-list{display:grid;gap:8px}.klara-results-log-list>a{display:grid;grid-template-columns:minmax(180px,1.8fr) repeat(3,minmax(90px,.65fr)) auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);color:#fff;text-decoration:none}.klara-results-log-list>a:hover,.klara-results-log-list>a.is-active{border-color:var(--lime);background:rgba(211,255,37,.055)}
.klara-results-log-list>a span{display:grid;gap:3px}.klara-results-log-list>a small{color:var(--muted);font:700 .61rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.klara-results-log-list>a strong,.klara-results-log-list>a b{font-size:.86rem}.klara-results-log-list>a i{color:var(--cyan);font-style:normal;font:800 .7rem var(--mono);white-space:nowrap}
@media(max-width:760px){.klara-result-exclusion{grid-template-columns:1fr!important}.klara-result-exclusion .button{width:100%}.klara-results-log>header{align-items:stretch;flex-direction:column}.klara-results-log-list>a{grid-template-columns:1fr 1fr}.klara-results-log-list>a span:first-child{grid-column:1/-1}.klara-results-log-list>a i{grid-column:1/-1}.klara-results-log>header>.button{width:100%}}

/* v5.7.20 Type as Klara */
.klara-type-as-form{display:grid;gap:16px;max-width:820px}.klara-type-as-form textarea{min-height:170px;resize:vertical}.klara-type-as-history{margin-top:28px}.klara-type-as-history article span{white-space:normal}

/* v5.7.21: public Klara demo mirrors the live web portal. */
.klara-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;border:1px solid rgba(36,215,237,.28);background:linear-gradient(135deg,rgba(36,215,237,.09),rgba(211,255,37,.035));box-shadow:0 16px 42px rgba(0,0,0,.14)}
.klara-demo-banner>div{display:grid;gap:4px;min-width:0}.klara-demo-banner strong{color:#fff;font:900 .8rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.klara-demo-banner span{color:var(--muted);font-size:.86rem}.klara-demo-banner p{margin:5px 0 0;color:#d9e2e8;font-size:.9rem}.klara-demo-banner p a{color:var(--lime);font-weight:800;text-decoration:underline;text-underline-offset:3px}.klara-demo-readonly{margin-left:auto;color:var(--cyan);font:800 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.klara-demo .klara-workspace-nav a{cursor:pointer}.klara-demo-form{display:grid;gap:14px}.klara-demo-form label{display:grid;gap:7px}.klara-demo-form label>span,.klara-demo-form fieldset>legend{color:var(--cyan);font:800 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.klara-demo-form input,.klara-demo-form select,.klara-demo-form textarea{width:100%}.klara-demo-form small{color:var(--muted)}.klara-demo-form button:disabled,.klara-demo button:disabled{cursor:not-allowed;opacity:.55}
.klara-demo-live-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center;margin-top:22px;padding:18px;border:1px solid rgba(211,255,37,.28);background:rgba(211,255,37,.035)}.klara-demo-live-link strong{color:#fff}.klara-demo-live-link span{color:var(--muted)}.klara-demo-live-link .button{grid-column:2;grid-row:1/3}
.klara-demo-disabled{display:grid;gap:5px;margin-top:20px;padding:16px 18px;border-left:3px solid var(--cyan);background:rgba(36,215,237,.045)}.klara-demo-disabled strong{color:#fff}.klara-demo-disabled span{color:var(--muted)}
.klara-demo .klara-result-event-nav a,.klara-demo .klara-day-nav a,.klara-demo .klara-period-nav a{cursor:pointer}.klara-demo .klara-result-exclusion{display:flex;align-items:center;gap:10px;margin:14px 0;color:#dbe5ea}.klara-demo .klara-result-exclusion input{accent-color:var(--lime)}
@media(max-width:760px){.klara-demo-banner{align-items:stretch;flex-direction:column}.klara-demo-banner>.button{width:100%}.klara-demo-readonly{margin-left:0}.klara-demo-live-link{grid-template-columns:1fr}.klara-demo-live-link .button{grid-column:auto;grid-row:auto;width:100%}}

/* v5.8.0 — Klara Intelligence Centre */
.klara-console .klara-workspace-nav{grid-template-columns:repeat(8,minmax(0,1fr))}
.klara-intelligence-centre{display:grid;gap:20px}.klara-intelligence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.klara-intelligence-card,.klara-intelligence-master-settings{display:grid;align-content:start;gap:16px;padding:20px;border:1px solid var(--klara-line);background:#061019;min-width:0}.klara-intelligence-card.is-wide{grid-column:1/-1}.klara-intelligence-card>header,.klara-intelligence-master-settings>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.klara-intelligence-card>header small,.klara-intelligence-master-settings>header small{display:block;color:var(--cyan);font:800 .67rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.klara-intelligence-card h3,.klara-intelligence-master-settings h3{margin:4px 0 0;font-family:var(--display);font-size:clamp(24px,3vw,34px);line-height:1}.klara-intelligence-card>header>span{color:var(--lime);font:800 .68rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.klara-intelligence-card p{margin:0;line-height:1.55}.klara-muted,.klara-footnote{color:var(--muted)}.klara-footnote{font-size:.82rem}.klara-analytics-table-wrap{max-width:100%;overflow:auto;border:1px solid rgba(120,158,174,.22)}.klara-data-table{width:100%;min-width:680px;border-collapse:collapse}.klara-data-table th,.klara-data-table td{padding:11px 12px;border-bottom:1px solid rgba(120,158,174,.18);text-align:left;white-space:nowrap}.klara-data-table th{color:var(--cyan);font:800 .65rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.klara-data-table td{font-size:.88rem}.klara-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.klara-mini-stats span{display:grid;gap:4px;padding:13px;border:1px solid rgba(120,158,174,.22);background:#02080d;color:var(--muted)}.klara-mini-stats b{color:#fff}.klara-insight-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.klara-insight-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid rgba(120,158,174,.2)}.klara-insight-list li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;font-weight:900}.klara-insight-list .is-warning{color:#ffc75c}.klara-insight-list .is-good{color:var(--lime)}.klara-insight-list p{color:#fff}.klara-stack-form,.klara-poll-form,.klara-automation-builder,.klara-permission-form{display:grid;gap:12px}.klara-form-row,.klara-inline-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.klara-inline-settings{align-items:end}.klara-inline-settings .button{min-height:45px}.klara-check-row{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center}.klara-check-row input{width:auto}.klara-compact-list,.klara-rule-list,.klara-export-list{display:grid;gap:8px}.klara-compact-list article,.klara-rule-list article,.klara-export-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid rgba(120,158,174,.2);background:#02080d}.klara-compact-list article>div,.klara-rule-list article>div,.klara-export-list article>div{display:grid;gap:3px;min-width:0}.klara-compact-list small,.klara-rule-list small,.klara-export-list small{color:var(--muted)}.klara-promotion-grid{display:grid;gap:8px}.klara-promotion-grid details{border:1px solid rgba(120,158,174,.24);background:#02080d}.klara-promotion-grid summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;cursor:pointer}.klara-promotion-grid summary span{display:grid;gap:3px}.klara-promotion-grid summary small{color:var(--muted)}.klara-promotion-grid summary b{color:var(--lime)}.klara-promotion-grid details>div{padding:0 14px 14px}.klara-promotion-grid details>div p{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgba(120,158,174,.14)}.klara-awards-list{display:grid;gap:8px}.klara-awards-list article{display:grid;gap:4px;padding:12px;border-left:3px solid #f5bd2e;background:#02080d}.klara-awards-list b{font-size:1.05rem}.klara-awards-list small{color:var(--muted)}.klara-record-list{display:grid;gap:8px;margin:0}.klara-record-list>div{display:grid;gap:4px;padding:12px;border:1px solid rgba(120,158,174,.2);background:#02080d}.klara-record-list dt{color:var(--cyan);font:800 .66rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.klara-record-list dd{margin:0;font-weight:800}.klara-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.klara-health-grid article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px;border:1px solid rgba(120,158,174,.2);background:#02080d}.klara-health-grid article>b{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor}.klara-health-grid .is-good{color:var(--lime)}.klara-health-grid .is-warning{color:#ffc75c}.klara-health-grid article p,.klara-health-grid article small{margin:4px 0 0;color:#fff}.klara-health-grid article small{color:var(--muted)}.klara-audit-details{border-top:1px solid rgba(120,158,174,.2);padding-top:12px}.klara-audit-details summary{cursor:pointer;color:var(--cyan);font-weight:800}.klara-permission-form fieldset{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:12px;border:1px solid rgba(120,158,174,.25)}.klara-permission-form fieldset legend{color:var(--cyan);font:800 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.klara-permission-form fieldset label{display:flex;grid-template-columns:none;flex-direction:row;align-items:center}.klara-permission-form fieldset input{width:auto}.klara-permission-list{display:grid;gap:8px}.klara-permission-list article{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid rgba(120,158,174,.2)}.klara-permission-list span{color:var(--muted)}.klara-intelligence-master-settings form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.klara-intelligence-master-settings form label{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;padding:10px 12px;border:1px solid rgba(120,158,174,.2);background:#02080d}.klara-intelligence-master-settings input{width:auto}.klara-intelligence-summary article:nth-child(3) strong{color:#ffc75c}
@media(max-width:850px){.klara-intelligence-grid{grid-template-columns:1fr}.klara-intelligence-card.is-wide{grid-column:auto}.klara-health-grid{grid-template-columns:1fr}.klara-compact-list article,.klara-rule-list article,.klara-export-list article{align-items:flex-start;flex-direction:column}.klara-export-list article .klara-inline-actions{width:100%}}
@media(max-width:620px){.klara-mini-stats{grid-template-columns:1fr}.klara-intelligence-card,.klara-intelligence-master-settings{padding:15px}.klara-intelligence-card>header{flex-direction:column}.klara-form-row,.klara-inline-settings{grid-template-columns:1fr}.klara-promotion-grid summary{align-items:flex-start;flex-direction:column}}

/* v5.8.0 — Klara Intelligence Centre */
.klara-intelligence-centre{display:grid;gap:18px}.klara-intelligence-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.klara-intelligence-panel{padding:20px;display:grid;gap:16px}.klara-intelligence-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.klara-intelligence-form{display:grid;gap:14px}.klara-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.klara-intelligence-form label{display:grid;gap:7px}.klara-intelligence-form label>span,.klara-intelligence-form legend{font-size:.76rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted,#8fa8b1);font-weight:700}.klara-intelligence-form input,.klara-intelligence-form select,.klara-intelligence-form textarea{width:100%}.klara-intelligence-form small{color:var(--muted,#8fa8b1)}.klara-toggle-fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 18px}.klara-toggle-fieldset label,.klara-check{display:flex!important;align-items:center;gap:8px!important}.klara-toggle-fieldset input,.klara-check input{width:auto!important}.klara-insight-list{display:grid;gap:10px}.klara-insight-list article,.klara-doctor-list article,.klara-health-list article{border:1px solid rgba(90,220,230,.22);padding:13px 15px;background:rgba(0,0,0,.12)}.klara-insight-list article.is-warning,.klara-doctor-list article.is-warning,.klara-health-list article.is-warning{border-color:rgba(255,166,46,.55)}.klara-insight-list article.is-good,.klara-doctor-list article.is-good,.klara-health-list article.is-good{border-color:rgba(179,255,45,.45)}.klara-insight-list p,.klara-doctor-list p{margin:5px 0 0}.klara-analytics-bars{height:220px;display:flex;align-items:end;gap:10px;border-bottom:1px solid rgba(90,220,230,.25);padding:22px 8px 0;overflow-x:auto}.klara-analytics-bars>div{height:100%;min-width:46px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.klara-analytics-bars span{display:block;width:25px;min-height:4px;background:currentColor;box-shadow:0 0 16px rgba(66,225,235,.24)}.klara-analytics-bars b{font-size:.75rem}.klara-analytics-bars small{font-size:.68rem;white-space:nowrap}.klara-metric-table,.klara-record-list{display:grid;gap:0}.klara-metric-table p,.klara-record-list p{display:flex;justify-content:space-between;gap:20px;padding:10px 0;margin:0;border-bottom:1px solid rgba(90,220,230,.12)}.klara-award-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.klara-award-grid article{padding:16px;border:1px solid rgba(255,205,57,.28);background:rgba(255,189,24,.035)}.klara-award-grid article strong{display:block;font-size:1.2rem;margin:5px 0}.klara-promotion-list{display:grid;gap:9px}.klara-promotion-list details{border:1px solid rgba(179,255,45,.28)}.klara-promotion-list summary{padding:13px 15px;display:flex;justify-content:space-between;gap:12px;cursor:pointer}.klara-promotion-list summary span{display:grid}.klara-promotion-list details>div{padding:0 15px 12px}.klara-promotion-list details p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-top:1px solid rgba(90,220,230,.12)}.klara-absence-list,.klara-poll-list,.klara-automation-list,.klara-permission-list,.klara-export-list,.klara-health-list,.klara-flag-list{display:grid;gap:8px}.klara-absence-list article,.klara-poll-list article,.klara-automation-list article,.klara-export-list article{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;border:1px solid rgba(90,220,230,.18)}.klara-absence-list article>div,.klara-poll-list article>div,.klara-automation-list article>div,.klara-export-list article>div{display:grid;gap:3px}.klara-absence-list article.is-active{border-color:rgba(179,255,45,.38)}.klara-permission-list article{padding:12px 14px;border-left:3px solid rgba(90,220,230,.55);display:grid;gap:4px}.klara-doctor-list{display:grid;gap:8px}.klara-export-actions{display:flex;flex-wrap:wrap;gap:10px}.klara-export-list article>div:last-child{display:flex;flex-direction:row;gap:12px}.klara-export-list a{font-weight:700}.klara-audit-list{display:grid;gap:0;max-height:620px;overflow:auto;border:1px solid rgba(90,220,230,.14)}.klara-audit-list article{display:grid;grid-template-columns:160px 1fr;gap:15px;padding:11px 13px;border-bottom:1px solid rgba(90,220,230,.09)}.klara-audit-list article time{font-size:.75rem;color:var(--muted,#8fa8b1)}.klara-audit-list article div{display:grid;gap:3px}.klara-flag-list article{border-left:3px solid rgba(255,166,46,.6);padding:11px 14px}.klara-flag-list p{margin:4px 0 0}
@media(max-width:820px){.klara-intelligence-summary,.klara-intelligence-two-col,.klara-form-grid,.klara-award-grid{grid-template-columns:1fr}.klara-audit-list article{grid-template-columns:1fr}.klara-absence-list article,.klara-poll-list article,.klara-automation-list article,.klara-export-list article{align-items:flex-start;flex-direction:column}.klara-export-list article>div:last-child{flex-wrap:wrap}.klara-analytics-bars{height:190px}}

/* v5.8 Intelligence history detail */
.klara-analytics-history{margin-top:18px}.klara-analytics-history h3,.klara-analytics-split h3{margin:0 0 10px}.klara-analytics-history article{display:grid;grid-template-columns:minmax(170px,1.6fr) repeat(4,minmax(90px,.8fr));gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(84,221,239,.18);border-radius:10px;margin-bottom:7px;background:rgba(4,20,25,.36)}.klara-analytics-history article div{display:flex;flex-direction:column;gap:2px}.klara-analytics-history article small,.klara-analytics-history article span{color:var(--muted,#95aab0);font-size:.82rem}.klara-analytics-history article b{color:var(--text,#f4fbfc)}.klara-analytics-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.klara-summary-grid article em{display:block;margin-top:3px;color:var(--muted,#95aab0);font-size:.75rem;font-style:normal}@media(max-width:850px){.klara-analytics-history article{grid-template-columns:1fr 1fr}.klara-analytics-history article div{grid-column:1/-1}.klara-analytics-split{grid-template-columns:1fr}}
.klara-participation-heatmap{margin-top:20px}.klara-participation-heatmap>p{margin-top:-4px;color:var(--muted,#95aab0);font-size:.86rem}.klara-heatmap-scroll{overflow:auto;border:1px solid rgba(84,221,239,.14);border-radius:10px}.klara-heatmap-scroll table{width:100%;border-collapse:separate;border-spacing:3px;min-width:720px;padding:5px}.klara-heatmap-scroll th{font-size:.72rem;color:var(--muted,#95aab0);font-weight:700;text-align:center;white-space:nowrap;padding:5px}.klara-heatmap-scroll tbody th{text-align:left;position:sticky;left:0;background:#07151b;z-index:1;max-width:170px;overflow:hidden;text-overflow:ellipsis}.klara-heatmap-scroll td{width:34px;height:30px;border-radius:5px;text-align:center;background:rgba(115,137,143,.08);font-size:.7rem}.klara-heatmap-scroll td.heat-1{background:rgba(25,221,234,.16)}.klara-heatmap-scroll td.heat-2{background:rgba(25,221,234,.28)}.klara-heatmap-scroll td.heat-3{background:rgba(215,255,37,.30)}.klara-heatmap-scroll td.heat-4{background:rgba(215,255,37,.48)}.klara-heatmap-scroll td span{color:var(--text,#f4fbfc)}

/* v5.8.2 — large Klara demo dataset and inactivity scenarios */
.klara-demo-member-context{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid rgba(90,220,230,.16);background:rgba(4,18,24,.6)}
.klara-demo-member-context>small{color:var(--muted,#8fa8b1)}
.klara-demo-scenario{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border:1px solid rgba(90,220,230,.28);border-radius:999px;color:var(--cyan,#5adce6);font:800 .62rem var(--mono);letter-spacing:.04em;text-transform:uppercase;background:rgba(90,220,230,.07)}
.klara-demo-scenario.is-long-inactive,.klara-demo-scenario.is-recent-inactive{border-color:rgba(255,94,94,.55);color:#ff8a8a;background:rgba(255,72,72,.08)}
.klara-demo-scenario.is-declining{border-color:rgba(255,166,46,.55);color:#ffc36d;background:rgba(255,166,46,.08)}
.klara-demo-scenario.is-improving,.klara-demo-scenario.is-promotion-candidate{border-color:rgba(179,255,45,.5);color:var(--lime,#b3ff2d);background:rgba(179,255,45,.07)}
.klara-demo-scenario.is-excused-absence,.klara-demo-scenario.is-returning{border-color:rgba(118,167,255,.5);color:#9dbdff;background:rgba(118,167,255,.08)}
.klara-demo-history-mini{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(90,220,230,.15)}
.klara-demo-history-mini>header{display:flex;justify-content:space-between;gap:12px}.klara-demo-history-mini>header span{color:var(--muted,#8fa8b1);font-size:.78rem}
.klara-demo-history-mini>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.klara-demo-history-mini>div>span{display:grid;gap:2px;padding:8px 9px;border:1px solid rgba(90,220,230,.14);background:rgba(0,0,0,.12)}.klara-demo-history-mini>div>span small{color:var(--muted,#8fa8b1)}.klara-demo-history-mini>div>span.is-zero{border-color:rgba(255,94,94,.38)}.klara-demo-history-mini>div>span.is-excused{border-color:rgba(118,167,255,.4)}
.klara-demo-inactivity-summary{display:grid;gap:9px}.klara-demo-inactive-names{display:flex;flex-wrap:wrap;gap:7px}.klara-demo-inactive-names>span{display:grid;gap:1px;padding:6px 9px;border:1px solid rgba(255,166,46,.3);background:rgba(255,166,46,.05)}.klara-demo-inactive-names small{color:var(--muted,#8fa8b1)}
.klara-demo-scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.klara-demo-scenario-grid article{display:grid;gap:3px;padding:12px;border:1px solid rgba(90,220,230,.18);background:rgba(0,0,0,.12)}.klara-demo-scenario-grid article strong{font-size:1.45rem}.klara-demo-scenario-grid article span{color:var(--muted,#8fa8b1);font-size:.78rem}.klara-demo-scenario-grid .is-alert{border-color:rgba(255,94,94,.45)}.klara-demo-scenario-grid .is-warning{border-color:rgba(255,166,46,.45)}.klara-demo-scenario-grid .is-good{border-color:rgba(179,255,45,.4)}.klara-demo-scenario-grid .is-excused{border-color:rgba(118,167,255,.45)}
.klara-demo-history-table{border:1px solid rgba(90,220,230,.16)}.klara-demo-history-table>summary{cursor:pointer;padding:11px 13px;color:var(--cyan,#5adce6);font-weight:800}.klara-demo-history-table>div{max-height:430px;overflow:auto;border-top:1px solid rgba(90,220,230,.14)}.klara-demo-history-table p{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:9px 12px;border-bottom:1px solid rgba(90,220,230,.08)}.klara-demo-history-table p>span{display:grid;gap:2px}.klara-demo-history-table p small{color:var(--muted,#8fa8b1)}
.klara-demo .klara-results-log-list{max-height:720px;overflow:auto}
.klara-demo .klara-rank-group>div{max-height:720px;overflow:auto}
@media(max-width:820px){.klara-demo-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.klara-demo-history-mini>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.klara-demo-scenario-grid,.klara-demo-history-mini>div{grid-template-columns:1fr}.klara-demo-history-table p{align-items:flex-start;flex-direction:column}}

/* v5.8.6 — direct rank chooser and legacy R5 repair */
.klara-rank-picker{min-width:180px}.klara-rank-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px 12px}.klara-rank-choice-grid form{margin:0!important}.klara-rank-choice-grid .button{width:100%;min-height:36px;padding:7px 9px;font-size:.7rem;white-space:normal}.klara-rank-choice-grid .is-current-rank{border-color:rgba(211,255,37,.4);color:var(--lime)}.klara-roster-repair form{margin-top:.7rem}.klara-roster-repair .danger{border-color:rgba(255,96,96,.55)!important;color:#ff8d8d!important}
@media(max-width:720px){.klara-rank-picker{width:100%;min-width:0}.klara-rank-choice-grid{grid-template-columns:1fr 1fr}}