/* ===== HUD + СИСТЕМА UI-СЛОЁВ + кнопки навигации ===== */

/* HUD (глобальный, всегда поверх персонажа) */
.topbar{position:absolute;top:calc(var(--chrome-t) + 4px);left:50%;transform:translateX(-50%);
  height:calc(var(--safe-t) - var(--chrome-t) - 8px);min-height:32px;max-width:70vw;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;
  background:rgba(8,8,10,.6);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);
  border-radius:999px;backdrop-filter:blur(6px);font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.1em;color:var(--neon-soft);z-index:30;white-space:nowrap;overflow:hidden}
.topbar .t-sep{opacity:.4}
.topbar .t-count b{color:var(--bone)}
.topbar .agName{display:none}
.sysline{display:flex;align-items:center;gap:8px}
.blink{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.badge{display:flex;align-items:center;gap:10px}.badge .stat b{color:var(--bone)}
.badge .agName{color:var(--accent-soft);transition:color .35s ease;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
.bottombar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;
  padding:8px 20px calc(12px + var(--safe-b));font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.14em;color:var(--muted);z-index:30}
.hints{display:flex;gap:18px}.hints b{color:var(--neon-soft)}

/* ===== UI-СЛОИ: кроссфейд, НЕ слайд ===== */
.ui-layer{position:absolute;inset:0;z-index:10;opacity:0;pointer-events:none;
  transition:opacity .35s ease;will-change:opacity}
.ui-layer.active{opacity:1;pointer-events:auto}

/* кнопка НАЗАД — лёгкий чип, не перекрывает контент */
.back{position:absolute;top:calc(50px + var(--safe-t));left:14px;z-index:12;font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.16em;color:var(--neon-soft);opacity:.82;cursor:pointer;background:rgba(8,8,10,.35);
  border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:2px;padding:6px 11px;min-height:36px;
  backdrop-filter:blur(2px)}
.back:active{transform:scale(.96);opacity:1}
body.tg-nav .back{display:none}   /* в Telegram — нативная BackButton вместо UI-кнопки */
.sheet-title{position:absolute;top:calc(54px + var(--safe-t));left:50%;transform:translateX(-50%);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.28em;color:var(--neon-soft);z-index:12}

/* ===== СМЕНА АГЕНТА теперь через тап по имени агента в HUD (.badge .agName) ===== */

/* гир-кнопка админки (рядом с mute: right 54px). В прод (telegram) показываем только владельцу. */
.admin-gear{position:fixed;top:calc(40px + var(--safe-t));right:54px;z-index:60;width:30px;height:30px;
  display:flex;align-items:center;justify-content:center;padding:0;font-family:'JetBrains Mono',monospace;font-size:14px;
  color:var(--neon-soft);background:rgba(8,8,10,.5);border:1px solid var(--line);border-radius:6px;cursor:pointer;
  -webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;transition:transform .15s ease,border-color .25s ease}
.admin-gear:active{transform:scale(.92)}
.admin-gear:hover{border-color:var(--neon-soft)}