/* MYBOSS88 official, the operator casino floor. Charcoal-green ground, MYBOSS green as the
   action colour, hot orange for the live badges. Static stylesheet: the build does NOT
   regenerate this file.

   House style for this sheet:
     - The gaps and insets, the corner radii, the type sizes and the fixed widths and
       heights used more than once are named once in :root as --n-* and called by name
       everywhere else;
     - box properties keep their physical names, one edge per declaration;
     - every border is split into width, style and colour;
     - gap is row-gap plus column-gap;
     - overflow is overflow-x plus overflow-y;
     - a transition is spelled out as property, duration, timing and delay;
     - an animation names all eight of its parts. */

:root {
  --bk: #090C09;
  --bk2: #10150F;
  --bk3: #182019;
  --line: #263021;
  --line2: #35422E;
  --ylw: #25C838;
  --ylw2: #1BA62B;
  --ylw3: #0E5F18;
  --ylwink: #041409;
  --sky: #FF8A5C;
  --sky2: #B8431F;
  --skyink: #1F0A04;
  --chr: #CBD3C8;
  --ink: #EDF2EC;
  --mut: #8C9A8C;
  --grn: #3BE06B;
  --grn2: #15803D;
  --red: #FF5A2C;
  --red2: #9E2A0F;
  --font: system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans SC","Helvetica Neue",Arial,sans-serif;
  --mono: ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --gap: 18px;

  /* named values used more than once */
  --n-sp1: 1px;
  --n-sp2: 2px;
  --n-sp3: 3px;
  --n-sp4: 4px;
  --n-sp5: 5px;
  --n-sp6: 6px;
  --n-sp7: 7px;
  --n-sp8: 8px;
  --n-sp9: 9px;
  --n-sp10: 10px;
  --n-sp11: 11px;
  --n-sp12: 12px;
  --n-sp13: 13px;
  --n-sp14: 14px;
  --n-sp15: 15px;
  --n-sp16: 16px;
  --n-sp17: 17px;
  --n-sp18: 18px;
  --n-sp19: 20px;
  --n-sp20: 22px;
  --n-sp21: 24px;
  --n-sp22: 26px;
  --n-sp23: 28px;
  --n-rad1: 4px;
  --n-rad2: 7px;
  --n-rad3: 9px;
  --n-rad4: 10px;
  --n-rad5: 11px;
  --n-rad6: 12px;
  --n-rad7: 14px;
  --n-fs1: 9.5px;
  --n-fs2: 10px;
  --n-fs3: 11px;
  --n-fs4: 11.5px;
  --n-fs5: 12px;
  --n-fs6: 12.5px;
  --n-fs7: 13.5px;
  --n-fs8: 14px;
  --n-fs9: 14.5px;
  --n-fs10: 15px;
  --n-fs11: 15.5px;
  --n-fs12: 16px;
  --n-fs13: 17px;
  --n-fs14: 19px;
  --n-fs15: 21px;
  --n-fs16: 22px;
  --n-fs17: 25px;
  --n-sz1: 100%;
  --n-sz2: 1180px;
  --n-sz3: 34px;
  --n-sz4: 58px;
  --n-sz5: 25px;
  --n-sz6: 26px;
  --n-sz7: 28px;
  --n-sz8: 36px;
  --n-sz9: 38px;
  --n-sz10: 40px;
  --n-sz11: 42px;
  --n-sz12: 7px;
}
*{box-sizing: border-box;}
html{-webkit-text-size-adjust: 100%; overflow-x: clip; max-width: var(--n-sz1);}
body{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background: var(--bk); color: var(--ink); font-family: var(--font); line-height: 1.55; padding-bottom: 70px;}
a{color: var(--ylw); text-decoration-line: none; text-decoration-style: solid; text-decoration-color: currentcolor; text-decoration-thickness: auto;}
img{max-width: var(--n-sz1); height: auto; display: block; min-width: 0px;}
h1,h2,h3,h4{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.24;}
.bo-w{max-width: var(--n-sz2); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: var(--n-sp16); padding-bottom: 0px; padding-left: var(--n-sp16);}

/* ------------------------------------------------------------ header + marquee */
.bo-bar{position: sticky; top: 0px; z-index: 50; background: #0B0B0B; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--line);}
.bo-bar .in{display: grid; grid-template-columns: auto 1fr auto; align-items: center; row-gap: var(--n-sp10); column-gap: var(--n-sp10); max-width: var(--n-sz2); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: var(--n-sp8); padding-right: var(--n-sp16); padding-bottom: var(--n-sp8); padding-left: var(--n-sp16);}
.bo-burg{background: #16161b; border-width: 1px; border-style: solid; border-color: var(--line); border-radius: 8px; color: var(--chr); font-size: var(--n-fs14); line-height: 1; padding-top: var(--n-sp9); padding-right: var(--n-sp11); padding-bottom: var(--n-sp9); padding-left: var(--n-sp11); cursor: pointer;}
.bo-mark{justify-self: center; display: flex; align-items: center; row-gap: var(--n-sp9); column-gap: var(--n-sp9); min-width: 0px;}
.bo-mark svg{width: var(--n-sz3); height: var(--n-sz3); flex-grow: 0; flex-shrink: 0; flex-basis: auto;}
.bo-mark .nm{min-width: 0px;}
.bo-mark b{
  display: block;
  font-size: var(--n-fs17);
  font-weight: 900;
  letter-spacing: .1em;
  white-space: nowrap;
  background: linear-gradient(176deg,#ffffff 2%,var(--chr) 26%,#6b7280 52%,var(--chr) 74%,#ffffff 98%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.bo-mark i{font-style: normal; font-size: var(--n-fs1); font-weight: 800; letter-spacing: .26em; color: var(--ylw); display: block; margin-top: -3px;}
.bo-set{display: flex; align-items: center; row-gap: var(--n-sp7); column-gap: var(--n-sp7);}
.bo-lg{display: flex; row-gap: var(--n-sp4); column-gap: var(--n-sp4);}
.bo-lg a{font-size: var(--n-fs4); font-weight: 800; color: var(--mut); border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad2); padding-top: var(--n-sp8); padding-right: var(--n-sp8); padding-bottom: var(--n-sp8); padding-left: var(--n-sp8); line-height: 1; white-space: nowrap;}
.bo-lg a.on{color: var(--ylwink); background: var(--ylw); border-color: var(--ylw);}
.bo-mq{background: #10150F; border-top-width: 1px; border-top-style: solid; border-top-color: var(--line); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--line); overflow-x: hidden; overflow-y: hidden; white-space: nowrap;}
.bo-mq span{display: inline-block; padding-top: var(--n-sp6); padding-right: 0px; padding-bottom: var(--n-sp6); padding-left: 100%; font-size: var(--n-fs6); font-weight: 700; color: var(--sky); animation-name: ezmq; animation-duration: 44s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running;}
.bo-mq span em{font-style: normal; color: var(--ylw);}
@keyframes ezmq{to{transform: translateX(-100%);}}
@media (prefers-reduced-motion:reduce){.bo-mq span{animation-name: none; animation-duration: 0s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; padding-left: var(--n-sp16);}}
.bo-draw{display: none; background: #101014; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--line);}
html.bo-on .bo-draw{display: block;}
.bo-draw nav{max-width: var(--n-sz2); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: var(--n-sp6); padding-right: var(--n-sp16); padding-bottom: var(--n-sp14); padding-left: var(--n-sp16);}
.bo-draw a{display: block; padding-top: var(--n-sp13); padding-right: var(--n-sp2); padding-bottom: var(--n-sp13); padding-left: var(--n-sp2); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--line); color: var(--chr); font-weight: 700; font-size: var(--n-fs9);}

/* ------------------------------------------------------------ generic bands */
main{display: block;}
.bo-sec{max-width: var(--n-sz2); margin-top: var(--gap); margin-right: auto; margin-bottom: var(--gap); margin-left: auto; padding-top: 0px; padding-right: var(--n-sp16); padding-bottom: 0px; padding-left: var(--n-sp16);}
.bo-hd{display: flex; align-items: center; justify-content: space-between; row-gap: var(--n-sp12); column-gap: var(--n-sp12); margin-bottom: var(--n-sp11);}
.bo-hd h2{font-size: var(--n-fs10); font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--ylw);}
.bo-hd h2:before{content: ""; display: inline-block; width: 4px; height: 14px; background: var(--ylw); margin-right: var(--n-sp9); vertical-align: -2px; border-radius: 2px;}
.bo-hd a{font-size: var(--n-fs6); font-weight: 800; color: var(--sky);}
.bo-card{background: var(--bk2); border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad6);}

/* ------------------------------------------------------------ hero */
.bo-hero{
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr);
  row-gap: var(--n-sp19);
  column-gap: var(--n-sp19);
  align-items: start;
  max-width: var(--n-sz2);
  margin-top: var(--gap);
  margin-right: auto;
  margin-bottom: var(--gap);
  margin-left: auto;
  padding-top: 0px;
  padding-right: var(--n-sp16);
  padding-bottom: 0px;
  padding-left: var(--n-sp16);
}
.bo-hero .say{min-width: 0px;}
.bo-eb{
  display: inline-block;
  font-size: var(--n-fs3);
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ylw);
  background: #1c1703;
  border-width: 1px;
  border-style: solid;
  border-color: var(--ylw3);
  border-radius: var(--n-rad1);
  padding-top: var(--n-sp5);
  padding-right: var(--n-sp10);
  padding-bottom: var(--n-sp5);
  padding-left: var(--n-sp10);
  margin-bottom: var(--n-sp12);
}
.bo-hero h1{font-size: 33px; font-weight: 900; letter-spacing: -.01em; color: #fff;}
.bo-hero h1 u{text-decoration-line: none; text-decoration-style: solid; text-decoration-color: currentcolor; text-decoration-thickness: auto; color: var(--ylw);}
.bo-hero .ld{font-size: 16.5px; color: var(--chr); margin-top: var(--n-sp12); margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
.bo-act{display: flex; flex-wrap: wrap; row-gap: var(--n-sp10); column-gap: var(--n-sp10); margin-top: var(--n-sp16);}
.bo-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  row-gap: var(--n-sp7);
  column-gap: var(--n-sp7);
  border-width: 0px;
  border-style: none;
  border-color: currentcolor;
  cursor: pointer;
  font-weight: 900;
  font-size: var(--n-fs8);
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: var(--n-rad3);
  padding-top: var(--n-sp13);
  padding-right: var(--n-sp18);
  padding-bottom: var(--n-sp13);
  padding-left: var(--n-sp18);
  white-space: nowrap;
}
.bo-y{background: var(--ylw); color: var(--ylwink); box-shadow: 0 0 0 1px #c9a60a inset,0 6px 18px rgba(253,224,71,.17);}
.bo-s{background: var(--sky); color: var(--skyink);}
.bo-o{background: #16161b; color: var(--chr); box-shadow: 0 0 0 1px var(--line2) inset;}
.bo-g{background: var(--grn); color: #02140a;}
.bo-r{background: var(--red); color: #1a0404;}
.bo-xl{padding-top: var(--n-sp15); padding-right: var(--n-sp21); padding-bottom: var(--n-sp15); padding-left: var(--n-sp21); font-size: var(--n-fs11);}
.bo-sm{padding-top: var(--n-sp9); padding-right: var(--n-sp12); padding-bottom: var(--n-sp9); padding-left: var(--n-sp12); font-size: var(--n-fs5); border-radius: var(--n-rad2);}
.bo-facts{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); row-gap: var(--n-sp9); column-gap: var(--n-sp9); margin-top: var(--n-sp18);}
.bo-facts div{background: #10150F; border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad4); padding-top: var(--n-sp11); padding-right: var(--n-sp9); padding-bottom: var(--n-sp11); padding-left: var(--n-sp9); text-align: center; min-width: 0px;}
.bo-facts b{display: block; font-size: var(--n-fs14); font-weight: 900; color: var(--ylw); font-variant-numeric: tabular-nums;}
.bo-facts span{display: block; font-size: var(--n-fs3); font-weight: 700; color: var(--mut); line-height: 1.3; margin-top: var(--n-sp3);}

/* reel panel (inline SVG art, no raster) */
.bo-reel{background: linear-gradient(170deg,#1a1a21,#0c0c0f); border-width: 1px; border-style: solid; border-color: var(--line2); border-radius: var(--n-rad7); overflow-x: hidden; overflow-y: hidden; min-width: 0px;}
.bo-reel>.bo-art{width: var(--n-sz1); display: block;}
.bo-reel .foot{min-width: 0px; display: flex; align-items: center; justify-content: space-between; row-gap: var(--n-sp10); column-gap: var(--n-sp10); padding-top: var(--n-sp11); padding-right: var(--n-sp13); padding-bottom: var(--n-sp11); padding-left: var(--n-sp13); border-top-width: 1px; border-top-style: solid; border-top-color: var(--line); flex-wrap: wrap;}
.bo-reel .foot b{font-size: var(--n-fs7); color: #fff;}
.bo-reel .foot span{font-size: var(--n-fs4); color: var(--sky); font-weight: 800;}

/* ------------------------------------------------------------ brand art slots */
.bo-art{display: block; width: var(--n-sz1); height: auto; object-fit: cover; min-width: 0px; background: #10150F;}
.bo-art.a32{aspect-ratio: 3/2;}
.bo-art.a169{aspect-ratio: 16/9;}
.bo-art.a43{aspect-ratio: 4/3;}
.bo-art.a209{aspect-ratio: 20/9;}

/* home promo stack */
.bo-promos{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); row-gap: var(--n-sp12); column-gap: var(--n-sp12);}
.bo-promo{
  min-width: 0px;
  display: block;
  background: var(--bk2);
  border-width: 1px;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--n-rad6);
  overflow-x: hidden;
  overflow-y: hidden;
  color: var(--ink);
}
.bo-promo .cap{padding-top: var(--n-sp11); padding-right: var(--n-sp13); padding-bottom: var(--n-sp13); padding-left: var(--n-sp13);}
.bo-promo .cap b{display: block; font-size: var(--n-fs16); font-weight: 900; color: var(--ylw); font-variant-numeric: tabular-nums;}
.bo-promo .cap span{display: block; font-size: var(--n-fs3); font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--mut); margin-top: var(--n-sp2);}
.bo-promo .cap small{display: block; font-size: var(--n-fs6); color: var(--chr); margin-top: var(--n-sp6); line-height: 1.45;}

/* ------------------------------------------------------------ live transactions */
.bo-live{display: grid; grid-template-columns: 1fr 1fr; row-gap: var(--n-sp12); column-gap: var(--n-sp12);}
.bo-live .pane{background: var(--bk2); border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad6); overflow-x: hidden; overflow-y: hidden;}
.bo-live .cap{min-width: 0px; display: flex; align-items: center; justify-content: space-between; padding-top: var(--n-sp8); padding-right: var(--n-sp12); padding-bottom: var(--n-sp8); padding-left: var(--n-sp12); font-size: var(--n-fs4); font-weight: 900; letter-spacing: .1em; text-transform: uppercase;}
.bo-live .up .cap{background: #0d2a19; color: #6EE7A6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #1d5236;}
.bo-live .dn .cap{background: #2a1212; color: #FCA5A5; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #5a2222;}
.bo-live .cap em{font-style: normal; font-size: var(--n-fs1); letter-spacing: .06em; color: var(--mut);}
.bo-live table{width: var(--n-sz1); border-collapse: collapse; font-size: var(--n-fs5);}
.bo-live td{padding-top: var(--n-sp7); padding-right: var(--n-sp12); padding-bottom: var(--n-sp7); padding-left: var(--n-sp12); border-top-width: 1px; border-top-style: solid; border-top-color: var(--line); white-space: nowrap;}
.bo-live td.ph{font-family: var(--mono); color: var(--chr); font-size: var(--n-fs4);}
.bo-live td.pv{color: var(--mut); font-size: var(--n-fs3); text-align: center;}
.bo-live td.am{text-align: right; font-weight: 800; color: var(--ylw); font-variant-numeric: tabular-nums;}
.bo-live .dn td.am{color: var(--sky);}

/* ------------------------------------------------------------ check-in */
.bo-ci{
  display: grid;
  grid-template-columns: 200px minmax(0,1fr);
  row-gap: var(--n-sp16);
  column-gap: var(--n-sp16);
  align-items: start;
  background: linear-gradient(135deg,#17170c,#0d0d10 60%);
  border-width: 1px;
  border-style: solid;
  border-color: var(--ylw3);
  border-radius: var(--n-rad7);
  padding-top: var(--n-sp15);
  padding-right: var(--n-sp15);
  padding-bottom: var(--n-sp15);
  padding-left: var(--n-sp15);
}
.bo-ci .pic{min-width: 0px; border-radius: var(--n-rad5); overflow-x: hidden; overflow-y: hidden; border-width: 1px; border-style: solid; border-color: var(--line);}
.bo-ci .say{min-width: 0px;}
.bo-ci .top{display: flex; align-items: center; justify-content: space-between; row-gap: var(--n-sp12); column-gap: var(--n-sp12); flex-wrap: wrap; margin-bottom: var(--n-sp12);}
.bo-ci .top b{font-size: var(--n-fs10); font-weight: 900; color: #fff;}
.bo-ci .top small{display: block; font-size: var(--n-fs5); color: var(--mut); font-weight: 600;}
.bo-days{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); row-gap: var(--n-sp8); column-gap: var(--n-sp8);}
.bo-day{min-width: 0px; background: #10150F; border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad4); padding-top: var(--n-sp9); padding-right: var(--n-sp5); padding-bottom: var(--n-sp9); padding-left: var(--n-sp5); text-align: center;}
.bo-day span{display: block; font-size: var(--n-fs2); font-weight: 800; letter-spacing: .06em; color: var(--mut); text-transform: uppercase;}
.bo-day em{display: block; font-style: normal; font-size: var(--n-fs8); font-weight: 900; color: var(--ylw); margin-top: var(--n-sp5); font-variant-numeric: tabular-nums;}
.bo-day.done{border-color: var(--grn2); background: #0c1a12;}
.bo-day.done em{color: var(--grn);}
.bo-day.gift{border-color: var(--ylw); background: #1d1804;}
.bo-day.gift em{font-size: var(--n-fs14);}

/* ------------------------------------------------------------ category rail */
.bo-rail{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); row-gap: var(--n-sp9); column-gap: var(--n-sp9);}
.bo-tile{
  min-width: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--n-sp8);
  column-gap: var(--n-sp8);
  padding-top: var(--n-sp12);
  padding-right: var(--n-sp5);
  padding-bottom: var(--n-sp10);
  padding-left: var(--n-sp5);
  text-align: center;
  background: #10150F;
  border-width: 1px;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--n-rad6);
  color: var(--chr);
}
.bo-tile .ic{width: var(--n-sz11); height: var(--n-sz11); border-radius: 50%; display: grid; align-items: center; justify-items: center; font-size: var(--n-fs15); background: #1d1d24; box-shadow: 0 0 0 1px var(--line2) inset;}
.bo-tile span{font-size: 10.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; line-height: 1.2;}
.bo-tile.hot{border-color: var(--ylw3);}
.bo-tile.hot .ic{background: var(--ylw); color: var(--ylwink); box-shadow: none;}
.bo-tile.hot span{color: var(--ylw);}

/* ------------------------------------------------------------ game grid */
.bo-grid{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); row-gap: var(--n-sp11); column-gap: var(--n-sp11);}
.bo-gm{min-width: 0px; display: block; background: var(--bk2); border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad5); overflow-x: hidden; overflow-y: hidden; color: var(--ink);}
.bo-gm .pic{position: relative;}
.bo-gm img{width: var(--n-sz1); aspect-ratio: 1/1; object-fit: cover; min-width: 0px;}
.bo-gm .tag{
  position: absolute;
  top: 7px;
  left: 7px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: var(--ylw);
  color: var(--ylwink);
  border-radius: var(--n-rad1);
  padding-top: var(--n-sp2);
  padding-right: var(--n-sp6);
  padding-bottom: var(--n-sp2);
  padding-left: var(--n-sp6);
}
.bo-gm .tag.n{background: var(--sky); color: var(--skyink);}
.bo-gm .mt{padding-top: var(--n-sp8); padding-right: var(--n-sp9); padding-bottom: var(--n-sp9); padding-left: var(--n-sp9);}
.bo-gm b{display: block; font-size: var(--n-fs5); color: #fff; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis;}
.bo-gm small{display: flex; justify-content: space-between; row-gap: var(--n-sp6); column-gap: var(--n-sp6); font-size: var(--n-fs2); color: var(--mut); font-weight: 700; margin-top: var(--n-sp3);}
.bo-gm small i{font-style: normal; color: var(--sky);}

/* ------------------------------------------------------------ studios */
.bo-studio{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); row-gap: var(--n-sp10); column-gap: var(--n-sp10);}
.bo-chip{
  min-width: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding-top: var(--n-sp9);
  padding-right: var(--n-sp9);
  padding-bottom: var(--n-sp9);
  padding-left: var(--n-sp9);
  border-radius: var(--n-rad4);
  background: #10150F;
  border-width: 1px;
  border-style: solid;
  border-color: var(--line);
}
.bo-chip .pl{display: flex; align-items: center; justify-content: center; min-width: 0px; width: var(--n-sz1); height: var(--n-sz1); background: #fff; border-radius: var(--n-rad2); padding-top: var(--n-sp5); padding-right: var(--n-sp5); padding-bottom: var(--n-sp5); padding-left: var(--n-sp5);}
.bo-chip img{max-height: var(--n-sz1); width: auto; object-fit: contain; flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0px;}
.bo-chip .tx{font-size: var(--n-fs4); font-weight: 900; color: var(--ylwink); background: var(--ylw); border-radius: 6px; padding-top: var(--n-sp6); padding-right: var(--n-sp8); padding-bottom: var(--n-sp6); padding-left: var(--n-sp8); text-align: center;}

/* ------------------------------------------------------------ apk strip */
.bo-apk{
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  row-gap: var(--n-sp16);
  column-gap: var(--n-sp16);
  background: linear-gradient(90deg,#141410,#201b05 48%,#141410);
  border-width: 1px;
  border-style: solid;
  border-color: var(--ylw3);
  border-radius: var(--n-rad7);
  padding-top: var(--n-sp14);
  padding-right: var(--n-sp16);
  padding-bottom: var(--n-sp14);
  padding-left: var(--n-sp16);
}
.bo-apk .qr{width: var(--n-sz4); height: var(--n-sz4); border-radius: var(--n-rad5); display: grid; align-items: center; justify-items: center; background: #0B0B0B; border-width: 1px; border-style: solid; border-color: var(--ylw3); flex-grow: 0; flex-shrink: 0; flex-basis: auto;}
.bo-apk .qr svg{width: var(--n-sz10); height: var(--n-sz10); aspect-ratio: auto;}
.bo-apk .ap{width: 124px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-radius: var(--n-rad5); overflow-x: hidden; overflow-y: hidden; border-width: 1px; border-style: solid; border-color: var(--ylw3);}
.bo-apk>div{min-width: 0px;}
.bo-apk b{display: block; font-size: var(--n-fs12); font-weight: 900; color: #fff; letter-spacing: .03em;}
.bo-apk small{display: block; font-size: var(--n-fs5); color: var(--ylw); font-weight: 700; margin-top: var(--n-sp2);}
.bo-apk .two{display: flex; row-gap: var(--n-sp8); column-gap: var(--n-sp8); flex-wrap: wrap;}

/* ------------------------------------------------------------ trust */
.bo-trust{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); row-gap: var(--n-sp12); column-gap: var(--n-sp12);}
.bo-trust .blk{background: var(--bk2); border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad6); padding-top: var(--n-sp13); padding-right: var(--n-sp13); padding-bottom: var(--n-sp13); padding-left: var(--n-sp13);}
.bo-trust h3{font-size: var(--n-fs5); font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--mut); margin-bottom: var(--n-sp10);}
.bo-mk{display: flex; flex-wrap: wrap; row-gap: var(--n-sp8); column-gap: var(--n-sp8); align-items: center; min-width: 0px;}
.bo-mk .pl{background: #fff; border-radius: var(--n-rad2); height: var(--n-sz8); padding-top: var(--n-sp5); padding-right: var(--n-sp9); padding-bottom: var(--n-sp5); padding-left: var(--n-sp9); display: flex; align-items: center; min-width: 0px;}
.bo-mk .pl img{height: 24px; width: auto; flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0px;}
.bo-mk .dk{min-width: 0px; background: #17171d; border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad2); height: var(--n-sz8); padding-top: var(--n-sp6); padding-right: var(--n-sp9); padding-bottom: var(--n-sp6); padding-left: var(--n-sp9); display: flex; align-items: center; min-width: 0px;}
.bo-mk .dk img{height: 21px; width: auto; flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0px;}

/* ------------------------------------------------------------ prose */
.bo-prose{max-width: var(--n-sz2); margin-top: var(--gap); margin-right: auto; margin-bottom: var(--gap); margin-left: auto; padding-top: 0px; padding-right: var(--n-sp16); padding-bottom: 0px; padding-left: var(--n-sp16);}
.bo-prose .box{background: var(--bk2); border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad7); padding-top: var(--n-sp21); padding-right: var(--n-sp23); padding-bottom: var(--n-sp21); padding-left: var(--n-sp23);}
.bo-prose h2{font-size: var(--n-fs15); font-weight: 900; color: #fff; margin-top: var(--n-sp22); margin-right: 0px; margin-bottom: var(--n-sp9); margin-left: 0px;}
.bo-prose h2:first-child{margin-top: 0px;}
.bo-prose h3{font-size: var(--n-fs12); color: var(--ylw); margin-top: var(--n-sp18); margin-right: 0px; margin-bottom: var(--n-sp6); margin-left: 0px;}
.bo-prose p,.bo-prose li{font-size: var(--n-fs11); color: var(--chr); margin-top: 0px; margin-right: 0px; margin-bottom: var(--n-sp11); margin-left: 0px;}
.bo-prose ul{margin-top: 0px; margin-right: 0px; margin-bottom: var(--n-sp12); margin-left: 0px; padding-left: var(--n-sp19);}
.bo-prose a{font-weight: 700; color: var(--sky); text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: currentcolor; text-decoration-thickness: auto; text-decoration-color: rgba(120,185,245,.45); text-underline-offset: 3px;}
.bo-tw{overflow-x: auto; margin-top: var(--n-sp14); margin-right: 0px; margin-bottom: var(--n-sp14); margin-left: 0px;}
.bo-tb{width: var(--n-sz1); border-collapse: collapse; font-size: var(--n-fs8); min-width: 420px;}
.bo-tb th{background: var(--ylw); color: var(--ylwink); text-align: left; padding-top: var(--n-sp9); padding-right: var(--n-sp11); padding-bottom: var(--n-sp9); padding-left: var(--n-sp11); font-size: var(--n-fs6); font-weight: 900; letter-spacing: .03em;}
.bo-tb td{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--line); padding-top: var(--n-sp9); padding-right: var(--n-sp11); padding-bottom: var(--n-sp9); padding-left: var(--n-sp11); color: var(--chr);}
.bo-tb tr:nth-child(even) td{background: #101014;}

/* conversion band */
.bo-band{
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: var(--n-sp16);
  column-gap: var(--n-sp16);
  flex-wrap: wrap;
  background: linear-gradient(90deg,#1d1804,#2b2206 52%,#1d1804);
  border-width: 1px;
  border-style: solid;
  border-color: var(--ylw);
  border-radius: 13px;
  padding-top: var(--n-sp17);
  padding-right: var(--n-sp19);
  padding-bottom: var(--n-sp17);
  padding-left: var(--n-sp19);
  margin-top: var(--gap);
  margin-right: 0px;
  margin-bottom: var(--gap);
  margin-left: 0px;
}
.bo-band b{font-size: var(--n-fs13); color: #fff; font-weight: 800; max-width: 62ch;}

/* faq */
.bo-faqs details{background: var(--bk2); border-width: 1px; border-style: solid; border-color: var(--line); border-radius: var(--n-rad5); margin-bottom: var(--n-sp9);}
.bo-faqs summary{cursor: pointer; list-style-type: none; list-style-position: outside; list-style-image: none; padding-top: var(--n-sp13); padding-right: var(--n-sp15); padding-bottom: var(--n-sp13); padding-left: var(--n-sp15); font-weight: 800; color: #fff; font-size: var(--n-fs9); display: flex; justify-content: space-between; row-gap: var(--n-sp12); column-gap: var(--n-sp12);}
.bo-faqs summary::-webkit-details-marker{display: none;}
.bo-faqs summary:after{content: "+"; color: var(--ylw); font-weight: 900; flex-grow: 0; flex-shrink: 0; flex-basis: auto;}
.bo-faqs details[open] summary:after{content: "\2212";}
.bo-faqs p{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: var(--n-sp15); padding-bottom: var(--n-sp14); padding-left: var(--n-sp15); font-size: var(--n-fs9); color: var(--chr);}

/* ------------------------------------------------------------ entry modal */
.bo-pop{position: fixed; inset: 0; z-index: 90; display: none; align-items: center; justify-content: center; padding-top: var(--n-sp14); padding-right: var(--n-sp14); padding-bottom: var(--n-sp14); padding-left: var(--n-sp14); background: rgba(4,4,6,.82);}
html.bo-pop-on .bo-pop{display: flex;}
.bo-pop .bx{
  position: relative;
  width: var(--n-sz1);
  max-width: 430px;
  max-height: 92vh;
  overflow-x: auto;
  overflow-y: auto;
  background: #101014;
  border-width: 1px;
  border-style: solid;
  border-color: var(--ylw3);
  border-radius: 16px;
  padding-top: var(--n-sp14);
  padding-right: var(--n-sp14);
  padding-bottom: var(--n-sp14);
  padding-left: var(--n-sp14);
}
.bo-pop .x{
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 3;
  width: var(--n-sz3);
  height: var(--n-sz3);
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: var(--line2);
  background: #1b1b22;
  color: var(--chr);
  font-size: var(--n-fs13);
  line-height: 1;
  cursor: pointer;
}
.bo-pop .pg{display: none;}
.bo-pop .pg.live{display: block;}
.bo-pop .art{border-radius: var(--n-rad6); overflow-x: hidden; overflow-y: hidden; background: #17171d; border-width: 1px; border-style: solid; border-color: var(--line);}
.bo-pop .art .bo-art{width: var(--n-sz1); display: block;}
.bo-pop h2{font-size: var(--n-fs14); font-weight: 900; color: #fff; margin-top: var(--n-sp13); margin-right: 0px; margin-bottom: var(--n-sp6); margin-left: 0px; padding-right: 30px;}
.bo-pop p{margin-top: 0px; margin-right: 0px; margin-bottom: var(--n-sp13); margin-left: 0px; font-size: var(--n-fs7); color: var(--chr);}
.bo-pop .one{display: flex; width: var(--n-sz1); justify-content: center;}
.bo-pop .pager{display: flex; align-items: center; justify-content: center; row-gap: var(--n-sp10); column-gap: var(--n-sp10); margin-top: var(--n-sp12);}
.bo-pop .pager button{width: var(--n-sz9); height: var(--n-sz9); border-radius: var(--n-rad3); border-width: 1px; border-style: solid; border-color: var(--line2); background: #1b1b22; color: var(--chr); font-size: var(--n-fs12); cursor: pointer;}
.bo-pop .pager b{font-size: var(--n-fs6); font-weight: 800; color: var(--mut); font-variant-numeric: tabular-nums; min-width: 46px; text-align: center;}
.bo-pop .dots{display: flex; row-gap: var(--n-sp6); column-gap: var(--n-sp6); justify-content: center; margin-top: var(--n-sp9);}
.bo-pop .dots i{width: var(--n-sz12); height: var(--n-sz12); border-radius: 50%; background: #3a3a45;}
.bo-pop .dots i.on{background: var(--ylw);}

/* ------------------------------------------------------------ footer + tab bar */
.bo-foot{background: #08080A; border-top-width: 1px; border-top-style: solid; border-top-color: var(--line); margin-top: var(--n-sp22); padding-top: var(--n-sp22); padding-right: 0px; padding-bottom: var(--n-sp18); padding-left: 0px; font-size: var(--n-fs7); color: var(--mut);}
.bo-foot .cols{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; row-gap: var(--n-sp20); column-gap: var(--n-sp20);}
.bo-foot h4{font-size: var(--n-fs5); font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--ylw); margin-bottom: var(--n-sp9);}
.bo-foot a{display: block; color: var(--mut); padding-top: var(--n-sp5); padding-right: 0px; padding-bottom: var(--n-sp5); padding-left: 0px;}
.bo-foot p{margin-top: var(--n-sp11); margin-right: 0px; margin-bottom: 0px; margin-left: 0px; max-width: 38ch; line-height: 1.6;}
.bo-foot .pays{display: flex; flex-wrap: wrap; row-gap: var(--n-sp10); column-gap: var(--n-sp10); align-items: center; margin-top: var(--n-sp19); margin-right: 0px; margin-bottom: var(--n-sp12); margin-left: 0px; min-width: 0px;}
.bo-foot .pays .bo-mk{min-width: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: auto;}
.bo-foot .pays b{font-size: var(--n-fs5); font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: var(--ylw);}
.bo-foot .legal{border-top-width: 1px; border-top-style: solid; border-top-color: var(--line); margin-top: var(--n-sp17); padding-top: var(--n-sp13); display: flex; justify-content: space-between; row-gap: var(--n-sp12); column-gap: var(--n-sp12); flex-wrap: wrap; font-size: var(--n-fs5);}
.bo-age{display: inline-grid; align-items: center; justify-items: center; width: var(--n-sz5); height: var(--n-sz5); border-radius: 50%; border-width: 2px; border-style: solid; border-color: var(--ylw); color: var(--ylw); font-weight: 900; font-size: var(--n-fs2); margin-right: var(--n-sp7); vertical-align: -7px;}
.bo-tabs{
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 60;
  height: var(--n-sz4);
  background: #0E0E12;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--line);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.bo-tabs a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: var(--n-sp3);
  column-gap: var(--n-sp3);
  font-size: var(--n-fs1);
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mut);
}
.bo-tabs a .i{font-size: var(--n-fs14); line-height: 1;}
.bo-tabs a.on{color: var(--ylw);}
.bo-tabs a .bd{position: absolute; margin-top: -22px; margin-right: 0px; margin-bottom: 0px; margin-left: var(--n-sp18); background: var(--red); color: #fff; border-radius: var(--n-rad3); font-size: 8.5px; padding-top: var(--n-sp1); padding-right: var(--n-sp5); padding-bottom: var(--n-sp1); padding-left: var(--n-sp5);}
.bo-stick{display: none;}

/* ------------------------------------------------------------ responsive */
@media(max-width:1080px){
  .bo-hero{grid-template-columns: 1fr;}
  .bo-rail{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bo-grid,.bo-studio{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bo-days{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bo-ci{grid-template-columns: 160px minmax(0,1fr);}
}
@media(max-width:760px){
  :root{--gap: 14px;}
  body{padding-bottom: 122px;}
  .bo-mark b{font-size: 20px;}
  .bo-mark svg{width: var(--n-sz7); height: var(--n-sz7);}
  .bo-hero h1{font-size: var(--n-fs17);}
  .bo-hero .ld{font-size: var(--n-fs10);}
  .bo-live{grid-template-columns: 1fr;}
  .bo-promos{grid-template-columns: 1fr;}
  .bo-ci{grid-template-columns: 1fr;}
  .bo-ci .pic{max-width: 320px;}
  .bo-trust{grid-template-columns: 1fr;}
  .bo-rail{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bo-grid,.bo-studio{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bo-apk{grid-template-columns: auto minmax(0,1fr);}
  .bo-apk .two{grid-column: 1/-1;}
  .bo-prose .box{padding-top: var(--n-sp17); padding-right: var(--n-sp16); padding-bottom: var(--n-sp17); padding-left: var(--n-sp16);}
  .bo-prose h2{font-size: var(--n-fs14);}
  .bo-band b{font-size: var(--n-fs11);}
  .bo-foot .cols{grid-template-columns: 1fr 1fr;}
  .bo-foot .cols>div:first-child{grid-column: 1/-1;}
  /* thumb-zone sticky CTA: the above-the-fold action on a phone */
  .bo-stick{
    display: block;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 58px;
    z-index: 59;
    padding-top: var(--n-sp8);
    padding-right: var(--n-sp12);
    padding-bottom: var(--n-sp8);
    padding-left: var(--n-sp12);
    background: rgba(11,11,11,.96);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--line);
  }
  .bo-stick a{
    display: flex;
    width: var(--n-sz1);
    justify-content: center;
    padding-top: var(--n-sp13);
    padding-right: var(--n-sp13);
    padding-bottom: var(--n-sp13);
    padding-left: var(--n-sp13);
    border-radius: var(--n-rad4);
    font-size: var(--n-fs10);
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: var(--ylw);
    color: var(--ylwink);
  }
}
@media(max-width:420px){
  /* the bar is burger + mark + (3 language chips + register) on one row. At 375 the
     tagline pushed the centred mark into the chips, so it goes and the rest tightens. */
  .bo-bar .in{row-gap: var(--n-sp7); column-gap: var(--n-sp7); padding-top: var(--n-sp8); padding-right: var(--n-sp10); padding-bottom: var(--n-sp8); padding-left: var(--n-sp10);}
  .bo-mark{justify-self: start; overflow-x: hidden; overflow-y: hidden;}
  .bo-mark i{display: none;}
  .bo-mark svg{width: var(--n-sz6); height: var(--n-sz6);}
  .bo-mark b{font-size: var(--n-fs10); letter-spacing: .015em;}
  .bo-set{row-gap: var(--n-sp5); column-gap: var(--n-sp5);}
  .bo-lg{row-gap: var(--n-sp3); column-gap: var(--n-sp3);}
  .bo-lg a{padding-top: var(--n-sp6); padding-right: var(--n-sp4); padding-bottom: var(--n-sp6); padding-left: var(--n-sp4); font-size: var(--n-fs2);}
  .bo-bar .bo-btn{padding-top: var(--n-sp8); padding-right: var(--n-sp10); padding-bottom: var(--n-sp8); padding-left: var(--n-sp10); font-size: var(--n-fs3);}
  .bo-hero h1{font-size: var(--n-fs16);}
  .bo-facts{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
  .bo-rail{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
  .bo-grid,.bo-studio{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
  .bo-days{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
}

/* On a real handset the QR column leaves the text about 169px, which is too cramped to
   read. Below 430px the strip becomes a single column. */
@media(max-width:430px){
  .bo-apk{grid-template-columns: minmax(0,1fr); justify-items: start; row-gap: var(--n-sp12); column-gap: var(--n-sp12);}
  .bo-apk .qr{display: none;}
  .bo-apk .two{grid-column: auto;}
}