/* euwinasia.com - the EUWIN casino floor. Hand-written, never regenerated by the build.
   Palette: deep navy and teal ground, champagne gold for money and the wordmark, and a warmer
   amber kept for the action so a CTA reads louder than the gold around it without leaving the
   same colour wheel. Layout is a three-rail grid with the category bar opening the centre.

   How this sheet is written:
     - 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 {
  --bg: #04161f;
  --floor: #06202e;
  --panel: #082a3a;
  --panel2: #0b3549;
  --line: #123245;
  --line2: #1b485f;
  --ink: #e9f2f6;
  --mute: #8fa8b6;
  --dim: #6d8795;
  --acc: #ffb020;
  --acc2: #ffc54d;
  --accdim: #b97505;
  --gold: #f2d571;
  --gold2: #c99e42;
  --red: #e2484a;
  --cta: #ffb020;
  --rad: 10px;
  --rail: 300px;
  --bar: 62px;
  --wrap: 1480px;

  /* named values used more than once */
  --t-sp1: 1px;
  --t-sp2: 2px;
  --t-sp3: 3px;
  --t-sp4: 4px;
  --t-sp5: 5px;
  --t-sp6: 6px;
  --t-sp7: 7px;
  --t-sp8: 8px;
  --t-sp9: 9px;
  --t-sp10: 10px;
  --t-sp11: 11px;
  --t-sp12: 12px;
  --t-sp13: 13px;
  --t-sp14: 14px;
  --t-sp15: 15px;
  --t-sp16: 16px;
  --t-sp17: 18px;
  --t-sp18: 20px;
  --t-sp19: 22px;
  --t-sp20: 26px;
  --t-fs1: 9.5px;
  --t-fs2: 10px;
  --t-fs3: 10.5px;
  --t-fs4: 11px;
  --t-fs5: 11.5px;
  --t-fs6: 12px;
  --t-fs7: 12.5px;
  --t-fs8: 13px;
  --t-fs9: 13.5px;
  --t-fs10: 14px;
  --t-fs11: 15px;
  --t-fs12: 16px;
  --t-fs13: 17px;
  --t-fs14: 18px;
  --t-fs15: 19px;
  --t-fs16: 20px;
  --t-fs17: 24px;
  --t-fs18: 30px;
}
*{box-sizing: border-box; margin-block: 0; margin-inline: 0; padding-block: 0; padding-inline: 0;}
html{overflow-x: clip; scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}
body{
  background: var(--bg);
  color: var(--ink);
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-stretch: normal;
  font-size: var(--t-fs11);
  line-height: 1.65;
  font-family: "Inter","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  padding-block-end: calc(var(--bar) + 0.625rem);
}
a{color: inherit; text-decoration: none;}
img{display: block; max-width: 100%; height: auto; min-width: 0;}
h1,h2,h3,h4{font-weight: 700; line-height: 1.25; letter-spacing: -.01em;}
table{border-collapse: collapse; width: 100%;}

/* ---------------------------------------------------------------- buttons */
.ew-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  row-gap: var(--t-sp7);
  column-gap: var(--t-sp7);
  min-height: 2.625rem;
  padding-block: 0;
  padding-inline: var(--t-sp17);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line2);
  border-radius: var(--rad);
  font-weight: 700;
  font-size: var(--t-fs9);
  letter-spacing: .04em;
  text-transform: uppercase;
  background: var(--panel2);
  color: var(--ink);
  cursor: pointer;
  transition: border-color .16s,box-shadow .16s,background .16s;
}
.ew-btn:hover{border-color: var(--acc); box-shadow: 0 0 0 0.0625rem rgba(255,176,32,.22);}
.ew-btn.p{background: linear-gradient(180deg,var(--gold) 0%,var(--gold2) 100%); color: #1d1403; border-color: var(--gold2);}
.ew-btn.g{background: linear-gradient(180deg,var(--acc) 0%,var(--accdim) 140%); color: #1b1203; border-color: #d08f12;}
.ew-btn.o{background: transparent; color: var(--ink);}
.ew-btn.lg{min-height: 3.125rem; font-size: var(--t-fs11); padding-block: 0; padding-inline: var(--t-sp20);}
.ew-btn.w{width: 100%;}
.ew-pill{
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  padding-block: 0;
  padding-inline: var(--t-sp16);
  border-radius: 62.4375rem;
  background: var(--acc);
  color: #1b1203;
  font-weight: 800;
  font-size: var(--t-fs7);
  letter-spacing: .05em;
  text-transform: uppercase;
}

/* ---------------------------------------------------------------- header */
.ew-head{position: sticky; inset-block-start: 0; z-index: 40; background: rgba(4,22,31,.96); border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: var(--line); backdrop-filter: blur(0.5rem);}
.ew-head .row{max-width: var(--wrap); margin-block: 0; margin-inline: auto; display: flex; align-items: center; row-gap: var(--t-sp14); column-gap: var(--t-sp14); padding-block: var(--t-sp10); padding-inline: var(--t-sp16);}
.ew-burger{
  width: 2.75rem;
  height: 2.75rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--acc);
  border-radius: 62.4375rem;
  background: transparent;
  color: var(--acc);
  font-size: var(--t-fs13);
  line-height: 1;
  cursor: pointer;
  flex: 0 0 auto;
}
.ew-logo{display: flex; align-items: center; row-gap: var(--t-sp10); column-gap: var(--t-sp10); margin-inline-end: auto; min-width: 0;}
.ew-logo svg{width: 2.125rem; height: 2.125rem; flex: 0 0 auto;}
.ew-logo .wm{display: flex; flex-direction: column; line-height: 1; min-width: 0;}
.ew-logo .wm b{font-size: var(--t-fs17); letter-spacing: .02em; color: var(--gold); white-space: nowrap;}
.ew-logo .wm small{font-size: var(--t-fs1); letter-spacing: .22em; color: var(--acc); text-transform: uppercase; white-space: nowrap;}
.ew-tools{display: flex; align-items: center; row-gap: var(--t-sp10); column-gap: var(--t-sp10); flex: 0 0 auto;}
.ew-lang{display: flex; border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: var(--rad); overflow-x: hidden; overflow-y: hidden;}
.ew-lang a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding-block: 0;
  padding-inline: var(--t-sp11);
  font-size: var(--t-fs6);
  font-weight: 700;
  color: var(--mute);
}
.ew-lang a.on{background: var(--acc); color: #1b1203;}
.ew-tick{border-block-start-width: 0.0625rem; border-block-start-style: solid; border-block-start-color: var(--line); overflow-x: hidden; overflow-y: hidden; background: #051b26;}
.ew-tick span{
  display: inline-block;
  white-space: nowrap;
  padding-block: var(--t-sp7);
  padding-inline: 0;
  font-size: var(--t-fs7);
  color: var(--acc2);
  animation: m9-run 46s linear infinite;
}
@keyframes ew-run{from{transform: translateX(100%);}to{transform: translateX(-100%);}}
.ew-drawer{display: none; border-block-start-width: 0.0625rem; border-block-start-style: solid; border-block-start-color: var(--line); background: var(--panel); padding-block-start: var(--t-sp8); padding-inline-end: var(--t-sp16); padding-block-end: var(--t-sp12); padding-inline-start: var(--t-sp16);}
.ew-open .ew-drawer{display: flex; flex-wrap: wrap; row-gap: var(--t-sp8); column-gap: var(--t-sp8);}
.ew-drawer a{padding-block: var(--t-sp8); padding-inline: var(--t-sp14); border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: 62.4375rem; font-size: var(--t-fs8); font-weight: 600;}

/* ---------------------------------------------------------------- floor grid */
.ew-grid{
  max-width: var(--wrap);
  margin-block: 0;
  margin-inline: auto;
  padding-block-start: var(--t-sp14);
  padding-inline-end: var(--t-sp16);
  padding-block-end: 1.875rem;
  padding-inline-start: var(--t-sp16);
  display: grid;
  grid-template-columns: var(--rail) minmax(0,1fr) var(--rail);
  row-gap: var(--t-sp14);
  column-gap: var(--t-sp14);
  align-items: start;
}
.ew-col{display: flex; flex-direction: column; row-gap: var(--t-sp14); column-gap: var(--t-sp14); min-width: 0;}
.ew-card{background: var(--panel); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--rad); padding-block: var(--t-sp12); padding-inline: var(--t-sp12);}
.ew-card .h{display: flex; align-items: baseline; justify-content: space-between; row-gap: var(--t-sp8); column-gap: var(--t-sp8); margin-block-end: var(--t-sp10);}
.ew-card .h b{font-size: var(--t-fs9); letter-spacing: .03em; text-transform: uppercase;}
.ew-card .h span{font-size: var(--t-fs5); color: var(--dim);}

/* promo banner */
.ew-promo{position: relative; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--rad); overflow-x: hidden; overflow-y: hidden;}
.ew-promo img{width: 100%; aspect-ratio: 4/3; object-fit: cover;}
.ew-promo .ov{position: absolute; inset-block-start: auto; inset-inline-end: 0; inset-block-end: 0; inset-inline-start: 0; padding-block: var(--t-sp12); padding-inline: var(--t-sp12); background: linear-gradient(180deg,rgba(4,22,31,0),rgba(4,22,31,.93) 55%);}
.ew-promo .kick{display: inline-block; font-size: var(--t-fs3); letter-spacing: .2em; color: var(--acc); text-transform: uppercase;}
.ew-promo strong{display: block; font-size: var(--t-fs12); line-height: 1.25; margin-block-start: var(--t-sp4); margin-inline-end: 0; margin-block-end: var(--t-sp2); margin-inline-start: 0; color: var(--gold);}
.ew-promo em{display: block; font-style: normal; font-size: var(--t-fs6); color: var(--mute); margin-block-end: var(--t-sp9);}
.ew-promo .ew-pill{min-height: 2rem; font-size: var(--t-fs5);}

.ew-minilogos{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: var(--t-sp6); column-gap: var(--t-sp6);}
.ew-minilogos span{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 2.125rem;
  padding-block: var(--t-sp5);
  padding-inline: var(--t-sp5);
  background: var(--panel2);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: 0.4375rem;
}
.ew-minilogos img{max-height: 1.1875rem; width: auto; min-width: 0; flex: 0 1 auto; opacity: .9;}
.ew-minilogos span.dark img{filter: brightness(0) invert(1); opacity: .8;}

/* paired live boards */
.ew-txn table{font-size: var(--t-fs5);}
.ew-txn td{padding-block: var(--t-sp5); padding-inline: var(--t-sp6); border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: var(--line); color: var(--mute); white-space: nowrap;}
.ew-txn td.a{font-weight: 700; text-align: right;}
.ew-txn td.p{color: var(--dim); text-align: right; font-size: var(--t-fs3);}
.ew-txn.dep td.a{color: var(--gold);}
.ew-txn.wd td.a{color: var(--red);}
.ew-txn .live{display: inline-flex; align-items: center; row-gap: var(--t-sp5); column-gap: var(--t-sp5); font-size: var(--t-fs3); letter-spacing: .14em; color: var(--acc);}
.ew-txn .live::before{content: ""; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--acc); animation: m9-pulse 1.6s ease-in-out infinite;}
@keyframes ew-pulse{50%{opacity: .25;}}

/* referral */
.ew-ref img{width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 0.4375rem;}
.ew-ref .pct{display: flex; align-items: baseline; row-gap: var(--t-sp8); column-gap: var(--t-sp8); margin-block: var(--t-sp10); margin-inline: 0;}
.ew-ref .pct b{font-size: 1.625rem; color: var(--gold); line-height: 1;}
.ew-ref .pct span{font-size: var(--t-fs5); color: var(--mute);}
.ew-ref .btns{display: grid; grid-template-columns: 1fr 1fr; row-gap: var(--t-sp7); column-gap: var(--t-sp7);}
.ew-ref .btns .ew-btn{min-height: 2.25rem; padding-block: 0; padding-inline: var(--t-sp8); font-size: var(--t-fs5);}

.ew-strip{
  display: flex;
  flex-direction: column;
  row-gap: var(--t-sp2);
  column-gap: var(--t-sp2);
  padding-block: var(--t-sp11);
  padding-inline: var(--t-sp13);
  background: var(--panel);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-inline-start-width: 0.1875rem;
  border-inline-start-style: solid;
  border-inline-start-color: var(--acc);
  border-radius: var(--rad);
}
.ew-strip b{font-size: var(--t-fs9);}
.ew-strip small{font-size: var(--t-fs5); color: var(--mute);}
.ew-strip.app{border-inline-start-color: var(--gold);}

/* ---------------------------------------------------------------- category rail */
.ew-cats{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  row-gap: var(--t-sp6);
  column-gap: var(--t-sp6);
  padding-block: var(--t-sp12);
  padding-inline: var(--t-sp10);
  background: var(--panel);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--rad);
}
.ew-cats a{display: flex; flex-direction: column; align-items: center; row-gap: var(--t-sp7); column-gap: var(--t-sp7); padding-block: var(--t-sp6); padding-inline: var(--t-sp2); font-size: var(--t-fs4); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mute);}
.ew-cats a:hover{color: var(--acc);}
.ew-cats .i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.875rem;
  height: 2.875rem;
  font-size: 1.3125rem;
  background: var(--panel2);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line2);
  border-radius: 0.875rem;
}
.ew-cats a:hover .i{border-color: var(--acc); box-shadow: 0 0 0 0.1875rem rgba(255,176,32,.12);}

/* section heads */
.ew-sh{display: flex; align-items: center; justify-content: space-between; row-gap: var(--t-sp10); column-gap: var(--t-sp10); margin-block-start: var(--t-sp19); margin-inline-end: 0; margin-block-end: var(--t-sp11); margin-inline-start: 0;}
.ew-sh h2{display: flex; align-items: center; row-gap: var(--t-sp9); column-gap: var(--t-sp9); font-size: var(--t-fs12); letter-spacing: .05em; text-transform: uppercase;}
.ew-sh h2::before{content: ""; width: 0.1875rem; height: 1.0625rem; background: var(--acc); border-radius: 0.125rem;}
.ew-sh a{font-size: var(--t-fs6); color: var(--acc); font-weight: 600;}
.ew-sh .dot{display: inline-flex; align-items: center; row-gap: var(--t-sp6); column-gap: var(--t-sp6); font-size: var(--t-fs5); color: var(--acc);}

/* jackpot */
.ew-jp{text-align: center; padding-block: var(--t-sp18); padding-inline: var(--t-sp12); background: radial-gradient(120% 140% at 50% 0%,#0d3a4e 0%,var(--panel) 62%); border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: var(--rad);}
.ew-jp .k{font-size: var(--t-fs3); letter-spacing: .24em; color: var(--acc); text-transform: uppercase;}
.ew-jp b{display: block; font-size: 2.5rem; line-height: 1.1; color: var(--gold); margin-block-start: var(--t-sp6); margin-inline-end: 0; margin-block-end: var(--t-sp3); margin-inline-start: 0; font-variant-numeric: tabular-nums;}
.ew-jp b i{font-style: normal; font-size: var(--t-fs16); color: var(--mute); margin-inline-end: var(--t-sp6);}
.ew-jp .s{font-size: var(--t-fs5); color: var(--mute);}

/* product tiles */
.ew-tiles{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: var(--t-sp11); column-gap: var(--t-sp11);}
.ew-tile{position: relative; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--rad); overflow-x: hidden; overflow-y: hidden; background: var(--panel);}
.ew-tile img{width: 100%; aspect-ratio: 4/3; object-fit: cover;}
.ew-tile .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(4,22,31,0),rgba(4,22,31,.94) 58%);}
.ew-tile .cap b{display: block; font-size: var(--t-fs10);}
.ew-tile .cap small{display: block; font-size: var(--t-fs4); color: var(--mute); line-height: 1.4;}
.ew-tile:hover{border-color: var(--acc);}

/* game grid */
.ew-games{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; row-gap: var(--t-sp10); column-gap: var(--t-sp10);}
.ew-games.pg{grid-template-columns: 1fr 1fr 1fr 1fr 1fr; margin-block: var(--t-sp17); margin-inline: 0;}
.ew-game{position: relative; display: block; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: 0.5625rem; overflow-x: hidden; overflow-y: hidden; background: var(--panel);}
.ew-game img{width: 100%; aspect-ratio: 1/1; object-fit: cover;}
.ew-game .m{padding-block: var(--t-sp7); padding-inline: var(--t-sp8);}
.ew-game .m b{display: block; font-size: var(--t-fs6); white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis;}
.ew-game .m small{display: block; font-size: var(--t-fs3); color: var(--dim);}
.ew-game .m small i{font-style: normal; color: var(--acc);}
.ew-game:hover{border-color: var(--acc);}
.ew-tag{position: absolute; inset-block-start: 0.375rem; inset-inline-start: 0.375rem; padding-block: var(--t-sp2); padding-inline: var(--t-sp7); border-radius: 0.3125rem; background: var(--acc); color: #1b1203; font-size: var(--t-fs1); font-weight: 800; letter-spacing: .08em;}

/* live rail */
.ew-live .rail{display: grid; grid-template-columns: 1fr 1fr; row-gap: var(--t-sp9); column-gap: var(--t-sp9);}
.ew-live .it{position: relative; display: block; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: 0.5625rem; overflow-x: hidden; overflow-y: hidden; background: var(--panel);}
.ew-live .im{position: relative;}
.ew-live .im img{width: 100%; aspect-ratio: 4/3; object-fit: cover;}
.ew-live .pl{position: absolute; inset-block: 0; inset-inline: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .18s; background: rgba(4,22,31,.5);}
.ew-live .pl::after{content: ""; width: 0; height: 0; border-inline-start-width: 0.9375rem; border-inline-start-style: solid; border-inline-start-color: var(--acc); border-block-start-width: 0.625rem; border-block-start-style: solid; border-block-start-color: transparent; border-block-end-width: 0.625rem; border-block-end-style: solid; border-block-end-color: transparent;}
.ew-live .it:hover .pl,.ew-live .it:focus-visible .pl{opacity: 1;}
.ew-live .nm{display: flex; align-items: center; row-gap: var(--t-sp6); column-gap: var(--t-sp6); padding-block-start: var(--t-sp7); padding-inline-end: var(--t-sp8); padding-block-end: 0; padding-inline-start: var(--t-sp8); font-size: var(--t-fs6);}
.ew-live .nm em{font-style: normal; font-size: 0.5625rem; padding-block: var(--t-sp1); padding-inline: var(--t-sp5); border-radius: 0.25rem; letter-spacing: .07em;}
.ew-live .nm em.hot{background: var(--red); color: #fff;}
.ew-live .nm em.new{background: var(--acc); color: #1b1203;}
.ew-live small{display: block; padding-block-start: 0; padding-inline-end: var(--t-sp8); padding-block-end: var(--t-sp8); padding-inline-start: var(--t-sp8); font-size: var(--t-fs3); color: var(--dim);}

/* mini shelf */
.ew-mini p{font-size: var(--t-fs7); color: var(--mute); margin-block-end: var(--t-sp10);}
.ew-mini .rail{display: grid; grid-template-columns: 1fr 1fr; row-gap: var(--t-sp9); column-gap: var(--t-sp9); margin-block-end: var(--t-sp10);}
.ew-mini .mg{display: block; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: 0.5625rem; overflow-x: hidden; overflow-y: hidden; background: var(--panel);}
.ew-mini .mg img{width: 100%; aspect-ratio: 1/1; object-fit: cover;}
.ew-mini .mg em{display: block; padding-block-start: var(--t-sp6); padding-inline-end: var(--t-sp8); padding-block-end: 0; padding-inline-start: var(--t-sp8); font-style: normal; font-size: var(--t-fs6); font-weight: 600;}
.ew-mini .mg small{display: block; padding-block-start: 0; padding-inline-end: var(--t-sp8); padding-block-end: var(--t-sp7); padding-inline-start: var(--t-sp8); font-size: var(--t-fs3); color: var(--dim);}

/* testimonials */
.ew-testi .grid{display: grid; grid-template-columns: 1fr 1fr; row-gap: var(--t-sp11); column-gap: var(--t-sp11);}
.ew-testi .bx{display: grid; grid-template-columns: 2.375rem 1fr; grid-template-areas: "av cap" "st st" "q q"; row-gap: var(--t-sp4); column-gap: var(--t-sp10); padding-block: var(--t-sp13); padding-inline: var(--t-sp13); background: var(--panel); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--rad);}
.ew-testi .av{grid-area: av; display: flex; align-items: center; justify-content: center; width: 2.375rem; height: 2.375rem; border-radius: 50%; background: var(--panel2); border-width: 0.0625rem; border-style: solid; border-color: var(--line2); font-size: var(--t-fs15);}
.ew-testi figcaption{grid-area: cap; display: flex; flex-direction: column; justify-content: center;}
.ew-testi figcaption b{font-size: var(--t-fs9);}
.ew-testi figcaption small{font-size: var(--t-fs4); color: var(--dim);}
.ew-testi .st{grid-area: st; color: var(--gold); font-size: var(--t-fs6); letter-spacing: .1em;}
.ew-testi blockquote{grid-area: q; font-size: var(--t-fs7); color: var(--mute); line-height: 1.6;}

/* matches */
.ew-matches{display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: var(--t-sp10); column-gap: var(--t-sp10);}
.ew-match{padding-block: var(--t-sp11); padding-inline: var(--t-sp11); background: var(--panel); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--rad);}
.ew-match .lg{display: flex; align-items: center; justify-content: space-between; row-gap: var(--t-sp8); column-gap: var(--t-sp8); margin-block-end: var(--t-sp9); font-size: var(--t-fs4); color: var(--dim);}
.ew-match .lg em{font-style: normal; font-size: var(--t-fs2); letter-spacing: .08em; color: var(--mute);}
.ew-match .lg em.on{color: var(--acc);}
.ew-match .tm{display: flex; align-items: center; justify-content: space-between; row-gap: var(--t-sp8); column-gap: var(--t-sp8); margin-block-start: var(--t-sp6);}
.ew-match .tm b{font-size: var(--t-fs7); font-weight: 600; min-width: 0; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ew-match .odd{flex: 0 0 auto; min-width: 3.5rem; text-align: center; padding-block: var(--t-sp6); padding-inline: var(--t-sp9); border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: 0.4375rem; font-size: var(--t-fs7); font-weight: 700; color: var(--gold);}
.ew-match .odd:hover{border-color: var(--acc); color: var(--acc);}

/* provider wall - the EUWIN signature */
.ew-provs{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; row-gap: var(--t-sp9); column-gap: var(--t-sp9);}
.ew-prov{display: flex; flex-direction: column; align-items: center; row-gap: var(--t-sp7); column-gap: var(--t-sp7); padding-block: var(--t-sp12); padding-inline: var(--t-sp7); background: radial-gradient(90% 90% at 50% 10%,#0a3044 0%,var(--panel) 70%); border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: var(--rad); min-width: 0;}
.ew-prov:hover{border-color: var(--acc); box-shadow: 0 0 0 0.125rem rgba(255,176,32,.14);}
.ew-prov .lg{display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; height: 2.125rem;}
.ew-prov .lg img{max-height: 1.75rem; width: auto; min-width: 0; flex: 0 1 auto; opacity: .95;}
.ew-prov .lg.dark img{filter: brightness(0) invert(1); opacity: .85;}
.ew-prov .lg.t{font-size: var(--t-fs6); font-weight: 700; color: var(--gold); text-align: center;}
.ew-prov span{font-size: var(--t-fs3); color: var(--mute); text-align: center; line-height: 1.3;}

/* cert chips */
.ew-row{display: flex; flex-wrap: wrap; row-gap: var(--t-sp9); column-gap: var(--t-sp9);}
.ew-chip{display: flex; align-items: center; justify-content: center; min-width: 0; height: 2.5rem; padding-block: var(--t-sp7); padding-inline: var(--t-sp13); background: var(--panel); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: 0.5rem;}
.ew-chip img{max-height: 1.5rem; width: auto; min-width: 0; flex: 0 1 auto; opacity: .85;}

/* tables */
.ew-tw{overflow-x: auto; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--rad);}
.ew-tbl{font-size: var(--t-fs8); min-width: 26.25rem;}
.ew-tbl th{padding-block: var(--t-sp10); padding-inline: var(--t-sp12); text-align: left; background: var(--panel2); color: var(--acc); font-size: var(--t-fs4); letter-spacing: .09em; text-transform: uppercase; border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: var(--line2);}
.ew-tbl td{padding-block: var(--t-sp10); padding-inline: var(--t-sp12); border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: var(--line); color: var(--mute);}
.ew-tbl tbody tr:nth-child(2n){background: rgba(255,255,255,.015);}

/* wallet + right rail */
.ew-wallet .bal{display: flex; align-items: baseline; justify-content: space-between; row-gap: var(--t-sp9); column-gap: var(--t-sp9); padding-block-end: var(--t-sp9); border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: var(--line);}
.ew-wallet .bal .k{font-size: var(--t-fs5); color: var(--mute);}
.ew-wallet .bal .v{font-size: 1.5625rem; font-weight: 800; color: var(--acc); font-variant-numeric: tabular-nums;}
.ew-wallet .meta{display: flex; flex-direction: column; row-gap: var(--t-sp3); column-gap: var(--t-sp3); padding-block: var(--t-sp9); padding-inline: 0; font-size: var(--t-fs5); color: var(--mute);}
.ew-wallet .meta b{color: var(--ink);}
.ew-wallet .two{display: grid; grid-template-columns: 1fr 1fr; row-gap: var(--t-sp7); column-gap: var(--t-sp7); margin-block-end: var(--t-sp7);}
.ew-wallet .stack{display: flex; flex-direction: column; row-gap: var(--t-sp6); column-gap: var(--t-sp6);}
.ew-wallet .stack .ew-btn{min-height: 2.25rem; font-size: var(--t-fs5); justify-content: flex-start;}

.ew-check .days{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; row-gap: var(--t-sp4); column-gap: var(--t-sp4); margin-block-end: var(--t-sp10);}
.ew-check .days span{display: flex; flex-direction: column; align-items: center; row-gap: var(--t-sp2); column-gap: var(--t-sp2); padding-block: var(--t-sp7); padding-inline: var(--t-sp1); background: var(--panel2); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: 0.4375rem;}
.ew-check .days span.on{border-color: var(--acc); background: #09293a;}
.ew-check .days span.on i,.ew-check .days span.on b{color: var(--acc);}
.ew-check .days i{font-style: normal; font-size: 0.53125rem; color: var(--dim); letter-spacing: .03em;}
.ew-check .days b{font-size: var(--t-fs3); color: var(--gold);}

.ew-tips{position: relative; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--rad); overflow-x: hidden; overflow-y: hidden;}
.ew-tips img{width: 100%; aspect-ratio: 16/9; object-fit: cover;}
.ew-tips .ov{position: absolute; inset-block-start: auto; inset-inline-end: 0; inset-block-end: 0; inset-inline-start: 0; display: flex; align-items: center; justify-content: space-between; row-gap: var(--t-sp9); column-gap: var(--t-sp9); padding-block: var(--t-sp10); padding-inline: var(--t-sp10); background: linear-gradient(180deg,rgba(4,22,31,0),rgba(4,22,31,.93) 55%);}
.ew-tips .ov b{font-size: var(--t-fs7); min-width: 0;}

.ew-wheel .wh{position: relative; width: 9.25rem; height: 9.25rem; margin-block-start: 0; margin-inline-end: auto; margin-block-end: var(--t-sp11); margin-inline-start: auto; border-radius: 50%; border-width: 0.1875rem; border-style: solid; border-color: var(--gold2); overflow-x: hidden; overflow-y: hidden;}
.ew-wheel .wh ul{list-style-type: none; list-style-position: outside; list-style-image: none; position: absolute; inset-block: 0; inset-inline: 0;}
.ew-wheel .wh li{position: absolute; inset-block: 0; inset-inline: 0; display: flex; align-items: flex-start; justify-content: center; padding-block-start: var(--t-sp9); font-size: var(--t-fs2); font-weight: 700; color: #1b1203; clip-path: polygon(50% 50%,35.4% 0,64.6% 0);}
.ew-wheel .wh li:nth-child(1){background: var(--acc); transform: rotate(0deg);}
.ew-wheel .wh li:nth-child(2){background: var(--gold); transform: rotate(45deg);}
.ew-wheel .wh li:nth-child(3){background: var(--acc2); transform: rotate(90deg);}
.ew-wheel .wh li:nth-child(4){background: var(--gold2); transform: rotate(135deg);}
.ew-wheel .wh li:nth-child(5){background: var(--acc); transform: rotate(180deg);}
.ew-wheel .wh li:nth-child(6){background: var(--gold); transform: rotate(225deg);}
.ew-wheel .wh li:nth-child(7){background: var(--acc2); transform: rotate(270deg);}
.ew-wheel .wh li:nth-child(8){background: var(--gold2); transform: rotate(315deg);}
.ew-wheel .pin{position: absolute; inset-block-start: -0.1875rem; inset-inline-start: 50%; transform: translateX(-50%); width: 0; height: 0; border-inline-start-width: 0.5rem; border-inline-start-style: solid; border-inline-start-color: transparent; border-inline-end-width: 0.5rem; border-inline-end-style: solid; border-inline-end-color: transparent; border-block-start-width: 0.9375rem; border-block-start-style: solid; border-block-start-color: var(--ink); z-index: 2;}
.ew-wheel>.ew-btn{margin-block-end: var(--t-sp7);}
.ew-wheel small{display: block; font-size: var(--t-fs3); color: var(--dim); text-align: center;}

.ew-floor dl{display: flex; flex-direction: column;}
.ew-floor dl>div{display: flex; align-items: baseline; justify-content: space-between; row-gap: var(--t-sp9); column-gap: var(--t-sp9); padding-block: var(--t-sp7); padding-inline: 0; border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: var(--line);}
.ew-floor dl>div:last-child{border-block-end-width: 0; border-block-end-style: none; border-block-end-color: currentcolor;}
.ew-floor dt{font-size: var(--t-fs5); color: var(--mute); min-width: 0;}
.ew-floor dd{font-size: var(--t-fs8); font-weight: 700; color: var(--gold); flex: 0 0 auto;}
.ew-perks ul{list-style-type: none; list-style-position: outside; list-style-image: none; display: flex; flex-direction: column; row-gap: var(--t-sp7); column-gap: var(--t-sp7); margin-block-end: var(--t-sp11);}
.ew-perks li{position: relative; padding-inline-start: var(--t-sp16); font-size: var(--t-fs6); color: var(--mute); line-height: 1.5;}
.ew-perks li::before{content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.4375rem; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--acc);}

/* ---------------------------------------------------------------- content pages */
.ew-content{max-width: 53.75rem; margin-block: 0; margin-inline: auto; padding-block-start: var(--t-sp19); padding-inline-end: var(--t-sp16); padding-block-end: 2.125rem; padding-inline-start: var(--t-sp16);}
.ew-content h1{font-size: var(--t-fs18); margin-block-start: var(--t-sp12); margin-inline-end: 0; margin-block-end: var(--t-sp10); margin-inline-start: 0;}
.ew-content h2{font-size: var(--t-fs16); margin-block-start: var(--t-sp20); margin-inline-end: 0; margin-block-end: var(--t-sp9); margin-inline-start: 0; color: var(--gold);}
.ew-content p{margin-block-start: 0; margin-inline-end: 0; margin-block-end: var(--t-sp13); margin-inline-start: 0; color: #cfe0e8;}
.ew-content .lead{font-size: 1.03125rem; color: var(--ink);}
.ew-content a{color: var(--acc); border-block-end-width: 0.0625rem; border-block-end-style: solid; border-block-end-color: rgba(255,176,32,.3);}
.ew-content ul{margin-block-start: 0; margin-inline-end: 0; margin-block-end: var(--t-sp13); margin-inline-start: var(--t-sp17); color: #cfe0e8;}
.ew-content li{margin-block-end: var(--t-sp6);}

.ew-ph{position: relative; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--rad); overflow-x: hidden; overflow-y: hidden; margin-block-end: var(--t-sp6);}
.ew-ph img{width: 100%; aspect-ratio: 16/9; object-fit: cover;}
/* In flow, above the H1. It was absolutely positioned at the top-left of .ew-ph, which in
   this stacked layout is the H1 rather than the picture, so the pill sat on the first two
   words of every inner page's headline. */
.ew-ph .eb{display: inline-block; margin-block-start: var(--t-sp14); margin-inline-end: var(--t-sp14); margin-block-end: var(--t-sp8); margin-inline-start: var(--t-sp14); padding-block: var(--t-sp4); padding-inline: var(--t-sp11); border-radius: 62.4375rem; background: rgba(4,22,31,.82); border-width: 0.0625rem; border-style: solid; border-color: var(--acc); font-size: var(--t-fs3); letter-spacing: .16em; color: var(--acc); text-transform: uppercase;}
.ew-ph h1,.ew-ph .lead{margin-inline-start: var(--t-sp14); margin-inline-end: var(--t-sp14);}
.ew-ph .lead{margin-block-end: var(--t-sp14);}
.ew-ph .act{position: absolute; inset-block-start: auto; inset-inline-end: 0.75rem; inset-block-end: 0.75rem; inset-inline-start: auto;}
.act.utl{position: static; margin-block: var(--t-sp14); margin-inline: 0;}

.ew-kpis{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: var(--t-sp10); column-gap: var(--t-sp10); margin-block: var(--t-sp17); margin-inline: 0;}
.ew-kpis>div{min-width:0;padding-block: var(--t-sp13); padding-inline: var(--t-sp13); background: var(--panel); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-inline-start-width: 0.1875rem; border-inline-start-style: solid; border-inline-start-color: var(--acc); border-radius: var(--rad);}
.ew-kpis b{display: block; font-size: 1.375rem; color: var(--gold); line-height: 1.2;}
.ew-kpis span{display: block; font-size: var(--t-fs5); color: var(--mute); margin-block-start: var(--t-sp3);}

.ew-steps{list-style-type: none; list-style-position: outside; list-style-image: none; counter-reset: m9s; margin-block-start: var(--t-sp16); margin-inline-end: 0; margin-block-end: var(--t-sp18); margin-inline-start: 0;}
.ew-steps li{position: relative; counter-increment: m9s; padding-block-start: 0; padding-inline-end: 0; padding-block-end: var(--t-sp13); padding-inline-start: 2.625rem; font-size: var(--t-fs10); color: #cfe0e8;}
.ew-steps li::before{content: counter(m9s); position: absolute; inset-inline-start: 0; inset-block-start: -0.125rem; width: 1.75rem; height: 1.75rem; display: flex; align-items: center; justify-content: center; border-width: 0.0625rem; border-style: solid; border-color: var(--acc); border-radius: 0.5rem; color: var(--acc); font-size: var(--t-fs8); font-weight: 800;}

.ew-faq{margin-block: var(--t-sp19); margin-inline: 0;}
.ew-faq details{border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--rad); margin-block-end: var(--t-sp8); background: var(--panel);}
.ew-faq summary{padding-block: var(--t-sp13); padding-inline: var(--t-sp15); cursor: pointer; font-weight: 600; font-size: 0.90625rem; list-style-type: none; list-style-position: outside; list-style-image: none;}
.ew-faq summary::-webkit-details-marker{display: none;}
.ew-faq summary::after{content: "+"; float: right; color: var(--acc); font-weight: 800;}
.ew-faq details[open] summary::after{content: "\2212";}
.ew-faq p{padding-block-start: 0; padding-inline-end: var(--t-sp15); padding-block-end: var(--t-sp13); padding-inline-start: var(--t-sp15); margin-block: 0; margin-inline: 0; font-size: var(--t-fs9); color: var(--mute);}

.ew-band{margin-block-start: 1.5rem; margin-inline-end: 0; margin-block-end: var(--t-sp6); margin-inline-start: 0; padding-block: var(--t-sp17); padding-inline: var(--t-sp17); text-align: center; background: linear-gradient(135deg,#0a3044,#062331); border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: var(--rad);}
.ew-band b{display: block; font-size: var(--t-fs13); margin-block-end: var(--t-sp11); color: var(--gold);}

/* ---------------------------------------------------------------- footer */
.ew-foot{border-block-start-width: 0.0625rem; border-block-start-style: solid; border-block-start-color: var(--line); background: var(--floor); margin-block-start: var(--t-sp20);}
.ew-foot .w{max-width: var(--wrap); margin-block: 0; margin-inline: auto; padding-block-start: var(--t-sp20); padding-inline-end: var(--t-sp16); padding-block-end: var(--t-sp17); padding-inline-start: var(--t-sp16);}
.ew-foot .cols{display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; row-gap: var(--t-sp19); column-gap: var(--t-sp19);}
.ew-foot .cols>div{min-width: 0;}
.ew-foot p{font-size: var(--t-fs7); color: var(--mute); line-height: 1.65;}
.ew-foot h4{font-size: var(--t-fs5); letter-spacing: .14em; text-transform: uppercase; color: var(--acc); margin-block-end: var(--t-sp9);}
.ew-foot a{display: flex; align-items: center; min-height: 2.75rem; font-size: var(--t-fs7); color: var(--mute); padding-block: var(--t-sp3); padding-inline: 0;}
.ew-foot a:hover{color: var(--acc);}
.ew-foot a.cta{color: var(--gold);}
.ew-foot .soc{display: flex; row-gap: var(--t-sp9); column-gap: var(--t-sp9); margin-block-start: var(--t-sp11);}
.ew-foot .soc a{display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: 0.625rem; padding-block: 0; padding-inline: 0;}
.ew-foot .soc svg{width: 1.0625rem; height: 1.0625rem; fill: var(--mute);}
.ew-foot .pay,.ew-foot .trust{display: flex; flex-wrap: wrap; row-gap: var(--t-sp8); column-gap: var(--t-sp8); margin-block-start: var(--t-sp17);}
.ew-foot .pay span,.ew-foot .trust span{display: flex; align-items: center; justify-content: center; min-width: 0; height: 2rem; padding-block: var(--t-sp5); padding-inline: var(--t-sp10); background: var(--panel); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: 0.4375rem;}
.ew-foot .pay img{max-height: 1.25rem; width: auto; min-width: 0; flex: 0 1 auto;}
.ew-foot .trust img{max-height: 1.1875rem; width: auto; min-width: 0; flex: 0 1 auto; opacity: .8;}
/* The builder already classifies every mark and writes class="dark" on the near-black
   ones, but the only .dark rules lived on the provider wall, so in the footer those 13
   chips stayed dark ink on a navy panel: iTech Labs, bmm, GamCare and half of DuitNow
   were unreadable. Solid badges are excluded by the classifier, so Touch 'n Go and
   Maybank keep their own colour and do not flatten to white rectangles. */
.ew-foot .pay span.dark img,.ew-foot .trust span.dark img{filter: brightness(0) invert(1); opacity: .85;}
/* The "Tested and secured" row is a third container with the same need. Without this the
   builder's dark chips render unlifted: bmm's tagline was dark red on navy. Checked by
   screenshotting the row with the filter and without it. */
.ew-row .ew-chip.dark img{filter: brightness(0) invert(1); opacity: .85;}
/* Mixed ink: a coloured icon beside dark lettering. Lift it, keep the colour. */
.ew-foot .pay span.mixed img{filter: brightness(1.9) saturate(1.15);}
.ew-foot .legal{display: flex; flex-wrap: wrap; row-gap: var(--t-sp10); column-gap: var(--t-sp10); justify-content: space-between; margin-block-start: var(--t-sp17); padding-block-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-fs5); color: var(--dim);}
.ew-foot .legal>span{min-width: 0;}
.ew-foot .age{display: inline-flex; align-items: center; justify-content: center; width: 1.625rem; height: 1.625rem; border-width: 0.0625rem; border-style: solid; border-color: var(--gold2); border-radius: 50%; color: var(--gold); font-size: var(--t-fs2); font-weight: 800; margin-inline-end: var(--t-sp7);}

/* ---------------------------------------------------------------- entry modal */
.ew-pop{display: none; position: fixed; inset-block: 0; inset-inline: 0; z-index: 70; align-items: center; justify-content: center; padding-block: var(--t-sp16); padding-inline: var(--t-sp16); background: rgba(2,14,20,.82);}
.ew-pop.on{display: flex;}
.ew-pop .bx{position: relative; width: min(26.875rem,100%); max-height: 92vh; overflow-x: hidden; overflow-y: hidden; display: flex; flex-direction: column; background: var(--panel); border-width: 0.0625rem; border-style: solid; border-color: var(--gold2); border-radius: 0.875rem;}
.ew-pop .x{position: absolute; inset-block-start: 0.5625rem; inset-inline-end: 0.5625rem; z-index: 3; width: 2rem; height: 2rem; border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: 50%; background: rgba(4,22,31,.9); color: var(--ink); font-size: var(--t-fs13); line-height: 1; cursor: pointer;}
.ew-pop .ix{display: flex; row-gap: var(--t-sp5); column-gap: var(--t-sp5); padding-block-start: var(--t-sp13); padding-inline-end: var(--t-sp13); padding-block-end: var(--t-sp9); padding-inline-start: var(--t-sp13); overflow-x: auto;}
.ew-pop .ix button{display: flex; align-items: center; row-gap: var(--t-sp6); column-gap: var(--t-sp6); flex: 0 0 auto; padding-block: var(--t-sp7); padding-inline: var(--t-sp12); border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: 62.4375rem; background: transparent; color: var(--mute); font-size: var(--t-fs5); font-weight: 700; cursor: pointer;}
.ew-pop .ix button i{width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--line2);}
.ew-pop .ix button.on{border-color: var(--acc); color: var(--acc);}
.ew-pop .ix button.on i{background: var(--acc);}
.ew-pop .pane{overflow-y: auto; padding-block-start: 0; padding-inline-end: var(--t-sp13); padding-block-end: var(--t-sp13); padding-inline-start: var(--t-sp13);}
.ew-pop .pane img{width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 0.5625rem;}
.ew-pop .cap{display: flex; flex-direction: column; row-gap: var(--t-sp5); column-gap: var(--t-sp5); padding-block-start: var(--t-sp13); padding-inline-end: var(--t-sp2); padding-block-end: var(--t-sp4); padding-inline-start: var(--t-sp2);}
.ew-pop .cap b{font-size: var(--t-fs14); color: var(--gold);}
.ew-pop .cap span{font-size: var(--t-fs8); color: var(--mute); line-height: 1.55;}
.ew-pop .pg{display: flex; align-items: center; justify-content: center; row-gap: var(--t-sp14); column-gap: var(--t-sp14); padding-block-start: var(--t-sp11); padding-inline-end: 0; padding-block-end: var(--t-sp2); padding-inline-start: 0;}
.ew-pop .pg button{width: 2.125rem; height: 2.125rem; border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: 50%; background: transparent; color: var(--ink); font-size: var(--t-fs13); cursor: pointer;}
.ew-pop .pg button:disabled{opacity: .35; cursor: default;}
.ew-pop .pg .n{font-size: var(--t-fs6); color: var(--mute); font-variant-numeric: tabular-nums;}
/* a hide utility has to beat every rule it switches off, so it is written at the same depth */
.ew-hide{display: none;}
.ew-pop .cap.ew-hide,.ew-pop .pane>.ew-hide{display: none;}

/* ---------------------------------------------------------------- app bar */
.ew-nav{position: fixed; inset-inline-start: 0; inset-inline-end: 0; inset-block-end: 0; z-index: 50; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; padding-block-start: var(--t-sp14); background: var(--panel); border-block-start-width: 0.0625rem; border-block-start-style: solid; border-block-start-color: var(--line2);}
.ew-nav a{display: flex; flex-direction: column; align-items: center; row-gap: var(--t-sp3); column-gap: var(--t-sp3); padding-block-start: var(--t-sp6); padding-inline-end: var(--t-sp2); padding-block-end: var(--t-sp8); padding-inline-start: var(--t-sp2); font-size: var(--t-fs2); letter-spacing: .04em; color: var(--mute); text-transform: uppercase;}
.ew-nav a .i{font-size: var(--t-fs14); line-height: 1;}
.ew-nav a.coin{position: relative;}
.ew-nav a.coin .i{position: absolute; inset-block-start: -1.875rem; inset-inline-start: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 3.375rem; height: 3.375rem; border-radius: 50%; background: linear-gradient(160deg,var(--gold) 0%,var(--gold2) 100%); border-width: 0.25rem; border-style: solid; border-color: var(--panel); color: #1d1403; font-size: 1.4375rem;}
.ew-nav a.coin{padding-block-start: var(--t-sp20);}
.ew-scta{display: none;}
.ew-scta a{display: flex; align-items: center; justify-content: center; width: 100%;}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1240px){
  .ew-grid{grid-template-columns: 16.25rem minmax(0,1fr);}
  .ew-col.r{grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; align-items: start;}
  .ew-col.r>*{min-width: 0;}
  .ew-games,.ew-games.pg{grid-template-columns: 1fr 1fr 1fr 1fr;}
  .ew-provs{grid-template-columns: 1fr 1fr 1fr 1fr;}
  .ew-tiles{grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width:900px){
  body{padding-block-end: calc(var(--bar) + 3.5rem);}
  .ew-grid{grid-template-columns: minmax(0,1fr); padding-block-start: var(--t-sp10);}
  .ew-col.l,.ew-col.r{grid-column: auto; display: grid; grid-template-columns: 1fr 1fr;}
  .ew-col.l>*,.ew-col.r>*{min-width: 0;}
  .ew-tiles{grid-template-columns: 1fr 1fr;}
  .ew-matches{grid-template-columns: 1fr;}
  .ew-kpis{grid-template-columns: 1fr 1fr;}
  .ew-testi .grid{grid-template-columns: 1fr;}
  .ew-foot .cols{grid-template-columns: 1fr 1fr;}
  .ew-scta{display: block; position: fixed; inset-inline-start: 0; inset-inline-end: 0; inset-block-end: var(--bar); z-index: 49; padding-block: var(--t-sp9); padding-inline: var(--t-sp12); background: rgba(4,22,31,.95); border-block-start-width: 0.0625rem; border-block-start-style: solid; border-block-start-color: var(--line2);}
  .ew-pop .bx{width: 100%;}
}
@media (max-width:640px){
  .ew-head .row{row-gap: var(--t-sp9); column-gap: var(--t-sp9); padding-block: var(--t-sp9); padding-inline: var(--t-sp12);}
  .ew-logo .wm b{font-size: var(--t-fs16);}
  .ew-logo svg{width: 1.8125rem; height: 1.8125rem;}
  .ew-lang a{min-width: 2.75rem; min-height: 2.75rem; padding-block: 0; padding-inline: var(--t-sp8); font-size: var(--t-fs4);}
  .ew-cats{grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: var(--t-sp4); column-gap: var(--t-sp4); padding-block: var(--t-sp10); padding-inline: var(--t-sp7);}
  .ew-cats .i{width: 2.5rem; height: 2.5rem; font-size: var(--t-fs14);}
  .ew-games,.ew-games.pg{grid-template-columns: 1fr 1fr 1fr;}
  .ew-provs{grid-template-columns: 1fr 1fr 1fr;}
  .ew-col.l,.ew-col.r{grid-template-columns: 1fr;}
  .ew-minilogos{grid-template-columns: 1fr 1fr 1fr 1fr;}
  .ew-content{padding-block-start: var(--t-sp16); padding-inline-end: var(--t-sp14); padding-block-end: 1.75rem; padding-inline-start: var(--t-sp14);}
  .ew-content h1{font-size: var(--t-fs17);}
  .ew-content h2{font-size: var(--t-fs14);}
  .ew-kpis b{font-size: var(--t-fs15);}
  .ew-foot .cols{grid-template-columns: 1fr;}
  .ew-band{padding-block: var(--t-sp15); padding-inline: var(--t-sp15);}
  .ew-band b{font-size: var(--t-fs11);}
  .ew-tick span{animation-duration: 34s;}
  .ew-jp b{font-size: var(--t-fs18);}
  .ew-jp b i{font-size: var(--t-fs12);}
  .ew-live .rail{grid-template-columns: 1fr;}
  .ew-mini .rail{grid-template-columns: 1fr 1fr;}
}
@media (prefers-reduced-motion:reduce){
  .ew-tick span{animation: none;}
  .ew-txn .live::before{animation: none;}
  html{scroll-behavior: auto;}
}