/* LSS design system — Forum / Wiki / UCP
   Palette: cool #E8EEF2 · orange #E87A2E · turquoise #1AB8C4 · cyan #008BD0 · ink #2A2D42
*/
:root,
body.lss-site {
  --lss-blush: #e8eef2;
  --lss-lavender: #b8c5d4;
  --lss-peri: #1ab8c4;
  --lss-cyan: #008bd0;
  --lss-cyan-hover: #0077b3;
  --lss-orange: #e87a2e;
  --lss-ink: #2a2d42;
  --lss-muted: #5c6570;
  --lss-surface: #ffffff;
  --lss-surface-2: #f4f7fa;
  --lss-ok: #1b7a3d;
  --lss-warn: #9a5b12;
  --lss-danger: #b42318;
  --lss-radius: 8px;
  --lss-radius-sm: 6px;
  --lss-shadow: 0 1px 2px rgba(42, 45, 66, 0.06);
  --lss-max: 920px;
  --lss-ucp-max: 1240px;
  --lss-side: 280px;
  --sidebar-w: 230px;
  --header-h: 52px;
  --font: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --primary: var(--lss-cyan);
  --primary-hover: var(--lss-cyan-hover);
  --background: var(--lss-blush);
  --surface: var(--lss-surface);
  --surface-2: var(--lss-surface-2);
  --border: var(--lss-lavender);
  --text: var(--lss-ink);
  --text-muted: var(--lss-muted);
  --radius: var(--lss-radius);
  --success: var(--lss-ok);
  --warning: var(--lss-warn);
  --danger: var(--lss-danger);
}
body.lss-site {
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.5;
  color: var(--text);
  background-color: transparent;
  background-image: none;
}
body.lss-site::before {
  content: "" !important;
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: #9aa8b4;
  background-image:
    linear-gradient(180deg, rgba(232, 238, 242, 0.22) 0%, rgba(232, 238, 242, 0.32) 45%, rgba(42, 45, 66, 0.28) 100%),
    url("/assets/visuals/bg-page.png?v=6");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.lss-site.forum-body,
body.lss-site.ucp-body {
  background: transparent !important;
}
body.lss-site a { color: var(--lss-cyan); text-decoration: none; }
body.lss-site a:hover { color: var(--lss-cyan-hover); text-decoration: underline; }
body.lss-site a:focus-visible,
body.lss-site button:focus-visible,
body.lss-site input:focus-visible,
body.lss-site select:focus-visible,
body.lss-site textarea:focus-visible {
  outline: 2px solid var(--lss-cyan);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  body.lss-site *, body.lss-site *::before, body.lss-site *::after {
    animation: none !important; transition: none !important;
  }
}
body.lss-site .site-header {
  height: var(--header-h);
  background: var(--lss-surface);
  border-bottom: 1px solid var(--lss-lavender);
  box-shadow: var(--lss-shadow);
  backdrop-filter: none;
  padding: 0 16px;
  gap: 12px;
}
body.lss-site .brand {
  color: var(--lss-ink);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  text-decoration: none;
  gap: 8px;
}
body.lss-site .brand:hover { color: var(--lss-cyan); text-decoration: none; }
body.lss-site .brand img { width: 32px; height: 32px; }
body.lss-site .nav-main { gap: 4px; }
body.lss-site .nav-main a {
  color: var(--lss-muted);
  font-weight: 600;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: var(--lss-radius-sm);
  text-decoration: none;
}
body.lss-site .nav-main a:hover,
body.lss-site .nav-main a.active {
  color: var(--lss-cyan);
  background: var(--lss-surface-2);
  text-decoration: none;
}
body.lss-site .header-right a { color: var(--lss-muted); font-size: 13px; text-decoration: none; }
body.lss-site .header-right a:hover { color: var(--lss-ink); }
body.lss-site .badge { background: var(--lss-cyan); color: #fff; }
body.lss-site .menu-btn {
  display: none;
  border: 1px solid var(--lss-lavender);
  background: var(--lss-surface);
  color: var(--lss-ink);
  border-radius: var(--lss-radius-sm);
  min-height: 36px; min-width: 36px;
  padding: 4px 10px; cursor: pointer;
}
@media (max-width: 960px) {
  body.lss-site .menu-btn { display: inline-flex; align-items: center; justify-content: center; }
  body.lss-site .nav-main {
    display: none; position: absolute; top: var(--header-h); left: 0; right: 0;
    flex-direction: column; background: var(--lss-surface); padding: 8px 12px 12px;
    border-bottom: 1px solid var(--lss-lavender); box-shadow: var(--lss-shadow); z-index: 50;
  }
  body.lss-site.nav-open .nav-main { display: flex; }
  body.lss-site .site-header { position: sticky; }
}
body.lss-site .forum-wrap {
  width: 100%; max-width: var(--lss-max);
  margin: 16px auto 32px; padding: 16px 16px 28px;
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
body.lss-site .ucp-wrap {
  width: 100%; max-width: var(--lss-ucp-max);
  margin: 0 auto; padding: 4px 0 28px;
  background: transparent; border: 0; box-shadow: none;
}
body.lss-site.ucp-body::before {
  background-color: var(--lss-blush);
  background-image:
    linear-gradient(180deg, rgba(232,238,242,.92), rgba(232,238,242,.96)),
    url("/assets/visuals/bg-page.png?v=6");
}
body.lss-site.ucp-body[data-theme="dark"]::before {
  background-image:
    linear-gradient(180deg, rgba(20,22,29,.94), rgba(20,22,29,.97)),
    url("/assets/visuals/bg-page.png?v=6");
}
body.lss-site.ucp-body .layout {
  background: var(--lss-surface);
  border-top: 1px solid var(--lss-lavender);
  min-height: calc(100vh - var(--header-h));
}
body.lss-site.ucp-body .content {
  max-width: none; padding: 20px 22px 48px; display: block; overflow-x: hidden;
}
body.lss-site.ucp-body .sidebar {
  width: var(--sidebar-w); background: var(--lss-surface-2);
}
body.lss-site .content { max-width: none; padding: 16px; display: flex; justify-content: center; }
body.lss-site .layout { background: transparent; }
body.lss-site .sidebar { background: var(--lss-surface); border-right: 1px solid var(--lss-lavender); }
body.lss-site .sidebar a { color: var(--lss-muted); }
body.lss-site .sidebar a:hover,
body.lss-site .sidebar a.active { background: var(--lss-surface-2); color: var(--lss-ink); text-decoration: none; }
body.lss-site .page-title { color: var(--lss-ink); font-weight: 700; letter-spacing: -0.01em; }
body.lss-site .muted { color: var(--lss-muted); }
body.lss-site .card {
  background: var(--lss-surface); border: 1px solid var(--lss-lavender);
  border-radius: var(--lss-radius); box-shadow: none;
}
body.lss-site .btn {
  border-radius: var(--lss-radius-sm); border: 1px solid var(--lss-lavender);
  background: var(--lss-surface); color: var(--lss-ink); min-height: 36px; padding: 6px 12px;
  font-weight: 600; font-size: 13px; text-decoration: none;
}
body.lss-site .btn:hover { border-color: var(--lss-peri); background: var(--lss-surface-2); text-decoration: none; }
body.lss-site .btn.primary { background: var(--lss-cyan); border-color: var(--lss-cyan); color: #fff; }
body.lss-site .btn.primary:hover { background: var(--lss-cyan-hover); border-color: var(--lss-cyan-hover); color: #fff; }
body.lss-site .btn.btn-sm { min-height: 30px; padding: 4px 10px; font-size: 12px; }
body.lss-site .btn.disabled, body.lss-site span.btn.disabled { opacity: .45; cursor: not-allowed; pointer-events: none; }
body.lss-site input, body.lss-site select, body.lss-site textarea {
  background: var(--lss-surface); border-color: var(--lss-lavender); color: var(--lss-ink); border-radius: var(--lss-radius-sm);
}
body.lss-site input:focus, body.lss-site select:focus, body.lss-site textarea:focus {
  border-color: var(--lss-cyan); box-shadow: 0 0 0 3px rgba(0, 139, 208, 0.18);
}
body.lss-site .pill { border-radius: 999px; border: 1px solid var(--lss-lavender); font-size: 11px; padding: 2px 8px; }
body.lss-site .pill.ok { border-color: var(--lss-ok); color: var(--lss-ok); background: #ecfdf3; }
body.lss-site .pill.warn { border-color: var(--lss-warn); color: var(--lss-warn); background: #fff7ed; }
body.lss-site .announce { background: var(--lss-surface); border-left: 3px solid var(--lss-cyan); border-radius: 0 var(--lss-radius-sm) var(--lss-radius-sm) 0; }
body.lss-site .forum-foot, body.lss-site footer.forum-foot {
  background: var(--lss-surface); border-top: 1px solid var(--lss-lavender);
  color: var(--lss-muted); font-size: 12px; padding: 14px 16px; text-align: center;
}
.lss-forum-top { margin: 0 auto 16px; max-width: var(--lss-max); }
.lss-forum-hero {
  height: 148px; border-radius: var(--lss-radius); border: 1px solid var(--lss-lavender);
  background: linear-gradient(105deg, rgba(42,45,66,.55) 0%, rgba(0,139,208,.28) 45%, rgba(232,122,46,.22) 100%),
    url("/assets/visuals/hero-forum.png?v=5") center / cover no-repeat;
  display: flex; align-items: center; justify-content: center; text-align: center;
  padding: 16px 18px; margin-bottom: 10px;
  max-width: var(--lss-max); box-shadow: var(--lss-shadow);
}
.lss-forum-hero-copy { width: 100%; }
.lss-forum-hero-copy h1 { margin: 0; color: #fff; font-size: 24px; font-weight: 700; text-shadow: 0 1px 3px rgba(0,0,0,.45); }
body.lss-site .lss-forum-hero-copy .muted {
  color: #7ef0f5 !important;
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .02em;
  text-shadow: 0 1px 3px rgba(0,0,0,.55);
}
.lss-kicker { display: none; }
.lss-status-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
  padding: 10px 12px; background: rgba(255,255,255,.94); border: 1px solid var(--lss-lavender);
  border-radius: var(--lss-radius); margin-bottom: 10px; font-size: 13px;
  box-shadow: var(--lss-shadow); max-width: var(--lss-max);
}
.lss-status-row strong { color: var(--lss-ink); font-size: 14px; }
.lss-addr {
  margin-left: auto; font-family: Consolas, "Courier New", monospace; font-size: 12px; color: var(--lss-muted);
  background: var(--lss-surface-2); border: 1px solid var(--lss-lavender); border-radius: var(--lss-radius-sm); padding: 4px 8px;
}
.lss-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.lss-dot.on { background: var(--lss-ok); }
.lss-dot.off { background: var(--lss-peri); }
.lss-apply-banner {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 12px 14px; background: rgba(255,255,255,.94); border: 1px solid var(--lss-lavender);
  border-radius: var(--lss-radius); margin-bottom: 16px;
  box-shadow: var(--lss-shadow); max-width: var(--lss-max);
}
.lss-apply-banner strong { margin-right: 8px; }
.lss-apply-banner p { margin: 4px 0 0; font-size: 13px; }
.lss-staff-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.lss-forum-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--lss-side);
  gap: 12px;
  align-items: start;
  max-width: var(--lss-max);
  margin: 0 auto;
}
.lss-forum-main { min-width: 0; }
.lss-forum-side { display: flex; flex-direction: column; gap: 12px; position: sticky; top: calc(var(--header-h) + 12px); }
.lss-side-card { background: rgba(255,255,255,.96); border: 1px solid var(--lss-lavender); border-radius: var(--lss-radius); padding: 0; overflow: hidden; box-shadow: var(--lss-shadow); }
.lss-side-card h3 {
  margin: 0; font-size: 12px; font-weight: 700; color: #fff;
  padding: 10px 12px;
  background: linear-gradient(90deg, #0077b3 0%, var(--lss-cyan) 40%, var(--lss-peri) 100%);
  border-bottom: 0;
  letter-spacing: .04em; text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(42,45,66,.3);
}
.lss-side-card:nth-of-type(2) h3 {
  background: linear-gradient(90deg, var(--lss-orange) 0%, #d4651f 50%, var(--lss-cyan) 100%);
}
.lss-side-card:nth-of-type(3) h3 {
  background: linear-gradient(90deg, var(--lss-peri) 0%, var(--lss-cyan) 100%);
}
.lss-side-card:nth-of-type(4) h3,
.lss-side-card:nth-of-type(5) h3 {
  background: linear-gradient(90deg, #2a2d42 0%, #3d5a6c 55%, var(--lss-peri) 100%);
}
.lss-side-card > *:not(h3) { padding-left: 12px; padding-right: 12px; }
.lss-side-card .lss-side-list,
.lss-side-card .forum-stat-list,
.lss-side-card .forum-online-list,
.lss-side-card .lss-side-lead,
.lss-side-card .empty,
.lss-side-card .rank-boards { padding-bottom: 10px; padding-top: 4px; }
.lss-side-list { list-style: none; margin: 0; padding: 0 12px 10px; }
.lss-side-list li { padding: 8px 0; border-bottom: 1px solid var(--lss-surface-2); }
.lss-side-list li:last-child { border-bottom: 0; }
.lss-side-list b { display: block; font-size: 13px; color: var(--lss-ink); }
.lss-side-list p { margin: 2px 0 0; font-size: 12px; color: var(--lss-muted); }
.lss-side-list a { font-weight: 600; font-size: 13px; color: var(--lss-ink) !important; }
.lss-side-list a:hover { color: var(--lss-cyan) !important; }
.lss-side-list small { display: block; margin-top: 2px; font-size: 11px; }
.lss-side-tag { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .04em; color: var(--lss-cyan); margin-bottom: 2px; }
.lss-side-tag.important { color: var(--lss-danger); }
.lss-side-tag.warning { color: var(--lss-warn); }
.lss-side-lead { margin: 8px 0; font-size: 13px; color: var(--lss-muted); }
.lss-side-lead b { color: var(--lss-ink); font-size: 16px; }
.lss-side-card .empty { margin: 8px 0; font-size: 13px; }
.lss-side-ranks .rank-boards { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 8px 10px 12px; }
.lss-side-ranks .rank-card { margin: 0; box-shadow: none; }
body.lss-site .lss-side-ranks .rank-card li {
  grid-template-columns: 28px 18px minmax(0, 1fr) auto;
  gap: 6px;
  padding: 8px 8px;
  align-items: start;
  font-size: 12px;
}
body.lss-site .lss-side-ranks .rank-card li.noflag {
  grid-template-columns: 28px minmax(0, 1fr) auto;
}
body.lss-site .lss-side-ranks .rank-card .nm,
body.lss-site .lss-side-ranks .rank-card a.nm {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word;
  line-height: 1.35;
  color: var(--lss-ink) !important;
}
body.lss-site .lss-side-ranks .rank-card .sc {
  white-space: nowrap;
  font-size: 11px;
  align-self: start;
  padding-top: 1px;
}
body.lss-site .lss-side-ranks .rank-card .fg {
  width: 18px; height: 13px; margin-top: 2px;
}
body.lss-site .forum-cat {
  margin: 0 0 12px; border: 1px solid rgba(184,197,212,.7); border-radius: var(--lss-radius);
  overflow: hidden; background: rgba(255,255,255,.97); box-shadow: 0 2px 10px rgba(42,45,66,.08);
}
body.lss-site .forum-cat > header {
  background:
    linear-gradient(100deg, rgba(26,184,196,.88) 0%, rgba(0,139,208,.75) 55%, rgba(255,255,255,.2) 100%),
    url("/assets/visuals/cat-0.png?v=5") center / cover !important;
  color: #fff !important; font-size: 13px; font-weight: 700;
  padding: 11px 14px; border-bottom: 0; text-shadow: 0 1px 2px rgba(0,0,0,.35);
  letter-spacing: .06em; text-transform: uppercase;
}
body.lss-site .forum-cat:nth-of-type(2) > header {
  background:
    linear-gradient(100deg, rgba(232,122,46,.9) 0%, rgba(0,139,208,.65) 100%),
    url("/assets/visuals/cat-1.png?v=5") center / cover !important;
}
body.lss-site .forum-cat:nth-of-type(3) > header {
  background:
    linear-gradient(100deg, rgba(255,255,255,.35) 0%, rgba(26,184,196,.85) 40%, rgba(42,45,66,.7) 100%),
    url("/assets/visuals/cat-2.png?v=5") center / cover !important;
}
body.lss-site .forum-cat:nth-of-type(4) > header {
  background:
    linear-gradient(100deg, rgba(0,139,208,.9) 0%, rgba(232,122,46,.75) 100%),
    url("/assets/visuals/cat-3.png?v=5") center / cover !important;
}
body.lss-site .forum-cat > header .btn { color: #fff; border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.12); }
body.lss-site .forum-head, body.lss-site .forum-head-rich,
body.lss-site .topic-head, body.lss-site .topic-head-3 {
  background: #efe8f2; color: var(--lss-muted); font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .05em; border-bottom: 1px solid var(--lss-lavender);
  padding: 6px 10px;
}
body.lss-site .forum-head-rich,
body.lss-site .forum-node-rich {
  grid-template-columns: minmax(0, 1fr) 70px 148px !important;
  gap: 0;
}
body.lss-site .forum-head-rich.staff,
body.lss-site .forum-node-rich.staff {
  grid-template-columns: minmax(0, 1fr) 70px 138px 64px !important;
}
body.lss-site .topic-head-3,
body.lss-site .topic-row-rich {
  grid-template-columns: minmax(0, 1fr) 70px 148px !important;
}
body.lss-site .forum-node-rich { background: var(--lss-surface); border-bottom: 1px solid #efe8ec; min-height: 72px; }
body.lss-site .forum-node-rich.row-alt { background: #faf6f9; }
body.lss-site .forum-node-rich:hover, body.lss-site .topic-row:hover, body.lss-site .topic-row-rich:hover {
  background: #f0eaf6 !important;
}
body.lss-site .forum-node-rich > * { padding: 8px 10px; }
body.lss-site .forum-node-rich .topic-stats, body.lss-site .forum-node-rich .node-last-rich,
body.lss-site .topic-row-rich .topic-stats, body.lss-site .topic-row-rich .topic-last {
  border-left: 1px solid #efe8ec;
}
body.lss-site .node-info b { color: var(--lss-ink); font-size: 14px; font-weight: 700; }
body.lss-site .node-main:hover .node-info b { color: var(--lss-cyan); }
body.lss-site .node-info small { color: var(--lss-muted); font-size: 12px; line-height: 1.35; }
body.lss-site .topic-stats { color: var(--lss-muted); font-size: 11px; gap: 2px; }
body.lss-site .topic-stats b { color: var(--lss-cyan); font-size: 13px; display: inline; }
body.lss-site .node-last-rich { gap: 2px; }
body.lss-site .last-title,
body.lss-site .node-last-rich a.last-title {
  color: var(--lss-ink) !important;
  font-weight: 600;
  font-size: 12px;
  max-width: 100%;
  text-decoration: none;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word;
  line-height: 1.35;
}
body.lss-site .node-last-rich a.last-title:hover {
  color: var(--lss-cyan) !important;
  text-decoration: underline;
}
body.lss-site .last-meta {
  font-size: 11px; color: var(--lss-muted);
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word;
  line-height: 1.35;
}
body.lss-site .last-meta a { color: var(--lss-cyan) !important; }
body.lss-site .node-ico {
  width: 52px; height: 52px; border-radius: 10px; flex: 0 0 auto;
  border: 0;
  background: transparent center / contain no-repeat;
  position: relative;
  box-shadow: none;
}
body.lss-site .node-ico::after { content: none !important; display: none !important; }
body.lss-site .node-ico.ico-rules { background-image: url("/assets/visuals/ico-rules.png?v=6"); }
body.lss-site .node-ico.ico-announce { background-image: url("/assets/visuals/ico-announce.png?v=6"); }
body.lss-site .node-ico.ico-systems { background-image: url("/assets/visuals/ico-systems.png?v=6"); }
body.lss-site .node-ico.ico-approved { background-image: url("/assets/visuals/ico-approved.png?v=6"); }
body.lss-site .node-ico.ico-crew { background-image: url("/assets/visuals/ico-crew.png?v=6"); }
body.lss-site .node-ico.ico-character { background-image: url("/assets/visuals/ico-character.png?v=6"); }
body.lss-site .node-ico.ico-lspd { background-image: url("/assets/visuals/ico-lspd.png?v=6"); }
body.lss-site .node-ico.ico-lsmd { background-image: url("/assets/visuals/ico-lsmd.png?v=6"); }
body.lss-site .node-ico.ico-lssd { background-image: url("/assets/visuals/ico-lssd.png?v=6"); }
body.lss-site .node-ico.ico-default { background-image: url("/assets/visuals/ico-default.png?v=6"); }
body.lss-site .node-ico.on,
body.lss-site .node-ico.off { opacity: 1; border: 0; }
body.lss-site .node-ico.lock { filter: none; opacity: 1; }
body.lss-site .forum-stat-list {
  list-style: none;
  margin: 0;
  padding: 12px 16px 14px !important;
  box-sizing: border-box;
}
body.lss-site .forum-stat-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 9px 0;
  border-bottom: 1px solid var(--lss-lavender);
  font-size: 13px;
  line-height: 1.45;
}
body.lss-site .forum-stat-list li > span:first-child {
  color: var(--lss-muted);
  min-width: 0;
}
body.lss-site .forum-stat-list li > *:last-child {
  flex-shrink: 0;
  color: var(--lss-ink);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
body.lss-site .forum-stat-list li:last-child { border-bottom: 0; padding-bottom: 2px; }
body.lss-site .lss-side-card .forum-stat-list {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
body.lss-site .forum-online-list { margin: 0; font-size: 12px; line-height: 1.55; }
body.lss-site .rank-card { background: var(--lss-surface); border: 1px solid var(--lss-lavender); border-radius: var(--lss-radius); box-shadow: none; color: var(--lss-ink); }
body.lss-site .rank-card header { background: var(--lss-surface-2); color: var(--lss-ink); border-bottom: 1px solid var(--lss-lavender); text-transform: none; letter-spacing: 0; font-size: 12px; }
body.lss-site .rank-card li { border-bottom-color: var(--lss-surface-2); color: var(--lss-ink); }
body.lss-site .rank-card li:hover { background: var(--lss-surface-2); }
body.lss-site .rank-card .rk { color: var(--lss-peri); }
body.lss-site .rank-card a.nm { color: var(--lss-ink); }
body.lss-site .rank-card a.nm:hover { color: var(--lss-cyan); }
body.lss-site .rank-card .sc { color: var(--lss-muted); }
body.lss-site .rank-card .nm {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word;
}
body.lss-site .postbit {
  border: 1px solid var(--lss-lavender);
  background: var(--lss-surface);
  border-radius: var(--lss-radius);
  box-shadow: none;
}
body.lss-site .rank-pill {
  background: #eef3f7;
  color: var(--lss-muted);
  border: 1px solid var(--lss-lavender);
  font-weight: 700;
  letter-spacing: .05em;
}
body.lss-site .rank-pill.member {
  background: #eef3f7; color: #4a5568; border-color: var(--lss-lavender);
}
body.lss-site .rank-pill.staff,
body.lss-site .rank-pill.admin {
  background: rgba(26,184,196,.14); color: #0b7c86; border-color: var(--lss-peri);
}
body.lss-site .rank-pill.vip {
  background: rgba(232,122,46,.14); color: #b85a14; border-color: var(--lss-orange);
}
body.lss-site .rank-pill.dev {
  background: linear-gradient(90deg, rgba(232,122,46,.2), rgba(0,139,208,.18));
  color: #c45a12;
  border: 1px solid var(--lss-orange);
  box-shadow: 0 0 0 1px rgba(26,184,196,.25);
}
/* Koyu poster karti uzerinde okunur rütbeler */
body.lss-site .poster .rank-pill.member {
  background: rgba(255,255,255,.12); color: #e8eef2; border-color: rgba(255,255,255,.28);
}
body.lss-site .poster .rank-pill.staff,
body.lss-site .poster .rank-pill.admin {
  background: rgba(26,184,196,.22); color: #7ef0f5; border-color: #1ab8c4;
}
body.lss-site .poster .rank-pill.vip {
  background: rgba(232,122,46,.22); color: #ffc08a; border-color: #e87a2e;
}
body.lss-site .poster .rank-pill.dev {
  background: linear-gradient(90deg, rgba(232,122,46,.35), rgba(0,139,208,.3));
  color: #fff;
  border: 1px solid #e87a2e;
  text-shadow: 0 1px 1px rgba(0,0,0,.35);
}
body.lss-site .poster {
  background:
    linear-gradient(100deg, rgba(20,24,32,.94) 0%, rgba(20,24,32,.78) 55%, rgba(20,24,32,.55) 100%),
    url("/assets/visuals/hero-ucp.png") right center / cover no-repeat;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #fff;
}
body.lss-site .poster.has-cover {
  background:
    linear-gradient(105deg,
      rgba(8,12,20,.94) 0%,
      rgba(8,12,20,.88) 42%,
      rgba(8,12,20,.72) 72%,
      rgba(8,12,20,.55) 100%),
    var(--poster-cover) center / cover no-repeat;
  position: relative;
}
body.lss-site .poster.has-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(8,12,20,.28) 0%, transparent 45%, rgba(8,12,20,.35) 100%);
}
body.lss-site .poster.has-cover > * { position: relative; z-index: 1; }
body.lss-site .poster.has-cover .poster-id,
body.lss-site .poster.has-cover .poster-stats {
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(8, 12, 20, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
body.lss-site .post { color: var(--lss-ink); font-size: 15px; line-height: 1.65; }
body.lss-site .poster-avatar, body.lss-site .skin-frame { border-color: rgba(255,255,255,.35); background: rgba(0,0,0,.28); box-shadow: none; }
body.lss-site .who { color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.65); }
body.lss-site .char-name { color: #7ef0f5 !important; }
body.lss-site .poster-fac, body.lss-site .poster-fac a { color: rgba(255,255,255,.9) !important; }
body.lss-site .poster-stats dt { color: rgba(255,255,255,.82) !important; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
body.lss-site .poster-stats dd { color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,.55); }
body.lss-site .ps-ico { color: #1ab8c4 !important; }
body.lss-site .thread-locked-note {
  margin: 0 0 18px;
  padding: 12px 16px;
  border: 1px solid var(--lss-lavender);
  border-radius: var(--lss-radius);
  background: linear-gradient(90deg, #eef6fb 0%, #f4f7fa 100%);
  color: var(--lss-ink);
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
}
body.lss-site[data-theme="dark"] .thread-locked-note {
  background: linear-gradient(90deg, rgba(26, 184, 196, 0.12), rgba(42, 45, 66, 0.9));
  border-color: rgba(184, 197, 212, 0.35);
  color: #e8eef2;
}
body.lss-site .poster-skin-panel {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(184,197,212,.8);
  border-radius: 10px;
  min-width: 112px;
  padding: 10px 10px 12px;
  justify-content: flex-start;
  gap: 8px;
}
body.lss-site .poster-skin {
  width: 92px; height: 132px;
  filter: none;
}
body.lss-site .poster-skin-name {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0 2px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--lss-ink) !important;
  line-height: 1.25;
  word-break: break-word;
}
body.lss-site .poster-skin-sub {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: var(--lss-muted) !important;
  margin-top: -4px;
}
body.lss-site a.poster-skin-link:hover .poster-skin-name { color: var(--lss-cyan) !important; }
body.lss-site .topic-title,
body.lss-site .topic-title b,
body.lss-site .node-info b {
  color: var(--lss-ink) !important;
}
body.lss-site .topic-title em,
body.lss-site .topic-row .muted,
body.lss-site .lss-activity-list a {
  color: var(--lss-ink) !important;
}
body.lss-site .lss-activity-list a { font-weight: 700; }
body.lss-site .lss-activity-list time,
body.lss-site .lss-activity-list .empty {
  color: var(--lss-muted) !important;
}
body.lss-site .forum-head,
body.lss-site .topic-head,
body.lss-site .topic-head-3 {
  background: var(--lss-surface-2) !important;
  color: var(--lss-muted) !important;
  border-bottom: 1px solid var(--lss-lavender) !important;
}
body.lss-site .forum-node,
body.lss-site .topic-row,
body.lss-site .topic-row-rich {
  background: var(--lss-surface) !important;
  color: var(--lss-ink) !important;
  border-bottom-color: var(--lss-lavender) !important;
}
body.lss-site .forum-node:hover,
body.lss-site .topic-row:hover,
body.lss-site .topic-row-rich:hover {
  background: var(--lss-surface-2) !important;
}
body.lss-site .crumb a { color: var(--lss-cyan) !important; }
body.lss-site .topic-name { color: var(--lss-ink) !important; }
body.lss-site .topic-link { color: var(--lss-cyan) !important; }
body.lss-site .topic-sub,
body.lss-site .topic-stats { color: var(--lss-muted) !important; }
body.lss-site .topic-stats b { color: var(--lss-cyan) !important; }
body.lss-site .lock-tag { border-color: var(--lss-peri); color: #5b5a9a; background: #f3f0fb; }
body.lss-site .wiki-hero, body.lss-site .guide-hero {
  background: linear-gradient(90deg, rgba(250,246,248,.92), rgba(250,246,248,.75)),
    url("/assets/visuals/hero-wiki.png") right center / cover no-repeat;
  border: 1px solid var(--lss-lavender); border-radius: var(--lss-radius); margin-bottom: 14px; padding: 16px 18px;
}
body.lss-site .wiki-layout { border: 1px solid var(--lss-lavender); border-radius: var(--lss-radius); background: var(--lss-surface); box-shadow: none; }
body.lss-site .wiki-toc { background: var(--lss-surface-2); border-color: var(--lss-lavender); }
body.lss-site .wiki-toc a { color: var(--lss-muted); }
body.lss-site .wiki-toc a:hover, body.lss-site .wiki-toc a.on { color: var(--lss-ink); border-left-color: var(--lss-cyan); background: var(--lss-surface); }
body.lss-site .wiki-body { color: var(--lss-ink); font-size: 16px; line-height: 1.7; max-width: 72ch; }
body.lss-site .wiki-chip { border-color: var(--lss-lavender); background: var(--lss-surface); color: var(--lss-muted); }
body.lss-site .wiki-chip.on { background: var(--lss-cyan); border-color: var(--lss-cyan); color: #fff; }
body.lss-site .wiki-search { background: var(--lss-surface); border-color: var(--lss-lavender); color: var(--lss-ink); }
body.lss-site .wiki-search:focus { border-color: var(--lss-cyan); box-shadow: 0 0 0 3px rgba(0,139,208,.18); }
body.lss-site .ucp-top { border-bottom-color: var(--lss-lavender); }
body.lss-site .ucp-kicker { color: var(--lss-cyan); letter-spacing: .08em; }
body.lss-site .ucp-top h1 { color: var(--lss-ink); font-family: var(--font); }
body.lss-site .kpi { background: var(--lss-surface); border: 1px solid var(--lss-lavender); box-shadow: none; }
body.lss-site .kpi b { color: var(--lss-ink); font-family: var(--font); }
body.lss-site .dossier {
  background:
    linear-gradient(115deg, rgba(0, 139, 208, 0.1) 0%, rgba(26, 184, 196, 0.06) 42%, rgba(255, 255, 255, 0.96) 100%),
    var(--lss-surface);
  border: 1px solid var(--lss-lavender);
  box-shadow: inset 0 0 0 1px rgba(0, 139, 208, 0.06);
  min-height: 0;
  align-items: center;
}
body.lss-site .dossier .dossier-meta { flex: 1; justify-content: center; gap: 6px; }
body.lss-site .dossier .dossier-meta h3 { color: var(--lss-cyan); letter-spacing: 0.08em; font-weight: 700; }
body.lss-site .dossier .dossier-meta .stat { font-size: 22px; font-weight: 700; color: var(--lss-ink); }
body.lss-site .dossier .skin-frame {
  background: linear-gradient(180deg, #dfe8f0, #c5d2de);
  border-color: rgba(0, 139, 208, 0.35);
}
body.lss-site .ucp-info-card {
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%);
  border-left: 3px solid var(--lss-peri);
}
body.lss-site .ucp-quick {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
  border-top: 3px solid var(--lss-orange);
}
body.lss-site.ucp-body .content {
  background: linear-gradient(180deg, rgba(232, 238, 242, 0.35), transparent 120px);
}
body.lss-site .ucp-visual { display: none !important; }
body.lss-site .staff-subnav a { color: var(--lss-cyan); }
body.lss-site .staff-tile h2 { color: var(--lss-ink); font-weight: 700; }
body.lss-site .staff-tile-accent {
  border-color: var(--lss-peri);
  background: linear-gradient(135deg, rgba(0, 139, 208, 0.08), rgba(26, 184, 196, 0.05));
  box-shadow: inset 3px 0 0 var(--lss-cyan);
}
body.lss-site .staff-tabs a { color: var(--lss-muted); background: var(--lss-surface); }
body.lss-site .staff-tabs a.active {
  border-color: var(--lss-cyan);
  color: #fff;
  background: var(--lss-cyan);
}
body.lss-site .staff-table th { color: var(--lss-cyan); }
body.lss-site .pill.danger {
  background: #fdecea;
  color: var(--lss-danger);
  border: 1px solid #f5c2c0;
}
.lss-auth-banner {
  width: min(420px, 100%); height: 88px; margin: 0 auto 12px; border-radius: var(--lss-radius);
  border: 1px solid var(--lss-lavender);
  background: linear-gradient(90deg, rgba(42,45,66,.45), rgba(232,122,46,.25)),
    url("/assets/visuals/hero-auth.png?v=5") center / cover;
}
body.lss-site .auth-card {
  background: var(--lss-surface); border: 1px solid var(--lss-lavender); border-radius: var(--lss-radius);
  box-shadow: var(--lss-shadow); width: min(420px, 100%); margin: 0 auto; padding: 28px 26px;
}
body.lss-site .auth-card .mark { display: block; width: 56px; height: 56px; margin: 0 auto 10px; }
body.lss-site .auth-card h1 { text-align: center; color: var(--lss-ink); }
body.lss-site.auth-page .auth-ucp,
body.lss-site .auth-ucp {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 16px;
  box-sizing: border-box;
}
body.lss-site.auth-page::before {
  background-image:
    linear-gradient(180deg, rgba(232, 238, 242, 0.35) 0%, rgba(42, 45, 66, 0.35) 100%),
    url("/assets/visuals/bg-page.png?v=6");
}
.lss-page-visual { height: 72px; margin: 0 0 12px; border-radius: var(--lss-radius); border: 1px solid var(--lss-lavender); background: center / cover no-repeat; }
.lss-board-vis { background-image: linear-gradient(90deg, rgba(250,246,248,.85), rgba(250,246,248,.4)), url("/assets/visuals/hero-server.png"); }
.lss-thread-vis { height: 48px; background-image: linear-gradient(90deg, rgba(250,246,248,.9), rgba(250,246,248,.5)), url("/assets/visuals/cat-1.png"); }
@media (max-width: 1100px) {
  .lss-forum-layout { grid-template-columns: 1fr; }
  .lss-forum-side { position: static; }
  .lss-addr { margin-left: 0; width: 100%; }
}
@media (max-width: 720px) {
  .lss-forum-hero { height: 120px; }
  .lss-forum-hero-copy h1 { font-size: 18px; }
  .lss-apply-banner { flex-direction: column; align-items: flex-start; }
  body.lss-site .site-header {
    flex-wrap: wrap;
    height: auto;
    min-height: var(--header-h);
    padding: 8px 12px;
    gap: 8px;
  }
  body.lss-site .header-right {
    flex-wrap: wrap;
    gap: 6px 8px;
    max-width: 100%;
  }
  body.lss-site .header-right .rank-pill {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.lss-site .forum-wrap {
    margin: 8px auto 24px;
    padding: 10px 10px 20px;
  }
  body.lss-site .poster {
    grid-template-columns: 1fr !important;
  }
  body.lss-site .poster-stats {
    grid-template-columns: 1fr 1fr !important;
  }
  body.lss-site .lss-profile-hero-inner {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }
  body.lss-site .lss-profile-avatar { width: 72px; height: 90px; }
  body.lss-site .lss-profile-copy h1 { font-size: 20px; word-break: break-word; }
  body.lss-site .lss-profile-copy p { font-size: 13px; line-height: 1.4; }
  body.lss-site .lss-activity-grid { grid-template-columns: 1fr; }
  body.lss-site .char-sheet {
    grid-template-columns: 88px 1fr !important;
  }
  body.lss-site .topic-row-rich .topic-main,
  body.lss-site .forum-node-rich .node-main {
    min-width: 0;
  }
  body.lss-site .topic-name,
  body.lss-site .node-info b {
    word-break: break-word;
    white-space: normal !important;
  }
}
body.lss-site[data-theme="dark"] {
  --lss-blush: #14161d;
  --lss-surface: #1e222c;
  --lss-surface-2: #262b38;
  --lss-lavender: #3a4154;
  --lss-ink: #e8eaf0;
  --lss-muted: #a7adbb;
  --background: var(--lss-blush);
  --surface: var(--lss-surface);
  --surface-2: var(--lss-surface-2);
  --border: var(--lss-lavender);
  --text: var(--lss-ink);
  --text-muted: var(--lss-muted);
}
body.lss-site[data-theme="dark"] .site-header {
  background: var(--lss-surface);
  border-bottom-color: var(--lss-lavender);
}
body.lss-site[data-theme="dark"] .pill.ok { background: #14301f; }
body.lss-site[data-theme="dark"] .pill.warn { background: #3a2a12; }
body.lss-site[data-theme="dark"] .pill.info { color: #9ad7f0; border-color: var(--lss-cyan); }


body.lss-site .wiki-sec-head h2,
body.lss-site .wiki-body h3,
body.lss-site .guide-sec h2 {
  color: var(--lss-ink);
  font-family: var(--font);
}
body.lss-site .wiki-toc a:hover { color: var(--lss-ink); background: var(--lss-surface); }
body.lss-site .board-dlg-form h3 { color: var(--lss-ink); font-family: var(--font); }

/* Forum OOC profile + IC character sheets */
.lss-profile-hero {
  margin: 0 22px 16px;
  border: 1px solid var(--lss-lavender);
  border-radius: var(--lss-radius);
  overflow: hidden;
  background:
    linear-gradient(100deg, rgba(20,24,32,.94) 0%, rgba(20,24,32,.72) 48%, rgba(20,24,32,.5) 100%),
    var(--poster-cover, url("/assets/visuals/hero-ucp.png")) center / cover no-repeat;
  color: #fff;
}
.lss-profile-hero-inner {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 18px;
}
.lss-profile-avatar {
  width: 88px; height: 110px; border-radius: 8px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.28); background: rgba(0,0,0,.28);
}
.lss-profile-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.lss-profile-copy h1 {
  margin: 0 0 8px; font-size: 26px; font-weight: 700;
  color: #fff !important; text-shadow: 0 1px 3px rgba(0,0,0,.45);
}
.lss-profile-copy p { margin: 0; color: rgba(255,255,255,.88); font-size: 14px; }
.lss-profile-charlink { color: #7ef0f5 !important; font-weight: 600; }
.lss-profile-charlink:hover { color: #fff !important; }
.lss-profile-bio { margin-top: 10px !important; max-width: 58ch; color: rgba(255,255,255,.78) !important; }
.lss-char-block .lss-char-stack { padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.lss-char-stack .char-sheet {
  margin-bottom: 0;
  background: var(--lss-surface-2);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  grid-template-columns: 96px minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, 0.85fr);
}
body.lss-site .lss-char-stack .char-sheet > * { min-width: 0; overflow: hidden; }
body.lss-site .lss-char-stack .char-sheet-info h2 {
  color: var(--lss-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.lss-site .lss-char-stack .char-sheet-side {
  border-left: 1px solid var(--lss-lavender);
  padding-left: 10px;
}
body.lss-site .lss-char-stack .char-sheet-side span,
body.lss-site .lss-char-stack .char-sheet-side b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.lss-site .lss-char-stack .char-sheet-skin {
  width: 96px;
  min-height: 140px;
  background: #0b0e12;
}
body.lss-site .lss-char-stack .char-sheet-skin img {
  width: 100%;
  height: 140px;
  max-height: 140px;
  object-fit: contain;
  object-position: center bottom;
  transform: none;
}
body.lss-site .lss-profile-main,
body.lss-site .lss-tab-panel,
body.lss-site .lss-char-stack { min-width: 0; max-width: 100%; }
@media (max-width: 1100px) {
  body.lss-site .lss-char-stack .char-sheet {
    grid-template-columns: 88px minmax(0, 1fr) minmax(0, 1fr);
  }
  body.lss-site .lss-char-stack .char-sheet-side {
    grid-column: 1 / -1;
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid var(--lss-lavender);
    padding-top: 10px;
    flex-direction: row;
    gap: 18px;
  }
}
body.lss-site a.poster-skin-link { text-decoration: none; color: inherit; display: block; }
body.lss-site a.poster-skin-link:hover .poster-skin-cap { color: var(--lss-cyan); }

.lss-activity-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.lss-activity-col {
  padding: 10px 14px 12px;
  border-right: 1px solid var(--lss-lavender);
  min-width: 0;
}
.lss-activity-col:last-child { border-right: 0; }
.lss-activity-col h4 {
  margin: 0 0 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--lss-muted);
  font-weight: 700;
}
.lss-activity-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lss-activity-list li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 13px;
  line-height: 1.35;
  padding: 4px 0;
  border-bottom: 1px solid var(--lss-surface-2);
}
.lss-activity-list li:last-child { border-bottom: 0; }
.lss-activity-list a {
  color: var(--lss-ink);
  font-weight: 600;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.lss-activity-list a:hover { color: var(--lss-cyan); }
.lss-activity-list time {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--lss-muted);
}
.lss-activity-list .empty {
  color: var(--lss-muted);
  font-weight: 400;
  border: 0;
  padding: 6px 0;
}
@media (max-width: 720px) {
  .lss-activity-grid { grid-template-columns: 1fr; }
  .lss-activity-col { border-right: 0; border-bottom: 1px solid var(--lss-lavender); }
  .lss-activity-col:last-child { border-bottom: 0; }
}

/* Forum member profile (ViceRP-style layout) */
.lss-profile-stats {
  display: flex; flex-wrap: wrap; gap: 10px 18px;
  margin-top: 12px; font-size: 13px; color: rgba(255,255,255,.9);
}
.lss-profile-stats b { font-weight: 700; margin-right: 4px; color: #fff; }
.lss-profile-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.lss-profile-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  margin: 0 22px 22px;
  align-items: start;
}
.lss-profile-side { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.lss-profile-side .forum-cat { margin: 0; }
.lss-side-box { padding: 12px 14px; }
.lss-side-rank { margin: 0 0 10px; }
.lss-side-dl { margin: 0; display: grid; gap: 8px; }
.lss-side-dl > div { display: grid; grid-template-columns: 96px 1fr; gap: 8px; font-size: 13px; }
.lss-side-dl dt { margin: 0; color: var(--lss-muted); font-weight: 600; }
.lss-side-dl dd { margin: 0; color: var(--lss-ink); word-break: break-word; }
.lss-profile-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.lss-profile-badges .badge-item { width: 40px; height: 40px; }
.lss-profile-badges .badge-item img { width: 100%; height: 100%; object-fit: contain; }
.lss-visitor-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lss-visitor-list li { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; }
.lss-visitor-list li.empty { color: var(--lss-muted); }
.lss-visitor-list a {
  display: flex; align-items: center; gap: 8px; min-width: 0;
  color: var(--lss-ink); font-weight: 600; text-decoration: none;
}
.lss-visitor-list a:hover { color: var(--lss-cyan); }
.lss-visitor-list img {
  width: 28px; height: 28px; border-radius: 4px; object-fit: cover;
  border: 1px solid var(--lss-lavender); flex: 0 0 auto;
}
.lss-visitor-list time { flex: 0 0 auto; font-size: 11px; color: var(--lss-muted); }
.lss-profile-main { min-width: 0; }
.lss-profile-tabs {
  display: flex; flex-wrap: wrap; gap: 0;
  border: 1px solid var(--lss-lavender);
  border-radius: var(--lss-radius) var(--lss-radius) 0 0;
  overflow: hidden;
  background: var(--lss-surface);
}
.lss-profile-tabs button {
  flex: 1 1 auto;
  border: 0; border-right: 1px solid var(--lss-lavender);
  background: transparent; color: var(--lss-muted);
  font: inherit; font-weight: 700; font-size: 13px;
  padding: 11px 14px; cursor: pointer;
}
.lss-profile-tabs button:last-child { border-right: 0; }
.lss-profile-tabs button.active {
  background: #1e4f8a; color: #fff;
}
.lss-tab-panel {
  display: none;
  border: 1px solid var(--lss-lavender);
  border-top: 0;
  border-radius: 0 0 var(--lss-radius) var(--lss-radius);
  background: var(--lss-surface-2);
  padding: 12px;
}
.lss-tab-panel.active { display: block; }
.lss-tab-panel .lss-char-stack { display: flex; flex-direction: column; gap: 10px; }
.lss-profile-acc {
  margin-top: 10px;
  border: 1px solid var(--lss-lavender);
  border-radius: 6px;
  background: var(--lss-surface);
  overflow: hidden;
}
.lss-profile-acc summary {
  list-style: none; cursor: pointer;
  padding: 11px 14px; font-weight: 700; font-size: 13px;
  color: #fff; background: #1e4f8a;
}
.lss-profile-acc summary::-webkit-details-marker { display: none; }
.lss-profile-acc[open] summary { border-bottom: 1px solid rgba(255,255,255,.12); }
.lss-profile-acc > div { padding: 12px 14px; }
.lss-record-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.lss-record-list li { display: grid; gap: 2px; font-size: 13px; }
.lss-record-list b { color: var(--lss-ink); }
.lss-record-list span { color: var(--lss-muted); font-size: 12px; }
@media (max-width: 900px) {
  .lss-profile-layout { grid-template-columns: 1fr; margin: 0 12px 16px; }
  .lss-profile-hero { margin-left: 12px; margin-right: 12px; }
}