/* Zenkai Idle R7.10.93 — loading / transition overlay + gameplay tips + optional profiler HUD */
.zk-loading-overlay{
  position:fixed;inset:0;z-index:99999;
  display:grid;place-items:center;
  padding:24px;box-sizing:border-box;
  background:
    radial-gradient(circle at 50% 42%,rgba(8,84,148,.28),transparent 38%),
    linear-gradient(180deg,rgba(2,12,25,.97),rgba(1,9,20,.985));
  color:#e9f7ff;font-family:Arial,Helvetica,sans-serif;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.zk-loading-overlay.is-visible{opacity:1;visibility:visible;pointer-events:all}
.zk-loading-card{
  width:min(520px,calc(100vw - 32px));
  display:grid;justify-items:center;gap:12px;
  padding:24px 28px 22px;box-sizing:border-box;
  border:1px solid rgba(46,183,255,.42);border-radius:10px;
  background:linear-gradient(180deg,rgba(4,33,64,.94),rgba(2,20,40,.96));
  box-shadow:0 20px 70px #000b,inset 0 0 28px rgba(22,139,232,.08);
}
.zk-loading-logo{width:min(310px,72vw);height:100px;object-fit:contain;filter:drop-shadow(0 4px 10px #000a)}

.zk-loading-tip-wrap{
  width:100%;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;
  padding:10px 12px;box-sizing:border-box;border:1px solid rgba(48,167,229,.30);border-radius:6px;
  background:rgba(2,18,35,.62);box-shadow:inset 0 0 15px rgba(36,145,218,.06);
}
.zk-loading-tip-label{
  align-self:start;margin-top:1px;padding:4px 7px;border:1px solid rgba(255,192,56,.55);border-radius:4px;
  background:rgba(93,53,5,.52);color:#ffd45d;font-size:10px;font-weight:900;letter-spacing:.08em;
}
.zk-loading-tip{
  min-width:0;color:#d5e9f6;font-size:12px;line-height:1.38;text-align:left;text-shadow:0 1px 2px #000;
}
.zk-loading-tip.swap{animation:zkLoadingTipSwap .28s ease}
@keyframes zkLoadingTipSwap{from{opacity:.15;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
.zk-loading-status{min-height:20px;font-size:13px;font-weight:700;color:#9edcff;text-align:center}
.zk-loading-track{width:100%;height:12px;padding:2px;box-sizing:border-box;border:1px solid #176fa8;border-radius:999px;background:#03182d;box-shadow:inset 0 0 8px #000b}
.zk-loading-bar{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#1e88ff,#35ddff,#ffd43b);box-shadow:0 0 12px rgba(44,201,255,.58);transition:width .18s ease}
.zk-loading-meta{width:100%;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#739fbd}
.zk-loading-percent{font-weight:900;color:#c8efff}
.zk-loading-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}

.zk-perf-panel{
  position:fixed;right:10px;bottom:10px;z-index:99998;width:310px;max-height:44vh;overflow:auto;
  display:none;padding:9px 10px;border:1px solid #238bc4;border-radius:5px;
  background:rgba(2,14,27,.94);box-shadow:0 8px 30px #000a;color:#d8efff;
  font:11px/1.35 Consolas,monospace;pointer-events:auto;
}
.zk-perf-panel.show{display:block}
.zk-perf-panel b{display:block;margin-bottom:5px;color:#ffd75c;font-size:12px}
.zk-perf-panel table{width:100%;border-collapse:collapse}.zk-perf-panel td{padding:2px 3px;border-bottom:1px solid #12344b}.zk-perf-panel td:last-child{text-align:right;color:#75d8ff}

@media(max-width:620px){
  .zk-loading-card{padding:18px 16px 17px;gap:10px}
  .zk-loading-tip-wrap{grid-template-columns:1fr;gap:5px;min-height:86px}
  .zk-loading-tip-label{justify-self:start}
  .zk-loading-tip{font-size:11px}
}