/* kz.macry.cc library layer (2026-10-23). Loaded after site.css on public pages only, never on MOTD routes. */
/* nav + header icons (Tabler webfont) */
.nav a .ti{font-size:16px;margin-right:5px;opacity:.7;transition:opacity .15s}
.nav a:hover .ti,.nav a.on .ti{opacity:1;color:var(--red)}
@media (max-width:1280px) and (min-width:761px){.nav a .ti{display:none}}
.hsr{position:relative}
@media (min-width:761px){.hsr{display:flex;align-items:center}}
.hsr>.ti{position:absolute;left:9px;font-size:15px;color:var(--mut);pointer-events:none}
.hsr input{padding-left:28px}
.stat-l .hm2{transition:color .2s}

/* instant search dropdown (Fuse) */
.qs-host{position:relative}
.qs-pop{position:absolute;top:calc(100% + 6px);right:0;width:min(340px,calc(100vw - 32px));background:#141518;border:1px solid var(--line2);border-top:2px solid var(--red2);box-shadow:0 18px 40px -12px rgba(0,0,0,.85);z-index:60;padding:4px;--animate-duration:.18s}
.srch.qs-host .qs-pop{left:0;right:auto;width:100%}
.qs-pop a{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:7px 9px;color:var(--txt);border-radius:2px}
.qs-pop a b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qs-pop a small{font:500 11px var(--fm);color:var(--mut);white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.qs-pop a .ti{color:var(--red);font-size:16px}
.qs-pop a:hover,.qs-pop a.on{background:#24262b;color:#fff}
.qs-pop .qs-all{display:block;border-top:1px solid var(--line);margin-top:4px;padding:8px 9px;font-size:12.5px;color:var(--mut)}
.qs-none{margin:0;padding:10px;color:var(--mut)}

/* instant row filter */
.fx-filter{display:block;width:100%;max-width:360px;margin:12px 16px 10px;background:rgba(255,255,255,.05);border:1px solid var(--line2);color:var(--txt);padding:8px 11px;font:inherit;font-size:16px;border-radius:3px}
.fx-filter:focus{outline:none;border-color:var(--red2)}
.fx-note{margin:6px 0;font-size:12.5px}
@media (max-width:760px){.fx-filter{width:calc(100% - 32px)}}

/* most finished maps line with Typed */
.popl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;color:var(--mut);font-size:13.5px}
.popl .ti{color:var(--red);font-size:17px}
.popl .fx-typed{color:#fff;font-size:14px;min-height:1.4em}
.typed-cursor{color:var(--red);font-weight:400}

/* charts (ApexCharts, lazy) */
.kzc{min-height:120px;padding:10px 14px 4px}
.kzc.on{min-height:210px}
.kzc .apexcharts-tooltip{background:#141518!important;border:1px solid var(--line2)!important;color:var(--txt)!important;box-shadow:none!important}
.kzc .apexcharts-tooltip-title{background:#1c1d21!important;border-bottom:1px solid var(--line)!important;font-family:var(--fm)!important}
.kzc .apexcharts-xaxistooltip{background:#141518;border-color:var(--line2);color:var(--txt)}
.kzc svg{overflow:visible}

/* tippy theme */
.tippy-box[data-theme~=kz]{background:#141518;color:var(--txt);border:1px solid var(--line2);border-radius:2px;font:500 12.5px/1.4 var(--fb);box-shadow:0 10px 26px -10px rgba(0,0,0,.9)}
.tippy-box[data-theme~=kz] .tippy-arrow{color:#141518}

/* live: changed values pulse once */
.kz-bump{animation:kzbump .9s ease-out}
@keyframes kzbump{0%{color:#fff;text-shadow:0 0 12px rgba(255,77,90,.9)}100%{text-shadow:0 0 0 transparent}}
.kz-toast{position:fixed;right:16px;bottom:16px;z-index:80;display:flex;gap:10px;align-items:flex-start;max-width:min(360px,calc(100vw - 32px));background:#141518;border:1px solid var(--line2);border-left:4px solid var(--gold);padding:12px 14px;box-shadow:0 20px 40px -12px rgba(0,0,0,.9);font-size:13.5px}
.kz-toast .ti{font-size:22px;color:var(--gold)}
.kz-toast a{color:var(--red)}

/* tilt glare stays inside rounded art */
.mh-art,.srv-shot{transform-style:preserve-3d}
.js-tilt-glare{border-radius:inherit}

/* phone: 16px gutter, no sideways scroll */
@media (max-width:760px){.wrap{padding-left:16px;padding-right:16px}}

@media (prefers-reduced-motion:reduce){
  .kz-bump{animation:none}
  .animate__animated{animation:none!important}
  .typed-cursor{display:none}
}