/** Shopify CDN: Minification failed

Line 11:13 Unexpected ";"

**/
.brainrot-game-section{
  padding:0;
  margin:0;
  background:transparent;
}
  color:white;
  text-align:center;
}

.brainrot-game-wrapper{
  max-width:480px;
  margin:0 auto;
}

.brainrot-game-wrapper h2{
  font-size:28px;
  margin-bottom:8px;
}

.brainrot-game-wrapper p{
  font-size:16px;
  margin-bottom:20px;
  opacity:.85;
}

.brainrot-game-box{
  position:relative;
  width:100%;
  max-width:480px;
  aspect-ratio:9/13.6;
  margin:0 auto;
  overflow:hidden;
  border-radius:18px;
}
#gameCanvas{
  width:88%;
  height:100%;
  margin:0 auto;
  display:block;
  touch-action:none;
  background:transparent;
}

.scroll-side{
  position:absolute;
  top:0;
  bottom:0;
  width:6%;
  z-index:20;
  pointer-events:auto;
  touch-action:pan-y;
}

.scroll-left{
  left:0;
}

.scroll-right{
  right:0;
}

#gameStartScreen{
  position:absolute;
  inset:0;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:30;
  background:#040414;
}

#startGameBtn{
  position:absolute;
  left:50%;
  top:84.1%;
  transform:translate(-50%,-50%);

  width:64%;
  height:8.8%;

  border:none;
  border-radius:16px;
  cursor:pointer;

  background:linear-gradient(180deg,#ff3b3b,#d40000);
  color:white;

  font-size:28px;
  font-weight:900;
  text-transform:uppercase;

  box-shadow:none;
  z-index:999;
}

#closeGameBtn{
  position:absolute;
  left:14px;
  bottom:14px;
  width:44px;
  height:44px;
  display:none;
  justify-content:center;
  align-items:center;
  z-index:999;
  border:none;
  border-radius:50%;
  background:#ff2b2b;
  color:white;
  font-size:34px;
  line-height:44px;
  padding:0;
  cursor:pointer;
}

#hint{
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  background:rgba(0,0,0,.65);
  color:#fff;
  padding:8px 12px;
  border-radius:8px;
  font-size:13px;
  pointer-events:none;
  z-index:25;
}

#winScreen{
  position:absolute;
  inset:0;
  display:none;
  justify-content:center;
  align-items:center;
  z-index:50;
  background:rgba(4,4,20,.96);
}

.win-card{
  width:78%;
  background:#111127;
  border:2px solid #ff2b2b;
  border-radius:20px;
  padding:26px 20px;
  box-shadow:0 0 32px rgba(255,43,43,.35);
  text-align:center;
}

.win-card h3{
  font-size:28px;
  margin:0 0 1px;
  color:white;
}

.win-card p{
  margin:0 0 2px;
  color:white;
  opacity:.9;
  font-size:16px;
}

#copyCodeBtn{
  display:block;
  width:100%;
  border:none;
  background:transparent;
  color:#ff2b2b;
  font-size:34px;
  font-weight:900;
  letter-spacing:1px;
  cursor:pointer;
  margin:8px 0 12px;

  transform: translateX(-19px);
}

.win-card small{
  display:block;
  color:white;
  opacity:.75;
  font-size:12px;
  line-height:1.35;
  margin-bottom:14px;
}

#copyMessage{
  opacity:0;
  color:#ff2b2b;
  font-size:13px;
  margin-bottom:14px;
  transition:opacity .25s ease;
}

#playAgainBtn{
  width:100%;
  border:none;
  border-radius:14px;
  padding:14px 12px;
  background:linear-gradient(180deg,#ff3a3a,#d60000);
  color:white;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
}
#loseScreen{
  position:absolute;
  inset:0;
  display:none;
  justify-content:center;
  align-items:center;
  z-index:50;
  background:rgba(4,4,20,.96);
}

#playAgainLoseBtn{
  width:100%;
  border:none;
  border-radius:14px;
  padding:14px 12px;
  background:linear-gradient(180deg,#ff3a3a,#d60000);
  color:#fff;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
  margin-top:22px;
}