/* tpowermy.app - .pw-* app storefront.
   Deep maroon chrome over a near-black ground, with the brand's gold as the only action colour.
   A phone frame in the hero, the device matrix and the build-against-browser table as the house
   components, then the game shelves. Narrower measure and larger type throughout: this
   one is read on a phone first. Static stylesheet: the build does NOT regenerate it.

   House style for this sheet:
     - The gaps and insets, the type sizes, the font stacks and the stacking orders used
       more than once are named once in :root as --t-* and called by name everywhere else;
     - box properties are written in logical names (block-start, inline-end) so a modifier
       resets the one edge it means to;
     - every border is split into width, style and colour;
     - gap is row-gap plus column-gap;
     - overflow is overflow-x plus overflow-y;
     - the font shorthand is opened out into its longhands;
     - repeat() tracks are written out. */

:root {
  --mar: #7a0d12;
  --mar2: #220609;
  --mar3: #9c1219;
  --acc: #f3c239;
  --gold2: #ffdc7a;
  --gold: #e0a92b;
  --text: #fdf2e9;
  --mute: #d3a7a2;
  --line: #5a131b;
  --rad: 14px;
  --mx: 1040px;

  /* named values used more than once */
  --t-sp1: 1px;
  --t-sp2: 2px;
  --t-sp3: 5px;
  --t-sp4: 6px;
  --t-sp5: 7px;
  --t-sp6: 8px;
  --t-sp7: 9px;
  --t-sp8: 10px;
  --t-sp9: 11px;
  --t-sp10: 12px;
  --t-sp11: 13px;
  --t-sp12: 14px;
  --t-sp13: 15px;
  --t-sp14: 16px;
  --t-sp15: 18px;
  --t-sp16: 22px;
  --t-sp17: 24px;
  --t-sp18: 26px;
  --t-sp19: 30px;
  --t-sp20: 32px;
  --t-fs1: 10.5px;
  --t-fs2: 11.5px;
  --t-fs3: 12px;
  --t-fs4: 12.5px;
  --t-fs5: 13px;
  --t-fs6: 13.5px;
  --t-fs7: 14px;
  --t-fs8: 14.5px;
  --t-fs9: 15px;
  --t-fs10: 17px;
  --t-fs11: 19px;
}

*{box-sizing: border-box;}
html{overflow-x: clip;}
body{
  margin-block: 0;
  margin-inline: 0;
  background: var(--mar2);
  color: var(--text);
  font: 16.5px/1.74 "Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,
       "PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-text-size-adjust: 100%;
}
img{max-width: 100%; height: auto; min-width: 0;}
a{color: inherit; text-decoration: none;}
h1,h2,h3{line-height: 1.28; margin-block-start: 0; margin-inline-end: 0; margin-block-end: .5em; margin-inline-start: 0;}
h1{font-size: clamp(1.6875rem,4.6vw,2.875rem); font-weight: 800; letter-spacing: -.015em;}
h2{font-size: clamp(1.375rem,3vw,2rem); font-weight: 800; color: var(--acc);}
h3{font-size: var(--t-fs11);}
p{margin-block-start: 0; margin-inline-end: 0; margin-block-end: 1.05em; margin-inline-start: 0;}
main{display: block;}
table{border-collapse: collapse;}

.pw-hide{display: none !important;}
.pw-off{display: none !important;}

/* ---------------------------------------------------------------- buttons */
.pw-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  row-gap: var(--t-sp6);
  column-gap: var(--t-sp6);
  padding-block: var(--t-sp10);
  padding-inline: var(--t-sp16);
  border-radius: var(--rad);
  font-weight: 700;
  font-size: var(--t-fs9);
  border-width: 0.125rem;
  border-style: solid;
  border-color: transparent;
  cursor: pointer;
  min-height: 3rem;
  text-align: center;
}
.pw-btn.g,.pw-btn.p{
  background: linear-gradient(180deg,#ffd166,var(--gold));
  color: #2a1d00;
  box-shadow: 0 0.375rem 1.25rem rgba(240,180,41,.26);
}
.pw-btn.o{background: transparent; border-color: var(--acc); color: var(--acc);}
.pw-btn.lg{padding-block: var(--t-sp13); padding-inline: var(--t-sp19); font-size: 1.03125rem; min-height: 3.375rem;}

/* ---------------------------------------------------------------- chrome */
.pw-head{background: var(--mar2); position: static; border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: var(--line);}
.pw-head .bar{
  max-width: var(--mx);
  margin-block: 0;
  margin-inline: auto;
  display: flex;
  align-items: center;
  row-gap: var(--t-sp10);
  column-gap: var(--t-sp10);
  padding-block: var(--t-sp11);
  padding-inline: var(--t-sp14);
  flex-wrap: wrap;
  row-gap: var(--t-sp8);
}
.pw-logo{display: flex; align-items: center; row-gap: var(--t-sp8); column-gap: var(--t-sp8); font-weight: 800; min-width: 0;}
.pw-logo svg{flex: 0 0 auto; width: 2.375rem; height: 2.375rem;}
.pw-logo .wm{display: flex; flex-direction: column; line-height: 1.08; min-width: 0;}
.pw-logo .wm b{font-size: 1.4375rem; color: var(--acc); white-space: nowrap; letter-spacing: .01em;}
.pw-logo .wm small{
  font-size: 0.5625rem;
  color: var(--mute);
  letter-spacing: .12em;
  min-width: 0;
  overflow-wrap: anywhere;
}
@media(max-width:420px){.pw-logo .wm small{font-size: 0.5rem; letter-spacing: .05em;}}
.pw-burger{
  width: 2.75rem;
  height: 2.75rem;
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: 0.4375rem;
  color: var(--text);
  font-size: var(--t-fs10);
  cursor: pointer;
}
.pw-acct{display: flex; row-gap: var(--t-sp6); column-gap: var(--t-sp6); align-items: center; margin-inline-start: auto;}
.pw-lang{display: flex; row-gap: var(--t-sp3); column-gap: var(--t-sp3);}
.pw-lang a{
  white-space: nowrap;
  font-size: var(--t-fs3);
  padding-block: var(--t-sp5);
  padding-inline: var(--t-sp9);
  border-radius: 0.375rem;
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  color: var(--mute);
  min-height: 2.125rem;
  display: inline-flex;
  align-items: center;
}
.pw-lang a.on{background: var(--acc); color: #06203f; border-color: var(--acc); font-weight: 700;}

/* the nav bar, with a sky-blue active tab */
.pw-menu{background: var(--mar); display: flex; justify-content: center; flex-wrap: wrap;}
.pw-menu .it{position: relative;}
.pw-menu .it>a{
  display: block;
  padding-block: var(--t-sp12);
  padding-inline: var(--t-sp15);
  font-size: var(--t-fs8);
  color: var(--text);
  white-space: nowrap;
}
.pw-menu .it:hover>a,.pw-menu .it:focus-within>a{
  background: var(--acc);
  color: #06203f;
  font-weight: 700;
}
.pw-menu .pan{
  display: none;
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  z-index: 30;
  min-width: 17.5rem;
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: 0 0 0.5rem 0.5rem;
  padding-block: var(--t-sp10);
  padding-inline: var(--t-sp10);
  row-gap: var(--t-sp7);
  column-gap: var(--t-sp7);
  flex-wrap: wrap;
  box-shadow: 0 1rem 2.125rem rgba(3,12,26,.5);
}
.pw-menu .it:hover .pan,.pw-menu .it:focus-within .pan{display: flex;}
.pw-menu .pan .dark{
  background: #eef4fb;
  border-radius: 0.4375rem;
  padding-block: var(--t-sp6);
  padding-inline: var(--t-sp9);
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  flex: 0 1 auto;
}
.pw-menu .pan .dark img{max-height: 1.375rem; width: auto; min-width: 0; object-fit: contain;}

.pw-tick{background: var(--mar3); border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: var(--line);}
.pw-tick p{
  max-width: var(--mx);
  margin-block: 0;
  margin-inline: auto;
  padding-block: var(--t-sp7);
  padding-inline: var(--t-sp14);
  font-size: var(--t-fs6);
  color: var(--gold2);
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
}

/* ---------------------------------------------------------------- hero lockup */
.pw-hero{
  position: relative;
  min-height: 27.5rem;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--mar);
}
.pw-hero img{position: absolute; inset-block: 0; inset-inline: 0; width: 100%; height: 100%; object-fit: cover; opacity: .46;}
.pw-hero .tx{
  position: relative;
  z-index: 1;
  max-width: var(--mx);
  margin-block: 0;
  margin-inline: auto;
  padding-block: 2.875rem;
  padding-inline: var(--t-sp14);
  width: 100%;
}
.pw-hero .eb{
  display: inline-block;
  font-size: var(--t-fs2);
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--gold);
  margin-block-end: var(--t-sp8);
  font-weight: 700;
}
.pw-hero h1{
  color: #fff;
  margin-block-end: .4em;
  max-width: 17ch;
  text-shadow: 0 0.1875rem 1.375rem rgba(0,0,0,.45);
}
.pw-hero .lead{color: var(--text); font-size: 1rem; max-width: 54ch; margin-block-end: var(--t-sp15);}
.pw-hero .act{display: flex; row-gap: var(--t-sp9); column-gap: var(--t-sp9); flex-wrap: wrap;}

/* the three feature marks inside the lockup */
.pw-feat{list-style-type: none; list-style-position: outside; list-style-image: none; padding-block: 0; padding-inline: 0; margin-block-start: 0; margin-inline-end: 0; margin-block-end: 1.25rem; margin-inline-start: 0; display: flex; flex-wrap: wrap; row-gap: var(--t-sp8); column-gap: var(--t-sp8);}
.pw-feat li{
  display: flex;
  flex-direction: column;
  row-gap: var(--t-sp1);
  column-gap: var(--t-sp1);
  background: rgba(6,25,52,.62);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: rgba(52,171,240,.4);
  border-radius: var(--rad);
  padding-block: var(--t-sp9);
  padding-inline: var(--t-sp13);
  min-width: 0;
}
.pw-feat i{font-style: normal; font-size: var(--t-fs10); color: var(--acc); margin-block-end: var(--t-sp2);}
.pw-feat b{font-size: var(--t-fs6); color: #fff;}
.pw-feat em{font-style: normal; font-size: var(--t-fs3); color: var(--mute);}

/* the notice strip */
.pw-notice{background: var(--mar3); border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: var(--line);}
.pw-notice p{
  max-width: var(--mx);
  margin-block: 0;
  margin-inline: auto;
  padding-block: var(--t-sp10);
  padding-inline: var(--t-sp14);
  font-size: var(--t-fs6);
  color: var(--gold2);
}

.pw-trust{max-width: var(--mx); margin-block: var(--t-sp17); margin-inline: auto; padding-block: 0; padding-inline: var(--t-sp14); display: flex; flex-wrap: wrap; row-gap: var(--t-sp7); column-gap: var(--t-sp7);}
.pw-trust span{
  display: flex;
  align-items: center;
  row-gap: var(--t-sp5);
  column-gap: var(--t-sp5);
  font-size: var(--t-fs5);
  color: var(--mute);
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--rad);
  padding-block: var(--t-sp7);
  padding-inline: var(--t-sp12);
}
.pw-trust i{color: var(--acc); font-style: normal;}

/* ---------------------------------------------------------------- category tiles */
.pw-cats{
  max-width: var(--mx);
  margin-block-start: 0;
  margin-inline-end: auto;
  margin-block-end: var(--t-sp19);
  margin-inline-start: auto;
  padding-block: 0;
  padding-inline: var(--t-sp14);
  display: grid;
  row-gap: var(--t-sp10);
  column-gap: var(--t-sp10);
  grid-template-columns: 1fr 1fr;
}
@media(min-width:760px){.pw-cats{grid-template-columns: 1fr 1fr 1fr;}}
.pw-cats .tile{
  position: relative;
  border-radius: var(--rad);
  overflow-x: hidden;
  overflow-y: hidden;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  min-width: 0;
}
.pw-cats .tile img{display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover;}
.pw-cats .cap{
  position: absolute;
  inset-block-start: auto;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  padding-block: var(--t-sp9);
  padding-inline: var(--t-sp11);
  background: linear-gradient(180deg,rgba(11,47,102,0),rgba(6,20,42,.95) 55%);
  display: flex;
  flex-direction: column;
  row-gap: var(--t-sp2);
  column-gap: var(--t-sp2);
  min-width: 0;
}
.pw-cats .cap b{font-size: var(--t-fs9); color: var(--acc);}
.pw-cats .cap em{font-style: normal; font-size: var(--t-fs3); color: var(--mute); line-height: 1.4;}

/* ---------------------------------------------------------------- reference tables */
.pw-dev,.pw-stack,.pw-wall,.pw-apk,.pw-live,.pw-esp,.pw-pool{
  max-width: var(--mx);
  margin-block-start: 0;
  margin-inline-end: auto;
  margin-block-end: var(--t-sp20);
  margin-inline-start: auto;
  padding-block: 0;
  padding-inline: var(--t-sp14);
}
.pw-dev p,.pw-stack p{color: var(--mute); max-width: 70ch;}
.pw-tw{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--rad);
}
.pw-tbl{width: 100%; font-size: var(--t-fs8); background: var(--mar); font-variant-numeric: tabular-nums;}
.pw-tbl th{
  background: var(--mar2);
  color: var(--acc);
  text-align: left;
  padding-block: var(--t-sp9);
  padding-inline: var(--t-sp13);
  font-size: var(--t-fs3);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  border-block-end-width: 0.0625rem;
  border-block-end-style: solid;
  border-block-end-color: var(--line);
}
.pw-tbl td{padding-block: var(--t-sp9); padding-inline: var(--t-sp13); border-block-start-width: 0.0625rem; border-block-start-style: solid; border-block-start-color: var(--line); color: var(--mute);}
.pw-tbl td b{color: var(--text);}
.pw-tbl .amt{text-align: right; font-weight: 700; color: var(--gold);}
.pw-stack .pw-btn{margin-block-start: var(--t-sp13);}

/* provider wall */
.pw-wall .logos{display: flex; flex-wrap: wrap; row-gap: var(--t-sp8); column-gap: var(--t-sp8); margin-block-end: var(--t-sp10);}
/* ONE chip treatment sitewide: a pale plate, so white-artwork badges cannot vanish into it. */
.pw-wall .dark{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  flex: 0 1 auto;
  background: #eef4fb;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #cfdcec;
  border-radius: 0.4375rem;
  padding-block: var(--t-sp8);
  padding-inline: var(--t-sp13);
  height: 3.5rem;
}
.pw-wall .dark img{max-height: 1.75rem; width: auto; min-width: 0; object-fit: contain;}
.pw-wall .sub{font-size: var(--t-fs7); color: var(--mute); margin-block-start: 0; margin-inline-end: 0; margin-block-end: var(--t-sp6); margin-inline-start: 0;}
.pw-wall .chips{display: flex; flex-wrap: wrap; row-gap: var(--t-sp5); column-gap: var(--t-sp5);}
.pw-wall .chip{
  font-size: var(--t-fs4);
  color: var(--mute);
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: 0.375rem;
  padding-block: var(--t-sp5);
  padding-inline: var(--t-sp10);
}

/* game strip on the pages where showing them is the point */
.pw-games{display: grid; row-gap: var(--t-sp9); column-gap: var(--t-sp9); grid-template-columns: 1fr 1fr; margin-block-start: 0; margin-inline-end: 0; margin-block-end: var(--t-sp17); margin-inline-start: 0;}
@media(min-width:620px){.pw-games{grid-template-columns: 1fr 1fr 1fr;}}
.gc{
  display: block;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--rad);
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--mar);
  min-width: 0;
}
.gc img{display: block; width: 100%; aspect-ratio: 1/1; object-fit: cover;}
.gc .mt{padding-block: var(--t-sp6); padding-inline: var(--t-sp9); display: flex; flex-direction: column; row-gap: var(--t-sp1); column-gap: var(--t-sp1); min-width: 0;}
.gc .mt b{font-size: var(--t-fs5); white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; display: block;}
.gc .mt em{font-style: normal; font-size: var(--t-fs2); color: var(--acc);}

.pw-esp .tx .eb{
  display: inline-block;
  font-size: var(--t-fs2);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  margin-block-end: var(--t-sp4);
}
.pw-esp .mk{list-style-type: none; list-style-position: outside; list-style-image: none; padding-block: 0; padding-inline: 0; margin-block-start: 0; margin-inline-end: 0; margin-block-end: var(--t-sp14); margin-inline-start: 0; display: flex; flex-wrap: wrap; row-gap: var(--t-sp5); column-gap: var(--t-sp5);}
.pw-esp .mk li{
  font-size: var(--t-fs5);
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: 0.375rem;
  padding-block: var(--t-sp5);
  padding-inline: var(--t-sp10);
  color: var(--mute);
}
.pw-esp .ti{display: flex; flex-wrap: wrap; row-gap: var(--t-sp7); column-gap: var(--t-sp7); margin-block-end: var(--t-sp8);}
.pw-esp .t{
  font-size: var(--t-fs5);
  font-weight: 700;
  color: var(--acc);
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: 0.4375rem;
  padding-block: var(--t-sp9);
  padding-inline: var(--t-sp12);
}
.pw-esp .bk{flex: 1 1 100%; font-size: var(--t-fs5); color: var(--mute);}
.pw-pool{
  text-align: center;
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--rad);
  padding-block: var(--t-sp18);
  padding-inline: var(--t-sp14);
  max-width: calc(var(--mx) - 2rem);
}
.pw-pool .jp{display: flex; align-items: baseline; justify-content: center; row-gap: var(--t-sp8); column-gap: var(--t-sp8); margin-block-end: var(--t-sp6);}
.pw-pool .jp span{font-size: var(--t-fs7); color: var(--mute); letter-spacing: .1em;}
.pw-pool .jp b{
  font-size: clamp(1.875rem,6vw,3rem);
  color: var(--gold);
  font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------------- page body */
.pw-content{max-width: 51.25rem; margin-block: 0; margin-inline: auto; padding-block-start: 0; padding-inline-end: var(--t-sp14); padding-block-end: var(--t-sp20); padding-inline-start: var(--t-sp14);}
.pw-content h2{margin-block-start: 1.7em;}
.pw-content a{color: var(--acc); text-decoration: underline; text-underline-offset: 0.1875rem;}
.pw-kpis{
  display: grid;
  row-gap: var(--t-sp9);
  column-gap: var(--t-sp9);
  grid-template-columns: 1fr 1fr;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-block-end: var(--t-sp18);
  margin-inline-start: 0;
  padding-block: 0;
  padding-inline: 0;
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
}
@media(min-width:640px){.pw-kpis{grid-template-columns: 1fr 1fr 1fr 1fr;}}
.pw-kpis li{
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--rad);
  padding-block: var(--t-sp13);
  padding-inline: var(--t-sp13);
}
.pw-kpis b{display: block; font-size: 1.375rem; color: var(--gold); font-variant-numeric: tabular-nums;}
.pw-kpis span{font-size: var(--t-fs4); color: var(--mute);}
.pw-steps{list-style-type: none; list-style-position: outside; list-style-image: none; counter-reset: s; padding-block: 0; padding-inline: 0; margin-block-start: 0; margin-inline-end: 0; margin-block-end: var(--t-sp18); margin-inline-start: 0;}
.pw-steps li{counter-increment: s; position: relative; padding-block-start: 0; padding-inline-end: 0; padding-block-end: var(--t-sp14); padding-inline-start: 3rem;}
.pw-steps li::before{
  content: counter(s);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 2.0625rem;
  height: 2.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4375rem;
  background: var(--acc);
  color: #06203f;
  font-weight: 800;
  font-size: var(--t-fs9);
}
.pw-steps b{display: block; color: #fff; margin-block-end: var(--t-sp2);}
.pw-content .pw-tw{margin-block-start: 0; margin-inline-end: 0; margin-block-end: var(--t-sp18); margin-inline-start: 0;}
.pw-faq{margin-block-start: 0; margin-inline-end: 0; margin-block-end: var(--t-sp18); margin-inline-start: 0;}
.pw-faq details{
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--rad);
  padding-block: var(--t-sp11);
  padding-inline: var(--t-sp14);
  margin-block-end: var(--t-sp8);
}
.pw-faq summary{cursor: pointer; font-weight: 700; color: #fff; min-height: 1.75rem;}
.pw-band{
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--acc);
  border-radius: var(--rad);
  padding-block: var(--t-sp16);
  padding-inline: var(--t-sp16);
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-block-end: var(--t-sp18);
  margin-inline-start: 0;
  text-align: center;
}
.pw-band b{display: block; font-size: var(--t-fs11); color: var(--gold); margin-block-end: var(--t-sp4);}
.pw-band p{color: var(--mute); font-size: var(--t-fs8); margin-block-end: 0;}

/* APK block */
.pw-apk{display: grid; row-gap: var(--t-sp15); column-gap: var(--t-sp15); grid-template-columns: 1fr; align-items: center;}
@media(min-width:820px){.pw-apk{grid-template-columns: 16.25rem minmax(0,1fr);}}
.pw-apk img{border-radius: var(--rad); border-width: 0.0625rem; border-style: solid; border-color: var(--line); width: 100%;}
.pw-apk .tx p{color: var(--mute);}
.pw-apk .meta{display: flex; flex-wrap: wrap; row-gap: var(--t-sp5); column-gap: var(--t-sp5); margin-block-end: var(--t-sp12);}
.pw-apk .meta span{
  font-size: var(--t-fs4);
  color: var(--mute);
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: 0.375rem;
  padding-block: var(--t-sp5);
  padding-inline: var(--t-sp10);
}

/* ---------------------------------------------------------------- footer */
.pw-foot{background: #06142a; border-block-start-width: 0.0625rem; border-block-start-style: solid; border-block-start-color: var(--line); padding-block-start: var(--t-sp20); padding-inline-end: 0; padding-block-end: 6rem; padding-inline-start: 0; margin-block-start: var(--t-sp12);}
.pw-foot .cols{
  max-width: var(--mx);
  margin-block: 0;
  margin-inline: auto;
  padding-block: 0;
  padding-inline: var(--t-sp14);
  display: grid;
  row-gap: var(--t-sp18);
  column-gap: var(--t-sp18);
  grid-template-columns: 1fr;
}
@media(min-width:760px){.pw-foot .cols{grid-template-columns: 2fr 1fr 1fr;}}
.pw-foot .w b{
  font-size: var(--t-fs3);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--acc);
  display: block;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-block-end: var(--t-sp8);
  margin-inline-start: 0;
}
.pw-foot ul{list-style-type: none; list-style-position: outside; list-style-image: none; padding-block: 0; padding-inline: 0; margin-block: 0; margin-inline: 0;}
.pw-foot li{margin-block-end: var(--t-sp5); font-size: var(--t-fs7); color: var(--mute);}
.pw-foot .ab{font-size: var(--t-fs6); color: var(--mute); max-width: 58ch;}
.pw-foot .pw-logo{margin-block-end: var(--t-sp10);}
.pw-foot .pw-logo svg{width: 2rem; height: 2rem;}
.pw-foot .pay,.pw-foot .trust{display: flex; flex-wrap: wrap; row-gap: var(--t-sp6); column-gap: var(--t-sp6); margin-block-start: var(--t-sp10);}
.pw-foot .pay span,.pw-foot .trust span{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  flex: 0 1 auto;
  background: #eef4fb;
  border-radius: 0.4375rem;
  padding-block: var(--t-sp5);
  padding-inline: var(--t-sp8);
  height: 2.5rem;
}
.pw-foot .pay img,.pw-foot .trust img{max-height: 1.375rem; width: auto; min-width: 0; object-fit: contain;}
.pw-foot .soc{display: flex; flex-wrap: wrap; row-gap: var(--t-sp6); column-gap: var(--t-sp6); margin-block-start: var(--t-sp10);}
.pw-foot .lic,.pw-foot .rg{font-size: var(--t-fs4); color: var(--mute); margin-block-start: var(--t-sp10); margin-inline-end: 0; margin-block-end: 0; margin-inline-start: 0;}
.pw-foot .cr{
  max-width: var(--mx);
  margin-block-start: var(--t-sp15);
  margin-inline-end: auto;
  margin-block-end: 0;
  margin-inline-start: auto;
  padding-block-start: var(--t-sp12);
  padding-inline-end: var(--t-sp14);
  padding-block-end: 0;
  padding-inline-start: var(--t-sp14);
  border-block-start-width: 0.0625rem;
  border-block-start-style: solid;
  border-block-start-color: var(--line);
  font-size: var(--t-fs4);
  color: var(--mute);
}
.coin{
  display: inline-flex;
  align-items: center;
  row-gap: var(--t-sp4);
  column-gap: var(--t-sp4);
  font-size: var(--t-fs6);
  color: var(--acc);
  min-height: 2.75rem;
}

/* bottom bar + sticky CTA */
.pw-bar{
  position: fixed;
  inset-block-start: auto;
  inset-inline-end: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 40;
  background: var(--mar);
  border-block-start-width: 0.0625rem;
  border-block-start-style: solid;
  border-block-start-color: var(--line);
  display: flex;
  padding-block-end: env(safe-area-inset-bottom);
}
.pw-bar a{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--t-sp2);
  column-gap: var(--t-sp2);
  padding-block: var(--t-sp6);
  padding-inline: 0.25rem;
  font-size: var(--t-fs1);
  color: var(--mute);
  min-height: 3.375rem;
  justify-content: center;
  text-align: center;
}
.pw-bar .i{font-style: normal; font-size: var(--t-fs10); color: var(--acc);}
@media(min-width:1000px){.pw-bar{display: none;}.pw-foot{padding-block-end: var(--t-sp20);}}
.pw-scta{position: fixed; inset-block-start: auto; inset-inline-end: 0.875rem; inset-block-end: 4rem; inset-inline-start: auto; z-index: 41;}
@media(min-width:1000px){.pw-scta{inset-block-start: auto; inset-inline-end: 1.25rem; inset-block-end: 1.25rem; inset-inline-start: auto;}}

/* ---------------------------------------------------------------- entry modal */
.pw-pop{
  position: fixed;
  inset-block: 0;
  inset-inline: 0;
  z-index: 60;
  background: rgba(3,10,22,.84);
  display: none;
  align-items: center;
  justify-content: center;
  padding-block: var(--t-sp14);
  padding-inline: var(--t-sp14);
}
.pw-pop.on{display: flex;}
.pw-pop .bx{
  position: relative;
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--acc);
  border-radius: 0.875rem;
  max-width: 23.75rem;
  width: 100%;
  max-height: 92vh;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}
.pw-pop .x{
  position: absolute;
  inset-block-start: 0.625rem;
  inset-inline-end: 0.625rem;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  background: var(--mar2);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  color: var(--text);
  z-index: 2;
  cursor: pointer;
  font-size: var(--t-fs9);
  line-height: 1;
}
.pw-pop .hd{padding-block-start: 1.0625rem; padding-inline-end: var(--t-sp15); padding-block-end: 0; padding-inline-start: var(--t-sp15);}
.pw-pop .panes{overflow-y: auto;}
.pw-pop .pane{padding-block: var(--t-sp15); padding-inline: var(--t-sp15);}
.pw-pop .eb{
  display: inline-block;
  font-size: var(--t-fs1);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  margin-block-end: var(--t-sp4);
}
.pw-pop .big{
  display: block;
  font-size: 1.6875rem;
  color: var(--gold);
  font-weight: 800;
  margin-block-end: var(--t-sp5);
  font-variant-numeric: tabular-nums;
}
.pw-pop p{font-size: var(--t-fs8); color: var(--mute); margin-block-end: var(--t-sp13);}
.pw-pop .pg{
  display: flex;
  align-items: center;
  row-gap: var(--t-sp6);
  column-gap: var(--t-sp6);
  padding-block: var(--t-sp10);
  padding-inline: var(--t-sp14);
  border-block-start-width: 0.0625rem;
  border-block-start-style: solid;
  border-block-start-color: var(--line);
  background: var(--mar2);
}
.pw-pop .pv,.pw-pop .nx{
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 0.4375rem;
  background: var(--mar);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  color: var(--text);
  cursor: pointer;
  font-size: var(--t-fs9);
}
.pw-pop .ct{font-size: var(--t-fs4); color: var(--mute); margin-inline-start: auto; font-variant-numeric: tabular-nums;}
.pw-pop .dots{display: flex; row-gap: var(--t-sp3); column-gap: var(--t-sp3);}
.pw-pop .dot{
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 50%;
  background: var(--line);
  border-width: 0;
  border-style: none;
  border-color: currentcolor;
  padding-block: 0;
  padding-inline: 0;
  cursor: pointer;
}
.pw-pop .dot.on{background: var(--acc);}

/* ---------------------------------------------------------------- phones */
@media(max-width:999px){
  .pw-burger{display: flex;}
  .pw-menu{overflow-x: auto; scrollbar-width: none; justify-content: flex-start;}
  .pw-menu::-webkit-scrollbar{display: none;}
  .pw-menu .pan{display: none !important;}
  .pw-acct{
    order: 3;
    width: 100%;
    margin-inline-start: 0;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: var(--t-sp6);
    min-width: 0;
  }
  .pw-acct .pw-btn{flex: 1 1 auto; max-width: 11.875rem; min-width: 0;}
  .pw-lang{min-width: 0; flex-wrap: wrap;}
  .pw-hero{min-height: 23.75rem;}
}
@media(max-width:400px){
  .pw-acct{justify-content: flex-start; row-gap: var(--t-sp6); column-gap: var(--t-sp6);}
  .pw-lang{flex: 1 1 100%; order: -1;}
  .pw-acct .pw-btn{flex: 1 1 calc(50% - 0.25rem); max-width: none;}
  .pw-lang a{padding-block: var(--t-sp4); padding-inline: var(--t-sp7); font-size: var(--t-fs2);}
  .pw-feat li{flex: 1 1 100%;}
}

/* --- 44px touch targets on a phone -----------------------------------------------------------
   The language chips and the room links render around 20 to 30px tall, which the mobile audit
   flags on every site in this network. Raise the hit area, not the type size: the design is
   unchanged and only the area a thumb can land on moves. Phone widths only, because on a desktop
   a 44px row just stretches the chrome. */
@media (max-width: 760px) {
  .pw-lang a {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    min-width: 2.75rem;
    justify-content: center;
  }

  .pw-menu .it > a {min-height: 2.75rem; display: flex; align-items: center;}

  .pw-foot .cols div a, .pw-foot li a {display: flex; align-items: center; min-height: 2.75rem;}

  .pw-foot .soc a {width: 2.75rem; height: 2.75rem;}
}