/* PUBG / BGMI builder: tactical HUD panel + stamped metal dog tag. Loaded only on the PUBG page. */
.pt{--kh:#C9B37E;--kh2:#8E7B48;--ol:#6B7A3A;--ol2:#2B3218;--hb:#0B0C07;--hb2:#12140C;--ok2:#9BD27A;--wn:#E8A84A;--bd:#E86A5A;margin:0 0 28px;color:var(--ink)}
.pt__hud{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:26px;padding:26px;border:1px solid #2E3420;border-radius:6px;
  background:linear-gradient(rgba(201,179,126,.035) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(201,179,126,.035) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(180deg,var(--hb2),var(--hb));
  box-shadow:inset 0 0 60px rgba(0,0,0,.6),0 20px 40px -24px #000;clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.pt__corner{position:absolute;width:22px;height:22px;border:2px solid var(--kh);pointer-events:none}
.pt__corner--tl{top:10px;left:10px;border-right:0;border-bottom:0}.pt__corner--tr{top:10px;right:10px;border-left:0;border-bottom:0}
.pt__corner--bl{bottom:10px;left:10px;border-right:0;border-top:0}.pt__corner--br{bottom:10px;right:10px;border-left:0;border-top:0}
.pt__eyebrow{margin:0 0 16px;font:700 .85rem/1 var(--body);letter-spacing:.32em;color:var(--kh);display:flex;align-items:center;gap:10px}
.pt__eyebrow::before{content:"";width:8px;height:8px;background:var(--ok2);border-radius:50%;box-shadow:0 0 8px var(--ok2)}
.pt__row{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin:0 0 14px}
.pt__f label,.pt__lbl{display:block;margin:0 0 7px;font:600 .78rem/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--kh)}
.pt__f label span{letter-spacing:.02em;text-transform:none;color:var(--dim);font-weight:500}
.pt__f input{width:100%;height:54px;padding:0 14px;border:1.5px solid #3A4126;border-radius:4px;background:#070805;color:#F1ECDD;font:600 1.3rem/1 var(--name);outline:none;transition:border-color .2s,box-shadow .2s}
.pt__f--tag input{text-transform:uppercase;letter-spacing:.14em;font-family:var(--display);font-size:1.5rem}
.pt__f input:focus{border-color:var(--kh);box-shadow:0 0 0 3px rgba(201,179,126,.18)}
.pt__opts{display:grid;gap:12px;margin:0 0 16px}
.pt__seg{display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid #3A4126;border-radius:4px;overflow:hidden;width:max-content;max-width:100%}
.pt__seg button{border:0;background:#090A06;color:var(--muted);padding:11px 16px;font:700 .9rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.pt__seg button.is-on{background:linear-gradient(180deg,var(--kh),var(--kh2));color:#15130A}
.pt__seps{display:flex;flex-wrap:wrap;gap:6px}
.pt__sep{min-width:46px;height:42px;padding:0 10px;border:1px solid #333A22;border-radius:4px;background:#090A06;color:#E9E3CF;font:500 1.05rem/1 var(--name);cursor:pointer;transition:transform .15s,border-color .15s}
.pt__sep:hover{border-color:var(--kh2);transform:translateY(-2px)}
.pt__sep.is-on{border-color:var(--kh);background:#1C1D10;box-shadow:inset 0 0 0 1px var(--kh)}
.pt__chips{display:flex;flex-wrap:wrap;gap:6px}
.pt__chip{border:1px dashed #4A5230;background:transparent;color:var(--muted);border-radius:3px;padding:9px 13px;font:700 .85rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.pt__chip:hover,.pt__chip.is-on{border-style:solid;border-color:var(--ol);background:var(--ol2);color:#E7E3C8}

/* dog tag */
.pt__tagwrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 0 0}
.pt__chain{position:absolute;top:0;left:50%;width:2px;height:40px;background:repeating-linear-gradient(180deg,#8D8A7A 0 5px,transparent 5px 8px);transform:translateX(-50%)}
.pt__tag{position:relative;width:100%;max-width:360px;padding:40px 22px 22px;text-align:center;border-radius:46px;transform-origin:50% 0;
  background:linear-gradient(135deg,#C8C6BC 0%,#8C8A80 35%,#DCDAD0 52%,#77756C 100%);color:#1E1E1A;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -3px 6px rgba(0,0,0,.35),0 16px 30px -12px #000}
.pt__tag::after{content:"";position:absolute;inset:7px;border-radius:40px;border:1.5px solid rgba(0,0,0,.18);pointer-events:none}
.pt__hole{position:absolute;top:12px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#0B0C07;box-shadow:inset 0 2px 3px #000,0 1px 0 rgba(255,255,255,.5)}
.pt__tagk{display:block;font:700 .75rem/1 var(--body);letter-spacing:.34em;color:#45443C}
.pt__prev{display:block;margin:12px 0 10px;min-height:1.3em;font:700 clamp(1.4rem,4.6vw,2.05rem)/1.25 var(--name);color:#151511;word-break:break-all;
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 0 rgba(0,0,0,.35)}
.pt__cnt{display:inline-block;margin:0 8px 0 0;font:600 1rem/1 var(--body);color:#3A3932}
.pt__cnt b{font:700 1.5rem/1 var(--display)}
.pt__verdict{display:inline-block;padding:6px 10px;border-radius:3px;font:700 .78rem/1 var(--body);letter-spacing:.16em;color:#fff;background:#3F6B2A}
.pt__verdict.is-warn,.pt__cnt.is-warn b{background:#9A6414}.pt__cnt.is-warn b{background:none;color:#8A5A10}
.pt__verdict.is-bad{background:#9B2E22}.pt__cnt.is-bad b{color:#9B2E22}
.pt__acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px;margin:18px 0 0}
.pt__btn{height:50px;border:1.5px solid var(--kh);border-radius:4px;background:transparent;color:var(--kh);font:700 .95rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.pt__btn:hover{background:rgba(201,179,126,.1)}
.pt__btn--hot{background:linear-gradient(180deg,var(--kh),var(--kh2));color:#15130A;border-color:transparent}
.pt__btn--hot:hover{background:linear-gradient(180deg,#DCC890,var(--kh))}

/* results */
.pt__res{margin:18px 0 0;padding:18px;border:1px solid #262B19;border-radius:6px;background:#080906}
.pt__tabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;border-bottom:1px solid #262B19;padding:0 0 10px}
.pt__tab{border:0;background:transparent;color:var(--muted);padding:10px 14px;font:700 .95rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;position:relative}
.pt__tab.is-on{color:var(--kh)}
.pt__tab.is-on::after{content:"";position:absolute;left:14px;right:14px;bottom:-11px;height:3px;background:var(--kh)}
.pt__fit{margin-left:auto;display:flex;align-items:center;gap:8px;font:600 .9rem/1 var(--body);color:var(--muted);cursor:pointer}
.pt__fit input{width:18px;height:18px;accent-color:#8E7B48}
.pt__note{margin:0 0 12px;color:var(--dim);font-size:.98rem}
.pt__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.pt__it{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 10px;align-items:center;padding:12px 12px 12px 16px;border:1px solid #22261A;border-left:3px solid var(--ol);border-radius:3px;background:linear-gradient(90deg,#0F110A,#0A0B07);transition:border-color .15s,transform .15s}
.pt__it:hover{border-color:#4A5230;border-left-color:var(--kh);transform:translateX(3px)}
.pt__nm{grid-column:1;font:600 1.18rem/1.3 var(--name);color:#F1ECDD;word-break:break-all;cursor:pointer}
.pt__meta{grid-column:1;font:500 .82rem/1.2 var(--body);color:var(--dim)}
.pt__meta i{font-style:normal;margin-left:4px}
.pt__meta .is-ok{color:var(--ok2)}.pt__meta .is-warn{color:var(--wn)}.pt__meta .is-bad{color:var(--bd)}
.pt__b{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:5px}
.pt__b button{min-width:64px;height:30px;border:1px solid #3A4126;border-radius:3px;background:#12140C;color:var(--kh);font:700 .78rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.pt__b button:hover{background:var(--ol2);border-color:var(--ol)}
.pt__empty{grid-column:1/-1;padding:18px;color:var(--muted);text-align:center;border:1px dashed #333A22;border-radius:4px}

@keyframes ptSwing{0%{transform:rotate(-5deg)}50%{transform:rotate(4deg)}100%{transform:rotate(-5deg)}}
@keyframes ptScan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@keyframes ptBlink{50%{opacity:.25}}
@media (prefers-reduced-motion:no-preference){
  .pt__tag{animation:ptSwing 6s ease-in-out infinite}
  .pt__tag.kx-pop{animation:kxPop .45s cubic-bezier(.2,.8,.2,1.2),ptSwing 6s .45s ease-in-out infinite}
  .pt__eyebrow::before{animation:ptBlink 1.6s steps(2) infinite}
  .pt__hud::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(201,179,126,.05),transparent);height:40%;animation:ptScan 5s linear infinite}
}
@media (max-width:860px){.pt__hud{grid-template-columns:1fr;padding:20px 16px}.pt__tagwrap{order:-1}}
@media (max-width:480px){
  .pt__row{grid-template-columns:1fr}
  .pt__list{grid-template-columns:1fr}
  .pt__fit{margin-left:0;width:100%}
  .pt__tab{padding:10px 8px;font-size:.85rem}
  .pt__tab.is-on::after{left:8px;right:8px}
}
@media (max-width:480px){.pt__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pt__tab{padding:10px 4px;font-size:.78rem;letter-spacing:.04em;line-height:1.15}.pt__tab.is-on::after{left:4px;right:4px}.pt__fit{grid-column:1/-1;margin-top:8px}}