/* FreeFireUID theme */
:root{
  --navy:#0b1a33; --navy-2:#132649; --navy-3:#1c3360;
  --bg:#f3f5f9; --card:#ffffff; --line:#e2e7f0; --line-2:#cfd7e6;
  --ink:#121a2b; --text:#2c3547; --muted:#5d6779; --faint:#8a93a5;
  --fire:#f25a1d; --fire-d:#d9440f; --gold:#ffb000; --green:#0f9d58; --blue:#2563eb;
  --grad:linear-gradient(135deg,#ffb000 0%,#f7701c 55%,#e2361a 100%);
  --r-s:8px; --r-m:14px; --r-l:20px;
  --shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.06);
  --head:"Barlow Condensed","Arial Narrow",system-ui,sans-serif; --body:"Barlow",system-ui,sans-serif;
  --wrap:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--fire-d);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
h1,h2,h3{font-family:var(--head);color:var(--ink);line-height:1.1;margin:0 0 .45em}
h1{font-size:clamp(2.1rem,5vw,3.2rem);font-weight:800}
h2{font-size:clamp(1.5rem,3vw,1.95rem);font-weight:700}
h3{font-size:1.25rem;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--navy);padding:8px 12px;border-radius:var(--r-s);z-index:50;font-weight:700}
.skip:focus{left:8px}

/* ===== header ===== */
.topbar{background:#07122a;color:#a9b6cf;font-size:.86rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:12px;min-height:34px;align-items:center}
.topbar a{color:#d7e0f0}
@media (max-width:620px){.topbar .wrap>span:last-child{display:none}.topbar{font-size:.8rem}}
.site-head{background:var(--navy);position:sticky;top:0;z-index:40;box-shadow:0 2px 0 rgba(0,0,0,.15)}
.site-head .wrap{display:flex;align-items:center;gap:20px;min-height:68px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font:800 1.55rem/1 var(--head);letter-spacing:.3px}
.brand:hover{text-decoration:none}
.brand img{width:40px;height:40px}
.brand .tag{background:var(--fire);color:#fff;border-radius:6px;padding:2px 7px 3px;margin-left:2px}
.nav{display:flex;gap:2px;margin-left:8px}
.nav a{color:#c9d3e6;font:600 1.08rem var(--head);padding:10px 14px;border-radius:var(--r-s);letter-spacing:.3px}
.nav a:hover,.nav a[aria-current="page"]{color:#fff;background:var(--navy-3);text-decoration:none}
.nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--fire)}
.hsearch{margin-left:auto;position:relative;width:280px}
.hsearch input{width:100%;font:500 .98rem var(--body);color:#fff;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:999px;padding:9px 14px 9px 38px}
.hsearch input::placeholder{color:#8fa0c0}
.hsearch input:focus{outline:none;border-color:var(--gold);background:#0f2140}
.hsearch svg{position:absolute;left:13px;top:11px;width:16px;height:16px;color:#8fa0c0}
.menu-btn{display:none;margin-left:auto;background:var(--navy-2);border:1px solid var(--navy-3);color:#fff;border-radius:var(--r-s);padding:8px 12px;font:600 1rem var(--head)}
@media (max-width:960px){.hsearch{width:200px}}
@media (max-width:800px){
  .menu-btn{display:block}
  .hsearch{display:none}
  .nav{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;background:var(--navy);padding:8px 16px 16px;margin:0;border-top:1px solid var(--navy-3)}
  .nav.open{display:flex}
  .nav .m-search{display:block}
}
.m-search{display:none;position:relative;margin:6px 0 4px}
.m-search input{width:100%;font:500 1rem var(--body);color:#fff;background:var(--navy-2);border:1px solid var(--navy-3);border-radius:var(--r-s);padding:11px 14px}

/* dropdown results (shared) */
.results{list-style:none;margin:6px 0 0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);box-shadow:0 12px 30px rgba(11,26,51,.18);position:absolute;left:0;right:0;z-index:60;max-height:380px;overflow:auto}
.results:empty{display:none}
.results a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-s);color:var(--ink)}
.results a:hover,.results a:focus{background:#fff4ee;text-decoration:none}
.results img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.results .r-n{font-weight:600;flex:1}
.results .r-u{font:600 .95rem var(--head);color:var(--fire-d)}
.results .empty{padding:10px;color:var(--muted)}

/* ===== hero (home) ===== */
.hero{background:var(--navy);color:#dbe3f2;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(600px 300px at 85% 10%,rgba(247,112,28,.28),transparent 70%),
  repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px)}
.hero .wrap{position:relative;padding-top:64px;padding-bottom:70px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;padding-top:40px;padding-bottom:48px}.hero-art{display:none}}
.hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4rem);max-width:15ch}
.hero .lede{font-size:1.15rem;max-width:52ch;color:#b8c4db}
.bigsearch{position:relative;max-width:620px;margin-top:24px}
.bigsearch input{width:100%;font:500 1.12rem var(--body);color:var(--ink);background:#fff;border:0;border-radius:var(--r-m);padding:18px 130px 18px 52px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.bigsearch input:focus{outline:3px solid var(--gold)}
.bigsearch svg{position:absolute;left:18px;top:20px;width:20px;height:20px;color:var(--faint)}
.bigsearch .go{position:absolute;right:8px;top:8px;bottom:8px;border:0;border-radius:10px;background:var(--grad);color:#fff;font:700 1.05rem var(--head);padding:0 22px;cursor:pointer;letter-spacing:.4px}
.hero .quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center;font-size:.95rem;color:#8fa0c0}
.hero .quick a{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:5px 12px;border-radius:999px;font-size:.95rem}
.hero .quick a:hover{background:rgba(255,255,255,.16);text-decoration:none}
.hero-art{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-4deg)}
.hero-art a{display:block;border-radius:var(--r-m);overflow:hidden;border:2px solid rgba(255,255,255,.12);background:var(--navy-2)}
.hero-art a:nth-child(3n+2){transform:translateY(18px)}
.hero-art img{aspect-ratio:1/1;object-fit:cover;width:100%}
.hero-art span{display:block;color:#fff;font:600 .95rem var(--head);padding:6px 8px}

/* ===== sections / cards ===== */
.section{padding:44px 0 8px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}
.sec-head h2{margin:0}
.sec-head a{font-weight:600}
.sec-head p{margin:.3em 0 0;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);padding:24px}
.card + .card{margin-top:18px}
.card h2{font-size:1.65rem}
.card > h2:first-child{margin-top:0}

.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
.pcard:hover{border-color:var(--fire);transform:translateY(-2px)}
.pcard a.pl{display:block;color:var(--ink)}
.pcard a.pl:hover{text-decoration:none}
.pcard img{aspect-ratio:1/1;object-fit:cover;width:100%;background:var(--navy)}
.pcard .pc-b{display:block;padding:10px 12px 4px}
.pcard > .pc-b{padding:0 12px 12px}
.pcard .pc-n{display:block;font:700 1.18rem/1.15 var(--head);color:var(--ink)}
.pcard .pc-t{display:block;font-size:.88rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uidchip{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:700 .98rem var(--head);color:var(--fire-d);background:#fff4ee;border:1px solid #ffd9c7;border-radius:999px;padding:3px 10px;cursor:pointer;letter-spacing:.4px}
.uidchip:hover{background:#ffe8dc}
.uidchip svg{width:13px;height:13px}

/* tables */
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-m);background:#fff}
table{border-collapse:collapse;width:100%;font-size:1rem}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
tr:last-child>td,tr:last-child>th{border-bottom:0}
thead th{font:700 1rem var(--head);letter-spacing:.3px;color:#fff;background:var(--navy);white-space:nowrap}
tbody tr:nth-child(even){background:#fafbfd}
tbody th{font-weight:600;color:var(--muted);width:38%}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.hi{color:var(--green);font-weight:700}
.rank-tbl td.rk{font:700 1.1rem var(--head);color:var(--faint);width:52px}
.rank-tbl .who{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink)}
.rank-tbl .who img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.rank-tbl .who:hover{color:var(--fire-d);text-decoration:none}
th[data-sort]{cursor:pointer;user-select:none}
th[data-sort]::after{content:" \21C5";opacity:.45}
th[aria-sort="ascending"]::after{content:" \2191";opacity:1;color:var(--gold)}
th[aria-sort="descending"]::after{content:" \2193";opacity:1;color:var(--gold)}
.note{font-size:.93rem;color:var(--faint)}

/* ===== player page ===== */
.p-band{background:var(--navy);color:#cfd8ea;position:relative;overflow:hidden}
.p-band::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 260px at 10% 0%,rgba(247,112,28,.30),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 2px,transparent 2px 22px)}
.p-band .wrap{position:relative;padding-top:18px;padding-bottom:34px}
.crumbs{font-size:.92rem;margin:0 0 18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"\203A";margin-right:6px;opacity:.6}
.crumbs a{color:#a9b9d6}
.crumbs [aria-current]{color:#fff}
.p-top{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
@media (max-width:980px){.p-top{grid-template-columns:auto 1fr}.idbox{grid-column:1/-1}}
@media (max-width:620px){.p-top{grid-template-columns:1fr;text-align:left}}
.p-ava{width:190px;height:190px;border-radius:50%;padding:5px;background:var(--grad)}
.p-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--navy);background:var(--navy-2)}
@media (max-width:620px){.p-ava{width:140px;height:140px}}
.p-id h1{color:#fff;margin-bottom:.15em}
.p-id .upd{display:inline-block;font-size:.88rem;color:#ffd7a8;background:rgba(255,176,0,.12);border:1px solid rgba(255,176,0,.3);border-radius:999px;padding:2px 10px;margin-bottom:12px}
.p-meta{display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:4px 26px;margin:0;font-size:1rem}
.p-meta div{display:flex;gap:8px}
.p-meta dt{color:#8fa0c0}
.p-meta dd{margin:0;color:#fff;font-weight:600}
.p-meta a{color:#ffc79f}
@media (max-width:620px){.p-meta{grid-template-columns:1fr}}
.idbox{background:#fff;border-radius:var(--r-l);padding:18px 22px;min-width:300px;box-shadow:0 14px 34px rgba(0,0,0,.28);border:0;text-align:left;cursor:pointer;font:inherit;color:var(--ink);position:relative;overflow:hidden}
.idbox::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--grad)}
.idbox .lbl{display:block;font:700 .95rem var(--head);color:var(--muted);letter-spacing:.5px}
.idbox .uid{display:block;font:800 clamp(2.3rem,5vw,3rem)/1.05 var(--head);color:var(--ink);letter-spacing:2px;font-variant-numeric:tabular-nums}
.idbox .act{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:700;color:#fff;background:var(--fire);border-radius:999px;padding:5px 14px;font-size:.95rem}
.idbox:hover .act{background:var(--fire-d)}
.idbox svg{width:15px;height:15px}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:-18px;position:relative}
@media (max-width:1020px){.layout{grid-template-columns:minmax(0,1fr);margin-top:18px}}
.layout>*,.full>*,article{min-width:0}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr)}}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow);list-style:none}
.toc a{display:block;color:var(--text);font:600 1rem var(--head);padding:5px 12px;border-radius:999px;background:var(--bg);letter-spacing:.3px}
.toc a:hover{background:#fff4ee;color:var(--fire-d);text-decoration:none}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 18px}
@media (max-width:640px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{border:1px solid var(--line);border-radius:var(--r-m);padding:14px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.tile b{display:block;font:800 1.9rem/1 var(--head);color:var(--ink)}
.tile span{font-size:.92rem;color:var(--muted)}
.tile.f b{color:var(--fire-d)}
.mates{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;list-style:none;margin:12px 0 0;padding:0}
.mates a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-m);padding:8px 10px;color:var(--ink);font-weight:600}
.mates a:hover{border-color:var(--fire);text-decoration:none}
.mates img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.faq details{border:1px solid var(--line);border-radius:var(--r-m);padding:0 16px;margin-bottom:10px;background:#fff}
.faq summary{cursor:pointer;font:700 1.15rem var(--head);color:var(--ink);padding:14px 26px 14px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:10px;font-size:1.5rem;color:var(--fire)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 14px;color:var(--muted)}
.howto{counter-reset:s;list-style:none;padding:0;margin:0}
.howto li{position:relative;padding:0 0 14px 46px}
.howto li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;font:800 1.1rem/32px var(--head);text-align:center}

.side .card{padding:18px}
.side h2{font-size:1.35rem}
.side ul{list-style:none;margin:0;padding:0}
.side li a{display:flex;align-items:center;gap:10px;padding:7px 4px;color:var(--ink);border-bottom:1px solid var(--line);font-weight:600}
.side li:last-child a{border-bottom:0}
.side li a:hover{color:var(--fire-d);text-decoration:none}
.side li img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.side li small{margin-left:auto;font:600 .9rem var(--head);color:var(--faint)}
.sticky{position:sticky;top:90px}

/* filter bar (players) */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}
.filters input{flex:1 1 280px;font:500 1.02rem var(--body);border:1px solid var(--line-2);border-radius:var(--r-m);padding:12px 14px;background:#fff}
.filters input:focus{outline:none;border-color:var(--fire);box-shadow:0 0 0 3px rgba(242,90,29,.15)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{font:600 .98rem var(--head);border:1px solid var(--line-2);background:#fff;color:var(--text);border-radius:999px;padding:6px 14px;cursor:pointer;letter-spacing:.3px}
.chips button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.page-head{background:var(--navy);color:#cfd8ea;position:relative;overflow:hidden}
.page-head::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 240px at 90% 0%,rgba(247,112,28,.28),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 2px,transparent 2px 22px)}
.page-head .wrap{position:relative;padding-top:18px;padding-bottom:36px}
.page-head h1{color:#fff}
.page-head p{max-width:64ch;color:#b8c4db;font-size:1.08rem;margin:0}
.tcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;list-style:none;padding:0;margin:0}
.tcard a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:18px;box-shadow:var(--shadow);color:var(--text)}
.tcard a:hover{border-color:var(--fire);text-decoration:none}
.tcard h3{margin:0 0 4px}
.tcard .kind{font-size:.9rem;color:var(--fire-d);font-weight:600}
.tcard .faces{display:flex;margin-top:12px}
.tcard .faces img{width:36px;height:36px;border-radius:50%;border:2px solid #fff;margin-left:-8px;object-fit:cover}
.tcard .faces img:first-child{margin-left:0}
.prose{max-width:780px}
.prose h2{margin-top:1.4em}
main{padding-bottom:64px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(16px);background:var(--navy);color:#fff;font-weight:600;padding:11px 20px;border-radius:999px;opacity:0;transition:.2s;pointer-events:none;z-index:80;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== footer ===== */
.site-foot{background:var(--navy);color:#9fb0cd;margin-top:30px}
.site-foot .cta{background:var(--grad);color:#fff}
.site-foot .cta .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;padding-bottom:26px}
.site-foot .cta h2{color:#fff;margin:0;font-size:1.8rem}
.site-foot .cta p{margin:4px 0 0;color:#fff3e8}
.site-foot .cta a{background:var(--navy);color:#fff;font:700 1.1rem var(--head);padding:12px 22px;border-radius:var(--r-m);letter-spacing:.4px}
.site-foot .cta a:hover{text-decoration:none;background:#07122a}
.site-foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-top:40px;padding-bottom:30px}
@media (max-width:860px){.site-foot .cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.site-foot .cols{grid-template-columns:1fr}}
.site-foot h3{color:#fff;font-size:1.2rem;margin-bottom:10px}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin:6px 0}
.site-foot a{color:#c9d3e6}
.site-foot a:hover{color:#fff}
.site-foot .about p{max-width:36ch}
.site-foot .bottom{border-top:1px solid var(--navy-3);padding:18px 0 26px;font-size:.9rem}
.site-foot .bottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* sensitivity finder */
.finder .f-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 14px}
@media (max-width:640px){.finder .f-row{grid-template-columns:1fr}}
.finder label{display:flex;flex-direction:column;gap:6px;font:600 1rem var(--head);color:var(--muted);letter-spacing:.3px}
.finder select{font:500 1rem var(--body);color:var(--ink);border:1px solid var(--line-2);border-radius:var(--r-s);padding:10px 12px;background:#fff}
.finder select:focus{outline:none;border-color:var(--fire);box-shadow:0 0 0 3px rgba(242,90,29,.15)}
.f-out{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
@media (max-width:900px){.f-out{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.f-out{grid-template-columns:repeat(2,1fr)}}
.f-copy{margin-top:14px;border:0;border-radius:var(--r-m);background:var(--grad);color:#fff;font:700 1.05rem var(--head);padding:11px 20px;cursor:pointer;letter-spacing:.4px}
.sens-promo{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}
@media (max-width:820px){.sens-promo{grid-template-columns:1fr}}
.sens-promo .btn{display:inline-block;background:var(--grad);color:#fff;font:700 1.05rem var(--head);padding:11px 20px;border-radius:var(--r-m);letter-spacing:.4px}
.sens-promo .btn:hover{text-decoration:none;filter:brightness(1.05)}

.full{max-width:1000px;margin:0 auto}
table.data tbody th{width:auto;white-space:nowrap;color:var(--ink)}
table.data th .sub{display:block;white-space:normal;font-weight:400;font-size:.88rem;color:var(--muted);max-width:34ch;margin-top:2px}
.nav a{white-space:nowrap}
@media (max-width:1180px) and (min-width:801px){.nav a{padding:10px 9px;font-size:1rem}.hsearch{width:200px}}
.rank-tbl .who{white-space:nowrap}

/* ===== mobile polish ===== */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%}
table{word-break:normal}
@media (max-width:1020px){.side .sticky{position:static}}
@media (max-width:800px){
  .site-head .wrap{min-height:60px;gap:12px}
  .brand{font-size:1.35rem}.brand img{width:34px;height:34px}
  .nav{top:60px;max-height:calc(100vh - 60px);overflow:auto}
  .nav a{padding:12px 10px;font-size:1.1rem;border-bottom:1px solid var(--navy-3);border-radius:0}
  .nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--fire)}
  .m-search .results{position:static;box-shadow:none;margin-top:8px}
}
@media (max-width:720px){
  body{font-size:16px}
  h1{font-size:2rem}
  h2{font-size:1.4rem}
  .card{padding:18px 16px;border-radius:var(--r-m)}
  .card h2{font-size:1.35rem}
  .section{padding-top:30px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:6px}
  th,td{padding:10px 10px;font-size:.94rem}
  thead th{font-size:.92rem}
  tbody th{width:auto}
  .tbl{border-radius:var(--r-s);-webkit-overflow-scrolling:touch}
  .tbl table{min-width:0}
  .rank-tbl .who img{width:30px;height:30px}
  .uidchip{font-size:.9rem;padding:3px 8px}
  .toc{flex-wrap:nowrap;overflow-x:auto;padding:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .toc::-webkit-scrollbar{display:none}
  .toc a{white-space:nowrap}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pcard .pc-n{font-size:1.05rem}
  .tiles{gap:8px}.tile{padding:10px}.tile b{font-size:1.5rem}
  .tcards{grid-template-columns:minmax(0,1fr)}
  .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chips button{white-space:nowrap}
  .page-head .wrap{padding-bottom:26px}
  .site-foot .cta .wrap{flex-direction:column;align-items:flex-start}
  .site-foot .cta h2{font-size:1.45rem}
  .faq summary{font-size:1.05rem}
}
@media (max-width:620px){
  .p-band .wrap{padding-bottom:24px}
  .p-top{gap:16px;justify-items:center;text-align:center}
  .p-ava{width:132px;height:132px}
  .p-id h1{font-size:2rem}
  .p-meta{grid-template-columns:1fr;justify-items:center;text-align:left}
  .p-meta div{justify-content:center}
  .idbox{min-width:0;width:100%;text-align:center;padding:16px}
  .idbox .uid{font-size:2.3rem;letter-spacing:1px}
  .hero .wrap{padding-top:32px;padding-bottom:40px}
  .hero h1{font-size:2.3rem}
  .bigsearch input{padding:15px 96px 15px 44px;font-size:1rem}
  .bigsearch svg{left:15px;top:17px}
  .bigsearch .go{padding:0 14px}
  .topbar{display:none}
  .finder .f-out{grid-template-columns:repeat(2,minmax(0,1fr))}
  table.data th .sub{max-width:22ch}
}
@media (max-width:380px){
  .pgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .pcard .pc-b{padding:8px 8px 4px}.pcard>.pc-b{padding:0 8px 10px}
  .brand .tag{padding:1px 5px 2px}
}

.uidchip{white-space:nowrap;flex-shrink:0}
.uidchip svg{flex-shrink:0}
@media (max-width:720px){
  .rank-tbl .who{white-space:normal;line-height:1.25}
  .rank-tbl .who img{flex-shrink:0}
  .hm{display:none}
  .rank-tbl td.rk{width:30px;padding-right:4px}
}

.swipe{display:flex;align-items:center;gap:6px;font-size:.86rem;color:var(--muted);margin:0 0 6px}
.swipe::before{content:"\2194";color:var(--fire);font-weight:700}
.tbl.is-wide{background:linear-gradient(to left,rgba(11,26,51,.10),rgba(11,26,51,0) 18px) right/18px 100% no-repeat,#fff;background-attachment:scroll}
.tbl.is-wide table{background:transparent}

/* FAQ question as h3 inside summary */
.faq summary .faq-q{display:inline;margin:0;font:inherit;color:inherit;line-height:1.3}