/* Shared public-page frame based on the home dashboard. */
body.pg-site-v19 {
  --pg-frame:#172a33;
  --pg-frame-soft:#20343d;
  --pg-frame-line:#58727b;
  --pg-frame-text:#f4f6f5;
  --pg-frame-muted:#bfd0d5;
}
body.pg-site-v19:not(.hubpage) {
  background:#101d25;
  color:var(--pg-frame-text);
}
body.pg-site-v19:not(.hubpage) .wrap,
body.pg-site-v19:not(.hubpage) #view {
  max-width:1360px;
}
body.pg-site-v19 .topnav {
  background:rgba(16,18,22,.94);
  border-bottom:1px solid #3a4e56;
}
body.pg-site-v19 .topnav .tn-in {
  max-width:1360px;
  width:100%;
  padding-inline:32px;
}
body.pg-site-v19 .topnav .tn-brand {
  display:inline-flex;
  align-items:center;
  letter-spacing:.1em;
}
body.pg-site-v19 .topnav .tn-brand img {
  width:33px;
  height:33px;
  object-fit:contain;
  margin-right:8px;
  flex:none;
}
/* The next-match status fills available desktop space before Chicken Spot. */
body.pg-site-v19 .topnav.pg-wide-next .tn-sp{flex:0 0 8px;min-width:8px}
body.pg-site-v19 .topnav.pg-wide-next .tn-live.show{flex:1 1 260px;max-width:none;min-width:0;justify-content:flex-start;border-radius:9px;padding-inline:12px}
body.pg-site-v19 .topnav.pg-wide-next .tn-livename{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.pg-site-v19 .topnav.pg-wide-next .tn-chicken{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:34px;padding:0 13px;border:1px solid #ffe3a1;border-bottom-color:#ac711b;border-radius:9px;background:linear-gradient(180deg,#ffe5a1 0%,#ffc759 54%,#eaa236 100%);box-shadow:inset 0 1px #fff5ce,0 3px 0 #8a591d,0 5px 13px #0007;color:#241b10!important;font-size:13px;font-weight:950;letter-spacing:.01em;white-space:nowrap;text-decoration:none;text-shadow:0 1px #fff6cf80;transition:transform .15s,box-shadow .15s,filter .15s}
body.pg-site-v19 .topnav.pg-wide-next .tn-chicken:hover,body.pg-site-v19 .topnav.pg-wide-next .tn-chicken:focus-visible{filter:brightness(1.1);transform:translateY(-1px);box-shadow:inset 0 1px #fff5ce,0 4px 0 #8a591d,0 7px 15px #0008}
body.pg-site-v19 .topnav.pg-wide-next .tn-chicken:active{transform:translateY(2px);box-shadow:inset 0 1px #fff5ce,0 1px 0 #8a591d,0 2px 6px #0005}
@media(max-width:1020px){body.pg-site-v19 .topnav.pg-wide-next .tn-live.show{flex-basis:165px;padding-inline:8px}body.pg-site-v19 .topnav.pg-wide-next .tn-chicken{font-size:11px;padding:0 9px}}
@media(max-width:1100px){body.pg-site-v19 .topnav.pg-wide-next .tn-in{padding-inline:16px}}
@media(max-width:760px){body.pg-site-v19 .topnav.pg-wide-next .tn-live.show{order:8;flex:1 1 100%;max-width:100%;margin-bottom:5px;min-height:29px}body.pg-site-v19 .topnav.pg-wide-next .tn-chicken{min-height:32px;padding:0 7px}body.pg-site-v19 .topnav.pg-wide-next .tn-leagues{display:flex;order:9;flex:1 1 100%;height:40px;overflow-x:auto;scrollbar-width:none;border-top:1px solid #34434a}body.pg-site-v19 .topnav.pg-wide-next .tn-leagues::-webkit-scrollbar{display:none}}
@media(max-width:760px){body.pg-site-v19 .topnav.pg-wide-next .tn-in{padding-inline:12px}}
body.pg-site-v19 .topnav .tn-search,
body.pg-site-v19 .topnav .tn-menu {
  border-radius:9px;
}
body.pg-site-v19 .bottombar {
  background:#141821;
  border-top:1px solid #35424c;
  height:calc(52px + env(safe-area-inset-bottom, 0px));
  padding:0 4px env(safe-area-inset-bottom, 0px);
  justify-content:center;
}
body.pg-site-v19 .bottombar .bb-item {
  flex:1 1 0;
  min-width:0;
  max-width:124px;
  font-size:10.5px;
  gap:3px;
}
body.pg-site-v19 .bottombar .bb-icon {
  width:19px;
  height:19px;
}
body.pg-site-v19 .bottombar .bb-label {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.pg-site-v19:not(.hubpage) .pg-page-heading,
body.pg-site-v19:not(.hubpage) .sec.pg-numbered {
  background:var(--pg-frame);
  border:1px solid var(--pg-frame-line);
  border-radius:12px;
  color:var(--pg-frame-text);
  box-shadow:inset 0 1px #ffffff12;
}
body.pg-site-v19:not(.hubpage) .pg-page-heading {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 11px;
  padding:14px 17px;
  margin-bottom:14px;
}
body.pg-site-v19:not(.hubpage) .pg-page-heading h1 {
  margin:0;
  color:var(--pg-frame-text);
  font-size:20px;
  font-weight:900;
  line-height:1.28;
}
body.pg-site-v19:not(.hubpage) .pg-page-heading h2 {
  margin:0;
  color:var(--pg-frame-text);
  font-size:20px;
  font-weight:900;
}
body.pg-site-v19:not(.hubpage) .pg-profile-heading {
  background:linear-gradient(110deg,#243932,#1a2d36);
  border:1px solid var(--pg-frame-line);
  border-radius:12px;
}
body.pg-site-v19:not(.hubpage) .pg-profile-heading h1 .pg-section-step {
  vertical-align:middle;
  margin-right:10px;
}
body.pg-site-v19:not(.hubpage) .sec.pg-numbered {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 10px;
  padding:12px 15px;
  margin-top:18px;
  margin-bottom:9px;
  min-height:52px;
}
body.pg-site-v19:not(.hubpage) .sec.pg-numbered h2 {
  margin:0;
  color:var(--pg-frame-text);
  font-size:20px;
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.28;
}
body.pg-site-v19:not(.hubpage) .sec.pg-numbered .cnt {
  color:var(--pg-frame-muted);
}
body.pg-site-v19 .pg-section-step {
  display:inline-grid;
  place-items:center;
  width:27px;
  height:23px;
  flex:none;
  border:1px solid #ffe2a1;
  border-radius:5px;
  background:#ffcf6f;
  box-shadow:0 2px 0 #986b2d;
  color:#1b2522;
  font-size:11px;
  font-weight:950;
  line-height:1;
}
body.pg-site-v19:not(.hubpage) .tbl,
body.pg-site-v19:not(.hubpage) .tscroll,
body.pg-site-v19:not(.hubpage) .lbsplit>div {
  border-color:var(--pg-frame-line);
  background:var(--pg-frame);
}
body.pg-site-v19:not(.hubpage) .topline {
  border:0;
}
@media(max-width:760px) {
  body.pg-site-v19 .topnav .tn-in {
    display:flex;
    flex-wrap:wrap;
    gap:0 8px;
    min-height:48px;
    padding-inline:12px;
  }
  body.pg-site-v19 .topnav .tn-brand {font-size:14px}
  body.pg-site-v19 .topnav .tn-brand img {
    width:25px;height:25px;margin-right:5px;
  }
  body.pg-site-v19 .topnav .tn-leagues {
    display:flex!important;
    order:9;
    flex:1 1 100%;
    width:100%;
    min-width:0;
    height:40px;
    overflow-x:auto;
    margin:0 -12px;
    padding:0 10px;
    border-top:1px solid #3a4e56;
    scrollbar-width:none;
  }
  body.pg-site-v19 .topnav .tn-leagues::-webkit-scrollbar {display:none}
  body.pg-site-v19 .topnav .tn-lg {font-size:12px;padding:0 9px}
  body.pg-site-v19 .topnav .tn-search,
  body.pg-site-v19 .topnav .tn-menu {height:31px;padding-inline:8px}
  body.pg-site-v19 .topnav .tn-searchtxt,
  body.pg-site-v19 .topnav .tn-menutxt,
  body.pg-site-v19 .topnav kbd {display:none}
  body.pg-site-v19:not(.hubpage) .pg-page-heading {padding:12px;margin-bottom:10px}
  body.pg-site-v19:not(.hubpage) .pg-page-heading h1 {font-size:18px}
  body.pg-site-v19:not(.hubpage) .pg-page-heading h2 {font-size:18px}
  body.pg-site-v19:not(.hubpage) .sec.pg-numbered {
    padding:10px 12px;
    margin-top:12px;
    min-height:46px;
  }
  body.pg-site-v19:not(.hubpage) .sec.pg-numbered h2 {font-size:18px}
  body.pg-site-v19.hasnav .bottombar {display:flex}
}
@media(min-width:761px) {
  body.pg-site-v19.hasnav .bottombar {display:none}
}
/* PUBGIN v30: keep the tournament tabs in one fixed desktop slot. */
body.pg-site-v19 .topnav.pg-wide-next .tn-leagues{flex:0 0 256px;width:256px;max-width:256px;overflow:visible}
body.pg-site-v19 .topnav.pg-wide-next .tn-leagues a[data-lg]{flex:0 0 auto;padding-inline:8px}
@media(max-width:1100px){body.pg-site-v19 .topnav.pg-wide-next .tn-leagues{flex-basis:234px;width:234px;max-width:234px}body.pg-site-v19 .topnav.pg-wide-next .tn-leagues a[data-lg]{padding-inline:6px}}
@media(max-width:760px){body.pg-site-v19 .topnav.pg-wide-next .tn-leagues{flex:1 1 100%;width:100%;max-width:none;overflow-x:auto}}