.easy{
      width: 1152px;
   }
   .easy #bbdetails{
      height: 128px;
      font-size: 107px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 128px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -128px;
   }
   .easy .square.blank2 {
      background-position-x: -256px;
   }
   .easy .square.blank3 {
      background-position-x: -384px;
   }
   .easy .square.blank4 {
      background-position-x: -512px;
   }
   .easy .square.blank5 {
      background-position-x: -640px;
   }
   .easy .square.blank6 {
      background-position-x: -768px;
   }
   .easy .square.blank7 {
      background-position-x: -896px;
   }
   .easy .square.blank8 {
      background-position-x: -1024px;
   }
   .easy .square.bomb {
      background-position-x: -1152px;
   }
   .easy .square.bombsafe {
      background-position-x: -1280px;
   }
   .easy .square.flag {
      background-position-x: -1408px;
   }
   .easy .square.flagtran {
      background-position-x: -1536px;
   }
   .easy .square {
      background-position-x: -1664px;
      background-image: url('/img/bbicons/strips/128px.v32.webp');
      background-size: auto 128px;
      height: 128px;
      width: 128px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/256px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -1792px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -1920px;
   }
@media only screen and (max-width: 1192px), only screen and (max-height: 1350px) {
   .easy{
      width: 1080px;
   }
   .easy #bbdetails{
      height: 120px;
      font-size: 100px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 120px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -120px;
   }
   .easy .square.blank2 {
      background-position-x: -240px;
   }
   .easy .square.blank3 {
      background-position-x: -360px;
   }
   .easy .square.blank4 {
      background-position-x: -480px;
   }
   .easy .square.blank5 {
      background-position-x: -600px;
   }
   .easy .square.blank6 {
      background-position-x: -720px;
   }
   .easy .square.blank7 {
      background-position-x: -840px;
   }
   .easy .square.blank8 {
      background-position-x: -960px;
   }
   .easy .square.bomb {
      background-position-x: -1080px;
   }
   .easy .square.bombsafe {
      background-position-x: -1200px;
   }
   .easy .square.flag {
      background-position-x: -1320px;
   }
   .easy .square.flagtran {
      background-position-x: -1440px;
   }
   .easy .square {
      background-position-x: -1560px;
      background-image: url('/img/bbicons/strips/120px.v32.webp');
      background-size: auto 120px;
      height: 120px;
      width: 120px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/240px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -1680px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -1800px;
   }
}
@media only screen and (max-width: 1120px), only screen and (max-height: 1270px) {
   .easy{
      width: 1008px;
   }
   .easy #bbdetails{
      height: 112px;
      font-size: 93px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 112px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -112px;
   }
   .easy .square.blank2 {
      background-position-x: -224px;
   }
   .easy .square.blank3 {
      background-position-x: -336px;
   }
   .easy .square.blank4 {
      background-position-x: -448px;
   }
   .easy .square.blank5 {
      background-position-x: -560px;
   }
   .easy .square.blank6 {
      background-position-x: -672px;
   }
   .easy .square.blank7 {
      background-position-x: -784px;
   }
   .easy .square.blank8 {
      background-position-x: -896px;
   }
   .easy .square.bomb {
      background-position-x: -1008px;
   }
   .easy .square.bombsafe {
      background-position-x: -1120px;
   }
   .easy .square.flag {
      background-position-x: -1232px;
   }
   .easy .square.flagtran {
      background-position-x: -1344px;
   }
   .easy .square {
      background-position-x: -1456px;
      background-image: url('/img/bbicons/strips/112px.v32.webp');
      background-size: auto 112px;
      height: 112px;
      width: 112px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/224px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -1568px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -1680px;
   }
}
@media only screen and (max-width: 1048px), only screen and (max-height: 1190px) {
   .easy{
      width: 936px;
   }
   .easy #bbdetails{
      height: 104px;
      font-size: 87px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 104px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -104px;
   }
   .easy .square.blank2 {
      background-position-x: -208px;
   }
   .easy .square.blank3 {
      background-position-x: -312px;
   }
   .easy .square.blank4 {
      background-position-x: -416px;
   }
   .easy .square.blank5 {
      background-position-x: -520px;
   }
   .easy .square.blank6 {
      background-position-x: -624px;
   }
   .easy .square.blank7 {
      background-position-x: -728px;
   }
   .easy .square.blank8 {
      background-position-x: -832px;
   }
   .easy .square.bomb {
      background-position-x: -936px;
   }
   .easy .square.bombsafe {
      background-position-x: -1040px;
   }
   .easy .square.flag {
      background-position-x: -1144px;
   }
   .easy .square.flagtran {
      background-position-x: -1248px;
   }
   .easy .square {
      background-position-x: -1352px;
      background-image: url('/img/bbicons/strips/104px.v32.webp');
      background-size: auto 104px;
      height: 104px;
      width: 104px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/208px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -1456px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -1560px;
   }
}
@media only screen and (max-width: 976px), only screen and (max-height: 1110px) {
   .easy{
      width: 864px;
   }
   .easy #bbdetails{
      height: 96px;
      font-size: 80px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 96px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -96px;
   }
   .easy .square.blank2 {
      background-position-x: -192px;
   }
   .easy .square.blank3 {
      background-position-x: -288px;
   }
   .easy .square.blank4 {
      background-position-x: -384px;
   }
   .easy .square.blank5 {
      background-position-x: -480px;
   }
   .easy .square.blank6 {
      background-position-x: -576px;
   }
   .easy .square.blank7 {
      background-position-x: -672px;
   }
   .easy .square.blank8 {
      background-position-x: -768px;
   }
   .easy .square.bomb {
      background-position-x: -864px;
   }
   .easy .square.bombsafe {
      background-position-x: -960px;
   }
   .easy .square.flag {
      background-position-x: -1056px;
   }
   .easy .square.flagtran {
      background-position-x: -1152px;
   }
   .easy .square {
      background-position-x: -1248px;
      background-image: url('/img/bbicons/strips/96px.v32.webp');
      background-size: auto 96px;
      height: 96px;
      width: 96px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/192px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -1344px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -1440px;
   }
}
@media only screen and (max-width: 904px), only screen and (max-height: 1030px) {
   .easy{
      width: 792px;
   }
   .easy #bbdetails{
      height: 88px;
      font-size: 73px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 88px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -88px;
   }
   .easy .square.blank2 {
      background-position-x: -176px;
   }
   .easy .square.blank3 {
      background-position-x: -264px;
   }
   .easy .square.blank4 {
      background-position-x: -352px;
   }
   .easy .square.blank5 {
      background-position-x: -440px;
   }
   .easy .square.blank6 {
      background-position-x: -528px;
   }
   .easy .square.blank7 {
      background-position-x: -616px;
   }
   .easy .square.blank8 {
      background-position-x: -704px;
   }
   .easy .square.bomb {
      background-position-x: -792px;
   }
   .easy .square.bombsafe {
      background-position-x: -880px;
   }
   .easy .square.flag {
      background-position-x: -968px;
   }
   .easy .square.flagtran {
      background-position-x: -1056px;
   }
   .easy .square {
      background-position-x: -1144px;
      background-image: url('/img/bbicons/strips/88px.v32.webp');
      background-size: auto 88px;
      height: 88px;
      width: 88px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/176px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -1232px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -1320px;
   }
}
@media only screen and (max-width: 832px), only screen and (max-height: 950px) {
   .easy{
      width: 720px;
   }
   .easy #bbdetails{
      height: 80px;
      font-size: 67px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 80px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -80px;
   }
   .easy .square.blank2 {
      background-position-x: -160px;
   }
   .easy .square.blank3 {
      background-position-x: -240px;
   }
   .easy .square.blank4 {
      background-position-x: -320px;
   }
   .easy .square.blank5 {
      background-position-x: -400px;
   }
   .easy .square.blank6 {
      background-position-x: -480px;
   }
   .easy .square.blank7 {
      background-position-x: -560px;
   }
   .easy .square.blank8 {
      background-position-x: -640px;
   }
   .easy .square.bomb {
      background-position-x: -720px;
   }
   .easy .square.bombsafe {
      background-position-x: -800px;
   }
   .easy .square.flag {
      background-position-x: -880px;
   }
   .easy .square.flagtran {
      background-position-x: -960px;
   }
   .easy .square {
      background-position-x: -1040px;
      background-image: url('/img/bbicons/strips/80px.v32.webp');
      background-size: auto 80px;
      height: 80px;
      width: 80px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/160px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -1120px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -1200px;
   }
}
@media only screen and (max-width: 760px), only screen and (max-height: 870px) {
   .easy{
      width: 648px;
   }
   .easy #bbdetails{
      height: 72px;
      font-size: 60px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 72px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -72px;
   }
   .easy .square.blank2 {
      background-position-x: -144px;
   }
   .easy .square.blank3 {
      background-position-x: -216px;
   }
   .easy .square.blank4 {
      background-position-x: -288px;
   }
   .easy .square.blank5 {
      background-position-x: -360px;
   }
   .easy .square.blank6 {
      background-position-x: -432px;
   }
   .easy .square.blank7 {
      background-position-x: -504px;
   }
   .easy .square.blank8 {
      background-position-x: -576px;
   }
   .easy .square.bomb {
      background-position-x: -648px;
   }
   .easy .square.bombsafe {
      background-position-x: -720px;
   }
   .easy .square.flag {
      background-position-x: -792px;
   }
   .easy .square.flagtran {
      background-position-x: -864px;
   }
   .easy .square {
      background-position-x: -936px;
      background-image: url('/img/bbicons/strips/72px.v32.webp');
      background-size: auto 72px;
      height: 72px;
      width: 72px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/144px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -1008px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -1080px;
   }
}
@media only screen and (max-width: 688px), only screen and (max-height: 790px) {
   .easy{
      width: 576px;
   }
   .easy #bbdetails{
      height: 64px;
      font-size: 53px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 64px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -64px;
   }
   .easy .square.blank2 {
      background-position-x: -128px;
   }
   .easy .square.blank3 {
      background-position-x: -192px;
   }
   .easy .square.blank4 {
      background-position-x: -256px;
   }
   .easy .square.blank5 {
      background-position-x: -320px;
   }
   .easy .square.blank6 {
      background-position-x: -384px;
   }
   .easy .square.blank7 {
      background-position-x: -448px;
   }
   .easy .square.blank8 {
      background-position-x: -512px;
   }
   .easy .square.bomb {
      background-position-x: -576px;
   }
   .easy .square.bombsafe {
      background-position-x: -640px;
   }
   .easy .square.flag {
      background-position-x: -704px;
   }
   .easy .square.flagtran {
      background-position-x: -768px;
   }
   .easy .square {
      background-position-x: -832px;
      background-image: url('/img/bbicons/strips/64px.v32.webp');
      background-size: auto 64px;
      height: 64px;
      width: 64px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/128px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -896px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -960px;
   }
}
@media only screen and (max-width: 616px), only screen and (max-height: 710px) {
   .easy{
      width: 504px;
   }
   .easy #bbdetails{
      height: 56px;
      font-size: 47px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 56px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -56px;
   }
   .easy .square.blank2 {
      background-position-x: -112px;
   }
   .easy .square.blank3 {
      background-position-x: -168px;
   }
   .easy .square.blank4 {
      background-position-x: -224px;
   }
   .easy .square.blank5 {
      background-position-x: -280px;
   }
   .easy .square.blank6 {
      background-position-x: -336px;
   }
   .easy .square.blank7 {
      background-position-x: -392px;
   }
   .easy .square.blank8 {
      background-position-x: -448px;
   }
   .easy .square.bomb {
      background-position-x: -504px;
   }
   .easy .square.bombsafe {
      background-position-x: -560px;
   }
   .easy .square.flag {
      background-position-x: -616px;
   }
   .easy .square.flagtran {
      background-position-x: -672px;
   }
   .easy .square {
      background-position-x: -728px;
      background-image: url('/img/bbicons/strips/56px.v32.webp');
      background-size: auto 56px;
      height: 56px;
      width: 56px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/112px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -784px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -840px;
   }
}
@media only screen and (max-width: 544px), only screen and (max-height: 630px) {
   .easy{
      width: 432px;
   }
   .easy #bbdetails{
      height: 48px;
      font-size: 40px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 48px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -48px;
   }
   .easy .square.blank2 {
      background-position-x: -96px;
   }
   .easy .square.blank3 {
      background-position-x: -144px;
   }
   .easy .square.blank4 {
      background-position-x: -192px;
   }
   .easy .square.blank5 {
      background-position-x: -240px;
   }
   .easy .square.blank6 {
      background-position-x: -288px;
   }
   .easy .square.blank7 {
      background-position-x: -336px;
   }
   .easy .square.blank8 {
      background-position-x: -384px;
   }
   .easy .square.bomb {
      background-position-x: -432px;
   }
   .easy .square.bombsafe {
      background-position-x: -480px;
   }
   .easy .square.flag {
      background-position-x: -528px;
   }
   .easy .square.flagtran {
      background-position-x: -576px;
   }
   .easy .square {
      background-position-x: -624px;
      background-image: url('/img/bbicons/strips/48px.v32.webp');
      background-size: auto 48px;
      height: 48px;
      width: 48px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/96px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -672px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -720px;
   }
}
@media only screen and (max-width: 472px), only screen and (max-height: 550px) {
   .easy{
      width: 360px;
   }
   .easy #bbdetails{
      height: 40px;
      font-size: 33px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 40px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -40px;
   }
   .easy .square.blank2 {
      background-position-x: -80px;
   }
   .easy .square.blank3 {
      background-position-x: -120px;
   }
   .easy .square.blank4 {
      background-position-x: -160px;
   }
   .easy .square.blank5 {
      background-position-x: -200px;
   }
   .easy .square.blank6 {
      background-position-x: -240px;
   }
   .easy .square.blank7 {
      background-position-x: -280px;
   }
   .easy .square.blank8 {
      background-position-x: -320px;
   }
   .easy .square.bomb {
      background-position-x: -360px;
   }
   .easy .square.bombsafe {
      background-position-x: -400px;
   }
   .easy .square.flag {
      background-position-x: -440px;
   }
   .easy .square.flagtran {
      background-position-x: -480px;
   }
   .easy .square {
      background-position-x: -520px;
      background-image: url('/img/bbicons/strips/40px.v32.webp');
      background-size: auto 40px;
      height: 40px;
      width: 40px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/80px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -560px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -600px;
   }
}
@media only screen and (max-width: 400px), only screen and (max-height: 470px) {
   .easy{
      width: 288px;
   }
   .easy #bbdetails{
      height: 32px;
      font-size: 27px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 32px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -32px;
   }
   .easy .square.blank2 {
      background-position-x: -64px;
   }
   .easy .square.blank3 {
      background-position-x: -96px;
   }
   .easy .square.blank4 {
      background-position-x: -128px;
   }
   .easy .square.blank5 {
      background-position-x: -160px;
   }
   .easy .square.blank6 {
      background-position-x: -192px;
   }
   .easy .square.blank7 {
      background-position-x: -224px;
   }
   .easy .square.blank8 {
      background-position-x: -256px;
   }
   .easy .square.bomb {
      background-position-x: -288px;
   }
   .easy .square.bombsafe {
      background-position-x: -320px;
   }
   .easy .square.flag {
      background-position-x: -352px;
   }
   .easy .square.flagtran {
      background-position-x: -384px;
   }
   .easy .square {
      background-position-x: -416px;
      background-image: url('/img/bbicons/strips/32px.v32.webp');
      background-size: auto 32px;
      height: 32px;
      width: 32px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/64px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -448px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -480px;
   }
}
@media only screen and (max-width: 328px), only screen and (max-height: 390px) {
   .easy{
      width: 216px;
   }
   .easy #bbdetails{
      height: 24px;
      font-size: 20px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 24px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -24px;
   }
   .easy .square.blank2 {
      background-position-x: -48px;
   }
   .easy .square.blank3 {
      background-position-x: -72px;
   }
   .easy .square.blank4 {
      background-position-x: -96px;
   }
   .easy .square.blank5 {
      background-position-x: -120px;
   }
   .easy .square.blank6 {
      background-position-x: -144px;
   }
   .easy .square.blank7 {
      background-position-x: -168px;
   }
   .easy .square.blank8 {
      background-position-x: -192px;
   }
   .easy .square.bomb {
      background-position-x: -216px;
   }
   .easy .square.bombsafe {
      background-position-x: -240px;
   }
   .easy .square.flag {
      background-position-x: -264px;
   }
   .easy .square.flagtran {
      background-position-x: -288px;
   }
   .easy .square {
      background-position-x: -312px;
      background-image: url('/img/bbicons/strips/24px.v32.webp');
      background-size: auto 24px;
      height: 24px;
      width: 24px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/48px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -336px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -360px;
   }
}
@media only screen and (max-width: 256px), only screen and (max-height: 310px) {
   .easy{
      width: 144px;
   }
   .easy #bbdetails{
      height: 16px;
      font-size: 13px;
   }
   .easy .bbdetailscolumnpadright{
      padding-right: 16px;
   }
   .easy .square.blank0 {
      background-position-x: -0px;
   }
   .easy .square.blank1 {
      background-position-x: -16px;
   }
   .easy .square.blank2 {
      background-position-x: -32px;
   }
   .easy .square.blank3 {
      background-position-x: -48px;
   }
   .easy .square.blank4 {
      background-position-x: -64px;
   }
   .easy .square.blank5 {
      background-position-x: -80px;
   }
   .easy .square.blank6 {
      background-position-x: -96px;
   }
   .easy .square.blank7 {
      background-position-x: -112px;
   }
   .easy .square.blank8 {
      background-position-x: -128px;
   }
   .easy .square.bomb {
      background-position-x: -144px;
   }
   .easy .square.bombsafe {
      background-position-x: -160px;
   }
   .easy .square.flag {
      background-position-x: -176px;
   }
   .easy .square.flagtran {
      background-position-x: -192px;
   }
   .easy .square {
      background-position-x: -208px;
      background-image: url('/img/bbicons/strips/16px.v32.webp');
      background-size: auto 16px;
      height: 16px;
      width: 16px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .easy .square{
      background-image: url('/img/bbicons/strips/32px.v32.webp');
   }
}
   .easy .square.ticktran {
      background-position-x: -224px;
   }
   .easy .square.wrongflagtran {
      background-position-x: -240px;
   }
}
   .intermediate{
      width: 2048px;
   }
   .intermediate #bbdetails{
      height: 128px;
      font-size: 107px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 128px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -128px;
   }
   .intermediate .square.blank2 {
      background-position-x: -256px;
   }
   .intermediate .square.blank3 {
      background-position-x: -384px;
   }
   .intermediate .square.blank4 {
      background-position-x: -512px;
   }
   .intermediate .square.blank5 {
      background-position-x: -640px;
   }
   .intermediate .square.blank6 {
      background-position-x: -768px;
   }
   .intermediate .square.blank7 {
      background-position-x: -896px;
   }
   .intermediate .square.blank8 {
      background-position-x: -1024px;
   }
   .intermediate .square.bomb {
      background-position-x: -1152px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -1280px;
   }
   .intermediate .square.flag {
      background-position-x: -1408px;
   }
   .intermediate .square.flagtran {
      background-position-x: -1536px;
   }
   .intermediate .square {
      background-position-x: -1664px;
      background-image: url('/img/bbicons/strips/128px.v32.webp');
      background-size: auto 128px;
      height: 128px;
      width: 128px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/256px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -1792px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -1920px;
   }
@media only screen and (max-width: 2088px), only screen and (max-height: 2246px) {
   .intermediate{
      width: 1920px;
   }
   .intermediate #bbdetails{
      height: 120px;
      font-size: 100px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 120px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -120px;
   }
   .intermediate .square.blank2 {
      background-position-x: -240px;
   }
   .intermediate .square.blank3 {
      background-position-x: -360px;
   }
   .intermediate .square.blank4 {
      background-position-x: -480px;
   }
   .intermediate .square.blank5 {
      background-position-x: -600px;
   }
   .intermediate .square.blank6 {
      background-position-x: -720px;
   }
   .intermediate .square.blank7 {
      background-position-x: -840px;
   }
   .intermediate .square.blank8 {
      background-position-x: -960px;
   }
   .intermediate .square.bomb {
      background-position-x: -1080px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -1200px;
   }
   .intermediate .square.flag {
      background-position-x: -1320px;
   }
   .intermediate .square.flagtran {
      background-position-x: -1440px;
   }
   .intermediate .square {
      background-position-x: -1560px;
      background-image: url('/img/bbicons/strips/120px.v32.webp');
      background-size: auto 120px;
      height: 120px;
      width: 120px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/240px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -1680px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -1800px;
   }
}
@media only screen and (max-width: 1960px), only screen and (max-height: 2110px) {
   .intermediate{
      width: 1792px;
   }
   .intermediate #bbdetails{
      height: 112px;
      font-size: 93px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 112px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -112px;
   }
   .intermediate .square.blank2 {
      background-position-x: -224px;
   }
   .intermediate .square.blank3 {
      background-position-x: -336px;
   }
   .intermediate .square.blank4 {
      background-position-x: -448px;
   }
   .intermediate .square.blank5 {
      background-position-x: -560px;
   }
   .intermediate .square.blank6 {
      background-position-x: -672px;
   }
   .intermediate .square.blank7 {
      background-position-x: -784px;
   }
   .intermediate .square.blank8 {
      background-position-x: -896px;
   }
   .intermediate .square.bomb {
      background-position-x: -1008px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -1120px;
   }
   .intermediate .square.flag {
      background-position-x: -1232px;
   }
   .intermediate .square.flagtran {
      background-position-x: -1344px;
   }
   .intermediate .square {
      background-position-x: -1456px;
      background-image: url('/img/bbicons/strips/112px.v32.webp');
      background-size: auto 112px;
      height: 112px;
      width: 112px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/224px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -1568px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -1680px;
   }
}
@media only screen and (max-width: 1832px), only screen and (max-height: 1974px) {
   .intermediate{
      width: 1664px;
   }
   .intermediate #bbdetails{
      height: 104px;
      font-size: 87px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 104px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -104px;
   }
   .intermediate .square.blank2 {
      background-position-x: -208px;
   }
   .intermediate .square.blank3 {
      background-position-x: -312px;
   }
   .intermediate .square.blank4 {
      background-position-x: -416px;
   }
   .intermediate .square.blank5 {
      background-position-x: -520px;
   }
   .intermediate .square.blank6 {
      background-position-x: -624px;
   }
   .intermediate .square.blank7 {
      background-position-x: -728px;
   }
   .intermediate .square.blank8 {
      background-position-x: -832px;
   }
   .intermediate .square.bomb {
      background-position-x: -936px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -1040px;
   }
   .intermediate .square.flag {
      background-position-x: -1144px;
   }
   .intermediate .square.flagtran {
      background-position-x: -1248px;
   }
   .intermediate .square {
      background-position-x: -1352px;
      background-image: url('/img/bbicons/strips/104px.v32.webp');
      background-size: auto 104px;
      height: 104px;
      width: 104px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/208px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -1456px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -1560px;
   }
}
@media only screen and (max-width: 1704px), only screen and (max-height: 1838px) {
   .intermediate{
      width: 1536px;
   }
   .intermediate #bbdetails{
      height: 96px;
      font-size: 80px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 96px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -96px;
   }
   .intermediate .square.blank2 {
      background-position-x: -192px;
   }
   .intermediate .square.blank3 {
      background-position-x: -288px;
   }
   .intermediate .square.blank4 {
      background-position-x: -384px;
   }
   .intermediate .square.blank5 {
      background-position-x: -480px;
   }
   .intermediate .square.blank6 {
      background-position-x: -576px;
   }
   .intermediate .square.blank7 {
      background-position-x: -672px;
   }
   .intermediate .square.blank8 {
      background-position-x: -768px;
   }
   .intermediate .square.bomb {
      background-position-x: -864px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -960px;
   }
   .intermediate .square.flag {
      background-position-x: -1056px;
   }
   .intermediate .square.flagtran {
      background-position-x: -1152px;
   }
   .intermediate .square {
      background-position-x: -1248px;
      background-image: url('/img/bbicons/strips/96px.v32.webp');
      background-size: auto 96px;
      height: 96px;
      width: 96px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/192px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -1344px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -1440px;
   }
}
@media only screen and (max-width: 1576px), only screen and (max-height: 1702px) {
   .intermediate{
      width: 1408px;
   }
   .intermediate #bbdetails{
      height: 88px;
      font-size: 73px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 88px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -88px;
   }
   .intermediate .square.blank2 {
      background-position-x: -176px;
   }
   .intermediate .square.blank3 {
      background-position-x: -264px;
   }
   .intermediate .square.blank4 {
      background-position-x: -352px;
   }
   .intermediate .square.blank5 {
      background-position-x: -440px;
   }
   .intermediate .square.blank6 {
      background-position-x: -528px;
   }
   .intermediate .square.blank7 {
      background-position-x: -616px;
   }
   .intermediate .square.blank8 {
      background-position-x: -704px;
   }
   .intermediate .square.bomb {
      background-position-x: -792px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -880px;
   }
   .intermediate .square.flag {
      background-position-x: -968px;
   }
   .intermediate .square.flagtran {
      background-position-x: -1056px;
   }
   .intermediate .square {
      background-position-x: -1144px;
      background-image: url('/img/bbicons/strips/88px.v32.webp');
      background-size: auto 88px;
      height: 88px;
      width: 88px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/176px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -1232px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -1320px;
   }
}
@media only screen and (max-width: 1448px), only screen and (max-height: 1566px) {
   .intermediate{
      width: 1280px;
   }
   .intermediate #bbdetails{
      height: 80px;
      font-size: 67px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 80px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -80px;
   }
   .intermediate .square.blank2 {
      background-position-x: -160px;
   }
   .intermediate .square.blank3 {
      background-position-x: -240px;
   }
   .intermediate .square.blank4 {
      background-position-x: -320px;
   }
   .intermediate .square.blank5 {
      background-position-x: -400px;
   }
   .intermediate .square.blank6 {
      background-position-x: -480px;
   }
   .intermediate .square.blank7 {
      background-position-x: -560px;
   }
   .intermediate .square.blank8 {
      background-position-x: -640px;
   }
   .intermediate .square.bomb {
      background-position-x: -720px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -800px;
   }
   .intermediate .square.flag {
      background-position-x: -880px;
   }
   .intermediate .square.flagtran {
      background-position-x: -960px;
   }
   .intermediate .square {
      background-position-x: -1040px;
      background-image: url('/img/bbicons/strips/80px.v32.webp');
      background-size: auto 80px;
      height: 80px;
      width: 80px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/160px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -1120px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -1200px;
   }
}
@media only screen and (max-width: 1320px), only screen and (max-height: 1430px) {
   .intermediate{
      width: 1152px;
   }
   .intermediate #bbdetails{
      height: 72px;
      font-size: 60px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 72px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -72px;
   }
   .intermediate .square.blank2 {
      background-position-x: -144px;
   }
   .intermediate .square.blank3 {
      background-position-x: -216px;
   }
   .intermediate .square.blank4 {
      background-position-x: -288px;
   }
   .intermediate .square.blank5 {
      background-position-x: -360px;
   }
   .intermediate .square.blank6 {
      background-position-x: -432px;
   }
   .intermediate .square.blank7 {
      background-position-x: -504px;
   }
   .intermediate .square.blank8 {
      background-position-x: -576px;
   }
   .intermediate .square.bomb {
      background-position-x: -648px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -720px;
   }
   .intermediate .square.flag {
      background-position-x: -792px;
   }
   .intermediate .square.flagtran {
      background-position-x: -864px;
   }
   .intermediate .square {
      background-position-x: -936px;
      background-image: url('/img/bbicons/strips/72px.v32.webp');
      background-size: auto 72px;
      height: 72px;
      width: 72px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/144px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -1008px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -1080px;
   }
}
@media only screen and (max-width: 1192px), only screen and (max-height: 1294px) {
   .intermediate{
      width: 1024px;
   }
   .intermediate #bbdetails{
      height: 64px;
      font-size: 53px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 64px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -64px;
   }
   .intermediate .square.blank2 {
      background-position-x: -128px;
   }
   .intermediate .square.blank3 {
      background-position-x: -192px;
   }
   .intermediate .square.blank4 {
      background-position-x: -256px;
   }
   .intermediate .square.blank5 {
      background-position-x: -320px;
   }
   .intermediate .square.blank6 {
      background-position-x: -384px;
   }
   .intermediate .square.blank7 {
      background-position-x: -448px;
   }
   .intermediate .square.blank8 {
      background-position-x: -512px;
   }
   .intermediate .square.bomb {
      background-position-x: -576px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -640px;
   }
   .intermediate .square.flag {
      background-position-x: -704px;
   }
   .intermediate .square.flagtran {
      background-position-x: -768px;
   }
   .intermediate .square {
      background-position-x: -832px;
      background-image: url('/img/bbicons/strips/64px.v32.webp');
      background-size: auto 64px;
      height: 64px;
      width: 64px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/128px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -896px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -960px;
   }
}
@media only screen and (max-width: 1064px), only screen and (max-height: 1158px) {
   .intermediate{
      width: 896px;
   }
   .intermediate #bbdetails{
      height: 56px;
      font-size: 47px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 56px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -56px;
   }
   .intermediate .square.blank2 {
      background-position-x: -112px;
   }
   .intermediate .square.blank3 {
      background-position-x: -168px;
   }
   .intermediate .square.blank4 {
      background-position-x: -224px;
   }
   .intermediate .square.blank5 {
      background-position-x: -280px;
   }
   .intermediate .square.blank6 {
      background-position-x: -336px;
   }
   .intermediate .square.blank7 {
      background-position-x: -392px;
   }
   .intermediate .square.blank8 {
      background-position-x: -448px;
   }
   .intermediate .square.bomb {
      background-position-x: -504px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -560px;
   }
   .intermediate .square.flag {
      background-position-x: -616px;
   }
   .intermediate .square.flagtran {
      background-position-x: -672px;
   }
   .intermediate .square {
      background-position-x: -728px;
      background-image: url('/img/bbicons/strips/56px.v32.webp');
      background-size: auto 56px;
      height: 56px;
      width: 56px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/112px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -784px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -840px;
   }
}
@media only screen and (max-width: 936px), only screen and (max-height: 1022px) {
   .intermediate{
      width: 768px;
   }
   .intermediate #bbdetails{
      height: 48px;
      font-size: 40px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 48px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -48px;
   }
   .intermediate .square.blank2 {
      background-position-x: -96px;
   }
   .intermediate .square.blank3 {
      background-position-x: -144px;
   }
   .intermediate .square.blank4 {
      background-position-x: -192px;
   }
   .intermediate .square.blank5 {
      background-position-x: -240px;
   }
   .intermediate .square.blank6 {
      background-position-x: -288px;
   }
   .intermediate .square.blank7 {
      background-position-x: -336px;
   }
   .intermediate .square.blank8 {
      background-position-x: -384px;
   }
   .intermediate .square.bomb {
      background-position-x: -432px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -480px;
   }
   .intermediate .square.flag {
      background-position-x: -528px;
   }
   .intermediate .square.flagtran {
      background-position-x: -576px;
   }
   .intermediate .square {
      background-position-x: -624px;
      background-image: url('/img/bbicons/strips/48px.v32.webp');
      background-size: auto 48px;
      height: 48px;
      width: 48px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/96px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -672px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -720px;
   }
}
@media only screen and (max-width: 808px), only screen and (max-height: 886px) {
   .intermediate{
      width: 640px;
   }
   .intermediate #bbdetails{
      height: 40px;
      font-size: 33px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 40px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -40px;
   }
   .intermediate .square.blank2 {
      background-position-x: -80px;
   }
   .intermediate .square.blank3 {
      background-position-x: -120px;
   }
   .intermediate .square.blank4 {
      background-position-x: -160px;
   }
   .intermediate .square.blank5 {
      background-position-x: -200px;
   }
   .intermediate .square.blank6 {
      background-position-x: -240px;
   }
   .intermediate .square.blank7 {
      background-position-x: -280px;
   }
   .intermediate .square.blank8 {
      background-position-x: -320px;
   }
   .intermediate .square.bomb {
      background-position-x: -360px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -400px;
   }
   .intermediate .square.flag {
      background-position-x: -440px;
   }
   .intermediate .square.flagtran {
      background-position-x: -480px;
   }
   .intermediate .square {
      background-position-x: -520px;
      background-image: url('/img/bbicons/strips/40px.v32.webp');
      background-size: auto 40px;
      height: 40px;
      width: 40px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/80px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -560px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -600px;
   }
}
@media only screen and (max-width: 680px), only screen and (max-height: 750px) {
   .intermediate{
      width: 512px;
   }
   .intermediate #bbdetails{
      height: 32px;
      font-size: 27px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 32px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -32px;
   }
   .intermediate .square.blank2 {
      background-position-x: -64px;
   }
   .intermediate .square.blank3 {
      background-position-x: -96px;
   }
   .intermediate .square.blank4 {
      background-position-x: -128px;
   }
   .intermediate .square.blank5 {
      background-position-x: -160px;
   }
   .intermediate .square.blank6 {
      background-position-x: -192px;
   }
   .intermediate .square.blank7 {
      background-position-x: -224px;
   }
   .intermediate .square.blank8 {
      background-position-x: -256px;
   }
   .intermediate .square.bomb {
      background-position-x: -288px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -320px;
   }
   .intermediate .square.flag {
      background-position-x: -352px;
   }
   .intermediate .square.flagtran {
      background-position-x: -384px;
   }
   .intermediate .square {
      background-position-x: -416px;
      background-image: url('/img/bbicons/strips/32px.v32.webp');
      background-size: auto 32px;
      height: 32px;
      width: 32px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/64px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -448px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -480px;
   }
}
@media only screen and (max-width: 552px), only screen and (max-height: 614px) {
   .intermediate{
      width: 384px;
   }
   .intermediate #bbdetails{
      height: 24px;
      font-size: 20px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 24px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -24px;
   }
   .intermediate .square.blank2 {
      background-position-x: -48px;
   }
   .intermediate .square.blank3 {
      background-position-x: -72px;
   }
   .intermediate .square.blank4 {
      background-position-x: -96px;
   }
   .intermediate .square.blank5 {
      background-position-x: -120px;
   }
   .intermediate .square.blank6 {
      background-position-x: -144px;
   }
   .intermediate .square.blank7 {
      background-position-x: -168px;
   }
   .intermediate .square.blank8 {
      background-position-x: -192px;
   }
   .intermediate .square.bomb {
      background-position-x: -216px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -240px;
   }
   .intermediate .square.flag {
      background-position-x: -264px;
   }
   .intermediate .square.flagtran {
      background-position-x: -288px;
   }
   .intermediate .square {
      background-position-x: -312px;
      background-image: url('/img/bbicons/strips/24px.v32.webp');
      background-size: auto 24px;
      height: 24px;
      width: 24px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/48px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -336px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -360px;
   }
}
@media only screen and (max-width: 424px), only screen and (max-height: 478px) {
   .intermediate{
      width: 256px;
   }
   .intermediate #bbdetails{
      height: 16px;
      font-size: 13px;
   }
   .intermediate .bbdetailscolumnpadright{
      padding-right: 16px;
   }
   .intermediate .square.blank0 {
      background-position-x: -0px;
   }
   .intermediate .square.blank1 {
      background-position-x: -16px;
   }
   .intermediate .square.blank2 {
      background-position-x: -32px;
   }
   .intermediate .square.blank3 {
      background-position-x: -48px;
   }
   .intermediate .square.blank4 {
      background-position-x: -64px;
   }
   .intermediate .square.blank5 {
      background-position-x: -80px;
   }
   .intermediate .square.blank6 {
      background-position-x: -96px;
   }
   .intermediate .square.blank7 {
      background-position-x: -112px;
   }
   .intermediate .square.blank8 {
      background-position-x: -128px;
   }
   .intermediate .square.bomb {
      background-position-x: -144px;
   }
   .intermediate .square.bombsafe {
      background-position-x: -160px;
   }
   .intermediate .square.flag {
      background-position-x: -176px;
   }
   .intermediate .square.flagtran {
      background-position-x: -192px;
   }
   .intermediate .square {
      background-position-x: -208px;
      background-image: url('/img/bbicons/strips/16px.v32.webp');
      background-size: auto 16px;
      height: 16px;
      width: 16px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .intermediate .square{
      background-image: url('/img/bbicons/strips/32px.v32.webp');
   }
}
   .intermediate .square.ticktran {
      background-position-x: -224px;
   }
   .intermediate .square.wrongflagtran {
      background-position-x: -240px;
   }
}
   .expert{
      width: 3840px;
   }
   .expert #bbdetails{
      height: 128px;
      font-size: 107px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 128px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -128px;
   }
   .expert .square.blank2 {
      background-position-x: -256px;
   }
   .expert .square.blank3 {
      background-position-x: -384px;
   }
   .expert .square.blank4 {
      background-position-x: -512px;
   }
   .expert .square.blank5 {
      background-position-x: -640px;
   }
   .expert .square.blank6 {
      background-position-x: -768px;
   }
   .expert .square.blank7 {
      background-position-x: -896px;
   }
   .expert .square.blank8 {
      background-position-x: -1024px;
   }
   .expert .square.bomb {
      background-position-x: -1152px;
   }
   .expert .square.bombsafe {
      background-position-x: -1280px;
   }
   .expert .square.flag {
      background-position-x: -1408px;
   }
   .expert .square.flagtran {
      background-position-x: -1536px;
   }
   .expert .square {
      background-position-x: -1664px;
      background-image: url('/img/bbicons/strips/128px.v32.webp');
      background-size: auto 128px;
      height: 128px;
      width: 128px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/256px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -1792px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -1920px;
   }
@media only screen and (max-width: 3880px), only screen and (max-height: 2246px) {
   .expert{
      width: 3600px;
   }
   .expert #bbdetails{
      height: 120px;
      font-size: 100px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 120px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -120px;
   }
   .expert .square.blank2 {
      background-position-x: -240px;
   }
   .expert .square.blank3 {
      background-position-x: -360px;
   }
   .expert .square.blank4 {
      background-position-x: -480px;
   }
   .expert .square.blank5 {
      background-position-x: -600px;
   }
   .expert .square.blank6 {
      background-position-x: -720px;
   }
   .expert .square.blank7 {
      background-position-x: -840px;
   }
   .expert .square.blank8 {
      background-position-x: -960px;
   }
   .expert .square.bomb {
      background-position-x: -1080px;
   }
   .expert .square.bombsafe {
      background-position-x: -1200px;
   }
   .expert .square.flag {
      background-position-x: -1320px;
   }
   .expert .square.flagtran {
      background-position-x: -1440px;
   }
   .expert .square {
      background-position-x: -1560px;
      background-image: url('/img/bbicons/strips/120px.v32.webp');
      background-size: auto 120px;
      height: 120px;
      width: 120px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/240px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -1680px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -1800px;
   }
}
@media only screen and (max-width: 3640px), only screen and (max-height: 2110px) {
   .expert{
      width: 3360px;
   }
   .expert #bbdetails{
      height: 112px;
      font-size: 93px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 112px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -112px;
   }
   .expert .square.blank2 {
      background-position-x: -224px;
   }
   .expert .square.blank3 {
      background-position-x: -336px;
   }
   .expert .square.blank4 {
      background-position-x: -448px;
   }
   .expert .square.blank5 {
      background-position-x: -560px;
   }
   .expert .square.blank6 {
      background-position-x: -672px;
   }
   .expert .square.blank7 {
      background-position-x: -784px;
   }
   .expert .square.blank8 {
      background-position-x: -896px;
   }
   .expert .square.bomb {
      background-position-x: -1008px;
   }
   .expert .square.bombsafe {
      background-position-x: -1120px;
   }
   .expert .square.flag {
      background-position-x: -1232px;
   }
   .expert .square.flagtran {
      background-position-x: -1344px;
   }
   .expert .square {
      background-position-x: -1456px;
      background-image: url('/img/bbicons/strips/112px.v32.webp');
      background-size: auto 112px;
      height: 112px;
      width: 112px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/224px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -1568px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -1680px;
   }
}
@media only screen and (max-width: 3400px), only screen and (max-height: 1974px) {
   .expert{
      width: 3120px;
   }
   .expert #bbdetails{
      height: 104px;
      font-size: 87px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 104px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -104px;
   }
   .expert .square.blank2 {
      background-position-x: -208px;
   }
   .expert .square.blank3 {
      background-position-x: -312px;
   }
   .expert .square.blank4 {
      background-position-x: -416px;
   }
   .expert .square.blank5 {
      background-position-x: -520px;
   }
   .expert .square.blank6 {
      background-position-x: -624px;
   }
   .expert .square.blank7 {
      background-position-x: -728px;
   }
   .expert .square.blank8 {
      background-position-x: -832px;
   }
   .expert .square.bomb {
      background-position-x: -936px;
   }
   .expert .square.bombsafe {
      background-position-x: -1040px;
   }
   .expert .square.flag {
      background-position-x: -1144px;
   }
   .expert .square.flagtran {
      background-position-x: -1248px;
   }
   .expert .square {
      background-position-x: -1352px;
      background-image: url('/img/bbicons/strips/104px.v32.webp');
      background-size: auto 104px;
      height: 104px;
      width: 104px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/208px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -1456px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -1560px;
   }
}
@media only screen and (max-width: 3160px), only screen and (max-height: 1838px) {
   .expert{
      width: 2880px;
   }
   .expert #bbdetails{
      height: 96px;
      font-size: 80px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 96px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -96px;
   }
   .expert .square.blank2 {
      background-position-x: -192px;
   }
   .expert .square.blank3 {
      background-position-x: -288px;
   }
   .expert .square.blank4 {
      background-position-x: -384px;
   }
   .expert .square.blank5 {
      background-position-x: -480px;
   }
   .expert .square.blank6 {
      background-position-x: -576px;
   }
   .expert .square.blank7 {
      background-position-x: -672px;
   }
   .expert .square.blank8 {
      background-position-x: -768px;
   }
   .expert .square.bomb {
      background-position-x: -864px;
   }
   .expert .square.bombsafe {
      background-position-x: -960px;
   }
   .expert .square.flag {
      background-position-x: -1056px;
   }
   .expert .square.flagtran {
      background-position-x: -1152px;
   }
   .expert .square {
      background-position-x: -1248px;
      background-image: url('/img/bbicons/strips/96px.v32.webp');
      background-size: auto 96px;
      height: 96px;
      width: 96px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/192px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -1344px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -1440px;
   }
}
@media only screen and (max-width: 2920px), only screen and (max-height: 1702px) {
   .expert{
      width: 2640px;
   }
   .expert #bbdetails{
      height: 88px;
      font-size: 73px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 88px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -88px;
   }
   .expert .square.blank2 {
      background-position-x: -176px;
   }
   .expert .square.blank3 {
      background-position-x: -264px;
   }
   .expert .square.blank4 {
      background-position-x: -352px;
   }
   .expert .square.blank5 {
      background-position-x: -440px;
   }
   .expert .square.blank6 {
      background-position-x: -528px;
   }
   .expert .square.blank7 {
      background-position-x: -616px;
   }
   .expert .square.blank8 {
      background-position-x: -704px;
   }
   .expert .square.bomb {
      background-position-x: -792px;
   }
   .expert .square.bombsafe {
      background-position-x: -880px;
   }
   .expert .square.flag {
      background-position-x: -968px;
   }
   .expert .square.flagtran {
      background-position-x: -1056px;
   }
   .expert .square {
      background-position-x: -1144px;
      background-image: url('/img/bbicons/strips/88px.v32.webp');
      background-size: auto 88px;
      height: 88px;
      width: 88px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/176px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -1232px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -1320px;
   }
}
@media only screen and (max-width: 2680px), only screen and (max-height: 1566px) {
   .expert{
      width: 2400px;
   }
   .expert #bbdetails{
      height: 80px;
      font-size: 67px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 80px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -80px;
   }
   .expert .square.blank2 {
      background-position-x: -160px;
   }
   .expert .square.blank3 {
      background-position-x: -240px;
   }
   .expert .square.blank4 {
      background-position-x: -320px;
   }
   .expert .square.blank5 {
      background-position-x: -400px;
   }
   .expert .square.blank6 {
      background-position-x: -480px;
   }
   .expert .square.blank7 {
      background-position-x: -560px;
   }
   .expert .square.blank8 {
      background-position-x: -640px;
   }
   .expert .square.bomb {
      background-position-x: -720px;
   }
   .expert .square.bombsafe {
      background-position-x: -800px;
   }
   .expert .square.flag {
      background-position-x: -880px;
   }
   .expert .square.flagtran {
      background-position-x: -960px;
   }
   .expert .square {
      background-position-x: -1040px;
      background-image: url('/img/bbicons/strips/80px.v32.webp');
      background-size: auto 80px;
      height: 80px;
      width: 80px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/160px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -1120px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -1200px;
   }
}
@media only screen and (max-width: 2440px), only screen and (max-height: 1430px) {
   .expert{
      width: 2160px;
   }
   .expert #bbdetails{
      height: 72px;
      font-size: 60px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 72px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -72px;
   }
   .expert .square.blank2 {
      background-position-x: -144px;
   }
   .expert .square.blank3 {
      background-position-x: -216px;
   }
   .expert .square.blank4 {
      background-position-x: -288px;
   }
   .expert .square.blank5 {
      background-position-x: -360px;
   }
   .expert .square.blank6 {
      background-position-x: -432px;
   }
   .expert .square.blank7 {
      background-position-x: -504px;
   }
   .expert .square.blank8 {
      background-position-x: -576px;
   }
   .expert .square.bomb {
      background-position-x: -648px;
   }
   .expert .square.bombsafe {
      background-position-x: -720px;
   }
   .expert .square.flag {
      background-position-x: -792px;
   }
   .expert .square.flagtran {
      background-position-x: -864px;
   }
   .expert .square {
      background-position-x: -936px;
      background-image: url('/img/bbicons/strips/72px.v32.webp');
      background-size: auto 72px;
      height: 72px;
      width: 72px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/144px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -1008px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -1080px;
   }
}
@media only screen and (max-width: 2200px), only screen and (max-height: 1294px) {
   .expert{
      width: 1920px;
   }
   .expert #bbdetails{
      height: 64px;
      font-size: 53px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 64px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -64px;
   }
   .expert .square.blank2 {
      background-position-x: -128px;
   }
   .expert .square.blank3 {
      background-position-x: -192px;
   }
   .expert .square.blank4 {
      background-position-x: -256px;
   }
   .expert .square.blank5 {
      background-position-x: -320px;
   }
   .expert .square.blank6 {
      background-position-x: -384px;
   }
   .expert .square.blank7 {
      background-position-x: -448px;
   }
   .expert .square.blank8 {
      background-position-x: -512px;
   }
   .expert .square.bomb {
      background-position-x: -576px;
   }
   .expert .square.bombsafe {
      background-position-x: -640px;
   }
   .expert .square.flag {
      background-position-x: -704px;
   }
   .expert .square.flagtran {
      background-position-x: -768px;
   }
   .expert .square {
      background-position-x: -832px;
      background-image: url('/img/bbicons/strips/64px.v32.webp');
      background-size: auto 64px;
      height: 64px;
      width: 64px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/128px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -896px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -960px;
   }
}
@media only screen and (max-width: 1960px), only screen and (max-height: 1158px) {
   .expert{
      width: 1680px;
   }
   .expert #bbdetails{
      height: 56px;
      font-size: 47px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 56px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -56px;
   }
   .expert .square.blank2 {
      background-position-x: -112px;
   }
   .expert .square.blank3 {
      background-position-x: -168px;
   }
   .expert .square.blank4 {
      background-position-x: -224px;
   }
   .expert .square.blank5 {
      background-position-x: -280px;
   }
   .expert .square.blank6 {
      background-position-x: -336px;
   }
   .expert .square.blank7 {
      background-position-x: -392px;
   }
   .expert .square.blank8 {
      background-position-x: -448px;
   }
   .expert .square.bomb {
      background-position-x: -504px;
   }
   .expert .square.bombsafe {
      background-position-x: -560px;
   }
   .expert .square.flag {
      background-position-x: -616px;
   }
   .expert .square.flagtran {
      background-position-x: -672px;
   }
   .expert .square {
      background-position-x: -728px;
      background-image: url('/img/bbicons/strips/56px.v32.webp');
      background-size: auto 56px;
      height: 56px;
      width: 56px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/112px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -784px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -840px;
   }
}
@media only screen and (max-width: 1720px), only screen and (max-height: 1022px) {
   .expert{
      width: 1440px;
   }
   .expert #bbdetails{
      height: 48px;
      font-size: 40px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 48px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -48px;
   }
   .expert .square.blank2 {
      background-position-x: -96px;
   }
   .expert .square.blank3 {
      background-position-x: -144px;
   }
   .expert .square.blank4 {
      background-position-x: -192px;
   }
   .expert .square.blank5 {
      background-position-x: -240px;
   }
   .expert .square.blank6 {
      background-position-x: -288px;
   }
   .expert .square.blank7 {
      background-position-x: -336px;
   }
   .expert .square.blank8 {
      background-position-x: -384px;
   }
   .expert .square.bomb {
      background-position-x: -432px;
   }
   .expert .square.bombsafe {
      background-position-x: -480px;
   }
   .expert .square.flag {
      background-position-x: -528px;
   }
   .expert .square.flagtran {
      background-position-x: -576px;
   }
   .expert .square {
      background-position-x: -624px;
      background-image: url('/img/bbicons/strips/48px.v32.webp');
      background-size: auto 48px;
      height: 48px;
      width: 48px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/96px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -672px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -720px;
   }
}
@media only screen and (max-width: 1480px), only screen and (max-height: 886px) {
   .expert{
      width: 1200px;
   }
   .expert #bbdetails{
      height: 40px;
      font-size: 33px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 40px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -40px;
   }
   .expert .square.blank2 {
      background-position-x: -80px;
   }
   .expert .square.blank3 {
      background-position-x: -120px;
   }
   .expert .square.blank4 {
      background-position-x: -160px;
   }
   .expert .square.blank5 {
      background-position-x: -200px;
   }
   .expert .square.blank6 {
      background-position-x: -240px;
   }
   .expert .square.blank7 {
      background-position-x: -280px;
   }
   .expert .square.blank8 {
      background-position-x: -320px;
   }
   .expert .square.bomb {
      background-position-x: -360px;
   }
   .expert .square.bombsafe {
      background-position-x: -400px;
   }
   .expert .square.flag {
      background-position-x: -440px;
   }
   .expert .square.flagtran {
      background-position-x: -480px;
   }
   .expert .square {
      background-position-x: -520px;
      background-image: url('/img/bbicons/strips/40px.v32.webp');
      background-size: auto 40px;
      height: 40px;
      width: 40px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/80px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -560px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -600px;
   }
}
@media only screen and (max-width: 1240px), only screen and (max-height: 750px) {
   .expert{
      width: 960px;
   }
   .expert #bbdetails{
      height: 32px;
      font-size: 27px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 32px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -32px;
   }
   .expert .square.blank2 {
      background-position-x: -64px;
   }
   .expert .square.blank3 {
      background-position-x: -96px;
   }
   .expert .square.blank4 {
      background-position-x: -128px;
   }
   .expert .square.blank5 {
      background-position-x: -160px;
   }
   .expert .square.blank6 {
      background-position-x: -192px;
   }
   .expert .square.blank7 {
      background-position-x: -224px;
   }
   .expert .square.blank8 {
      background-position-x: -256px;
   }
   .expert .square.bomb {
      background-position-x: -288px;
   }
   .expert .square.bombsafe {
      background-position-x: -320px;
   }
   .expert .square.flag {
      background-position-x: -352px;
   }
   .expert .square.flagtran {
      background-position-x: -384px;
   }
   .expert .square {
      background-position-x: -416px;
      background-image: url('/img/bbicons/strips/32px.v32.webp');
      background-size: auto 32px;
      height: 32px;
      width: 32px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/64px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -448px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -480px;
   }
}
@media only screen and (max-width: 1000px), only screen and (max-height: 614px) {
   .expert{
      width: 720px;
   }
   .expert #bbdetails{
      height: 24px;
      font-size: 20px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 24px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -24px;
   }
   .expert .square.blank2 {
      background-position-x: -48px;
   }
   .expert .square.blank3 {
      background-position-x: -72px;
   }
   .expert .square.blank4 {
      background-position-x: -96px;
   }
   .expert .square.blank5 {
      background-position-x: -120px;
   }
   .expert .square.blank6 {
      background-position-x: -144px;
   }
   .expert .square.blank7 {
      background-position-x: -168px;
   }
   .expert .square.blank8 {
      background-position-x: -192px;
   }
   .expert .square.bomb {
      background-position-x: -216px;
   }
   .expert .square.bombsafe {
      background-position-x: -240px;
   }
   .expert .square.flag {
      background-position-x: -264px;
   }
   .expert .square.flagtran {
      background-position-x: -288px;
   }
   .expert .square {
      background-position-x: -312px;
      background-image: url('/img/bbicons/strips/24px.v32.webp');
      background-size: auto 24px;
      height: 24px;
      width: 24px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/48px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -336px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -360px;
   }
}
@media only screen and (max-width: 760px), only screen and (max-height: 478px) {
   .expert{
      width: 480px;
   }
   .expert #bbdetails{
      height: 16px;
      font-size: 13px;
   }
   .expert .bbdetailscolumnpadright{
      padding-right: 16px;
   }
   .expert .square.blank0 {
      background-position-x: -0px;
   }
   .expert .square.blank1 {
      background-position-x: -16px;
   }
   .expert .square.blank2 {
      background-position-x: -32px;
   }
   .expert .square.blank3 {
      background-position-x: -48px;
   }
   .expert .square.blank4 {
      background-position-x: -64px;
   }
   .expert .square.blank5 {
      background-position-x: -80px;
   }
   .expert .square.blank6 {
      background-position-x: -96px;
   }
   .expert .square.blank7 {
      background-position-x: -112px;
   }
   .expert .square.blank8 {
      background-position-x: -128px;
   }
   .expert .square.bomb {
      background-position-x: -144px;
   }
   .expert .square.bombsafe {
      background-position-x: -160px;
   }
   .expert .square.flag {
      background-position-x: -176px;
   }
   .expert .square.flagtran {
      background-position-x: -192px;
   }
   .expert .square {
      background-position-x: -208px;
      background-image: url('/img/bbicons/strips/16px.v32.webp');
      background-size: auto 16px;
      height: 16px;
      width: 16px;
   }
@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (-o-min-device-pixel-ratio: 11/10),
only screen and (min-resolution: 101dpi)
{
   .expert .square{
      background-image: url('/img/bbicons/strips/32px.v32.webp');
   }
}
   .expert .square.ticktran {
      background-position-x: -224px;
   }
   .expert .square.wrongflagtran {
      background-position-x: -240px;
   }
}