/* BULL99 official: near-black + electric yellow, sky + chrome. Single-column dense
   operator shell, namespaced .bl-. Hand written: the build never regenerates this.

   Spelling rules for this sheet:
     - The gaps and insets, the corner radii, the font weights, the shadows and the line
       heights used more than once are named once in :root as --w-* 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;
     - the font shorthand is opened out into its longhands. */

:root {
  --bk: #0d0f12;
  --bk2: #121418;
  --bk3: #191d23;
  --line: #282e36;
  --line2: #39414c;
  --ylw: #ffd52a;
  --ylw2: #e8bc12;
  --ylw3: #8a6a05;
  --ylwink: #1a1200;
  --sky: #e01020;
  --sky2: #a50c18;
  --skyink: #1f0306;
  --chr: #d6cfc2;
  --ink: #f2eee6;
  --mut: #9a9388;
  --grn: #22C55E;
  --grn2: #15803D;
  --red: #EF4444;
  --red2: #991B1B;
  --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 */
  --w-sp1: 1px;
  --w-sp2: 2px;
  --w-sp3: 3px;
  --w-sp4: 4px;
  --w-sp5: 5px;
  --w-sp6: 6px;
  --w-sp7: 7px;
  --w-sp8: 8px;
  --w-sp9: 9px;
  --w-sp10: 10px;
  --w-sp11: 11px;
  --w-sp12: 12px;
  --w-sp13: 13px;
  --w-sp14: 14px;
  --w-sp15: 15px;
  --w-sp16: 16px;
  --w-sp17: 17px;
  --w-sp18: 18px;
  --w-sp19: 20px;
  --w-sp20: 22px;
  --w-sp21: 24px;
  --w-sp22: 26px;
  --w-sp23: 28px;
  --w-rad1: 4px;
  --w-rad2: 7px;
  --w-rad3: 9px;
  --w-rad4: 10px;
  --w-rad5: 11px;
  --w-rad6: 12px;
  --w-rad7: 14px;
  --w-wt1: 900;
  --w-wt2: 800;
  --w-wt3: 700;
  --w-lh1: 1;
}
*{box-sizing: border-box;}
html{-webkit-text-size-adjust: 100%; overflow-x: clip; max-width: 100%;}
body{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background: var(--bk); color: var(--ink); font-family: var(--font); line-height: 1.55; padding-bottom: 4.375rem;}
a{color: var(--ylw); text-decoration: none;}
img{max-width: 100%; height: auto; display: block; min-width: 0;}
h1,h2,h3,h4{margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; line-height: 1.24;}
.bl-w{max-width: 73.75rem; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0; padding-right: var(--w-sp16); padding-bottom: 0; padding-left: var(--w-sp16);}

/* ------------------------------------------------------------ header + marquee */
.bl-bar{position: sticky; top: 0; z-index: 50; background: #0d0f12; border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: var(--line);}
.bl-bar .in{display: grid; grid-template-columns: auto 1fr auto; align-items: center; row-gap: var(--w-sp10); column-gap: var(--w-sp10); max-width: 73.75rem; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: var(--w-sp8); padding-right: var(--w-sp16); padding-bottom: var(--w-sp8); padding-left: var(--w-sp16);}
.bl-burg{background: #15181d; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: 0.5rem; color: var(--chr); font-size: 1.1875rem; line-height: var(--w-lh1); padding-top: var(--w-sp9); padding-right: var(--w-sp11); padding-bottom: var(--w-sp9); padding-left: var(--w-sp11); cursor: pointer; min-height: 2.75rem; min-width: 2.75rem; display: grid; align-items: center; justify-items: center;}
.bl-mark{justify-self: center; display: flex; align-items: center; row-gap: var(--w-sp9); column-gap: var(--w-sp9); min-width: 0;}
.bl-mark svg{width: 2.125rem; height: 2.125rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto;}
.bl-mark .nm{min-width: 0; display: flex; align-items: baseline; row-gap: var(--w-sp9); column-gap: var(--w-sp9);}
.bl-mark b{
  display: inline-block;
  font-size: 1.5625rem;
  font-weight: var(--w-wt1);
  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;
}
.bl-mark i{font-style: normal; font-size: 0.59375rem; font-weight: var(--w-wt2); letter-spacing: .26em; color: var(--ylw); display: inline-block; margin-top: 0; white-space: nowrap; flex-grow: 0; flex-shrink: 0; flex-basis: auto;}
.bl-set{display: flex; align-items: center; row-gap: var(--w-sp7); column-gap: var(--w-sp7);}
.bl-lg{display: flex; row-gap: var(--w-sp4); column-gap: var(--w-sp4);}
.bl-lg a{font-size: 0.71875rem; font-weight: var(--w-wt2); color: var(--mut); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--w-rad2); padding-top: var(--w-sp8); padding-right: var(--w-sp10); padding-bottom: var(--w-sp8); padding-left: var(--w-sp10); line-height: var(--w-lh1); white-space: nowrap; min-height: 2.75rem; min-width: 2.75rem; display: grid; align-items: center; justify-items: center;}
.bl-lg a.on{color: var(--ylwink); background: var(--ylw); border-color: var(--ylw);}
.bl-mq{background: #121418; border-top-width: 0.0625rem; border-top-style: solid; border-top-color: var(--line); border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: var(--line); overflow-x: hidden; overflow-y: hidden; white-space: nowrap;}
.bl-mq span{display: inline-block; padding-top: var(--w-sp6); padding-right: 0; padding-bottom: var(--w-sp6); padding-left: 100%; font-size: 0.78125rem; font-weight: var(--w-wt3); color: var(--sky); animation: ezmq 44s linear infinite;}
.bl-mq span em{font-style: normal; color: var(--ylw);}
@keyframes ezmq{to{transform: translateX(-100%);}}
@media (prefers-reduced-motion:reduce){.bl-mq span{animation: none; padding-left: var(--w-sp16);}}
.bl-draw{display: none; background: #0f1216; border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: var(--line);}
html.bl-on .bl-draw{display: block;}
.bl-draw nav{max-width: 73.75rem; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: var(--w-sp6); padding-right: var(--w-sp16); padding-bottom: var(--w-sp14); padding-left: var(--w-sp16);}
.bl-draw a{display: block; padding-top: var(--w-sp13); padding-right: var(--w-sp2); padding-bottom: var(--w-sp13); padding-left: var(--w-sp2); border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: var(--line); color: var(--chr); font-weight: var(--w-wt3); font-size: 0.90625rem;}

/* ------------------------------------------------------------ generic bands */
main{display: block;}
.bl-sec{max-width: 73.75rem; margin-top: var(--gap); margin-right: auto; margin-bottom: var(--gap); margin-left: auto; padding-top: 0; padding-right: var(--w-sp16); padding-bottom: 0; padding-left: var(--w-sp16);}
.bl-hd{display: flex; align-items: center; justify-content: space-between; row-gap: var(--w-sp12); column-gap: var(--w-sp12); margin-bottom: var(--w-sp11);}
.bl-hd h2{font-size: 0.9375rem; font-weight: var(--w-wt1); letter-spacing: .1em; text-transform: uppercase; color: var(--ylw);}
.bl-hd h2:before{content: ""; display: inline-block; width: 0.25rem; height: 0.875rem; background: var(--ylw); margin-right: var(--w-sp9); vertical-align: -0.125rem; border-radius: 0.125rem;}
.bl-hd a{font-size: 0.78125rem; font-weight: var(--w-wt2); color: var(--sky);}
.bl-card{background: var(--bk2); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--w-rad6);}

/* ------------------------------------------------------------ hero */
.bl-hero{
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr);
  row-gap: var(--w-sp19);
  column-gap: var(--w-sp19);
  align-items: start;
  max-width: 73.75rem;
  margin-top: var(--gap);
  margin-right: auto;
  margin-bottom: var(--gap);
  margin-left: auto;
  padding-top: 0;
  padding-right: var(--w-sp16);
  padding-bottom: 0;
  padding-left: var(--w-sp16);
}
.bl-hero .say{min-width: 0;}
.bl-eb{
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: var(--w-wt1);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ylw);
  background: #1d1603;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--ylw3);
  border-radius: var(--w-rad1);
  padding-top: var(--w-sp5);
  padding-right: var(--w-sp10);
  padding-bottom: var(--w-sp5);
  padding-left: var(--w-sp10);
  margin-bottom: var(--w-sp12);
}
.bl-hero h1{font-size: 2.0625rem; font-weight: var(--w-wt1); letter-spacing: -.01em; color: #fff;}
.bl-hero h1 u{text-decoration: none; color: var(--ylw);}
.bl-hero .ld{font-size: 1.03125rem; color: var(--chr); margin-top: var(--w-sp12); margin-right: 0; margin-bottom: 0; margin-left: 0;}
.bl-act{display: flex; flex-wrap: wrap; row-gap: var(--w-sp10); column-gap: var(--w-sp10); margin-top: var(--w-sp16);}
.bl-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  row-gap: var(--w-sp7);
  column-gap: var(--w-sp7);
  border-width: 0;
  border-style: none;
  border-color: currentcolor;
  cursor: pointer;
  font-weight: var(--w-wt1);
  font-size: 0.875rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: var(--w-rad3);
  padding-top: var(--w-sp13);
  padding-right: var(--w-sp18);
  padding-bottom: var(--w-sp13);
  padding-left: var(--w-sp18);
  white-space: nowrap;
}
.bl-y{background: var(--ylw); color: var(--ylwink); box-shadow: 0 0 0 1px #d1a40a inset,0 6px 18px rgba(253,224,71,.17);}
.bl-s{background: var(--sky); color: var(--skyink);}
.bl-o{background: #15181d; color: var(--chr); box-shadow: 0 0 0 0.0625rem var(--line2) inset;}
.bl-g{background: var(--grn); color: #02140a;}
.bl-r{background: var(--red); color: #1a0404;}
.bl-xl{padding-top: var(--w-sp15); padding-right: var(--w-sp21); padding-bottom: var(--w-sp15); padding-left: var(--w-sp21); font-size: 0.96875rem;}
.bl-sm{padding-top: var(--w-sp9); padding-right: var(--w-sp12); padding-bottom: var(--w-sp9); padding-left: var(--w-sp12); font-size: 0.75rem; border-radius: var(--w-rad2);}
.bl-facts{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); row-gap: var(--w-sp9); column-gap: var(--w-sp9); margin-top: var(--w-sp18);}
.bl-facts div{background: #121418; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--w-rad4); padding-top: var(--w-sp11); padding-right: var(--w-sp9); padding-bottom: var(--w-sp11); padding-left: var(--w-sp9); text-align: center; min-width: 0;}
.bl-facts b{display: block; font-size: 1.1875rem; font-weight: var(--w-wt1); color: var(--ylw); font-variant-numeric: tabular-nums;}
.bl-facts span{display: block; font-size: 0.6875rem; font-weight: var(--w-wt3); color: var(--mut); line-height: 1.3; margin-top: var(--w-sp3);}

/* reel panel (inline SVG art, no raster) */
.bl-reel{background: linear-gradient(170deg,#191d23,#0c0f12); border-width: 0.0625rem; border-style: solid; border-color: var(--line2); border-radius: var(--w-rad7); overflow-x: hidden; overflow-y: hidden; min-width: 0;}
.bl-reel>.bl-art{width: 100%; display: block;}
.bl-reel .foot{min-width: 0; display: flex; align-items: center; justify-content: space-between; row-gap: var(--w-sp10); column-gap: var(--w-sp10); padding-top: var(--w-sp11); padding-right: var(--w-sp13); padding-bottom: var(--w-sp11); padding-left: var(--w-sp13); border-top-width: 0.0625rem; border-top-style: solid; border-top-color: var(--line); flex-wrap: wrap;}
.bl-reel .foot b{font-size: 0.84375rem; color: #fff;}
.bl-reel .foot span{font-size: 0.71875rem; color: var(--sky); font-weight: var(--w-wt2);}

/* ------------------------------------------------------------ brand art slots */
.bl-art{display: block; width: 100%; height: auto; object-fit: cover; min-width: 0; background: #121418;}
.bl-art.a32{aspect-ratio: 3/2;}
.bl-art.a169{aspect-ratio: 16/9;}
.bl-art.a43{aspect-ratio: 4/3;}
.bl-art.a209{aspect-ratio: 20/9;}

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

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

/* ------------------------------------------------------------ check-in */
.bl-ci{
  display: grid;
  grid-template-columns: 12.5rem minmax(0,1fr);
  row-gap: var(--w-sp16);
  column-gap: var(--w-sp16);
  align-items: start;
  background: linear-gradient(135deg,#18160c,#0d1013 60%);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--ylw3);
  border-radius: var(--w-rad7);
  padding-top: var(--w-sp15);
  padding-right: var(--w-sp15);
  padding-bottom: var(--w-sp15);
  padding-left: var(--w-sp15);
}
.bl-ci .pic{min-width: 0; border-radius: var(--w-rad5); overflow-x: hidden; overflow-y: hidden; border-width: 0.0625rem; border-style: solid; border-color: var(--line);}
.bl-ci .say{min-width: 0;}
.bl-ci .top{display: flex; align-items: center; justify-content: space-between; row-gap: var(--w-sp12); column-gap: var(--w-sp12); flex-wrap: wrap; margin-bottom: var(--w-sp12);}
.bl-ci .top b{font-size: 0.9375rem; font-weight: var(--w-wt1); color: #fff;}
.bl-ci .top small{display: block; font-size: 0.75rem; color: var(--mut); font-weight: 600;}
.bl-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(--w-sp8); column-gap: var(--w-sp8);}
.bl-day{min-width: 0; background: #121418; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--w-rad4); padding-top: var(--w-sp9); padding-right: var(--w-sp5); padding-bottom: var(--w-sp9); padding-left: var(--w-sp5); text-align: center;}
.bl-day span{display: block; font-size: 0.625rem; font-weight: var(--w-wt2); letter-spacing: .06em; color: var(--mut); text-transform: uppercase;}
.bl-day em{display: block; font-style: normal; font-size: 0.875rem; font-weight: var(--w-wt1); color: var(--ylw); margin-top: var(--w-sp5); font-variant-numeric: tabular-nums;}
.bl-day.done{border-color: var(--grn2); background: #0c1a12;}
.bl-day.done em{color: var(--grn);}
.bl-day.gift{border-color: var(--ylw); background: #1e1704;}
.bl-day.gift em{font-size: 1.1875rem;}

/* ------------------------------------------------------------ category rail */
.bl-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(--w-sp9); column-gap: var(--w-sp9);}
.bl-tile{
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--w-sp8);
  column-gap: var(--w-sp8);
  padding-top: var(--w-sp12);
  padding-right: var(--w-sp5);
  padding-bottom: var(--w-sp10);
  padding-left: var(--w-sp5);
  text-align: center;
  background: #121418;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
  border-radius: var(--w-rad6);
  color: var(--chr);
}
.bl-tile .ic{width: 2.625rem; height: 2.625rem; border-radius: 50%; display: grid; align-items: center; justify-items: center; font-size: 1.3125rem; background: #1b2027; box-shadow: 0 0 0 0.0625rem var(--line2) inset;}
.bl-tile span{font-size: 0.65625rem; font-weight: var(--w-wt2); letter-spacing: .04em; text-transform: uppercase; line-height: 1.2;}
.bl-tile.hot{border-color: var(--ylw3);}
.bl-tile.hot .ic{background: var(--ylw); color: var(--ylwink); box-shadow: none;}
.bl-tile.hot span{color: var(--ylw);}

/* ------------------------------------------------------------ game grid */
.bl-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(--w-sp11); column-gap: var(--w-sp11);}
.bl-gm{min-width: 0; display: block; background: var(--bk2); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--w-rad5); overflow-x: hidden; overflow-y: hidden; color: var(--ink);}
.bl-gm .pic{position: relative;}
.bl-gm img{width: 100%; aspect-ratio: 1/1; object-fit: cover; min-width: 0;}
.bl-gm .tag{
  position: absolute;
  top: 0.4375rem;
  left: 0.4375rem;
  font-size: 0.5625rem;
  font-weight: var(--w-wt1);
  letter-spacing: .08em;
  text-transform: uppercase;
  background: var(--ylw);
  color: var(--ylwink);
  border-radius: var(--w-rad1);
  padding-top: var(--w-sp2);
  padding-right: var(--w-sp6);
  padding-bottom: var(--w-sp2);
  padding-left: var(--w-sp6);
}
.bl-gm .tag.n{background: var(--sky); color: var(--skyink);}
.bl-gm .mt{padding-top: var(--w-sp8); padding-right: var(--w-sp9); padding-bottom: var(--w-sp9); padding-left: var(--w-sp9);}
.bl-gm b{display: block; font-size: 0.75rem; color: #fff; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis;}
.bl-gm small{display: flex; justify-content: space-between; row-gap: var(--w-sp6); column-gap: var(--w-sp6); font-size: 0.625rem; color: var(--mut); font-weight: var(--w-wt3); margin-top: var(--w-sp3);}
.bl-gm small i{font-style: normal; color: var(--sky);}

/* ------------------------------------------------------------ studios */
.bl-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(--w-sp10); column-gap: var(--w-sp10);}
.bl-chip{
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  padding-top: var(--w-sp9);
  padding-right: var(--w-sp9);
  padding-bottom: var(--w-sp9);
  padding-left: var(--w-sp9);
  border-radius: var(--w-rad4);
  background: #121418;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line);
}
.bl-chip .pl{display: flex; align-items: center; justify-content: center; min-width: 0; width: 100%; height: 100%; background: #fff; border-radius: var(--w-rad2); padding-top: var(--w-sp5); padding-right: var(--w-sp5); padding-bottom: var(--w-sp5); padding-left: var(--w-sp5);}
.bl-chip img{max-height: 100%; width: auto; object-fit: contain; flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0;}
.bl-chip .tx{font-size: 0.71875rem; font-weight: var(--w-wt1); color: var(--ylwink); background: var(--ylw); border-radius: 0.375rem; padding-top: var(--w-sp6); padding-right: var(--w-sp8); padding-bottom: var(--w-sp6); padding-left: var(--w-sp8); text-align: center;}

/* ------------------------------------------------------------ apk strip */
.bl-apk{
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  row-gap: var(--w-sp16);
  column-gap: var(--w-sp16);
  background: linear-gradient(90deg,#141310,#211a05 48%,#141310);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--ylw3);
  border-radius: var(--w-rad7);
  padding-top: var(--w-sp14);
  padding-right: var(--w-sp16);
  padding-bottom: var(--w-sp14);
  padding-left: var(--w-sp16);
}
.bl-apk .qr{width: 3.625rem; height: 3.625rem; border-radius: var(--w-rad5); display: grid; align-items: center; justify-items: center; background: #0d0f12; border-width: 0.0625rem; border-style: solid; border-color: var(--ylw3); flex-grow: 0; flex-shrink: 0; flex-basis: auto;}
.bl-apk .qr svg{width: 2.5rem; height: 2.5rem; aspect-ratio: auto;}
.bl-apk .ap{width: 7.75rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-radius: var(--w-rad5); overflow-x: hidden; overflow-y: hidden; border-width: 0.0625rem; border-style: solid; border-color: var(--ylw3);}
.bl-apk>div{min-width: 0;}
.bl-apk b{display: block; font-size: 1rem; font-weight: var(--w-wt1); color: #fff; letter-spacing: .03em;}
.bl-apk small{display: block; font-size: 0.75rem; color: var(--ylw); font-weight: var(--w-wt3); margin-top: var(--w-sp2);}
.bl-apk .two{display: flex; row-gap: var(--w-sp8); column-gap: var(--w-sp8); flex-wrap: wrap;}

/* ------------------------------------------------------------ trust */
.bl-trust{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); row-gap: var(--w-sp12); column-gap: var(--w-sp12);}
.bl-trust .blk{background: var(--bk2); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--w-rad6); padding-top: var(--w-sp13); padding-right: var(--w-sp13); padding-bottom: var(--w-sp13); padding-left: var(--w-sp13);}
.bl-trust h3{font-size: 0.75rem; font-weight: var(--w-wt1); letter-spacing: .1em; text-transform: uppercase; color: var(--mut); margin-bottom: var(--w-sp10);}
.bl-mk{display: flex; flex-wrap: wrap; row-gap: var(--w-sp8); column-gap: var(--w-sp8); align-items: center; min-width: 0;}
.bl-mk .pl{background: #fff; border-radius: var(--w-rad2); height: 2.25rem; padding-top: var(--w-sp5); padding-right: var(--w-sp9); padding-bottom: var(--w-sp5); padding-left: var(--w-sp9); display: flex; align-items: center; min-width: 0;}
.bl-mk .pl img{height: 1.5rem; width: auto; flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0;}
.bl-mk .dk{min-width: 0; background: #16191f; border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--w-rad2); height: 2.25rem; padding-top: var(--w-sp6); padding-right: var(--w-sp9); padding-bottom: var(--w-sp6); padding-left: var(--w-sp9); display: flex; align-items: center; min-width: 0;}
.bl-mk .dk img{height: 1.3125rem; width: auto; flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0;}

/* ------------------------------------------------------------ prose */
.bl-prose{max-width: 73.75rem; margin-top: var(--gap); margin-right: auto; margin-bottom: var(--gap); margin-left: auto; padding-top: 0; padding-right: var(--w-sp16); padding-bottom: 0; padding-left: var(--w-sp16);}
.bl-prose .box{background: var(--bk2); border-width: 0.0625rem; border-style: solid; border-color: var(--line); border-radius: var(--w-rad7); padding-top: var(--w-sp21); padding-right: var(--w-sp23); padding-bottom: var(--w-sp21); padding-left: var(--w-sp23);}
.bl-prose h2{font-size: 1.3125rem; font-weight: var(--w-wt1); color: #fff; margin-top: var(--w-sp22); margin-right: 0; margin-bottom: var(--w-sp9); margin-left: 0;}
.bl-prose h2:first-child{margin-top: 0;}
.bl-prose h3{font-size: 1rem; color: var(--ylw); margin-top: var(--w-sp18); margin-right: 0; margin-bottom: var(--w-sp6); margin-left: 0;}
.bl-prose p,.bl-prose li{font-size: 0.96875rem; color: var(--chr); margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp11); margin-left: 0;}
.bl-prose ul{margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp12); margin-left: 0; padding-left: var(--w-sp19);}
.bl-prose a{font-weight: var(--w-wt3); color: var(--sky); text-decoration: underline; text-decoration-color: rgba(120,185,245,.45); text-underline-offset: 0.1875rem;}
.bl-tw{overflow-x: auto; margin-top: var(--w-sp14); margin-right: 0; margin-bottom: var(--w-sp14); margin-left: 0;}
.bl-tb{width: 100%; border-collapse: collapse; font-size: 0.875rem; min-width: 26.25rem;}
.bl-tb th{background: var(--ylw); color: var(--ylwink); text-align: left; padding-top: var(--w-sp9); padding-right: var(--w-sp11); padding-bottom: var(--w-sp9); padding-left: var(--w-sp11); font-size: 0.78125rem; font-weight: var(--w-wt1); letter-spacing: .03em;}
.bl-tb td{border-bottom-width: 0.0625rem; border-bottom-style: solid; border-bottom-color: var(--line); padding-top: var(--w-sp9); padding-right: var(--w-sp11); padding-bottom: var(--w-sp9); padding-left: var(--w-sp11); color: var(--chr);}
.bl-tb tr:nth-child(even) td{background: #0f1216;}

/* conversion band */
.bl-band{
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: var(--w-sp16);
  column-gap: var(--w-sp16);
  flex-wrap: wrap;
  background: linear-gradient(90deg,#1e1704,#2c2106 52%,#1e1704);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--ylw);
  border-radius: 0.8125rem;
  padding-top: var(--w-sp17);
  padding-right: var(--w-sp19);
  padding-bottom: var(--w-sp17);
  padding-left: var(--w-sp19);
  margin-top: var(--gap);
  margin-right: 0;
  margin-bottom: var(--gap);
  margin-left: 0;
}
.bl-band b{font-size: 1.0625rem; color: #fff; font-weight: var(--w-wt2); max-width: 62ch;}

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

/* ------------------------------------------------------------ entry modal */
.bl-pop{position: fixed; inset: 0; z-index: 90; display: none; align-items: center; justify-content: center; padding-top: var(--w-sp14); padding-right: var(--w-sp14); padding-bottom: var(--w-sp14); padding-left: var(--w-sp14); background: rgba(4,4,6,.82);}
html.bl-pop-on .bl-pop{display: flex;}
.bl-pop .bx{
  position: relative;
  width: 100%;
  max-width: 26.875rem;
  max-height: 92vh;
  overflow-x: auto;
  overflow-y: auto;
  background: #0f1216;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--ylw3);
  border-radius: 1rem;
  padding-top: var(--w-sp14);
  padding-right: var(--w-sp14);
  padding-bottom: var(--w-sp14);
  padding-left: var(--w-sp14);
}
.bl-pop .x{
  position: absolute;
  top: 0.5625rem;
  right: 0.5625rem;
  z-index: 3;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--line2);
  background: #191d23;
  color: var(--chr);
  font-size: 1.0625rem;
  line-height: var(--w-lh1);
  cursor: pointer;
}
.bl-pop .pg{display: none;}
.bl-pop .pg.live{display: block;}
.bl-pop .art{border-radius: var(--w-rad6); overflow-x: hidden; overflow-y: hidden; background: #16191f; border-width: 0.0625rem; border-style: solid; border-color: var(--line);}
.bl-pop .art .bl-art{width: 100%; display: block;}
.bl-pop h2{font-size: 1.1875rem; font-weight: var(--w-wt1); color: #fff; margin-top: var(--w-sp13); margin-right: 0; margin-bottom: var(--w-sp6); margin-left: 0; padding-right: 1.875rem;}
.bl-pop p{margin-top: 0; margin-right: 0; margin-bottom: var(--w-sp13); margin-left: 0; font-size: 0.84375rem; color: var(--chr);}
.bl-pop .one{display: flex; width: 100%; justify-content: center;}
.bl-pop .pager{display: flex; align-items: center; justify-content: center; row-gap: var(--w-sp10); column-gap: var(--w-sp10); margin-top: var(--w-sp12);}
.bl-pop .pager button{width: 2.375rem; height: 2.375rem; border-radius: var(--w-rad3); border-width: 0.0625rem; border-style: solid; border-color: var(--line2); background: #191d23; color: var(--chr); font-size: 1rem; cursor: pointer;}
.bl-pop .pager b{font-size: 0.78125rem; font-weight: var(--w-wt2); color: var(--mut); font-variant-numeric: tabular-nums; min-width: 2.875rem; text-align: center;}
.bl-pop .dots{display: flex; row-gap: var(--w-sp6); column-gap: var(--w-sp6); justify-content: center; margin-top: var(--w-sp9);}
.bl-pop .dots i{width: 0.4375rem; height: 0.4375rem; border-radius: 50%; background: #39414c;}
.bl-pop .dots i.on{background: var(--ylw);}

/* ------------------------------------------------------------ footer + tab bar */
.bl-foot{background: #08090b; border-top-width: 0.0625rem; border-top-style: solid; border-top-color: var(--line); margin-top: var(--w-sp22); padding-top: var(--w-sp22); padding-right: 0; padding-bottom: var(--w-sp18); padding-left: 0; font-size: 0.84375rem; color: var(--mut);}
.bl-foot .cols{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; row-gap: var(--w-sp20); column-gap: var(--w-sp20);}
.bl-foot h4{font-size: 0.75rem; font-weight: var(--w-wt1); letter-spacing: .1em; text-transform: uppercase; color: var(--ylw); margin-bottom: var(--w-sp9);}
.bl-foot a{display: block; color: var(--mut); padding-top: var(--w-sp5); padding-right: 0; padding-bottom: var(--w-sp5); padding-left: 0;}
.bl-foot p{margin-top: var(--w-sp11); margin-right: 0; margin-bottom: 0; margin-left: 0; max-width: 38ch; line-height: 1.6;}
.bl-foot .pays{display: flex; flex-wrap: wrap; row-gap: var(--w-sp10); column-gap: var(--w-sp10); align-items: center; margin-top: var(--w-sp19); margin-right: 0; margin-bottom: var(--w-sp12); margin-left: 0; min-width: 0;}
.bl-foot .pays .bl-mk{min-width: 0; flex-grow: 1; flex-shrink: 1; flex-basis: auto;}
.bl-foot .pays b{font-size: 0.75rem; font-weight: var(--w-wt1); letter-spacing: .08em; text-transform: uppercase; color: var(--ylw);}
.bl-foot .legal{border-top-width: 0.0625rem; border-top-style: solid; border-top-color: var(--line); margin-top: var(--w-sp17); padding-top: var(--w-sp13); display: flex; justify-content: space-between; row-gap: var(--w-sp12); column-gap: var(--w-sp12); flex-wrap: wrap; font-size: 0.75rem;}
.bl-age{display: inline-grid; align-items: center; justify-items: center; width: 1.5625rem; height: 1.5625rem; border-radius: 50%; border-width: 0.125rem; border-style: solid; border-color: var(--ylw); color: var(--ylw); font-weight: var(--w-wt1); font-size: 0.625rem; margin-right: var(--w-sp7); vertical-align: -0.4375rem;}
.bl-tabs{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  height: 3.625rem;
  background: #0e1115;
  border-top-width: 0.0625rem;
  border-top-style: solid;
  border-top-color: var(--line);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.bl-tabs a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: var(--w-sp3);
  column-gap: var(--w-sp3);
  font-size: 0.59375rem;
  font-weight: var(--w-wt1);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mut);
}
.bl-tabs a .i{font-size: 1.1875rem; line-height: var(--w-lh1);}
.bl-tabs a.on{color: var(--ylw);}
.bl-tabs a .bd{position: absolute; margin-top: -1.375rem; margin-right: 0; margin-bottom: 0; margin-left: var(--w-sp18); background: var(--red); color: #fff; border-radius: var(--w-rad3); font-size: 0.53125rem; padding-top: var(--w-sp1); padding-right: var(--w-sp5); padding-bottom: var(--w-sp1); padding-left: var(--w-sp5);}
.bl-stick{display: none;}

/* ------------------------------------------------------------ responsive */
@media(max-width:1080px){
  .bl-hero{grid-template-columns: 1fr;}
  .bl-rail{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bl-grid,.bl-studio{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bl-days{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bl-ci{grid-template-columns: 10rem minmax(0,1fr);}
}
@media(max-width:760px){
  :root{--gap: 14px;}
  body{padding-bottom: 7.625rem;}
  .bl-mark b{font-size: 1.25rem;}
  .bl-mark svg{width: 1.75rem; height: 1.75rem;}
  .bl-hero h1{font-size: 1.5625rem;}
  .bl-hero .ld{font-size: 0.9375rem;}
  .bl-live{grid-template-columns: 1fr;}
  .bl-promos{grid-template-columns: 1fr;}
  .bl-ci{grid-template-columns: 1fr;}
  .bl-ci .pic{max-width: 20rem;}
  .bl-trust{grid-template-columns: 1fr;}
  .bl-rail{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bl-grid,.bl-studio{grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);}
  .bl-apk{grid-template-columns: auto minmax(0,1fr);}
  .bl-apk .two{grid-column: 1/-1;}
  .bl-prose .box{padding-top: var(--w-sp17); padding-right: var(--w-sp16); padding-bottom: var(--w-sp17); padding-left: var(--w-sp16);}
  .bl-prose h2{font-size: 1.1875rem;}
  .bl-band b{font-size: 0.96875rem;}
  .bl-foot .cols{grid-template-columns: 1fr 1fr;}
  .bl-foot .cols>div:first-child{grid-column: 1/-1;}
  /* thumb-zone sticky CTA: the above-the-fold action on a phone */
  .bl-stick{
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 3.625rem;
    z-index: 59;
    padding-top: var(--w-sp8);
    padding-right: var(--w-sp12);
    padding-bottom: var(--w-sp8);
    padding-left: var(--w-sp12);
    background: rgba(11,11,11,.96);
    border-top-width: 0.0625rem;
    border-top-style: solid;
    border-top-color: var(--line);
  }
  .bl-stick a{
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: var(--w-sp13);
    padding-right: var(--w-sp13);
    padding-bottom: var(--w-sp13);
    padding-left: var(--w-sp13);
    border-radius: var(--w-rad4);
    font-size: 0.9375rem;
    font-weight: var(--w-wt1);
    letter-spacing: .04em;
    text-transform: uppercase;
    background: var(--ylw);
    color: var(--ylwink);
  }
}
@media(max-width:420px){
  .bl-mark b{font-size: 1.0625rem; letter-spacing: .06em;}
  /* The label must never wrap: a two-line wordmark is a logo-wrap FAIL. Tighten it
     rather than let it break (feedback_logo_double_line_wrap). */
  .bl-mark i{display: none;}   /* phones: drop the tagline, never stack it */
  .bl-lg a{padding-top: var(--w-sp7); padding-right: var(--w-sp8); padding-bottom: var(--w-sp7); padding-left: var(--w-sp8); font-size: 0.6875rem; min-height: 2.75rem; min-width: 2.75rem;}
  .bl-hero h1{font-size: 1.375rem;}
  .bl-facts{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
  .bl-rail{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
  .bl-grid,.bl-studio{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
  .bl-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){
  .bl-apk{grid-template-columns: minmax(0,1fr); justify-items: start; row-gap: var(--w-sp12); column-gap: var(--w-sp12);}
  .bl-apk .qr{display: none;}
  .bl-apk .two{grid-column: auto;}
}
