/* AnomicFlip — Live Stats floating panel (draggable, doesn't block the page) */
.ls, .ls * { box-sizing: border-box; }
.ls {
  position: fixed; z-index: 900; left: 40px; top: 140px; width: 380px; max-width: calc(100vw - 16px);
  padding: 18px; border-radius: 14px; background: #1e2125; border: 1px solid #2e3238; box-shadow: 0 24px 60px rgba(0,0,0,.55);
  font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; color: #fff;
}
.ls[hidden] { display: none; }
.ls-head { display: flex; align-items: center; gap: 12px; margin: -4px -4px 16px; padding: 4px; cursor: grab; user-select: none; touch-action: none; }
.ls-head:active { cursor: grabbing; }
.ls-head svg { color: #8b8f97; }
.ls-head b { flex: 1; font-size: 22px; font-weight: 800; }
.ls-x { width: 38px; height: 38px; border: 0; border-radius: 8px; background: none; color: #a7abb2; cursor: pointer; display: grid; place-items: center; }
.ls-x:hover { background: #2a2d33; color: #fff; }

.ls-tools { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.ls-sel { position: relative; }
.ls-sel select {
  appearance: none; -webkit-appearance: none; height: 50px; min-width: 170px; padding: 0 44px 0 18px; border: 0; border-radius: 10px;
  background: #2a2d33; color: #fff; font: 700 18px 'Archivo', system-ui, sans-serif; cursor: pointer; outline: none;
}
.ls-sel::after { content: ''; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid #a7abb2; border-bottom: 2px solid #a7abb2; transform: rotate(45deg); pointer-events: none; }
.ls-reset { width: 44px; height: 44px; border: 0; border-radius: 8px; background: none; color: #a7abb2; cursor: pointer; display: grid; place-items: center; }
.ls-reset:hover { background: #2a2d33; color: #fff; }

.ls-box { display: grid; grid-template-columns: 1fr 1px auto; gap: 18px; padding: 18px 20px; border-radius: 10px; background: #17191c; }
.ls-box i.sep { background: #2e3238; }
.ls-k { display: grid; gap: 14px; }
.ls-k span { display: block; font-size: 16px; color: #8b8f97; }
.ls-k b { display: flex; align-items: center; gap: 8px; margin-top: 4px; font-size: 19px; font-weight: 800; font-variant-numeric: tabular-nums; }
.ls-coin { flex: none; width: 15px; height: 20px; background: url('/coin.png') center / contain no-repeat; }
.g { color: #3fd68f; } .r { color: #ff5c6c; }

.ls-chart { position: relative; height: 230px; margin-top: 12px; border-radius: 10px; background: #17191c; overflow: hidden; }
.ls-chart svg { display: block; width: 100%; height: 100%; }
.ls-empty { position: absolute; inset: 0; display: grid; place-items: center; color: #6b7078; font-size: 15px; }
.ls-tip { position: absolute; top: 10px; left: 12px; font-size: 13px; color: #8b8f97; font-variant-numeric: tabular-nums; }

.ls-x:focus-visible, .ls-reset:focus-visible, .ls-sel select:focus-visible { outline: 2px solid #3fd68f; outline-offset: 2px; }