:root {
  --ss-bg: #0b0f14;
  --ss-bg-2: #080b10;
  --ss-surface: #121821;
  --ss-surface-2: #0f141c;
  --ss-surface-3: #151c26;
  --ss-text: #eef3fb;
  --ss-muted: #96a3b6;
  --ss-border: rgba(230,237,243,.11);
  --ss-border-strong: rgba(230,237,243,.2);
  --ss-shadow: 0 22px 52px rgba(0,0,0,.38);
  --ss-gold: #ffc83d;
  --ss-gold-deep: #d89a00;
  --ss-gold-soft: #ffe27a;
  --ss-teal: #00e5c2;
  --ss-blue: #0090ff;
  --ss-blue-soft: #33b5ff;
  --ss-green: #39ff14;
  --ss-green-soft: #2ecc71;
  --ss-warning: #ffb020;
  --ss-danger: #ff4d4d;
}

html { scroll-behavior:smooth; }
body {
  background:
    radial-gradient(circle at top left, rgba(0,229,194,.08), transparent 24%),
    radial-gradient(circle at top right, rgba(255,200,61,.08), transparent 22%),
    linear-gradient(180deg, var(--ss-bg) 0%, var(--ss-bg-2) 100%);
  color: var(--ss-text);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  min-height: 100vh;
}

a { color: var(--ss-blue-soft); }
a:hover { color: #87d1ff; }
h1,h2,h3,h4,h5,.pixel-font,.navbar-brand,.lus-label {
  font-family: "Press Start 2P", system-ui;
  letter-spacing: .04em;
}

.navbar, .card, .modal-content, .offcanvas, .dropdown-menu {
  background: rgba(18,24,33,.96) !important;
  color: var(--ss-text) !important;
  border-color: var(--ss-border) !important;
}

.card, .modal-content {
  border: 1px solid var(--ss-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--ss-shadow) !important;
}

.table, .table th, .table td {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255,255,255,.02);
  --bs-table-color: var(--ss-text);
  --bs-table-border-color: var(--ss-border);
}
.table > :not(caption) > * > * { padding: .95rem .8rem; }
.table thead th {
  color: #d8e0ec !important;
  font-size: .74rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.text-muted, .small.text-muted, .form-text, .table td.text-muted, .table th.text-muted { color: var(--ss-muted) !important; }
.badge.text-bg-light {
  background: rgba(0,229,194,.1) !important;
  color: var(--ss-teal) !important;
  border: 1px solid rgba(0,229,194,.2);
}
.alert {
  background: rgba(0,0,0,.28);
  border: 1px solid var(--ss-border);
  color: var(--ss-text);
  border-radius: 16px;
}
.form-control, .form-select {
  background: var(--ss-surface-2) !important;
  color: var(--ss-text) !important;
  border-color: var(--ss-border) !important;
  border-radius: 14px !important;
}
.form-control:focus, .form-select:focus {
  border-color: rgba(0,229,194,.5) !important;
  box-shadow: 0 0 0 .22rem rgba(0,229,194,.12) !important;
}
.form-control::placeholder { color: #77859a; }

.btn {
  border-radius: 14px;
  font-weight: 700;
  box-shadow: none !important;
}
.btn-primary {
  --bs-btn-color: #071014;
  --bs-btn-bg: var(--ss-teal);
  --bs-btn-border-color: var(--ss-teal);
  --bs-btn-hover-color: #071014;
  --bs-btn-hover-bg: #3af0d1;
  --bs-btn-hover-border-color: #3af0d1;
  --bs-btn-active-color: #071014;
  --bs-btn-active-bg: #23e4c3;
  --bs-btn-active-border-color: #23e4c3;
}
.btn-outline-secondary, .btn-outline-primary {
  --bs-btn-color: var(--ss-blue-soft);
  --bs-btn-border-color: rgba(0,144,255,.45);
  --bs-btn-hover-color: #061018;
  --bs-btn-hover-bg: var(--ss-blue-soft);
  --bs-btn-hover-border-color: var(--ss-blue-soft);
}
.btn-outline-danger {
  --bs-btn-color: #ff8080;
  --bs-btn-border-color: rgba(255,77,77,.4);
  --bs-btn-hover-color: #130607;
  --bs-btn-hover-bg: #ff6a6a;
  --bs-btn-hover-border-color: #ff6a6a;
}
.pagination .page-link {
  background: var(--ss-surface-2);
  color: var(--ss-text);
  border-color: var(--ss-border);
}
.pagination .page-item.active .page-link {
  background: var(--ss-teal);
  color: #071014;
  border-color: var(--ss-teal);
}

.lus-topbar {
  position: sticky;
  top: 0;
  z-index: 1025;
  backdrop-filter: blur(14px);
  background: rgba(8,11,16,.82) !important;
  border-bottom: 1px solid var(--ss-border) !important;
}
.lus-topbar > .container-fluid, .lus-topbar > .container {
  min-height: 88px;
  gap: 1rem;
}
.lus-brand {
  display:flex;
  align-items:center;
  gap: 16px;
  color: var(--ss-text);
  text-decoration:none;
}
.lus-brand img {
  height: 58px;
  width: auto;
  display:block;
  image-rendering: pixelated;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.28));
}
.lus-brand:hover { color: var(--ss-text); }
.lus-brand-mini img { height: 46px; }
.lus-menu-btn {
  width: 52px;
  height: 52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 16px;
  border:1px solid var(--ss-border);
  background: var(--ss-surface);
  color: var(--ss-text);
}
.lus-menu-btn-icon, .lus-menu-btn-icon::before, .lus-menu-btn-icon::after {
  content:"";
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background: currentColor;
}
.lus-menu-btn-icon { position: relative; }
.lus-menu-btn-icon::before { position:absolute; top:-6px; left:0; }
.lus-menu-btn-icon::after { position:absolute; top:6px; left:0; }

.lus-app-shell {
  display:grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 1.25rem;
  width: min(1600px, calc(100vw - 24px));
  margin: 1.25rem auto 0;
  padding-bottom: 2rem;
}
.lus-sidebar {
  position: sticky;
  top: 104px;
  align-self: start;
  border: 1px solid var(--ss-border);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(18,24,33,.98), rgba(9,12,17,.96));
  box-shadow: var(--ss-shadow);
  overflow: hidden;
}
.lus-sidebar-head {
  padding: 1.1rem 1rem 1rem;
  border-bottom: 1px solid var(--ss-border);
}
.lus-sidebar-nav { padding: .85rem; display:grid; gap: .45rem; }
.lus-nav-link {
  display:flex;
  align-items:center;
  gap: .75rem;
  text-decoration:none;
  color: #d7e1ef;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: .88rem .95rem;
  font-weight: 600;
}
.lus-nav-link:hover {
  color: #fff;
  border-color: rgba(0,229,194,.18);
  background: rgba(0,229,194,.06);
}
.lus-nav-link.active {
  color: var(--ss-teal);
  border-color: rgba(0,229,194,.28);
  background: linear-gradient(90deg, rgba(0,229,194,.12), rgba(0,144,255,.04));
  box-shadow: inset 3px 0 0 var(--ss-teal);
}
.lus-nav-icon {
  width: 24px;
  height: 24px;
  text-align: center;
  opacity: .98;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 24px;
  line-height:1;
}
.lus-nav-icon--image img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(0 3px 5px rgba(0,0,0,.32));
}
.lus-nav-link.active .lus-nav-icon--image img {
  filter: drop-shadow(0 0 7px rgba(0,229,194,.35)) drop-shadow(0 3px 5px rgba(0,0,0,.34));
}
.lus-sidebar-footer {
  padding: .95rem;
  border-top: 1px solid var(--ss-border);
}
.lus-reward-box {
  border: 1px solid rgba(255,200,61,.2);
  background: linear-gradient(180deg, rgba(255,200,61,.08), rgba(255,200,61,.03));
  border-radius: 18px;
  padding: 1rem;
}
.lus-main {
  min-width: 0;
}
.lus-content {
  border: 1px solid rgba(230,237,243,.08);
  background: rgba(8,11,16,.36);
  border-radius: 28px;
  padding: 1.1rem;
}

.lus-page-header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.lus-page-title {
  margin: 0 0 .45rem;
  font-size: 1.25rem;
  line-height: 1.25;
}
.lus-page-subtitle {
  color: var(--ss-muted);
  max-width: 66ch;
}

.ss-hud {
  display:grid;
  grid-template-columns: 1.1fr 1.6fr .95fr .95fr;
  gap: .8rem;
  width: min(920px, 100%);
  margin-left: auto;
}
.ss-hud-chip {
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.85rem 1rem;
  border-radius:18px;
  border:1px solid var(--ss-border);
  background: linear-gradient(180deg, rgba(18,24,33,.98), rgba(12,16,22,.94));
  min-height:80px;
}
.ss-hud-kicker {
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ss-muted);
  margin-bottom:.18rem;
}
.ss-hud-value { font-size: 1rem; font-weight: 800; color: var(--ss-text); }
.ss-hud-meta { font-size: .75rem; color: var(--ss-muted); }
.ss-hud-stack { display:flex; flex-direction:column; gap:.42rem; }
.ss-hud-progress {
  width: 100%;
  height: 14px;
  border-radius: 999px;
  border: 2px solid rgba(230,237,243,.88);
  background: #090c11;
  overflow: hidden;
}
.ss-hud-progress > span {
  display:block;
  height:100%;
  width:0;
  background: repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 2px, transparent 2px 18px), linear-gradient(90deg, var(--ss-teal) 0%, var(--ss-blue-soft) 100%);
}
.ss-hud-icon {
  width: auto;
  max-width: 60px;
  max-height: 60px;
  height: auto;
  object-fit: contain;
  image-rendering: pixelated;
  flex: 0 0 auto;
}
.ss-hud-icon--xp { max-width: 48px; }
.ss-hud-icon--fire,
.ss-hud-icon--coin { max-width: 60px; }

.game-chip, .mini-stat, .feed-item, .reward-item, .mission-item, .record-item, .next-move-card, .breakthrough-item, .levelup-mission-card, .levelup-mission-meta-box, .levelup-missions-stat, .filter-pill, .keyword-source-badge {
  background: linear-gradient(180deg, rgba(19,26,35,.98), rgba(10,13,19,.96));
  border-color: var(--ss-border) !important;
}
.game-chip {
  border-radius: 22px;
  box-shadow: var(--ss-shadow);
}
.hero-game-card {
  background: linear-gradient(180deg, rgba(12,17,24,.98), rgba(15,22,31,.98));
}
.hero-kicker {
  color: var(--ss-teal);
  background: rgba(0,229,194,.08);
  border-color: rgba(0,229,194,.18);
}
.mission-progress {
  height: 14px;
  background: #090c11;
  border: 2px solid rgba(230,237,243,.88);
}
.mission-progress span {
  background: repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 2px, transparent 2px 18px), linear-gradient(90deg, var(--ss-teal) 0%, var(--ss-blue-soft) 100%) !important;
}
.filter-pill.active {
  color: var(--ss-teal);
  border-color: rgba(0,229,194,.28) !important;
  box-shadow: inset 0 0 0 1px rgba(0,229,194,.12);
}
.keyword-source-badge {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid var(--ss-border);
}
.keyword-source-badge span { display:none; }

.levelup-missions-copy h2,
.section-title h2,
.card .h5,
.modal .pixel-font,
.lus-label {
  font-size: clamp(.95rem, 1vw, 1rem);
  line-height: 1.35;
}
.metric-card .metric-number,
.display-6,
.levelup-missions-stat-value {
  color: var(--ss-teal);
}
.text-success { color: var(--ss-green-soft) !important; }
.text-danger { color: #ff7a7a !important; }

#syncChooserModal .modal-content {
  background: linear-gradient(180deg, rgba(12,17,24,.99), rgba(8,12,17,.99)) !important;
}
#syncChooserModal .btn-outline-secondary { justify-content:flex-start; }

.offcanvas.ss-offcanvas {
  background: rgba(10,14,20,.98) !important;
  color: var(--ss-text);
  border-left: 1px solid var(--ss-border);
}
.offcanvas.ss-offcanvas .btn-close,
.modal .btn-close { filter: invert(1) grayscale(1); }

.ss-menu-link {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.65rem;
  text-align:left;
}
.ss-menu-icon {
  width:22px;
  height:22px;
  object-fit:contain;
  image-rendering:pixelated;
  flex:0 0 22px;
}
.ss-menu-icon--text {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.lus-footer-note {
  color: var(--ss-muted);
  font-size: .9rem;
  text-align: center;
  padding: 1rem 0 0;
}

@media (max-width: 1399.98px) {
  .ss-hud { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
}
@media (max-width: 1199.98px) {
  .lus-app-shell { grid-template-columns: 1fr; width: min(1400px, calc(100vw - 20px)); }
  .lus-content { padding: 1rem; }
}
@media (max-width: 991.98px) {
  .ss-hud { display:none; }
  .lus-topbar > .container-fluid, .lus-topbar > .container { min-height: 78px; }
}
@media (max-width: 767.98px) {
  .lus-content { border-radius: 18px; }
  .lus-page-header { flex-direction: column; }
  .table > :not(caption) > * > * { padding: .8rem .7rem; }
}


/* Phase 2 refinements */
.lus-sidebar { padding-top: .4rem; }
.lus-sidebar-nav--flush { padding-top: .65rem; }
.lus-sidebar-head { display:none; }
.lus-nav-link { min-height: 54px; }
.lus-content { padding: 1.35rem; }
.lus-page-title { font-size: clamp(1.45rem, 2.2vw, 2.1rem); line-height: 1.12; }
.lus-page-subtitle { font-size: 1rem; }
.game-strip { gap: 1rem; }
.game-chip { min-height: 108px; padding: 1rem 6.5rem 1rem 1rem; }
.game-chip-label { font-size: .7rem; }
.game-chip-value { font-size: 1.75rem; line-height: 1; }
.hero-game-card { border-radius: 26px !important; }
.hero-game-card .display-6 { font-size: clamp(2rem, 4vw, 2.9rem); }
.levelup-missions-grid { gap: 1.1rem; }
.levelup-mission-card { border-radius: 22px; }
.levelup-mission-title { font-size: 1.12rem; }
.filter-pill { min-height: 44px; font-weight: 700; }
.keyword-sort-link { font-weight: 700; }
.table-responsive { border-radius: 18px; }
.table tbody tr:hover { background: rgba(255,255,255,.03); }
@media (max-width: 1199.98px) { .lus-sidebar-head { display:none; } }


/* v0.3.2 compact keywords table */
.keywords-table-compact{table-layout:fixed;}
.keywords-table-compact td,.keywords-table-compact th{vertical-align:middle;}
.keywords-table-compact tbody td{padding-top:.7rem;padding-bottom:.7rem;}
.keyword-table-keyword{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.keyword-table-url{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;opacity:.68;}
.keyword-date-cell{white-space:nowrap;}
@media (max-width: 1399.98px){
  .keywords-table-compact col.col-keyword{width:20%;}
  .keywords-table-compact col.col-url{width:17%;}
  .keyword-table-keyword{max-width:260px;}
  .keyword-table-url{max-width:220px;}
}

.sync-action-btn {
  text-align: left;
  justify-content: flex-start;
}

.sync-loading-modal-content {
  background: #060606;
  border: 2px solid rgba(255,255,255,.16);
  box-shadow: 0 24px 70px rgba(0,0,0,.62), 0 0 0 1px rgba(0,229,194,.1) inset;
}

.sync-loading-kicker {
  color: var(--ss-accent);
  letter-spacing: .12em;
}

.sync-loading-title {
  font-family: 'Press Start 2P', cursive;
  font-size: clamp(.92rem, 2vw, 1.2rem);
  line-height: 1.6;
  color: #00E5C2;
  text-shadow: 0 0 10px rgba(0,229,194,.16);
}

.sync-loading-wrap {
  max-width: 420px;
  margin-inline: auto;
}

.sync-loading-bar-frame {
  position: relative;
  width: 100%;
  height: 38px;
  padding: 5px;
  background: #000;
  border: 4px solid #f4f4f4;
  border-radius: 0;
  image-rendering: pixelated;
  box-shadow: 0 0 0 4px #000, 0 16px 40px rgba(0,0,0,.45);
  overflow: hidden;
}

.sync-loading-bar-fill {
  position: relative;
  height: 100%;
  width: 0;
  background:
    repeating-linear-gradient(
      90deg,
      #00E5C2 0,
      #00E5C2 28px,
      #33F7DE 28px,
      #33F7DE 32px
    );
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.16), 0 0 18px rgba(0,229,194,.32);
  transition: width .18s steps(8, end);
}

.sync-loading-bar-fill::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    90deg,
    rgba(255,255,255,.12) 0,
    rgba(255,255,255,.12) 2px,
    transparent 2px,
    transparent 30px
  );
  mix-blend-mode: screen;
}

.sync-loading-percent {
  color: #00E5C2;
  font-size: clamp(1.15rem, 3vw, 1.7rem);
}

.sync-loading-stage {
  font-family: 'Press Start 2P', cursive;
  font-size: .68rem;
  line-height: 1.8;
  color: rgba(234,234,234,.88);
  min-height: 2.8em;
}

.sync-loading-helper {
  color: rgba(234,234,234,.58);
  font-size: .92rem;
}

.sync-loading-dots {
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

.sync-loading-dots span {
  width: 8px;
  height: 8px;
  background: #00E5C2;
  box-shadow: 0 0 12px rgba(0,229,194,.28);
  animation: syncPixelPulse 1.05s steps(2, end) infinite;
}

.sync-loading-dots span:nth-child(2) { animation-delay: .18s; }
.sync-loading-dots span:nth-child(3) { animation-delay: .36s; }

.sync-loading-error .sync-loading-title,
.sync-loading-error .sync-loading-percent,
.sync-loading-error .sync-loading-dots span {
  color: #ff6b6b;
  background: #ff6b6b;
  box-shadow: 0 0 12px rgba(255,107,107,.3);
}

.sync-loading-error .sync-loading-bar-fill {
  background: repeating-linear-gradient(
    90deg,
    #ff6b6b 0,
    #ff6b6b 28px,
    #ff9494 28px,
    #ff9494 32px
  );
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.12), 0 0 18px rgba(255,107,107,.3);
}

@keyframes syncPixelPulse {
  0%, 100% { transform: translateY(0); opacity: .45; }
  50% { transform: translateY(-2px); opacity: 1; }
}


/* ===== Public landing + FAQ ===== */
body.landing-body {
  background:
    linear-gradient(90deg, rgba(0,229,194,.08), rgba(0,144,255,.03) 18%, rgba(0,0,0,0) 36%),
    linear-gradient(180deg, #061018 0%, #050b12 100%);
}

.landing-shell {
  min-height: 100vh;
}

.landing-topbar .nav-link {
  color: #dbe7f7;
  font-weight: 600;
}
.landing-topbar .nav-link:hover { color: var(--ss-teal); }

.landing-hero,
.landing-faq-page {
  position: relative;
  overflow: clip;
}

.landing-hero-grid {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0,229,194,.04) 0, rgba(0,229,194,.02) 1px, transparent 1px, transparent 88px),
    linear-gradient(180deg, rgba(255,255,255,.025) 0, rgba(255,255,255,.01) 1px, transparent 1px, transparent 88px);
  mask-image: linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.4) 70%, transparent 100%);
  pointer-events: none;
}

.landing-kicker,
.landing-badge,
.landing-sync-label {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  padding: .9rem 1.25rem;
  border-radius: 999px;
  border: 1px solid rgba(0,229,194,.22);
  background: rgba(5,15,24,.72);
  color: var(--ss-teal);
  font-family: "Press Start 2P", system-ui;
  font-size: .72rem;
  line-height: 1.55;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.landing-kicker .dot,
.landing-badge .square {
  width: .7rem;
  height: .7rem;
  display: inline-block;
  border-radius: .18rem;
  background: var(--ss-teal);
  box-shadow: 0 0 14px rgba(0,229,194,.45);
}

.landing-hero-title,
.landing-section-title {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: .95;
  text-wrap: balance;
}

.landing-hero-title {
  font-size: clamp(3.4rem, 8vw, 7rem);
  max-width: 10.5ch;
}

.landing-section-title {
  font-size: clamp(2.2rem, 4.2vw, 4rem);
  max-width: 14ch;
}

.landing-hero-title .accent,
.accent {
  color: var(--ss-teal);
}

.landing-hero-copy,
.landing-section-copy,
.landing-metric-copy,
.landing-sync-copy,
.landing-proof,
.landing-proof-row {
  color: #aab8cb;
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  line-height: 1.72;
}

.landing-hero-copy {
  max-width: 60ch;
}

.landing-primary-btn,
.landing-outline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: .95rem 1.35rem;
  border-radius: 16px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.landing-primary-btn {
  background: linear-gradient(180deg, #1ef0d0 0%, #00d7b8 100%);
  color: #041016;
  border: 1px solid transparent;
  box-shadow: 0 14px 30px rgba(0,229,194,.18);
}
.landing-primary-btn:hover { color: #041016; transform: translateY(-1px); }

.landing-outline-btn {
  background: rgba(255,255,255,.02);
  color: #ebf4ff;
  border: 1px solid rgba(230,237,243,.16);
}
.landing-outline-btn:hover {
  color: #fff;
  border-color: rgba(0,229,194,.28);
  background: rgba(0,229,194,.06);
}

.landing-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem 1rem;
}

.landing-proof-row span,
.landing-proof {
  color: #9aacbf;
  font-size: .95rem;
}

.landing-game-panel,
.landing-cta-panel,
.landing-screenshot-frame,
.landing-auth-card,
.landing-faq-card,
.landing-plugin-card,
.landing-feature-card,
.landing-step-card {
  position: relative;
  background: linear-gradient(180deg, rgba(14,22,32,.96), rgba(9,14,21,.98)) !important;
  border: 1px solid rgba(230,237,243,.1) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.38) !important;
}

.landing-game-panel {
  padding: 1.35rem;
}

.landing-progress-shell {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: .9rem;
  align-items: center;
  margin: 1rem 0 1.15rem;
}

.landing-progress-bar {
  position: relative;
  height: 40px;
  padding: 6px;
  background: #050608;
  border: 4px solid #fff;
  box-shadow: inset 0 0 0 2px #000;
}

.landing-progress-bar span {
  display: block;
  height: 100%;
  background: repeating-linear-gradient(90deg, #1ff0d0 0 32px, #49f5dd 32px 64px);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.16);
}

.landing-progress-value {
  min-width: 64px;
  color: var(--ss-teal);
  font-family: "Press Start 2P", system-ui;
  font-size: 1.1rem;
}

.landing-panel-grid,
.landing-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
}

.landing-panel-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-metrics-grid {
  max-width: 1180px;
  margin-inline: auto;
}

.landing-feature-card,
.landing-step-card,
.landing-plugin-card,
.landing-stat-card {
  min-width: 0;
}

.landing-feature-card {
  padding: 1.5rem !important;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.landing-step-card { min-height: 100%; }

.landing-stat-card {
  padding: 1.15rem;
  border-radius: 20px;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(230,237,243,.08);
}

.landing-metric-title,
.landing-stat-label,
.landing-step-num,
.landing-card-title,
.landing-plugin-reward {
  font-family: "Press Start 2P", system-ui;
  color: var(--ss-teal);
  text-transform: uppercase;
  letter-spacing: .06em;
}

.landing-metric-title,
.landing-stat-label,
.landing-step-num {
  font-size: .78rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.landing-metric-value,
.landing-stat-value,
.landing-card-title,
.landing-plugin-reward {
  font-family: Inter, system-ui, sans-serif;
  font-weight: 800;
  color: #f3f7fd;
  letter-spacing: -.05em;
  line-height: 1.02;
}

.landing-metric-value {
  font-size: clamp(2rem, 2.3vw, 2.9rem);
  max-width: 9ch;
  margin-bottom: 1rem;
  text-wrap: balance;
}

.landing-stat-value {
  font-size: clamp(1.4rem, 1.8vw, 2rem);
  margin-bottom: .35rem;
}

.landing-stat-value--small {
  font-size: clamp(1.15rem, 1.3vw, 1.4rem);
  max-width: 12ch;
}

.landing-stat-note {
  color: #8ea0b5;
  font-size: .95rem;
}

.landing-window-bar {
  display: flex;
  gap: .55rem;
  padding: 1rem 1rem 0;
}

.landing-window-dot {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  background: rgba(255,255,255,.3);
}

.landing-screenshot-frame {
  overflow: hidden;
}

.landing-screenshot-frame img {
  display: block;
  width: 100%;
  height: auto;
}

.landing-feature-list {
  padding-left: 1.15rem;
  color: #dbe7f7;
}

.landing-feature-list li + li { margin-top: .55rem; }

.landing-cta-panel--compact .landing-section-title {
  max-width: 16ch;
}

.landing-footer {
  border-top: 1px solid rgba(230,237,243,.08);
}

.landing-faq-card .accordion-button {
  border-radius: 24px !important;
  padding: 1.25rem 1.35rem;
  font-weight: 700;
}

.landing-faq-card .accordion-button:not(.collapsed) {
  color: #fff;
}

.landing-faq-card .accordion-body {
  padding: 0 1.35rem 1.35rem;
  color: #aab8cb !important;
}

@media (max-width: 1199.98px) {
  .landing-hero-title { max-width: 12ch; }
}

@media (max-width: 991.98px) {
  .landing-panel-grid,
  .landing-metrics-grid {
    grid-template-columns: 1fr;
  }

  .landing-feature-card {
    min-height: 0;
  }

  .landing-topbar .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .landing-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .landing-hero-title {
    font-size: clamp(2.8rem, 16vw, 4.4rem);
  }

  .landing-section-title {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .landing-progress-shell {
    grid-template-columns: 1fr;
  }

  .landing-progress-value {
    min-width: 0;
  }
}
/* ===== Auth page cleanup ===== */
.landing-shell-auth {
  min-height: 100vh;
}

.landing-auth-topbar {
  border-bottom: 1px solid rgba(230,237,243,.08);
}

.landing-auth-main {
  min-height: calc(100vh - 95px);
  padding: 2rem 0 3rem;
}

.landing-auth-page {
  width: 100%;
}

.landing-auth-container {
  width: 100%;
  max-width: 720px;
}

.landing-auth-container--wide {
  max-width: 840px;
}

.landing-auth-page .row {
  --bs-gutter-x: 0;
}

.landing-auth-card {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

.landing-auth-card--wide {
  max-width: 620px;
}

.landing-auth-card .landing-card-title {
  font-size: clamp(2.5rem, 6vw, 4rem);
  line-height: .94;
  letter-spacing: -.05em;
}

.landing-auth-card .landing-section-copy,
.landing-auth-list-item {
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  line-height: 1.65;
}

.landing-auth-divider {
  color: #f3f7fd;
  font-weight: 700;
  font-size: 1rem;
}

.landing-auth-list {
  display: grid;
  gap: .9rem;
}

.landing-auth-list-item {
  color: #dbe7f7;
}

.game-chip-icon-right--rocket {
  width: 86px;
  height: 86px;
  right: .8rem;
  object-fit: contain;
  image-rendering: pixelated;
}

@media (max-width: 991.98px) {
  .landing-auth-card {
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .landing-auth-main {
    min-height: calc(100vh - 82px);
    padding: 1.25rem 0 2rem;
  }

  .landing-auth-card {
    max-width: 100%;
  }

  .game-chip-icon-right--rocket {
    width: 72px;
    height: 72px;
  }
}

/* ===== Level Up Stats high-conversion public landing patch ===== */
.lus-landing-hero{position:relative;overflow:clip;background:radial-gradient(circle at 72% 16%,rgba(130,64,255,.24),transparent 34%),radial-gradient(circle at 12% 24%,rgba(255,200,61,.12),transparent 26%),linear-gradient(180deg,#050315 0%,#080520 52%,#120735 100%);border-bottom:1px solid rgba(147,83,255,.55)}
.lus-pixel-stars::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 1px),radial-gradient(circle,rgba(156,91,255,.95) 0 1px,transparent 1px);background-size:84px 84px,132px 132px;background-position:12px 18px,42px 72px}
.lus-hero-title{font-family:"Press Start 2P",system-ui;color:#fff;font-size:clamp(2.55rem,5.7vw,5.9rem);line-height:1.07;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 7px 0 rgba(0,0,0,.36),0 0 38px rgba(255,255,255,.12)}
.lus-hero-title span{display:inline-block;color:#ffd21f;text-shadow:0 8px 0 #c96a00,0 0 32px rgba(255,210,31,.3)}
.lus-btn-gold{background:linear-gradient(180deg,#ffe25b 0%,#ffc400 45%,#f49b00 100%)!important;color:#160b00!important;border:2px solid rgba(255,255,255,.35)!important;box-shadow:0 8px 0 #8b4d00,0 22px 44px rgba(255,196,0,.22)!important;text-transform:uppercase}.lus-btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 0 #8b4d00,0 26px 48px rgba(255,196,0,.26)!important}.lus-btn-purple{background:linear-gradient(180deg,#a25bff,#6429d8)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 10px 22px rgba(100,41,216,.26)!important}.lus-btn-icon{font-size:1.35rem;margin-right:.55rem}.lus-cta-note{color:#c6bddc;font-size:.93rem}
.lus-social-proof-mini{display:flex;gap:1rem;align-items:center;color:#d8d1ea}.lus-social-proof-mini strong{color:#fff}.lus-avatar-stack{display:flex}.lus-avatar-stack span{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:#181030;border:2px solid #fff;margin-left:-8px;box-shadow:0 8px 18px rgba(0,0,0,.28)}.lus-avatar-stack span:first-child{margin-left:0}
.lus-product-card{position:relative;z-index:1;overflow:hidden;border:2px solid rgba(156,91,255,.72);border-radius:24px;background:linear-gradient(180deg,rgba(20,16,43,.98),rgba(10,8,24,.98));box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 38px rgba(156,91,255,.18)}.lus-product-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.09)}.lus-product-topbar img{max-height:40px;width:auto}.lus-product-loot{display:flex;gap:.65rem;color:#fff;font-weight:800}.lus-product-loot span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;background:rgba(255,255,255,.06)}.lus-product-loot img{height:24px}.lus-product-body{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:430px}.lus-product-nav{padding:1rem .7rem;border-right:1px solid rgba(255,255,255,.08);display:grid;align-content:start;gap:.45rem}.lus-product-nav span{color:#cbc1e7;font-size:.82rem;padding:.65rem .7rem;border-radius:10px}.lus-product-nav .active{background:#5c35b6;color:#fff}.lus-product-main{padding:1.2rem}.lus-dashboard-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:1rem}.lus-power-panel,.lus-market-panel,.lus-mission-row{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);padding:1rem}.lus-product-label{color:#fff;font-weight:800;margin-bottom:.8rem}.lus-gauge{width:190px;height:190px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2ee977 0 38%,#15d2e4 38% 74%,#ffcc22 74% 100%);position:relative}.lus-gauge::before{content:"";position:absolute;inset:16px;border-radius:50%;background:#151126;box-shadow:inset 0 0 32px rgba(0,0,0,.6)}.lus-gauge span,.lus-gauge small{position:relative;display:block;text-align:center}.lus-gauge span{color:#fff;font-size:3.3rem;font-weight:900;line-height:1}.lus-gauge small{color:#fff;text-transform:uppercase;font-size:.7rem;font-weight:800}.lus-positive{color:#39ff8b;text-align:center;font-weight:800;margin-top:.8rem}.lus-market-number{color:#fff;font-size:2rem;font-weight:900}.lus-mini-chart{display:flex;align-items:end;gap:.45rem;height:92px;margin:1rem 0}.lus-mini-chart span{flex:1;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#ffd21f,#a25bff)}.lus-mini-chart span:nth-child(1){height:38%}.lus-mini-chart span:nth-child(2){height:68%}.lus-mini-chart span:nth-child(3){height:52%}.lus-market-panel a,.lus-mission-list a{color:#d7b5ff;text-decoration:none;font-size:.85rem}.lus-mission-list{margin-top:1rem}.lus-mission-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;margin-top:.75rem}.lus-mission-row .check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#6d3fe5;color:#fff;font-weight:900}.lus-mission-row strong{color:#fff;display:block}.lus-mission-row small{color:#aeb2c7;display:block}.lus-mission-row em{color:#25efc9;font-style:normal;font-weight:900}.lus-mission-progress{height:7px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:.55rem}.lus-mission-progress span{display:block;height:100%;background:#54f575}
.lus-next-steps{background:linear-gradient(180deg,#23096a,#17053e);border-block:1px solid rgba(156,91,255,.65)}.lus-next-steps-inner{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;color:#fff}.lus-next-steps h2,.lus-feature-table h2{font-family:"Press Start 2P";text-transform:uppercase;font-size:clamp(1.05rem,2.2vw,1.75rem);line-height:1.35;margin:0}.lus-next-step{display:flex;align-items:center;gap:.85rem}.lus-step-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:18px;background:#110a2f;border:3px solid #7c4dff;font-size:2rem;box-shadow:0 0 24px rgba(124,77,255,.32)}.lus-next-step span{font-size:1.8rem;font-weight:900;color:#fff}.lus-next-step p{margin:0;line-height:1.35;color:#fff}.lus-next-step small{color:#cbc1e7}.lus-step-arrow{color:#9670ff;font-size:3.8rem;line-height:1}.lus-trust-strip{background:#070711;border-bottom:1px solid rgba(255,255,255,.08)}.lus-trust-line{color:#e6e0f6;font-family:"Press Start 2P";font-size:.8rem;text-transform:uppercase;line-height:1.7}.lus-logo-cloud{display:flex;flex-wrap:wrap;gap:1rem 2.4rem;justify-content:center;color:#7d8192;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.lus-landing-section{background:linear-gradient(180deg,#070711 0%,#0b061f 48%,#120721 100%)}.lus-wizard-card,.lus-arcade-card,.lus-agent-panel,.lus-mission-console,.lus-feature-table,.lus-feature-cell,.lus-value-band,.lus-final-cta{border:1px solid rgba(156,91,255,.38);background:linear-gradient(180deg,rgba(23,12,49,.84),rgba(8,8,21,.94));border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.28)}.lus-wizard-card{padding:1rem;display:grid;gap:.45rem;color:#cfc6e9}.lus-wizard-card img{max-height:70px;width:auto}.lus-wizard-card strong{color:#ffd21f}.lus-arcade-card{height:100%;text-align:center;padding:1.4rem}.lus-arcade-card img{height:90px;width:auto;object-fit:contain;margin-bottom:1rem}.lus-arcade-card h3,.lus-feature-cell h3,.lus-mission-console h3{color:#ffd21f;font-family:"Press Start 2P";font-size:.95rem;text-transform:uppercase;line-height:1.45}.lus-arcade-card p,.lus-feature-cell p,.lus-value-band p,.lus-final-cta p{color:#c5bedc;margin-bottom:0}.lus-bot-art{font-size:6rem;line-height:1;filter:drop-shadow(0 12px 24px rgba(0,229,194,.22))}.lus-check-list li{margin-bottom:.8rem}.lus-mission-console{padding:1.2rem}.lus-console-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.75rem;align-items:center;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.lus-console-row span{color:#39ff8b;font-weight:900}.lus-console-row strong{color:#fff}.lus-console-row em{color:#ffd21f;font-size:.72rem;font-style:normal;text-transform:uppercase;border:1px solid rgba(255,210,31,.32);border-radius:999px;padding:.2rem .45rem}.lus-console-row b{color:#25efc9;white-space:nowrap}.lus-feature-table h2,.lus-final-cta h2{color:#fff}.lus-feature-cell{height:100%;padding:1.1rem}.lus-feature-cell span{font-size:2.4rem;display:block;margin-bottom:.8rem}.lus-value-band{background:linear-gradient(90deg,rgba(47,22,92,.96),rgba(101,19,79,.9))}.lus-value-band h2,.lus-final-cta h2{font-family:"Press Start 2P";text-transform:uppercase;color:#fff;font-size:clamp(1.25rem,2.8vw,2.2rem);line-height:1.35}.lus-value-band h2 span{color:#ffd21f}.lus-rating-box{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;color:#fff;text-align:center;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1.2rem}.lus-rating-box strong{font-size:2rem;line-height:1}.lus-rating-box span{color:#c5bedc;text-transform:uppercase;font-size:.78rem;font-weight:800}.lus-rating-box hr{height:100%;width:1px;margin:0;opacity:.2}.lus-final-cta{background:linear-gradient(180deg,rgba(31,12,72,.95),rgba(13,8,28,.98))}
@media(max-width:1199.98px){.lus-product-body{grid-template-columns:1fr}.lus-product-nav{display:none}}@media(max-width:991.98px){.lus-next-steps-inner{flex-direction:column;align-items:flex-start}.lus-step-arrow{display:none}.lus-dashboard-grid{grid-template-columns:1fr}}@media(max-width:767.98px){.lus-hero-title{font-size:clamp(2rem,10vw,3rem)}.lus-product-loot{display:none}.lus-gauge{width:150px;height:150px}.lus-mission-row,.lus-console-row{grid-template-columns:auto minmax(0,1fr)}.lus-mission-row em,.lus-console-row em,.lus-console-row b{grid-column:2;justify-self:start}.lus-rating-box{grid-template-columns:1fr}.lus-rating-box hr{width:100%;height:1px}}

/* ===== Landing real dashboard swap v0.3.7 ===== */
.landing-real-dashboard-card{padding:0;border-radius:28px;overflow:hidden;border:2px solid rgba(156,91,255,.72);background:linear-gradient(180deg,rgba(20,16,43,.98),rgba(10,8,24,.98));box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 38px rgba(156,91,255,.18);}
.landing-real-dashboard-image{display:block;width:100%;height:auto;border-radius:26px;}
@media(max-width:767.98px){.landing-real-dashboard-card{border-radius:22px}.landing-real-dashboard-image{border-radius:20px;}}


/* Footer legal links */
.lus-footer-legal-links {
  display: inline-flex;
  gap: .85rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: .85rem;
}
.lus-footer-legal-links a {
  color: var(--ss-muted);
  text-decoration: none;
}
.lus-footer-legal-links a:hover {
  color: var(--ss-teal);
}

/* Avatar Store + mobile HUD/header patch v0.4.9 */
.ss-hud-chip--level { min-width: 0; }
.ss-hud-level-row { display:flex; align-items:center; justify-content:space-between; gap:.75rem; width:100%; min-width:0; }
.ss-hud-level-copy { min-width:0; flex:1 1 auto; }
.ss-hud-player-name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 220px; }
.ss-hud-level-label { display:inline-flex; align-items:center; width:max-content; max-width:100%; margin-top:.18rem; padding:.12rem .42rem; border-radius:999px; border:1px solid rgba(0,229,194,.25); background:rgba(0,229,194,.09); color:var(--ss-teal); font-size:.68rem; font-weight:800; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ss-hud-avatar { width:54px; height:54px; border-radius:18px; object-fit:cover; image-rendering:auto; flex:0 0 54px; border:2px solid rgba(0,229,194,.55); box-shadow:0 0 0 3px rgba(0,229,194,.08), 0 0 18px rgba(0,229,194,.18); background:#06111f; }

.profile-avatar-hero { position:relative; overflow:hidden; border:1px solid rgba(0,229,194,.28); background: radial-gradient(circle at 16% 18%, rgba(0,229,194,.16), transparent 34%), linear-gradient(180deg, rgba(19,26,35,.98), rgba(8,11,16,.96)); border-radius:24px; box-shadow:var(--ss-shadow); }
.profile-avatar-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg, transparent 0 65%, rgba(0,229,194,.08)); }
.profile-avatar-hero-inner { position:relative; z-index:1; display:flex; align-items:center; gap:1rem; padding:1.15rem; }
.profile-avatar-large { width:112px; height:112px; border-radius:30px; object-fit:cover; border:3px solid rgba(0,229,194,.72); box-shadow:0 0 0 6px rgba(0,229,194,.08), 0 0 34px rgba(0,229,194,.2); background:#07121e; }
.profile-avatar-name { font-size:1.35rem; font-weight:900; letter-spacing:-.02em; }
.profile-avatar-badge { display:inline-flex; align-items:center; gap:.35rem; margin-top:.35rem; padding:.32rem .65rem; border-radius:999px; color:var(--ss-teal); background:rgba(0,229,194,.09); border:1px solid rgba(0,229,194,.24); font-weight:800; font-size:.82rem; }
.avatar-store-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
.avatar-store-card { position:relative; overflow:hidden; border:1px solid var(--ss-border); border-radius:20px; background:linear-gradient(180deg, rgba(19,26,35,.98), rgba(10,13,19,.96)); padding:1rem; min-height:100%; display:flex; flex-direction:column; gap:.75rem; }
.avatar-store-card.is-selected { border-color:rgba(0,229,194,.7); box-shadow:0 0 0 1px rgba(0,229,194,.28), 0 0 26px rgba(0,229,194,.12); }
.avatar-store-card.is-locked { opacity:.92; }
.avatar-store-art { width:100%; aspect-ratio:1/1; border-radius:18px; object-fit:cover; background:#07121e; border:1px solid rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }
.avatar-store-name { font-weight:900; line-height:1.15; }
.avatar-store-rarity { text-transform:uppercase; letter-spacing:.08em; color:var(--ss-muted); font-size:.68rem; }
.avatar-store-price { display:inline-flex; align-items:center; gap:.35rem; font-weight:900; color:#ffd74a; }
.avatar-store-price img { width:22px; height:22px; image-rendering:pixelated; }
.avatar-store-actions { margin-top:auto; display:grid; gap:.5rem; }
.avatar-store-actions .btn { width:100%; }
.avatar-store-owned { display:inline-flex; align-items:center; justify-content:center; min-height:38px; border-radius:12px; border:1px solid rgba(0,229,194,.24); color:var(--ss-teal); background:rgba(0,229,194,.08); font-weight:900; }
.avatar-store-selected { display:inline-flex; align-items:center; justify-content:center; min-height:38px; border-radius:12px; border:1px solid rgba(255,200,61,.28); color:#ffd74a; background:rgba(255,200,61,.09); font-weight:900; }

@media (max-width: 1199.98px) {
  .avatar-store-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
  .lus-topbar > .container-fluid { flex-wrap:wrap; align-items:center; padding-top:.75rem; padding-bottom:.75rem; }
  .lus-brand { order:1; min-width:0; }
  .lus-menu-btn { order:2; margin-left:auto; }
  .ss-hud { order:3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; margin: .75rem 0 0; gap:.65rem; }
  .ss-hud-chip { min-height:64px; padding:.62rem .72rem; border-radius:16px; }
  .ss-hud-chip--level { grid-column:1 / -1; order:-1; }
  .ss-hud-avatar { width:48px; height:48px; border-radius:15px; flex-basis:48px; }
  .ss-hud-icon { max-height:42px; max-width:42px; }
  .ss-hud-icon--xp { max-width:38px; }
  .ss-hud-icon--fire, .ss-hud-icon--coin { max-width:44px; }
  .ss-hud-value { font-size:.92rem; }
  .ss-hud-kicker, .ss-hud-meta { font-size:.66rem; }
  .ss-hud-player-name { max-width:45vw; }
}
@media (max-width: 575.98px) {
  .landing-auth-topbar .container { padding-left:.65rem; padding-right:.65rem; }
  .landing-auth-topbar .container > .d-flex { flex-wrap:nowrap !important; gap:.45rem !important; }
  .landing-auth-topbar .landing-logo { flex:1 1 auto; min-width:0; }
  .landing-auth-topbar .landing-logo img { height:32px; max-width:145px; object-fit:contain; }
  .landing-auth-topbar .btn { padding:.5rem .58rem; font-size:.73rem; line-height:1.05; border-radius:12px; white-space:nowrap; }
  .landing-auth-topbar .d-flex.align-items-center.gap-2 { flex:0 0 auto; gap:.38rem!important; }
  .lus-brand img { height:42px; max-width:190px; object-fit:contain; }
  .avatar-store-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
  .avatar-store-card { padding:.72rem; border-radius:16px; }
  .profile-avatar-hero-inner { align-items:flex-start; }
  .profile-avatar-large { width:86px; height:86px; border-radius:24px; }
}
@media (max-width: 379.98px) {
  .landing-auth-topbar .landing-logo img { height:28px; max-width:118px; }
  .landing-auth-topbar .btn { padding:.44rem .48rem; font-size:.67rem; }
  .ss-hud { gap:.52rem; }
  .ss-hud-chip { padding:.55rem .58rem; }
  .ss-hud-level-row { gap:.55rem; }
  .ss-hud-avatar { width:42px; height:42px; border-radius:13px; flex-basis:42px; }
}

/* ===== Appearance Manager + Sidebar Art Controls v0.5.0 ===== */
.lus-app-shell {
  --lus-sidebar-icon-size: 24px;
  --lus-sidebar-footer-height: 92px;
  --lus-sidebar-footer-size: contain;
  --lus-sidebar-footer-position: bottom center;
  --lus-sidebar-footer-repeat: no-repeat;
}
.lus-nav-icon {
  width: var(--lus-sidebar-icon-size, 24px);
  height: var(--lus-sidebar-icon-size, 24px);
  flex-basis: var(--lus-sidebar-icon-size, 24px);
}
.lus-nav-icon--image img {
  width: var(--lus-sidebar-icon-size, 24px);
  height: var(--lus-sidebar-icon-size, 24px);
}
.lus-sidebar-footer-art {
  width: 100%;
  min-height: var(--lus-sidebar-footer-height, 92px);
  margin-top: .85rem;
  border-radius: 16px;
  background-image: var(--lus-sidebar-footer-url);
  background-size: var(--lus-sidebar-footer-size, contain);
  background-position: var(--lus-sidebar-footer-position, bottom center);
  background-repeat: var(--lus-sidebar-footer-repeat, no-repeat);
  image-rendering: pixelated;
  opacity: .95;
  filter: drop-shadow(0 0 16px rgba(0,229,194,.12));
  position: relative;
  overflow: hidden;
}
.lus-sidebar-footer-art::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 0 64%, rgba(0,0,0,.12) 100%);
}
.ss-offcanvas-footer-art {
  margin: .75rem 0;
  border: 1px solid var(--ss-border);
}
.lus-appearance-filled_teal .lus-nav-link.active {
  color: #061014;
  background: linear-gradient(180deg, var(--ss-teal), #10cdb3);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 12px 24px rgba(0,229,194,.12);
}
.lus-appearance-filled_teal .lus-nav-link.active .lus-nav-icon--image img { filter: drop-shadow(0 2px 3px rgba(0,0,0,.25)); }
.lus-appearance-pixel_corner .lus-nav-link.active {
  border-color: rgba(0,229,194,.55);
  box-shadow: inset 0 0 0 1px rgba(0,229,194,.16), 0 0 0 1px rgba(0,229,194,.08);
  border-radius: 10px;
}
.lus-appearance-pixel_corner .lus-nav-link.active::before,
.lus-appearance-pixel_corner .lus-nav-link.active::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-color: var(--ss-teal);
  border-style: solid;
}
.lus-nav-link { position: relative; }
.lus-appearance-pixel_corner .lus-nav-link.active::before { left: 5px; top: 5px; border-width: 2px 0 0 2px; }
.lus-appearance-pixel_corner .lus-nav-link.active::after { right: 5px; bottom: 5px; border-width: 0 2px 2px 0; }
.lus-appearance-minimal_rail .lus-nav-link.active { background: rgba(0,229,194,.055); box-shadow: inset 4px 0 0 var(--ss-teal); }
.lus-pixel-density-off .lus-sidebar-footer-art { filter: none; }
.lus-pixel-density-medium .lus-sidebar::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: auto 12px 12px auto;
  width: 40px;
  height: 40px;
  opacity: .28;
  background-image: radial-gradient(circle, var(--ss-teal) 0 2px, transparent 2px);
  background-size: 12px 12px;
}

.appearance-wrap { display: grid; gap: 1rem; }
.appearance-hero,
.appearance-card {
  border: 1px solid var(--ss-border);
  background: linear-gradient(180deg, rgba(18,24,33,.96), rgba(9,12,17,.94));
  border-radius: 24px;
  box-shadow: var(--ss-shadow);
}
.appearance-hero {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.15rem;
  overflow: hidden;
  position: relative;
}
.appearance-hero::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 14px;
  width: 120px;
  height: 60px;
  opacity: .16;
  background-image: radial-gradient(circle, var(--ss-teal) 0 2px, transparent 2px);
  background-size: 14px 14px;
}
.appearance-hero h1,
.appearance-section-title h2 { margin: 0; }
.appearance-kicker {
  color: var(--ss-teal);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .72rem;
  font-weight: 900;
  margin-bottom: .35rem;
}
.appearance-hero-actions,
.appearance-action-row,
.appearance-form-actions { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; }
.appearance-tabs {
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
  border:1px solid var(--ss-border);
  background:rgba(8,11,16,.44);
  border-radius:18px;
  padding:.45rem;
}
.appearance-tabs a {
  text-decoration:none;
  color:var(--ss-muted);
  border:1px solid transparent;
  border-radius:14px;
  padding:.65rem .8rem;
  font-weight:800;
}
.appearance-tabs a.active,
.appearance-tabs a:hover { color:var(--ss-teal); border-color:rgba(0,229,194,.28); background:rgba(0,229,194,.08); }
.appearance-grid-main { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:1rem; align-items:start; }
.appearance-card { padding:1rem; }
.appearance-section-title { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; margin-bottom:1rem; }
.appearance-pill {
  display:inline-flex; align-items:center; border:1px solid rgba(0,229,194,.24); background:rgba(0,229,194,.08); color:var(--ss-teal); border-radius:999px; padding:.35rem .65rem; font-weight:900; font-size:.78rem;
}
.appearance-stat-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.appearance-stat {
  border:1px solid var(--ss-border);
  background:linear-gradient(180deg, rgba(19,26,35,.84), rgba(8,11,16,.8));
  border-radius:18px;
  padding:.9rem;
}
.appearance-stat span { display:block; color:var(--ss-muted); text-transform:uppercase; letter-spacing:.08em; font-size:.7rem; font-weight:900; }
.appearance-stat strong { display:block; color:var(--ss-teal); font-size:1.25rem; margin-top:.25rem; }
.appearance-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; align-items:end; }
.appearance-form-grid label span,
.appearance-upload-form label span,
.appearance-menu-row label span { display:block; color:var(--ss-muted); font-weight:900; text-transform:uppercase; letter-spacing:.08em; font-size:.68rem; margin-bottom:.35rem; }
.appearance-check-row { display:flex!important; align-items:center; gap:.55rem; border:1px solid var(--ss-border); background:rgba(255,255,255,.025); border-radius:14px; padding:.78rem; min-height:58px; }
.appearance-check-row span { margin:0!important; color:var(--ss-text)!important; text-transform:none!important; letter-spacing:0!important; font-size:.9rem!important; }
.appearance-check-row.compact { padding:.65rem; min-height:auto; }
.appearance-form-actions { grid-column:1 / -1; }
.appearance-sidebar-preview {
  width: min(330px, 100%);
  margin-inline:auto;
  border:1px solid var(--ss-border);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(10,16,24,.98), rgba(5,8,12,.98));
  padding:1rem;
  box-shadow:0 22px 52px rgba(0,0,0,.32);
  --lus-sidebar-icon-size: 24px;
  --lus-sidebar-footer-height: 92px;
}
.appearance-preview-logo img { height:54px; width:auto; image-rendering:pixelated; margin-bottom:1rem; }
.appearance-preview-nav { display:grid; gap:.35rem; }
.appearance-preview-link {
  display:flex; align-items:center; gap:.7rem; border:1px solid transparent; border-radius:14px; color:#d7e1ef; padding:.7rem .75rem; font-weight:800;
}
.appearance-preview-link.active { color:var(--ss-teal); background:rgba(0,229,194,.1); border-color:rgba(0,229,194,.28); box-shadow:inset 3px 0 0 var(--ss-teal); }
.appearance-preview-icon { width:var(--lus-sidebar-icon-size,24px); height:var(--lus-sidebar-icon-size,24px); display:inline-grid; place-items:center; flex:0 0 var(--lus-sidebar-icon-size,24px); }
.appearance-preview-icon img { width:100%; height:100%; object-fit:contain; image-rendering:pixelated; }
.appearance-preview-footer-art { height:var(--lus-sidebar-footer-height,92px); margin-top:.8rem; border-radius:16px; background-image:var(--lus-sidebar-footer-url); background-size:var(--lus-sidebar-footer-size,contain); background-position:var(--lus-sidebar-footer-position,bottom center); background-repeat:var(--lus-sidebar-footer-repeat,no-repeat); image-rendering:pixelated; }
.appearance-menu-list { display:grid; gap:.65rem; }
.appearance-menu-row {
  display:grid;
  grid-template-columns:42px 48px minmax(220px,1.2fr) minmax(160px,.7fr) minmax(150px,.7fr) 110px;
  gap:.7rem;
  align-items:end;
  border:1px solid var(--ss-border);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(19,26,35,.84), rgba(8,11,16,.74));
  padding:.75rem;
}
.appearance-menu-row.is-dragging { opacity:.55; border-color:rgba(0,229,194,.48); }
.appearance-drag-handle { width:38px; height:38px; border:1px solid var(--ss-border); border-radius:12px; display:grid; place-items:center; color:var(--ss-teal); cursor:grab; align-self:center; }
.appearance-menu-icon-preview,
.appearance-icon-preview {
  width:46px; height:46px; border-radius:14px; border:1px solid rgba(0,229,194,.24); background:rgba(0,229,194,.07); display:grid; place-items:center; align-self:center;
}
.appearance-menu-icon-preview img,
.appearance-icon-preview img { max-width:30px; max-height:30px; object-fit:contain; image-rendering:pixelated; }
.appearance-icon-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.appearance-icon-card,
.appearance-asset-card,
.appearance-assignment-row {
  border:1px solid var(--ss-border);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(19,26,35,.84), rgba(8,11,16,.74));
  padding:.9rem;
}
.appearance-icon-card { display:grid; gap:.85rem; }
.appearance-icon-card-head { display:flex; gap:.75rem; align-items:center; }
.appearance-upload-form { display:grid; gap:.65rem; }
.appearance-upload-form.large { grid-template-columns:1fr 1fr auto; align-items:end; }
.appearance-asset-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.appearance-asset-card { display:grid; gap:.65rem; }
.appearance-asset-thumb,
.appearance-assignment-thumb {
  min-height:86px;
  border-radius:14px;
  background-color:rgba(0,0,0,.18);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:bottom center;
  image-rendering:pixelated;
  border:1px solid rgba(255,255,255,.06);
}
.appearance-asset-meta { display:flex; justify-content:space-between; gap:.5rem; color:var(--ss-muted); }
.appearance-asset-meta strong { color:var(--ss-text); }
.appearance-assignment-list { display:grid; gap:.7rem; }
.appearance-assignment-row { display:grid; grid-template-columns:minmax(180px,.6fr) 220px minmax(260px,1fr); gap:.85rem; align-items:center; }
.appearance-assignment-thumb { min-height:58px; }
@media (max-width: 1199.98px) {
  .appearance-grid-main { grid-template-columns:1fr; }
  .appearance-icon-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .appearance-menu-row { grid-template-columns:42px 48px 1fr; }
  .appearance-menu-row label, .appearance-menu-row .appearance-check-row { grid-column:auto / span 1; }
}
@media (max-width: 767.98px) {
  .appearance-hero { flex-direction:column; }
  .appearance-form-grid, .appearance-upload-form.large, .appearance-assignment-row, .appearance-stat-grid, .appearance-icon-grid, .appearance-asset-grid { grid-template-columns:1fr; }
}

/* ===== Clean top header HUD v0.5.6 ===== */
.lus-topbar {
  background:
    radial-gradient(circle at 26% 0%, rgba(0, 229, 194, .08), transparent 28%),
    radial-gradient(circle at 90% 20%, rgba(255, 200, 61, .055), transparent 22%),
    linear-gradient(180deg, rgba(11, 16, 25, .97), rgba(6, 10, 15, .96)) !important;
  border-bottom: 1px solid rgba(129, 153, 177, .22) !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, .34), inset 0 -1px 0 rgba(0, 229, 194, .08);
}
.lus-topbar > .container-fluid {
  min-height: 118px;
  gap: clamp(1rem, 2vw, 2rem);
}
.lus-brand {
  flex: 0 0 auto;
}
.lus-brand img {
  height: clamp(56px, 4.2vw, 76px);
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.36));
}
.ss-hud--clean-header {
  display: grid;
  grid-template-columns: minmax(360px, 1.75fr) repeat(3, minmax(148px, .62fr));
  align-items: stretch;
  gap: clamp(.72rem, 1vw, 1rem);
  width: min(1280px, calc(100vw - 420px));
  margin-left: auto;
}
.ss-hud--clean-header .ss-hud-chip {
  position: relative;
  min-height: 92px;
  padding: .82rem 1rem;
  border-radius: 20px;
  border: 1px solid rgba(129, 153, 177, .26);
  background:
    linear-gradient(180deg, rgba(22, 29, 40, .86), rgba(10, 15, 23, .78));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 30px rgba(0,0,0,.18);
}
.ss-hud--clean-header .ss-hud-chip::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.05), transparent 42%, rgba(0,229,194,.035));
  opacity: .72;
}
.ss-hud--clean-header .ss-hud-chip--level {
  min-height: 104px;
  padding: .88rem 1rem .95rem;
  border-color: rgba(0, 229, 194, .28);
  background:
    radial-gradient(circle at 12% 30%, rgba(0, 229, 194, .12), transparent 32%),
    linear-gradient(180deg, rgba(21, 30, 43, .9), rgba(9, 14, 22, .8));
}
.ss-hud--clean-header .ss-hud-chip--level::before {
  content: "";
  position: absolute;
  left: 1.1rem;
  right: 1.1rem;
  bottom: .55rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,229,194,.25), transparent);
  opacity: .45;
}
.ss-hud--clean-header .ss-hud-level-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .9rem;
  align-items: center;
}
.ss-hud--clean-header .ss-hud-avatar {
  width: 68px;
  height: 68px;
  flex-basis: 68px;
  border-radius: 20px;
  border-color: rgba(0, 229, 194, .72);
  box-shadow: 0 0 0 4px rgba(0,229,194,.08), 0 0 24px rgba(0,229,194,.2);
}
.ss-hud--clean-header .ss-hud-player-name {
  max-width: 260px;
  font-size: 1.18rem;
  letter-spacing: -.02em;
}
.ss-hud--clean-header .ss-hud-kicker,
.ss-hud--clean-header .ss-hud-meta {
  color: #aab5c6;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .085em;
}
.ss-hud--clean-header .ss-hud-value {
  font-size: 1.06rem;
  font-weight: 900;
  line-height: 1.1;
}
.ss-hud--clean-header .ss-hud-level-label {
  margin-top: .32rem;
  padding: .16rem .55rem;
  border-color: rgba(0,229,194,.34);
  background: rgba(0,229,194,.11);
  font-size: .72rem;
  font-weight: 900;
}
.ss-hud--clean-header .ss-hud-meta {
  align-self: start;
  padding-top: .18rem;
  white-space: nowrap;
  letter-spacing: .02em;
}
.ss-hud--clean-header .ss-hud-progress {
  position: relative;
  z-index: 1;
  height: 13px;
  margin-top: .68rem;
  border-width: 2px;
  border-color: rgba(230,237,243,.8);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.045), 0 0 18px rgba(0,229,194,.1);
}
.ss-hud--clean-header .ss-hud-chip--xp,
.ss-hud--clean-header .ss-hud-chip--coins,
.ss-hud--clean-header .ss-hud-chip--streak {
  justify-content: center;
}
.ss-hud--clean-header .ss-hud-chip--xp { border-color: rgba(255, 200, 61, .24); }
.ss-hud--clean-header .ss-hud-chip--coins { border-color: rgba(255, 216, 70, .24); }
.ss-hud--clean-header .ss-hud-chip--streak { border-color: rgba(255, 132, 37, .24); }
.ss-hud--clean-header .ss-hud-icon {
  position: relative;
  z-index: 1;
  max-height: 56px;
  max-width: 56px;
}
.ss-hud--clean-header .ss-hud-icon--xp { max-width: 50px; }
.ss-hud--clean-header .ss-hud-icon--coin,
.ss-hud--clean-header .ss-hud-icon--fire { max-width: 58px; }
.ss-hud--clean-header .ss-hud-chip > div:not(.ss-hud-level-row):not(.ss-hud-progress) {
  position: relative;
  z-index: 1;
  min-width: 0;
}

@media (max-width: 1499.98px) {
  .ss-hud--clean-header {
    grid-template-columns: minmax(330px, 1.7fr) repeat(3, minmax(132px, .6fr));
    width: min(1080px, calc(100vw - 360px));
  }
  .ss-hud--clean-header .ss-hud-chip { padding-left: .84rem; padding-right: .84rem; }
  .ss-hud--clean-header .ss-hud-avatar { width: 60px; height: 60px; flex-basis: 60px; }
  .ss-hud--clean-header .ss-hud-player-name { max-width: 210px; font-size: 1.08rem; }
  .ss-hud--clean-header .ss-hud-icon { max-height: 50px; max-width: 50px; }
  .ss-hud--clean-header .ss-hud-icon--xp { max-width: 44px; }
}

@media (max-width: 1199.98px) {
  .lus-topbar > .container-fluid { min-height: 104px; flex-wrap: wrap; align-items: center; }
  .lus-brand { order: 1; }
  .lus-menu-btn { order: 2; margin-left: auto; }
  .ss-hud--clean-header {
    order: 3;
    width: 100%;
    margin: .7rem 0 0;
    grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(118px, .58fr));
    gap: .6rem;
  }
  .ss-hud--clean-header .ss-hud-chip { min-height: 78px; border-radius: 18px; }
  .ss-hud--clean-header .ss-hud-chip--level { min-height: 90px; }
  .ss-hud--clean-header .ss-hud-level-row { gap: .7rem; }
  .ss-hud--clean-header .ss-hud-avatar { width: 54px; height: 54px; flex-basis: 54px; border-radius: 17px; }
}

@media (max-width: 991.98px) {
  .lus-topbar > .container-fluid {
    flex-wrap: wrap;
    align-items: center;
    padding-top: .8rem;
    padding-bottom: .8rem;
  }
  .ss-hud--clean-header {
    display: grid;
    order: 3;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    margin: .7rem 0 0;
  }
  .ss-hud--clean-header .ss-hud-chip--level {
    grid-column: 1 / -1;
    order: 0;
  }
  .ss-hud--clean-header .ss-hud-chip--xp { order: 1; }
  .ss-hud--clean-header .ss-hud-chip--coins { order: 2; }
  .ss-hud--clean-header .ss-hud-chip--streak { order: 3; }
}

@media (max-width: 575.98px) {
  .lus-brand img { height: 46px; }
  .ss-hud--clean-header {
    grid-template-columns: repeat(3, minmax(118px, 1fr));
    overflow-x: auto;
    padding-bottom: .1rem;
    scrollbar-width: thin;
  }
  .ss-hud--clean-header .ss-hud-chip--level {
    min-width: 100%;
  }
  .ss-hud--clean-header .ss-hud-chip:not(.ss-hud-chip--level) {
    min-width: 118px;
    min-height: 68px;
    padding: .55rem .58rem;
    gap: .45rem;
  }
  .ss-hud--clean-header .ss-hud-icon { max-height: 38px; max-width: 38px; }
  .ss-hud--clean-header .ss-hud-icon--xp { max-width: 34px; }
  .ss-hud--clean-header .ss-hud-kicker,
  .ss-hud--clean-header .ss-hud-meta { font-size: .62rem; }
  .ss-hud--clean-header .ss-hud-value { font-size: .88rem; }
  .ss-hud--clean-header .ss-hud-avatar { width: 46px; height: 46px; flex-basis: 46px; border-radius: 14px; }
  .ss-hud--clean-header .ss-hud-player-name { max-width: 42vw; font-size: .98rem; }
  .ss-hud--clean-header .ss-hud-progress { height: 11px; margin-top: .54rem; }
}

/* v0.5.7 compact player HUD refinement: LEVEL + rank pill on one row, username below, bar moved under the name. */
.ss-hud--clean-header .ss-hud-chip--player-compact {
  flex: 1 1 420px;
  min-width: 390px;
  max-width: 610px;
  min-height: 104px;
  padding: .82rem 1rem;
}
.ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-row {
  align-items: center;
  gap: .95rem;
  height: 100%;
}
.ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-copy {
  display: grid;
  grid-template-rows: auto auto auto;
  gap: .34rem;
  min-width: 0;
  flex: 1 1 auto;
}
.ss-hud--clean-header .ss-hud-level-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .9rem;
  min-width: 0;
}
.ss-hud--clean-header .ss-hud-level-badge-row {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-width: 0;
}
.ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-kicker {
  white-space: nowrap;
  line-height: 1;
}
.ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-label {
  margin-top: 0;
  padding: .2rem .62rem;
  font-size: .72rem;
}
.ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-player-name {
  max-width: 100%;
  font-size: 1.32rem;
  line-height: 1.04;
}
.ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-meta {
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: 800;
  letter-spacing: .02em;
}
.ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-progress {
  width: 100%;
  height: 12px;
  margin-top: .22rem;
}
.ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-avatar {
  width: 68px;
  height: 68px;
  flex-basis: 68px;
  border-radius: 20px;
}
@media (max-width: 1380px) {
  .ss-hud--clean-header .ss-hud-chip--player-compact {
    min-width: 360px;
    max-width: 540px;
  }
  .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-avatar {
    width: 60px;
    height: 60px;
    flex-basis: 60px;
  }
  .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-player-name {
    font-size: 1.14rem;
  }
}
@media (max-width: 1200px) {
  .ss-hud--clean-header .ss-hud-chip--player-compact {
    min-width: 0;
    max-width: none;
  }
}
@media (max-width: 768px) {
  .ss-hud--clean-header .ss-hud-chip--player-compact {
    grid-column: 1 / -1;
    min-height: 90px;
    padding: .7rem .75rem;
  }
  .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-row {
    gap: .7rem;
  }
  .ss-hud--clean-header .ss-hud-level-topline {
    gap: .55rem;
  }
  .ss-hud--clean-header .ss-hud-level-badge-row {
    gap: .45rem;
  }
  .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-label {
    font-size: .64rem;
    padding: .16rem .45rem;
  }
  .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-player-name {
    font-size: 1rem;
  }
  .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-avatar {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    border-radius: 15px;
  }
}
@media (max-width: 520px) {
  .ss-hud--clean-header .ss-hud-level-topline {
    align-items: flex-start;
    flex-direction: column;
    gap: .28rem;
  }
  .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-meta {
    font-size: .62rem;
  }
  .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-progress {
    height: 10px;
  }
}
/* ===== Mobile compact / collapsing header HUD v0.5.8 ===== */
.ss-hud-mobile-mini-stats {
  display: none;
}

@media (max-width: 991.98px) {
  body.lus-dark-app {
    scroll-padding-top: 132px;
  }

  body.lus-dark-app .lus-topbar {
    position: sticky;
    top: 0;
    z-index: 1030;
    backdrop-filter: blur(16px);
    transition: box-shadow .2s ease, background .2s ease;
  }

  body.lus-dark-app .lus-topbar > .container-fluid {
    min-height: 0 !important;
    padding-top: .58rem;
    padding-bottom: .62rem;
    gap: .5rem;
  }

  body.lus-dark-app .lus-brand img {
    height: 42px;
    transition: height .18s ease, transform .18s ease;
  }

  body.lus-dark-app .lus-menu-btn {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
  }

  body.lus-dark-app .ss-hud--clean-header {
    order: 3;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    margin: .45rem 0 0;
    padding: 0;
    overflow: visible;
    transition: margin .18s ease;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--xp,
  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--coins,
  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--streak {
    display: none !important;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact {
    grid-column: 1 / -1;
    min-width: 0 !important;
    max-width: none;
    min-height: 76px;
    padding: .58rem .68rem;
    border-radius: 16px;
    transition: min-height .18s ease, padding .18s ease, border-radius .18s ease;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .62rem;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-copy {
    gap: .22rem;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-level-topline {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-level-badge-row {
    gap: .38rem;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-label {
    max-width: 42vw;
    font-size: .6rem;
    padding: .13rem .38rem;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-kicker,
  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-meta {
    font-size: .58rem;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-player-name {
    max-width: 100%;
    font-size: .94rem;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-avatar {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border-radius: 13px;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-progress {
    height: 8px;
    margin-top: .16rem;
    border-width: 1px;
  }

  body.lus-dark-app .ss-hud-mobile-mini-stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .02rem;
    color: #b8c7d9;
    font-size: .58rem;
    line-height: 1.2;
  }

  body.lus-dark-app .ss-hud-mobile-mini-stats span {
    display: inline-flex;
    align-items: center;
    gap: .16rem;
    padding: .14rem .34rem;
    border: 1px solid rgba(129, 153, 177, .24);
    border-radius: 999px;
    background: rgba(8, 12, 18, .42);
    white-space: nowrap;
  }

  body.lus-dark-app .ss-hud-mobile-mini-stats strong {
    color: #94a7bb;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
  }

  body.lus-dark-app .ss-hud-mobile-mini-stats b {
    color: #fff;
    font-weight: 900;
  }

  body.lus-mobile-hud-collapsed .lus-topbar {
    box-shadow: 0 12px 34px rgba(0,0,0,.5), inset 0 -1px 0 rgba(0,229,194,.12);
  }

  body.lus-mobile-hud-collapsed .lus-topbar > .container-fluid {
    padding-top: .36rem;
    padding-bottom: .4rem;
  }

  body.lus-mobile-hud-collapsed .lus-brand img {
    height: 34px;
  }

  body.lus-mobile-hud-collapsed .lus-menu-btn {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header {
    margin-top: .24rem;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact {
    min-height: 48px;
    padding: .4rem .54rem;
    border-radius: 14px;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-row {
    gap: .46rem;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-avatar {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-radius: 10px;
    box-shadow: 0 0 0 2px rgba(0,229,194,.08), 0 0 14px rgba(0,229,194,.16);
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-copy {
    display: flex;
    align-items: center;
    gap: .38rem;
    min-width: 0;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-level-topline {
    flex: 0 0 auto;
    order: 2;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-level-badge-row {
    gap: .28rem;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-label,
  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-meta,
  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-progress {
    display: none;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-kicker {
    margin: 0;
    font-size: .5rem;
    line-height: 1;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-player-name {
    flex: 1 1 auto;
    order: 1;
    min-width: 54px;
    max-width: 30vw;
    font-size: .78rem;
    line-height: 1;
  }

  body.lus-mobile-hud-collapsed .ss-hud-mobile-mini-stats {
    order: 3;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: .22rem;
    margin-top: 0;
    overflow: hidden;
    font-size: .5rem;
  }

  body.lus-mobile-hud-collapsed .ss-hud-mobile-mini-stats span {
    padding: .08rem .22rem;
  }

  body.lus-mobile-hud-collapsed .ss-hud-mobile-mini-stats span:nth-child(2) strong {
    display: none;
  }
}

@media (max-width: 575.98px) {
  body.lus-dark-app .lus-brand img {
    height: 40px;
  }

  body.lus-dark-app .ss-hud--clean-header {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--level {
    min-width: 0 !important;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact {
    min-height: 72px;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-avatar {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 12px;
  }

  body.lus-dark-app .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-level-label {
    max-width: 32vw;
  }

  body.lus-dark-app .ss-hud-mobile-mini-stats {
    gap: .22rem;
  }

  body.lus-dark-app .ss-hud-mobile-mini-stats span {
    padding: .11rem .24rem;
  }

  body.lus-mobile-hud-collapsed .lus-brand img {
    height: 32px;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact {
    min-height: 46px;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-avatar {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }

  body.lus-mobile-hud-collapsed .ss-hud--clean-header .ss-hud-chip--player-compact .ss-hud-player-name {
    max-width: 26vw;
  }
}

@media (max-width: 380px) {
  body.lus-mobile-hud-collapsed .ss-hud-mobile-mini-stats span:nth-child(2) {
    display: none;
  }
}

/* ===== Public/Auth shared header unification v0.6.16 ===== */
.landing-public-header {
  width: 100%;
  flex-wrap: nowrap;
}
.landing-public-logo {
  flex: 0 0 auto;
  order: 1;
}
.landing-public-nav {
  order: 2;
}
.landing-public-actions {
  flex: 0 0 auto;
  order: 3;
}
.landing-public-menu-btn {
  min-width: 46px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
}
.landing-public-offcanvas {
  background: linear-gradient(180deg, rgba(7,16,31,.98), rgba(5,9,18,.98));
  color: #f7fbff;
}
.landing-public-offcanvas .btn-close {
  filter: invert(1) grayscale(1);
}
.landing-public-offcanvas .ss-menu-link {
  justify-content: center;
  text-transform: uppercase;
  font-family: 'Press Start 2P', monospace;
  font-size: .68rem;
  line-height: 1.45;
}
@media (max-width: 991.98px) {
  .landing-public-header {
    gap: .65rem !important;
  }
  .landing-public-logo {
    min-width: 0;
  }
  .landing-public-logo img {
    max-width: min(46vw, 188px);
    height: auto;
  }
  .landing-public-actions {
    margin-left: auto !important;
    gap: .55rem !important;
  }
  .landing-public-cta {
    white-space: nowrap;
    padding: .62rem .78rem;
    font-size: .76rem;
  }
}
@media (max-width: 420px) {
  .landing-public-logo img {
    max-width: 43vw;
  }
  .landing-public-cta {
    padding: .55rem .62rem;
    font-size: .68rem;
  }
  .landing-public-menu-btn {
    min-width: 42px;
  }
}

/* ===== Public/Auth header match to blog child theme v0.6.17 ===== */
body.landing-body .lus-site-header.landing-blog-style-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: rgba(3, 9, 20, .92) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(12px);
}
body.landing-body .landing-blog-style-header .lus-header-wrap {
  width: min(1180px, calc(100% - 40px));
  min-height: 78px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
body.landing-body .landing-blog-style-header .lus-brand {
  display: inline-flex;
  align-items: center;
  min-width: 190px;
  flex: 0 0 auto;
  order: 1;
}
body.landing-body .landing-blog-style-header .lus-brand img {
  display: block;
  max-height: 52px !important;
  width: auto !important;
  object-fit: contain;
}
body.landing-body .landing-blog-style-header .lus-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  flex: 1;
  min-width: 0;
  order: 2;
}
body.landing-body .landing-blog-style-header .lus-header-actions {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  order: 3;
}
body.landing-body .landing-blog-style-header .lus-mobile-toggle { order: 4; }
body.landing-body .landing-blog-style-header .lus-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  padding: 0;
  margin: 0;
  list-style: none;
}
body.landing-body .landing-blog-style-header .lus-menu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  color: #dbe7ff !important;
  font-family: "Press Start 2P", Inter, system-ui, sans-serif;
  font-size: 9px;
  line-height: 1.5;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
body.landing-body .landing-blog-style-header .lus-menu a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #ffd51c;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}
body.landing-body .landing-blog-style-header .lus-menu a:hover {
  color: #fff !important;
  transform: translateY(-1px);
}
body.landing-body .landing-blog-style-header .lus-menu a:hover::after { transform: scaleX(1); }
body.landing-body .landing-blog-style-header .lus-btn,
body.landing-body .landing-blog-style-header .lus-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 10px 13px;
  border: 2px solid rgba(255, 213, 28, .86) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffe760, #ffd51c) !important;
  color: #111827 !important;
  font-family: "Press Start 2P", Inter, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 4px 4px 0 rgba(0,0,0,.42), inset 0 -4px 0 rgba(167,104,0,.2), inset 0 2px 0 rgba(255,255,255,.35) !important;
}
body.landing-body .landing-blog-style-header .lus-btn:hover,
body.landing-body .landing-blog-style-header .lus-login:hover {
  transform: translate(-1px, -1px);
  box-shadow: 5px 5px 0 rgba(0,0,0,.46), inset 0 -4px 0 rgba(167,104,0,.2), inset 0 2px 0 rgba(255,255,255,.35) !important;
}
body.landing-body .landing-blog-style-header .lus-mobile-toggle {
  display: none;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 0;
  border: 2px solid rgba(255, 213, 28, .58) !important;
  border-radius: 8px !important;
  background: rgba(15, 32, 56, .9) !important;
  box-shadow: 4px 4px 0 rgba(0,0,0,.38);
  cursor: pointer;
}
body.landing-body .landing-blog-style-header .lus-mobile-toggle span:not(.visually-hidden) {
  display: block;
  width: 18px;
  height: 3px;
  background: #ffd51c;
  border-radius: 999px;
}
body.landing-body .landing-blog-style-header .lus-mobile-toggle[aria-expanded="true"] {
  background: rgba(255, 213, 28, .14) !important;
}
@media (max-width: 1120px) {
  body.landing-body .landing-blog-style-header .lus-menu { gap: 16px; }
}
@media (max-width: 900px) {
  body.landing-body .landing-blog-style-header .lus-header-wrap {
    min-height: 70px;
    padding: 12px 0;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }
  body.landing-body .landing-blog-style-header .lus-brand {
    order: 1;
    min-width: 0;
    flex: 1 1 auto;
  }
  body.landing-body .landing-blog-style-header .lus-brand img { max-height: 42px !important; }
  body.landing-body .landing-blog-style-header .lus-header-actions {
    order: 2;
    margin-left: auto;
  }
  body.landing-body .landing-blog-style-header .lus-mobile-toggle {
    order: 3;
    display: inline-flex;
  }
  body.landing-body .landing-blog-style-header .lus-nav {
    order: 4;
    display: none;
    width: 100%;
    flex: 0 0 100%;
    justify-content: flex-start;
    padding: 10px 0 4px;
    border-top: 1px solid rgba(255,255,255,.08);
  }
  body.landing-body .landing-blog-style-header.is-menu-open .lus-nav { display: flex; }
  body.landing-body .landing-blog-style-header .lus-menu {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 4px 0;
  }
  body.landing-body .landing-blog-style-header .lus-menu li { width: 100%; }
  body.landing-body .landing-blog-style-header .lus-menu a {
    width: 100%;
    padding: 14px 10px;
    white-space: nowrap;
    border-radius: 10px;
    background: rgba(255,255,255,.035);
    margin-top: 7px;
  }
  body.landing-body .landing-blog-style-header .lus-menu a::after { display: none; }
  body.landing-body .landing-blog-style-header .lus-login { min-height: 38px; padding: 10px 12px; font-size: 8px; }
}
@media (max-width: 640px) {
  body.landing-body .landing-blog-style-header .lus-header-wrap { width: min(100% - 28px, 1180px); }
  body.landing-body .landing-blog-style-header .lus-brand img { max-height: 36px !important; max-width: 43vw; }
  body.landing-body .landing-blog-style-header .lus-login { padding: 9px 10px; font-size: 7px; }
  body.landing-body .landing-blog-style-header .lus-mobile-toggle { width: 38px; height: 38px; }
}

/* ===== Site branding logo manager ===== */
.appearance-branding-preview {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  border: 1px solid var(--ss-border);
  background: linear-gradient(180deg, rgba(7,11,18,.82), rgba(13,18,28,.82));
  border-radius: 20px;
  padding: 1rem;
}
.appearance-branding-logo-frame {
  min-height: 112px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(0,229,194,.32);
  background: radial-gradient(circle at 50% 20%, rgba(0,229,194,.13), transparent 55%), rgba(0,0,0,.22);
  border-radius: 18px;
  padding: 1rem;
}
.appearance-branding-logo-frame img {
  display: block;
  max-width: 100%;
  max-height: 90px;
  width: auto;
  height: auto;
  object-fit: contain;
}
@media (max-width: 767.98px) {
  .appearance-branding-preview { grid-template-columns: 1fr; }
}

/* ===== Admin Appearance: Public trust badge snippets v0.6.0 ===== */
.appearance-trust-form { display:grid; gap:.9rem; }
.appearance-trust-html-label { display:grid; gap:.35rem; margin-top:.9rem; }
.appearance-trust-html-label span,
.appearance-trust-form label span {
  display:block;
  color:var(--ss-muted);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.68rem;
  margin-bottom:.35rem;
}
.appearance-code-textarea {
  min-height:150px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:.84rem;
  line-height:1.5;
  resize:vertical;
}
.appearance-warning-note {
  border:1px solid rgba(255,200,61,.22);
  background:rgba(255,200,61,.07);
  color:#d7e1ef;
  border-radius:16px;
  padding:.85rem .95rem;
  font-size:.88rem;
  line-height:1.5;
}
.appearance-warning-note strong { color:#ffd166; }
.appearance-trust-preview-row {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
}
.appearance-trust-preview-badge,
.appearance-trust-mini-preview {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  min-height:54px;
  padding:.58rem .66rem;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(146,163,184,.18);
  box-shadow:0 14px 34px rgba(0,0,0,.2);
  overflow:hidden;
}
.appearance-trust-preview-badge img,
.appearance-trust-mini-preview img { display:block; max-width:100%; height:auto; }
.appearance-trust-preview-badge iframe,
.appearance-trust-mini-preview iframe { display:block; max-width:100%; border:0; }
.appearance-trust-badge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.appearance-trust-badge-card {
  display:grid;
  gap:.85rem;
  border:1px solid var(--ss-border);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(19,26,35,.84), rgba(8,11,16,.74));
  padding:.9rem;
}
.appearance-trust-card-footer {
  display:flex;
  gap:.8rem;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.appearance-trust-mini-preview { min-width:160px; max-width:min(280px,100%); }
.appearance-trust-delete { justify-self:end; }
@media (max-width: 1199.98px) {
  .appearance-trust-badge-grid { grid-template-columns:1fr; }
}

/* Patch: keep dashboard branding singular and move sync into the top utility bar. */
.lus-header-sync-trigger {
  display: inline-flex;
  align-items: center;
  gap: .62rem;
  border: 1px solid rgba(255, 200, 61, .48);
  border-radius: 16px;
  background: linear-gradient(180deg, #ffdc55 0%, #ffc414 100%);
  color: #09111f;
  font-weight: 950;
  padding: .62rem .9rem;
  box-shadow: 0 16px 34px rgba(255, 196, 0, .18), inset 0 1px 0 rgba(255,255,255,.32);
  line-height: 1.05;
  text-align: left;
  white-space: nowrap;
}
.lus-header-sync-trigger:hover,
.lus-header-sync-trigger:focus {
  color: #07101c;
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(255, 196, 0, .24), 0 0 0 3px rgba(255, 200, 61, .12);
}
.lus-header-sync-trigger-icon {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgba(9, 17, 31, .12);
  font-size: 1.18rem;
  line-height: 1;
}
.lus-header-sync-trigger-copy { display: grid; gap: .08rem; }
.lus-header-sync-trigger-copy strong { font-size: .92rem; }
.lus-header-sync-trigger-copy small {
  color: rgba(9, 17, 31, .68);
  font-size: .68rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
@media (min-width: 1200px) {
  body.lus-dark-app .lus-topbar .lus-app-topbar-brand {
    display: none !important;
  }
  body.lus-dark-app .lus-topbar > .container-fluid {
    justify-content: flex-end;
  }
}
@media (max-width: 1399.98px) {
  .lus-header-sync-trigger-copy small { display: none; }
}
@media (max-width: 575.98px) {
  .lus-header-sync-trigger {
    order: 3;
    width: 100%;
    justify-content: center;
    margin-top: .35rem;
  }
  .lus-header-sync-trigger-copy small { display: inline; }
}
.lus-sidebar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .35rem .45rem 1rem;
  margin-bottom: .35rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-decoration: none;
}
.lus-sidebar-brand img {
  display: block;
  width: min(210px, 100%);
  height: auto;
  max-height: 92px;
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(0 14px 24px rgba(0,0,0,.28));
}