/* ═══════════════════════════════════════════
   Void Lexicon
   ═══════════════════════════════════════════ */

  .lexicon-screen .shell-header {
    padding-bottom: 18px;
  }

  .lex-shell-status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin-top: 14px;
  }

  .lex-shell-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,179,0,0.16);
    background: rgba(255,179,0,0.06);
    font-family: 'Orbitron', monospace;
    font-size: 7px;
    letter-spacing: 2px;
    color: var(--accent);
    text-transform: uppercase;
  }

  .lex-shell-status-copy {
    font-size: 9px;
    color: var(--dim);
    letter-spacing: 0.5px;
  }

  .lexicon-controls-panel,
  .lexicon-session-panel {
    padding: 14px;
  }

  .lex-control-groups {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .lex-control-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
  }

  .lex-control-group-wide {
    min-width: 0;
  }

  .lex-control-label {
    padding: 0 2px;
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2.4px;
    color: rgba(176,160,128,0.72);
    text-transform: uppercase;
  }

  .lex-tier-tabs,
  .lex-mode-tabs {
    display: grid;
    gap: 8px;
  }

  .lex-tier-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lex-mode-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lex-tier-tab,
  .lex-mode-tab,
  .lex-submit-btn,
  .lex-hint-btn,
  .lex-give-up,
  .lex-next-btn,
  .lex-key,
  .lex-lb-tab {
    appearance: none;
    border: 1px solid var(--line-soft) !important;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(18,16,13,0.94) 0%, rgba(9,9,9,0.98) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.02),
      0 10px 22px rgba(0,0,0,0.14);
    text-shadow: none !important;
    transition: border-color var(--dur-fast), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast), color var(--dur-fast), background var(--dur-fast);
  }

  .lex-tier-tab,
  .lex-mode-tab {
    min-height: 44px;
    padding: 10px 12px;
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    color: rgba(208,220,230,0.72);
  }

  .lex-tier-tab.active,
  .lex-mode-tab.active,
  .lex-lb-tab.active {
    color: var(--white);
    border-color: rgba(255,179,0,0.28) !important;
    background: linear-gradient(180deg, rgba(44,30,10,0.92) 0%, rgba(16,12,8,0.98) 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.03),
      0 12px 26px rgba(0,0,0,0.18),
      0 0 0 1px rgba(255,179,0,0.06);
  }

  .lex-tier-tab:active,
  .lex-mode-tab:active,
  .lex-submit-btn:active,
  .lex-hint-btn:active,
  .lex-give-up:active,
  .lex-next-btn:active,
  .lex-key:active,
  .lex-lb-tab:active {
    transform: translateY(1px);
  }

  .lex-session-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .lex-session-slot:empty {
    display: none;
  }

  .lex-status-card {
    padding: 22px 18px;
    border-radius: 16px;
    border: 1px solid rgba(255,179,0,0.08);
    background: linear-gradient(180deg, rgba(18,16,13,0.94) 0%, rgba(9,9,9,0.98) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.02),
      0 16px 32px rgba(0,0,0,0.16);
    color: var(--dim);
    text-align: center;
    font-size: 11px;
    line-height: 1.6;
  }

  .lex-status-card-error {
    color: var(--red);
  }

  .lex-status-heading {
    margin-bottom: 10px;
    font-family: 'Orbitron', monospace;
    font-size: 10px;
    letter-spacing: 2.4px;
    color: var(--accent);
    text-transform: uppercase;
  }

  .lex-status-copy {
    margin-top: 8px;
    font-size: 10px;
    color: var(--dim);
  }

  .lex-puzzle,
  .lex-result,
  .lex-leaderboard,
  .lex-daily-summary {
    padding: 20px 18px;
    border-radius: 16px;
    border: 1px solid rgba(255,179,0,0.08);
    background: linear-gradient(180deg, rgba(18,16,13,0.94) 0%, rgba(9,9,9,0.98) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.02),
      0 16px 32px rgba(0,0,0,0.16);
  }

  .lex-puzzle,
  .lex-result,
  .lex-daily-summary {
    text-align: center;
  }

  .lex-puzzle-counter {
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2.4px;
    color: rgba(176,160,128,0.72);
    margin-bottom: 6px;
    text-transform: uppercase;
  }

  .lex-mode-label {
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2px;
    color: var(--dim);
    margin-bottom: 8px;
    text-transform: uppercase;
  }

  .lex-field-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,179,0,0.16);
    background: rgba(255,179,0,0.05);
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2px;
    color: var(--accent);
    margin-bottom: 10px;
    text-transform: uppercase;
  }

  .lex-word-length,
  .lex-spectrum-status,
  .lex-attempts-left {
    font-size: 10px;
    color: var(--dim);
    letter-spacing: 0.8px;
  }

  .lex-word-length {
    margin-bottom: 16px;
  }

  .lex-spectrum-status {
    margin-bottom: 14px;
  }

  .lex-clue {
    max-width: 560px;
    margin: 0 auto 18px;
    padding: 0 8px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    line-height: 1.7;
    color: var(--white);
    font-style: italic;
  }

  .lex-letter-grid,
  .lex-scramble-grid {
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 16px;
  }

  .lex-letter-box,
  .lex-scramble-letter {
    width: 36px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(255,179,0,0.12);
    background: rgba(255,179,0,0.04);
    font-family: 'Orbitron', monospace;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  .lex-letter-box {
    color: var(--white);
  }

  .lex-scramble-letter {
    color: var(--accent);
  }

  .lex-letter-box.lex-revealed {
    color: var(--accent);
    border-color: rgba(255,179,0,0.24);
  }

  .lex-letter-box.lex-hint,
  .lex-letter-box.lex-correct {
    color: var(--green);
    border-color: rgba(0,255,136,0.22);
    background: rgba(0,255,136,0.08);
  }

  .lex-scramble-title {
    margin-bottom: 12px;
    font-size: 10px;
    color: var(--dim);
    letter-spacing: 1.2px;
    text-transform: uppercase;
  }

  .lex-input-row {
    display: flex;
    align-items: stretch;
    gap: 10px;
    max-width: 500px;
    margin: 14px auto 0;
  }

  .lex-text-input {
    flex: 1;
    min-width: 0;
    height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(255,179,0,0.16);
    border-radius: 12px;
    background: rgba(12,12,12,0.96);
    color: var(--white);
    font-family: 'JetBrains Mono', monospace;
    font-size: 15px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    outline: none;
    transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
  }

  .lex-text-input:focus {
    border-color: rgba(255,179,0,0.3);
    box-shadow: 0 0 0 2px rgba(255,179,0,0.08);
  }

  .lex-submit-btn,
  .lex-hint-btn,
  .lex-give-up,
  .lex-next-btn {
    min-height: 44px;
    padding: 10px 16px;
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2px;
    cursor: pointer;
    text-transform: uppercase;
  }

  .lex-submit-btn,
  .lex-next-btn {
    color: var(--white);
  }

  .lex-hint-btn {
    color: var(--accent);
  }

  .lex-give-up {
    color: var(--dim);
  }

  .lex-guess-history {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin: 16px 0 0;
  }

  .lex-guess-row {
    display: flex;
    justify-content: center;
    gap: 4px;
  }

  .lex-guess-row span {
    width: 30px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid rgba(255,179,0,0.08);
    background: rgba(255,255,255,0.02);
    font-family: 'Orbitron', monospace;
    font-size: 12px;
    font-weight: 700;
  }

  .lex-fb-correct {
    background: rgba(0,255,136,0.12);
    color: var(--green);
    border-color: rgba(0,255,136,0.2) !important;
  }

  .lex-fb-present {
    background: rgba(255,179,0,0.12);
    color: var(--accent);
    border-color: rgba(255,179,0,0.2) !important;
  }

  .lex-fb-absent {
    background: rgba(255,255,255,0.02);
    color: var(--dim);
  }

  .lex-keyboard {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    max-width: 560px;
    margin: 0 auto;
  }

  .lex-key {
    width: 38px;
    height: 42px;
    padding: 0;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: var(--white);
    cursor: pointer;
  }

  .lex-key.lex-key-used {
    opacity: 0.28;
    cursor: default;
  }

  .lex-feedback {
    min-height: 18px;
    margin: 10px 0 0;
    font-size: 11px;
  }

  .lex-attempts-left {
    margin-top: 18px;
  }

  .lex-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
  }

  .lex-hint-text {
    max-width: 460px;
    margin: 12px auto 0;
    padding: 12px 14px;
    border-left: 2px solid rgba(255,179,0,0.22);
    border-radius: 12px;
    background: rgba(255,179,0,0.04);
    color: var(--accent);
    font-size: 11px;
    line-height: 1.6;
    text-align: left;
  }

  .lex-result-icon {
    font-size: 34px;
    margin-bottom: 12px;
  }

  .lex-result-word {
    font-family: 'Orbitron', monospace;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 3px;
    color: var(--white);
    margin-bottom: 12px;
    text-transform: uppercase;
  }

  .lex-result-definition {
    max-width: 520px;
    margin: 0 auto 16px;
    font-size: 12px;
    line-height: 1.65;
    color: var(--dim);
    font-style: italic;
  }

  .lex-result-score {
    font-family: 'Orbitron', monospace;
    font-size: 10px;
    letter-spacing: 1.8px;
    color: var(--accent);
    text-transform: uppercase;
  }

  .lex-daily-summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .lex-summary-card {
    width: min(100%, 520px);
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(255,179,0,0.08);
    background: rgba(255,179,0,0.03);
  }

  .lex-summary-num,
  .lex-daily-complete,
  .lex-daily-summary-note {
    color: var(--dim);
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
  }

  .lex-daily-complete,
  .lex-daily-summary-note {
    margin-top: 4px;
  }

  .lex-summary-icon {
    margin-left: 6px;
  }

  .lex-summary-icon-solved {
    color: var(--green);
  }

  .lex-summary-icon-failed {
    color: var(--red);
  }

  .lex-daily-summary .lex-next-btn {
    margin-top: 4px;
    width: min(100%, 240px);
  }

  .lex-leaderboard {
    padding: 16px;
  }

  .lex-lb-title {
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2.6px;
    color: rgba(176,160,128,0.76);
    margin-bottom: 10px;
    text-transform: uppercase;
  }

  .lex-lb-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
  }

  .lex-lb-tab {
    flex: 1;
    min-height: 40px;
    padding: 8px 10px;
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2px;
    color: rgba(208,220,230,0.72);
    cursor: pointer;
    text-transform: uppercase;
  }

  .lex-lb-row {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    font-size: 11px;
    border-bottom: 1px solid rgba(255,179,0,0.06);
  }

  .lex-lb-row:last-child {
    border-bottom: none;
  }

  .lex-lb-rank {
    color: var(--dim);
    text-align: center;
  }

  .lex-lb-score {
    color: var(--accent);
    font-family: 'Orbitron', monospace;
    letter-spacing: 1px;
  }

  .lex-lb-attempts {
    color: var(--dim);
    white-space: nowrap;
  }

  .lex-leaderboard-empty {
    padding: 18px;
    border-radius: 14px;
    border: 1px dashed rgba(255,179,0,0.12);
    background: rgba(255,179,0,0.03);
    color: var(--dim);
    text-align: center;
    font-size: 11px;
  }

  .lex-archive-total {
    margin-bottom: 16px;
    color: var(--dim);
    text-align: center;
    font-size: 11px;
  }

  .lex-archive-date-group {
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(255,179,0,0.08);
    background: linear-gradient(180deg, rgba(18,16,13,0.92) 0%, rgba(10,10,10,0.96) 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.02),
      0 12px 24px rgba(0,0,0,0.12);
  }

  .lex-archive-date {
    padding: 2px 2px 10px;
    border-bottom: 1px solid rgba(255,179,0,0.08);
    font-family: 'Orbitron', monospace;
    font-size: 8px;
    letter-spacing: 2.6px;
    color: rgba(176,160,128,0.76);
    text-transform: uppercase;
  }

  .lex-archive-word {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid transparent;
    background: rgba(255,179,0,0.03);
    cursor: pointer;
    transition: border-color var(--dur-fast), background var(--dur-fast);
  }

  .lex-archive-word.expanded {
    border-color: rgba(255,179,0,0.16);
    background: rgba(255,179,0,0.05);
  }

  .lex-archive-word-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
  }

  .lex-archive-word-name {
    flex: 1;
    font-family: 'Orbitron', monospace;
    font-size: 10px;
    letter-spacing: 1.6px;
    color: var(--white);
    text-transform: uppercase;
  }

  .lex-archive-word-score {
    color: var(--accent);
    font-size: 9px;
    font-family: 'Orbitron', monospace;
    letter-spacing: 1px;
  }

  .lex-archive-word-def {
    margin-top: 4px;
    color: var(--dim);
    font-size: 10px;
    line-height: 1.5;
  }

  .lex-archive-word-full {
    display: none;
    margin-top: 8px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255,179,0,0.03);
    color: var(--white);
    font-size: 11px;
    line-height: 1.6;
  }

  .lex-archive-word.expanded .lex-archive-word-def {
    display: none;
  }

  .lex-archive-word.expanded .lex-archive-word-full {
    display: block;
  }

  @media (max-width: 720px) {
    .lex-input-row {
      flex-direction: column;
    }

    .lex-submit-btn,
    .lex-hint-btn,
    .lex-give-up,
    .lex-next-btn {
      width: 100%;
    }

    .lex-key {
      width: 34px;
      height: 40px;
    }

    .lex-lb-row {
      grid-template-columns: 24px minmax(0, 1fr) auto;
    }

    .lex-lb-attempts {
      grid-column: 2 / -1;
      justify-self: start;
      font-size: 9px;
    }
  }