/* Eyes Up "Track a person" (Tab, Nov 9 2026) */
.trk{position:fixed;inset:0;z-index:85;background:var(--bg,#0b0f14);overflow:hidden}
.trk-box{display:flex;flex-direction:column;height:100%;max-width:1200px;margin:0 auto}
.trk-top{display:flex;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top) + 6px) 8px 4px}
.trk-top h2{flex:1;margin:0;font-size:18px;font-weight:650;letter-spacing:.2px}
.trk-form{display:flex;gap:8px;padding:4px 12px 10px}.trk-form input{font-size:17px;letter-spacing:1px}.trk-form .btn{flex:none}
.trk-body{flex:1;overflow:auto;padding:0 12px calc(env(safe-area-inset-bottom) + 24px);-webkit-overflow-scrolling:touch}
.trk-body h3{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut,#8b9aab);margin:18px 0 8px;font-weight:600}
.trk-mut{color:var(--mut,#8b9aab);font-size:13px}.trk-note{color:#a9b7c6;font-size:13px;background:#121a24;border:1px solid #1f2a37;border-radius:12px;padding:10px 12px;margin:0}
.trk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.trk-pc{display:flex;gap:10px;align-items:center;text-align:left;background:#141b24;border:1px solid #1c2531;border-radius:12px;padding:6px;color:inherit}
.trk-pc img{width:52px;height:84px;object-fit:cover;border-radius:8px;background:#0a0e13;flex:none}
.trk-pc div{display:flex;flex-direction:column;min-width:0;font-size:12.5px;color:#9fb0c2}.trk-pc b{font-size:16px;color:#fff;letter-spacing:.3px}
.trk-pc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trk-pc.sim img{width:64px;height:104px}.trk-pc.ns{opacity:.55}.trk-row{display:flex;gap:6px;margin-top:6px}
.trk-hero{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#132131,#10161e);border:1px solid #213045;border-radius:16px;padding:12px}
.trk-hero img{width:86px;height:140px;object-fit:cover;border-radius:10px;background:#0a0e13;flex:none}.trk-hero.sm img{width:70px;height:112px}
.trk-big{font-size:26px;font-weight:700;letter-spacing:.5px}.trk-big small{font-size:13px;font-weight:600;color:#7fd3ff;background:#0f2c42;border-radius:20px;padding:2px 8px;vertical-align:middle}
.trk-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.trk-path{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.trk-hop{display:inline-flex;flex-direction:column;background:#141b24;border:1px solid #223042;border-radius:10px;padding:5px 9px;font-size:13px}
.trk-hop i{font-style:normal;color:var(--mut,#8b9aab);font-size:11.5px}.trk-arr{color:#3ea6ff;font-weight:700}
.trk-visit{border-left:2px solid #2a3b50;margin:0 0 10px 6px;padding:0 0 0 12px;position:relative}
.trk-visit:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:#3ea6ff}
.trk-vh{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:14px}.trk-vh span{color:var(--mut,#8b9aab);font-size:12.5px}
.trk-strip{display:flex;gap:6px;overflow-x:auto;padding:6px 0 2px}
.trk-s{flex:none;background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:2px;color:#9fb0c2;font-size:11px}
.trk-s img{width:58px;height:94px;object-fit:cover;border-radius:8px;background:#0a0e13;border:1px solid #223042}
.trk-frame{position:fixed;inset:0;z-index:86;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:12px}
.trk-fbox{position:relative;background:#10161e;border:1px solid #223042;border-radius:16px;max-width:960px;width:100%;padding:10px}
.trk-fbox img{width:100%;border-radius:10px;display:block;background:#000}.trk-fcap{padding:8px 4px;font-size:14px}
.trk-fbtns{display:flex;gap:8px;flex-wrap:wrap}.trk-fx{position:absolute;right:14px;top:14px;z-index:2;background:rgba(0,0,0,.6);border:0;color:#fff;border-radius:50%;width:34px;height:34px}
.trk-live{position:relative;border-radius:14px;overflow:hidden;background:#000;border:1px solid #223042;aspect-ratio:16/10}
.trk-live img{width:100%;height:100%;object-fit:contain;display:block}
.trk-lbadge{position:absolute;left:10px;top:10px;background:rgba(10,16,24,.78);border:1px solid #3ea6ff;border-radius:20px;padding:4px 11px;font-size:14px}
.trk-lstat{position:absolute;left:10px;bottom:10px;background:rgba(10,16,24,.78);border-radius:20px;padding:4px 11px;font-size:13px;color:#cfe3f5;transition:background .3s}
.trk-lstat.flash{background:#f5a623;color:#111}
.trk-next{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.trk-nc{background:#141b24;border:1px solid #1c2531;border-radius:12px;padding:5px;text-align:left;color:inherit;font-size:12.5px}
.trk-nc img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:#0a0e13;display:block;margin-bottom:4px}
.trk-badge{display:inline-block;margin-left:6px;background:#0f2c42;color:#8fd6ff;border:1px solid #1f4c6d;border-radius:20px;padding:0 7px;font-size:11px;font-weight:600;cursor:pointer;vertical-align:middle;line-height:17px}
.trk-badge.big{font-size:13px;padding:3px 10px;line-height:18px}.trk-badge.ghost{background:none;color:#9fb0c2;border-color:#2a3b50;font-size:12px;padding:2px 8px}
.trk-inframe{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
body.trk-on{overflow:hidden}
@media (min-width:900px){.trk-hero img{width:110px;height:178px}.trk-s img{width:70px;height:114px}}
.trk-bl{margin-top:3px;display:flex;gap:4px;flex-wrap:wrap}.trk-bl .trk-badge{margin-left:0}
.trk-tb{display:inline-block;margin-left:6px;background:rgba(15,44,66,.9);color:#8fd6ff;border:1px solid #1f4c6d;border-radius:20px;padding:0 6px;font-size:10.5px;font-weight:600;pointer-events:auto;cursor:pointer}