/* killcam POV extras: killer's reticle, loadout strip, head-to-head record */
.rp-ret { position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; pointer-events: none; opacity: .9; filter: drop-shadow(0 0 3px rgba(0,0,0,.8));
  background: linear-gradient(#fff,#fff) 50% 0/2px 10px no-repeat, linear-gradient(#fff,#fff) 50% 100%/2px 10px no-repeat, linear-gradient(#fff,#fff) 0 50%/10px 2px no-repeat, linear-gradient(#fff,#fff) 100% 50%/10px 2px no-repeat; }
.rp-inv { position: absolute; right: calc(4vw + var(--safe-r, 0px)); bottom: calc(9vh + 70px); display: grid; gap: 6px; justify-items: end; }
.rp-inv small, .rp-h2h small { font: 600 10px 'JetBrains Mono', monospace; letter-spacing: .3em; color: rgba(255,255,255,.65); text-transform: uppercase; }
.rp-inv ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; }
.rp-inv li { display: grid; justify-items: center; gap: 3px; padding: 8px 10px; min-width: 76px; background: rgba(8,10,16,.62); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(6px); opacity: .7; }
.rp-inv li.cur { opacity: 1; border-color: var(--tc, #ffd48a); box-shadow: 0 0 14px -4px var(--tc, #ffd48a); }
.rp-inv li svg { width: 46px; height: 24px; fill: #fff; } .rp-inv li b { font: 600 9.5px 'JetBrains Mono', monospace; letter-spacing: .12em; color: #fff; text-transform: uppercase; }
.rp-h2h { position: absolute; left: 50%; top: calc(9vh + 20px); transform: translateX(-50%); display: grid; gap: 4px; justify-items: center; text-shadow: 0 2px 12px rgba(0,0,0,.8); }
.rp-h2h > div { display: flex; align-items: center; gap: 16px; font: 700 34px/1 'Unbounded', 'Chakra Petch', sans-serif; color: #fff; }
.rp-h2h span { display: grid; justify-items: center; } .rp-h2h span i { font: 600 9.5px 'JetBrains Mono', monospace; letter-spacing: .24em; font-style: normal; color: rgba(255,255,255,.65); max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rp-h2h .me { color: #7fe6ff; } .rp-h2h .them { color: #ff6b78; } .rp-h2h em { color: rgba(255,255,255,.4); font-style: normal; font-size: 22px; }

/* character tab: abilities block */
.pc-ab { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.08); }
.pc-ab i { width: 34px; height: 34px; display: grid; place-items: center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.16); } .pc-ab i svg { width: 22px; height: 22px; fill: none; stroke: #ffd48a; stroke-width: 1.6; }
.pc-ab em { display: block; font: 600 9.5px 'JetBrains Mono', monospace; letter-spacing: .22em; color: #ffd48a; font-style: normal; } .pc-ab b { display: block; font: 700 13px 'Chakra Petch', sans-serif; letter-spacing: .06em; color: #fff; margin: 2px 0; }
.pc-ab span { display: block; font: 400 11.5px/1.35 'Inter', sans-serif; color: rgba(255,255,255,.72); }

/* home screen: featured map + mode */
.feat-card { position: absolute; right: calc(4vw + var(--safe-r, 0px)); bottom: 70px; z-index: 6; padding: 16px 18px; min-width: 320px; background-color: #08100e; background-position: center; background-size: cover; border: 1px solid rgba(220,231,195,.35); border-left: 3px solid #d4e6b5; box-shadow: 0 18px 48px rgba(0,0,0,.36); }
.feat-card .fc-content { display: grid; gap: 10px; }
.feat-card small { font: 600 10px 'JetBrains Mono', monospace; letter-spacing: .34em; color: #ffd48a; }
.feat-card .fc-row { display: flex; gap: 26px; } .feat-card em { display: block; font: 500 9.5px 'JetBrains Mono', monospace; letter-spacing: .22em; font-style: normal; color: rgba(255,255,255,.6); }
.feat-card b { display: block; font: 700 18px 'Chakra Petch', sans-serif; letter-spacing: .05em; color: #fff; text-transform: uppercase; margin-top: 2px; } .feat-card .fc-x b { color: #ffd48a; }
.feat-card .fc-go { justify-self: start; font: 700 11px 'JetBrains Mono', monospace; letter-spacing: .2em; padding: 8px 14px; color: #12100a; background: #ffd48a; border: 0; cursor: pointer; } .feat-card .fc-go:hover { background: #fff0cf; }
@media (max-width: 900px) { .feat-card { display: none; } }