/* Lótus presentation layer. The original tracker script and data are unchanged. */
:root {
  color-scheme: dark;
  --bg: #111111;
  --card: #1b1b1b;
  --card2: #252525;
  --border: #373737;
  --text: #e8e8e8;
  --text-muted: #969696;
  --orange: #d4af63;
  --orange-soft: #252525;
  --blue: #d4af63;
  --blue-soft: #252525;
  --cyan: #efd59b;
}

body { background: var(--bg); }
/* The shell provides the title and mirrors the timers; standalone keeps both. */
:root[data-levelcodex-timers="header"] #timers-bar,
:root[data-levelcodex-timers="header"] .app-body > header > div > div:first-child { display: none; }
.sidebar-logo .mark { background: linear-gradient(135deg, #d4af63, #e8c57d); color: #111111; }
::selection { background: #d4af63; color: #1b1b1b; }
::-webkit-scrollbar-thumb { background: #444444; }
::-webkit-scrollbar-thumb:hover { background: #666666; }

[class~="bg-[#0c0e14]"],
[class~="bg-[#12141c]"] { background-color: var(--bg); }
[class~="bg-[#0c0e14]/95"] { background-color: rgb(17 17 17 / 95%); }
[class~="bg-[#13161f]"] { background-color: var(--card); }
[class~="bg-[#181c27]"],
[class~="bg-[#1a1e2b]"],
[class~="bg-[#1c2130]"] { background-color: var(--card2); }
[class~="hover:bg-[#181c27]"]:hover,
[class~="hover:bg-[#1c2130]"]:hover { background-color: #303030; }
[class~="border-[#252a38]"],
[class~="border-[#303848]"] { border-color: var(--border); }
[class~="border-[#252a38]/50"] { border-color: rgb(55 55 55 / 50%); }

[class*="text-slate-2"],
[class*="text-slate-3"],
.act-name { color: #e8e8e8; }
[class*="text-slate-4"],
.phase-body li { color: #bcbcbc; }
[class*="text-slate-5"],
[class*="text-slate-6"],
.act-desc { color: #969696; }
input::placeholder { color: #969696; }
[class*="text-orange-"],
[class*="text-blue-"],
[class*="text-cyan-"],
[class*="text-violet-"],
[class*="text-amber-"] { color: #d4af63; }

[class~="bg-orange-500"],
[class~="bg-orange-600"] { background-color: #d4af63; color: #1b1b1b; }
[class~="hover:bg-orange-500"]:hover { background-color: #e8c57d; color: #1b1b1b; }
[class~="bg-orange-500/15"],
[class~="hover:bg-blue-500/10"]:hover,
[class~="hover:bg-violet-500/10"]:hover { background-color: var(--orange-soft); }
[class~="bg-orange-500/80"] { background-color: rgb(212 175 99 / 80%); }
[class~="bg-violet-500/80"] { background-color: rgb(239 213 155 / 80%); }
[class~="focus:border-orange-500/50"]:focus { border-color: #d4af63; }

.neon-card:hover { border-color: #444444; }
.btn-neon:hover { border-color: #666666; background: #303030; color: #e8c57d; }
.btn-neon.active { background: var(--orange-soft); border-color: #d4af63; color: #efd59b; }
.char-tab:hover { border-color: #666666; color: #efd59b; }
.char-tab.active { background: #d4af63 !important; color: #1b1b1b !important; }
.progress-bar { background: linear-gradient(90deg, #b88d42, #efd59b); }
.check-btn { color: #bcbcbc; }
.counter-box.has { color: #d4af63; border-color: #555555; background: #252525; }
.drag-handle { color: #969696; }
.warn-box { background: var(--orange-soft); border-color: #444444; color: #efd59b; }
.sys-tag { background: var(--orange-soft); border-color: #444444; color: #efd59b; }
.glow-blue,.glow-orange { box-shadow: 0 0 0 1px rgb(212 175 99 / 25%); }
button:focus-visible,input:focus-visible,select:focus-visible {
  outline: 2px solid #d4af63;
  outline-offset: 2px;
}

/* Keep the original character and phase markers, with neutral text and gold headings. */
[style*="color:"]:not(button):not(.phase-num) { color: #e8e8e8 !important; }
h1,h2,h3 { color: #d4af63 !important; }