.elementor-6 .elementor-element.elementor-element-c6dd272{--display:flex;}body.elementor-page-6:not(.elementor-motion-effects-element-type-background), body.elementor-page-6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010F2C;}/* Start custom CSS for html, class: .elementor-element-1859e68 */.elementor-6 .elementor-element.elementor-element-1859e68{
  /* scoped variables */
  --bg1:#070b12;
  --bg2:#0b1522;

  --card: rgba(14, 26, 38, .82);
  --stroke: rgba(255, 210, 122, .22);
  --text:#f6f1e8;
  --muted:#d6cbb8;

  --beer:#ffcf5a;
  --beer2:#f19a2a;
  --foam:#fff2d3;

  --crumb:#e0a35e;
  --crumb2:#b96f2c;
  --crumb3:#8d4f1b;

  --sauce:#ff4d57;
  --mustard:#ffcc2a;
  --curry:#ff8a2a;

  --shadow: 0 22px 70px rgba(0,0,0,.55);
  --radius: 18px;

  --bgBeerGlow: rgba(255, 207, 90, .18);
  --bgBallGlow: rgba(224, 163, 94, .14);

  --gold:#ffd37a;

  color: var(--text);
  max-width: 860px;
  margin: 0 auto;
}

/* wrapper background */
.elementor-6 .elementor-element.elementor-element-1859e68 .bbGame{
  padding: 22px 18px;
  border-radius: var(--radius);
  background:
    radial-gradient(9px 9px at 12% 18%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(7px 7px at 18% 30%, rgba(255,255,255,.08), transparent 60%),
    radial-gradient(10px 10px at 26% 22%, rgba(255,255,255,.09), transparent 60%),
    radial-gradient(8px 8px at 34% 36%, rgba(255,255,255,.07), transparent 60%),
    radial-gradient(6px 6px at 42% 20%, rgba(255,255,255,.07), transparent 60%),

    radial-gradient(640px 520px at 18% 10%, var(--bgBeerGlow), transparent 62%),
    radial-gradient(640px 520px at 82% 14%, rgba(241,154,42,.14), transparent 64%),

    radial-gradient(420px 360px at 12% 88%, var(--bgBallGlow), transparent 62%),
    radial-gradient(420px 360px at 88% 86%, rgba(185,111,44,.12), transparent 62%),

    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.030) 0 10px,
      rgba(255,255,255,.012) 10px 20px
    ),
    linear-gradient(160deg, var(--bg1), var(--bg2));
  border: 1px solid rgba(255, 210, 122, .16);
}

/* header */
.elementor-6 .elementor-element.elementor-element-1859e68 .top{ text-align:center; margin: 6px 0 14px; }
.elementor-6 .elementor-element.elementor-element-1859e68 h1{
  margin:0 0 8px;
  font-size: clamp(22px, 3.2vw, 34px);
  letter-spacing:.2px;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .legend{
  margin:0;
  color:var(--muted);
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .sep{opacity:.55}

/* chips */
.elementor-6 .elementor-element.elementor-element-1859e68 .chip{
  width:18px;height:18px;border-radius:6px;display:inline-block;
  vertical-align:middle;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 6px 14px rgba(0,0,0,.2);
}
.elementor-6 .elementor-element.elementor-element-1859e68 .chip--beer{
  background:
    linear-gradient(180deg, var(--foam) 0 30%, transparent 30%),
    linear-gradient(180deg, var(--beer), var(--beer2));
}
.elementor-6 .elementor-element.elementor-element-1859e68 .chip--ball{
  border-radius:999px;
  background: linear-gradient(180deg, var(--crumb), var(--crumb2));
  position:relative;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .chip--ball::after{
  content:"";
  position:absolute; right:2px; bottom:2px;
  width:6px; height:6px; border-radius:999px;
  background: var(--sauce);
  opacity:.9;
}

/* card */
.elementor-6 .elementor-element.elementor-element-1859e68 .card{
  background: linear-gradient(180deg, rgba(26, 18, 8, .18), var(--card));
  border:1px solid var(--stroke);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding:18px;
  backdrop-filter: blur(8px);
  position:relative;
}

/* hud */
.elementor-6 .elementor-element.elementor-element-1859e68 .hud{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .badge{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius: 999px;
  border:1px solid rgba(255, 210, 122, .22);
  background: rgba(10,18,32,.35);
  color:var(--muted);
  font-size:14px;
  user-select:none;
  min-width: 220px;
}

/* dots */
.elementor-6 .elementor-element.elementor-element-1859e68 .dot{
  width:10px;height:10px;border-radius:999px;display:inline-block;
  box-shadow: 0 0 0 3px rgba(255,255,255,.06);
}
.elementor-6 .elementor-element.elementor-element-1859e68 .dot--beer{ background: linear-gradient(180deg, var(--beer), var(--beer2)); }
.elementor-6 .elementor-element.elementor-element-1859e68 .dot--ball{ background: linear-gradient(180deg, var(--crumb), var(--crumb2)); }

.elementor-6 .elementor-element.elementor-element-1859e68 .controls{
  display:flex;
  gap:10px;
  align-items:center;
  margin-left:auto;
  flex-wrap:wrap;
}

/* buttons/select */
.elementor-6 .elementor-element.elementor-element-1859e68 button, .elementor-6 .elementor-element.elementor-element-1859e68 select{ font: inherit; }

.elementor-6 .elementor-element.elementor-element-1859e68 .btn, .elementor-6 .elementor-element.elementor-element-1859e68 .select{
  appearance:none;
  border:1px solid rgba(255, 210, 122, .22);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  color: var(--text);
  padding:10px 12px;
  border-radius: 12px;
  cursor:pointer;
  transition: transform .12s ease, border-color .2s ease, opacity .2s ease;
  user-select:none;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .btn:hover, .elementor-6 .elementor-element.elementor-element-1859e68 .select:hover{
  transform: translateY(-1px);
  border-color: rgba(255, 210, 122, .35);
}
.elementor-6 .elementor-element.elementor-element-1859e68 .btn:active, .elementor-6 .elementor-element.elementor-element-1859e68 .select:active{transform: translateY(0)}
.elementor-6 .elementor-element.elementor-element-1859e68 .btn[disabled]{opacity:.55; cursor:not-allowed}

.elementor-6 .elementor-element.elementor-element-1859e68 .selectWrap{ position:relative; display:inline-flex; }
.elementor-6 .elementor-element.elementor-element-1859e68 .select{ padding-right: 36px; }

.elementor-6 .elementor-element.elementor-element-1859e68 .selectWrap::after{
  content:"";
  position:absolute;
  right:12px; top:50%;
  width:10px; height:10px;
  transform: translateY(-50%) rotate(45deg);
  border-right:2px solid rgba(246,241,232,.85);
  border-bottom:2px solid rgba(246,241,232,.85);
  opacity:.8;
  pointer-events:none;
}

/* board */
.elementor-6 .elementor-element.elementor-element-1859e68 .board{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
  padding:12px;
  border-radius: 16px;
  border:1px solid rgba(255, 210, 122, .22);
  background:
    radial-gradient(700px 260px at 50% 0%, rgba(255,255,255,.08), transparent 58%),
    radial-gradient(520px 340px at 15% 110%, rgba(255,207,90,.08), transparent 62%),
    radial-gradient(520px 340px at 85% 110%, rgba(224,163,94,.08), transparent 62%),
    rgba(4, 8, 14, .42);
  perspective: 900px;
}

/* cells */
.elementor-6 .elementor-element.elementor-element-1859e68 .cell{
  position:relative;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  border:1px solid rgba(255, 210, 122, .16);
  background:
    radial-gradient(180px 140px at 30% 22%, rgba(255,255,255,.10), transparent 62%),
    radial-gradient(120px 100px at 80% 80%, rgba(0,0,0,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.16));
  box-shadow:
    0 14px 28px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.06);
  cursor:pointer;
  transition: transform .12s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease;
  overflow:hidden;
  transform-style: preserve-3d;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .cell:hover{
  transform: translateY(-1px) rotateX(3deg) rotateY(-3deg);
  border-color: rgba(255, 210, 122, .28);
  box-shadow:
    0 18px 34px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.07);
}
.elementor-6 .elementor-element.elementor-element-1859e68 .cell:active{transform: translateY(0)}
.elementor-6 .elementor-element.elementor-element-1859e68 .cell:focus-visible{
  outline: 3px solid rgba(255, 207, 90, .45);
  outline-offset: 3px;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .cell[disabled]{cursor:not-allowed; filter:saturate(.85) brightness(.95)}
.elementor-6 .elementor-element.elementor-element-1859e68 .cell[disabled]:hover{transform:none}

/* tokens */
.elementor-6 .elementor-element.elementor-element-1859e68 .token3d{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
}

/* beer */
.elementor-6 .elementor-element.elementor-element-1859e68 .beer3d{
  width:52%;
  height:60%;
  position:relative;
  transform: translateZ(30px);
  filter: drop-shadow(0 14px 18px rgba(0,0,0,.32));
}
.elementor-6 .elementor-element.elementor-element-1859e68 .beer3d .glass{
  position:absolute; inset:0;
  border-radius: 14px 14px 16px 16px;
  background:
    radial-gradient(60% 120% at 15% 20%, rgba(255,255,255,.22), transparent 55%),
    radial-gradient(70% 120% at 85% 30%, rgba(0,0,0,.22), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.03)),
    linear-gradient(180deg, var(--beer) 0%, var(--beer2) 100%);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.08),
    inset 0 0 0 4px rgba(0,0,0,.14),
    inset 10px 0 22px rgba(255,255,255,.10),
    inset -14px 0 26px rgba(0,0,0,.22),
    0 16px 30px rgba(0,0,0,.26);
}
.elementor-6 .elementor-element.elementor-element-1859e68 .beer3d .glass::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius: 12px 12px 14px 14px;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.07);
  opacity:.9;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .beer3d .foam{
  position:absolute;
  left:4%;
  right:4%;
  top:-10%;
  height:30%;
  border-radius: 18px 18px 14px 14px;
  background:
    radial-gradient(12px 12px at 18% 55%, rgba(255,255,255,.95), transparent 60%),
    radial-gradient(14px 14px at 45% 40%, rgba(255,255,255,.92), transparent 60%),
    radial-gradient(12px 12px at 72% 55%, rgba(255,255,255,.92), transparent 60%),
    radial-gradient(18px 18px at 55% 70%, rgba(255,255,255,.35), transparent 70%),
    linear-gradient(180deg, var(--foam), rgba(255,255,255,.72));
  box-shadow:
    0 10px 18px rgba(0,0,0,.18),
    inset 0 -6px 10px rgba(0,0,0,.10);
  transform: translateZ(10px);
}
.elementor-6 .elementor-element.elementor-element-1859e68 .beer3d .handle{
  position:absolute;
  right:-22%;
  top:22%;
  width:28%;
  height:46%;
  border-radius: 999px;
  border: 10px solid rgba(255,242,211,.92);
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.10),
    0 10px 18px rgba(0,0,0,.22);
  transform: translateZ(10px);
}
.elementor-6 .elementor-element.elementor-element-1859e68 .beer3d .shine{
  position:absolute;
  left:10%;
  top:12%;
  width:18%;
  height:66%;
  border-radius:999px;
  background: linear-gradient(180deg, rgba(255,255,255,.30), transparent 70%);
  transform: translateZ(12px);
  opacity:.9;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .beer3d::after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:18%;
  bottom:10%;
  border-radius: 12px 12px 14px 14px;
  background:
    radial-gradient(6px 6px at 20% 80%, rgba(255,255,255,.20), transparent 60%),
    radial-gradient(5px 5px at 55% 70%, rgba(255,255,255,.16), transparent 60%),
    radial-gradient(7px 7px at 78% 85%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(5px 5px at 35% 60%, rgba(255,255,255,.14), transparent 60%);
  opacity:.75;
  filter: blur(.2px);
  animation: bbBubbles 1.8s linear infinite;
  mix-blend-mode: screen;
}
@keyframes bbBubbles{
  from{ transform: translateY(12px); }
  to{ transform: translateY(-10px); }
}

/* bitterbal */
.elementor-6 .elementor-element.elementor-element-1859e68 .ball3d{
  width:58%;
  height:58%;
  position:relative;
  transform: translateZ(32px);
  filter: drop-shadow(0 16px 22px rgba(0,0,0,.36));
}
.elementor-6 .elementor-element.elementor-element-1859e68 .ball3d .sphere{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.26), transparent 42%),
    radial-gradient(circle at 72% 78%, rgba(0,0,0,.32), transparent 54%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 62%),
    linear-gradient(180deg, var(--crumb), var(--crumb2));
  box-shadow:
    inset 0 0 0 2px rgba(0,0,0,.18),
    inset 0 0 0 7px rgba(255,255,255,.05),
    inset 14px 16px 34px rgba(255,255,255,.06),
    inset -18px -18px 44px rgba(0,0,0,.30),
    0 18px 34px rgba(0,0,0,.30);
  overflow:hidden;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .ball3d .sphere::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:999px;
  background:
    radial-gradient(3px 3px at 18% 32%, rgba(0,0,0,.16), transparent 70%),
    radial-gradient(2px 2px at 24% 58%, rgba(0,0,0,.14), transparent 70%),
    radial-gradient(3px 3px at 36% 44%, rgba(0,0,0,.16), transparent 70%),
    radial-gradient(2px 2px at 42% 70%, rgba(0,0,0,.14), transparent 70%),
    radial-gradient(3px 3px at 54% 28%, rgba(0,0,0,.15), transparent 70%),
    radial-gradient(2px 2px at 62% 52%, rgba(0,0,0,.14), transparent 70%),
    radial-gradient(3px 3px at 74% 40%, rgba(0,0,0,.16), transparent 70%),
    radial-gradient(2px 2px at 78% 66%, rgba(0,0,0,.14), transparent 70%),
    radial-gradient(3px 3px at 58% 82%, rgba(0,0,0,.15), transparent 70%),
    radial-gradient(2px 2px at 86% 52%, rgba(0,0,0,.14), transparent 70%),
    radial-gradient(1px 1px at 66% 18%, rgba(0,0,0,.12), transparent 70%),
    radial-gradient(1px 1px at 32% 18%, rgba(0,0,0,.10), transparent 70%),
    radial-gradient(1px 1px at 48% 90%, rgba(0,0,0,.10), transparent 70%);
  opacity:.95;
  mix-blend-mode:multiply;
  filter: blur(.25px);
}
.elementor-6 .elementor-element.elementor-element-1859e68 .ball3d .sphere::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 50%, transparent 55%, rgba(0,0,0,.18) 62%, transparent 72%),
    radial-gradient(circle at 40% 35%, rgba(255,255,255,.10), transparent 60%);
  opacity:.9;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .ball3d .crumbs{
  position:absolute;
  inset:0;
  border-radius:999px;
  opacity:.35;
  filter: blur(.2px);
  background:
    radial-gradient(2px 2px at 26% 44%, rgba(0,0,0,.12), transparent 70%),
    radial-gradient(2px 2px at 54% 28%, rgba(0,0,0,.10), transparent 70%),
    radial-gradient(2px 2px at 72% 52%, rgba(0,0,0,.12), transparent 70%),
    radial-gradient(2px 2px at 38% 70%, rgba(0,0,0,.10), transparent 70%),
    radial-gradient(2px 2px at 58% 68%, rgba(0,0,0,.10), transparent 70%);
  mix-blend-mode: multiply;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .ball3d .sauce{
  position:absolute;
  right:8%;
  bottom:10%;
  width:20%;
  height:20%;
  border-radius:999px;
  background:
    radial-gradient(circle at 26% 26%, rgba(255,255,255,.40), transparent 55%),
    radial-gradient(circle at 60% 76%, rgba(0,0,0,.22), transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 30%),
    linear-gradient(180deg, color-mix(in oklab, var(--sauce), white 6%), var(--sauce));
  box-shadow:
    0 14px 24px rgba(0,0,0,.26),
    inset 0 -8px 12px rgba(0,0,0,.18);
  transform: translateZ(16px);
  opacity:.96;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .ball3d .sauce::after{
  content:"";
  position:absolute;
  left:42%;
  top:72%;
  width:28%;
  height:44%;
  border-radius:999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.28), transparent 55%),
    linear-gradient(180deg, color-mix(in oklab, var(--sauce), white 4%), var(--sauce));
  box-shadow: 0 10px 16px rgba(0,0,0,.22);
  transform: rotate(10deg);
  opacity:.95;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .ball3d .bite{
  position:absolute;
  left:-6%;
  top:14%;
  width:34%;
  height:34%;
  border-radius:999px;
  transform: translateZ(18px);
  pointer-events:none;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .ball3d .bite::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:
    radial-gradient(circle at 55% 55%, rgba(255,255,255,.12), transparent 58%),
    radial-gradient(circle at 35% 35%, rgba(0,0,0,.18), transparent 62%),
    linear-gradient(180deg, rgba(7,11,18,.95), rgba(7,11,18,.95));
  box-shadow: 0 10px 18px rgba(0,0,0,.22);
  opacity:.95;
}

/* pop */
@keyframes bbPop3d{
  0%{ transform: translateZ(34px) scale(.6); opacity:0; }
  65%{ transform: translateZ(38px) scale(1.06); opacity:1; }
  100%{ transform: translateZ(32px) scale(1); }
}
.elementor-6 .elementor-element.elementor-element-1859e68 .token3d > div{ animation: bbPop3d .18s ease-out; }

/* status */
.elementor-6 .elementor-element.elementor-element-1859e68 .status{
  margin:14px 4px 0;
  color:var(--muted);
  font-size: 13px;
  line-height:1.4;
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

/* overlay */
.elementor-6 .elementor-element.elementor-element-1859e68 .overlay{
  position:absolute;
  inset:0;
  display:none;
  place-items:center;
  background: radial-gradient(900px 500px at 50% 20%, rgba(255,255,255,.10), rgba(0,0,0,.60));
  border-radius: var(--radius);
  overflow:hidden;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .overlay.show{display:grid}

.elementor-6 .elementor-element.elementor-element-1859e68 .modal{
  width:min(520px, 92%);
  border-radius: 20px;
  border:1px solid rgba(255, 210, 122, .22);
  background: linear-gradient(180deg, rgba(20,20,16,.72), rgba(8,10,14,.88));
  box-shadow: 0 24px 70px rgba(0,0,0,.60);
  padding:16px;
  text-align:center;
  backdrop-filter: blur(10px);
}
.elementor-6 .elementor-element.elementor-element-1859e68 .trophy{
  width:54px;
  height:54px;
  margin: 0 auto 8px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.28), transparent 45%),
    linear-gradient(180deg, var(--gold), #e3a93a);
  box-shadow: 0 18px 30px rgba(0,0,0,.35);
  position:relative;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .trophy::before, .elementor-6 .elementor-element.elementor-element-1859e68 .trophy::after{
  content:"";
  position:absolute;
  top:14px;
  width:16px;
  height:22px;
  border-radius: 999px;
  border:6px solid rgba(255,255,255,.20);
  opacity:.9;
}
.elementor-6 .elementor-element.elementor-element-1859e68 .trophy::before{ left:-10px; }
.elementor-6 .elementor-element.elementor-element-1859e68 .trophy::after{ right:-10px; }

.elementor-6 .elementor-element.elementor-element-1859e68 .modal h2{ margin:6px 0 8px; font-size:22px; letter-spacing:.2px; }
.elementor-6 .elementor-element.elementor-element-1859e68 .modal p{ margin:0 0 12px; color:var(--muted); }

.elementor-6 .elementor-element.elementor-element-1859e68 .modal .row{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:10px;
}

.elementor-6 .elementor-element.elementor-element-1859e68 canvas#bbConfetti{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

@media (max-width: 420px){
  .elementor-6 .elementor-element.elementor-element-1859e68 .badge{ min-width: unset; width:100%; justify-content:center; }
  .elementor-6 .elementor-element.elementor-element-1859e68 .controls{ width:100%; justify-content:center; }
}

.elementor-6 .elementor-element.elementor-element-1859e68 .tokenImg{
  width: 64%;
  height: 64%;
  object-fit: contain;
  transform: translateZ(32px);
  filter:
    drop-shadow(0 18px 24px rgba(0,0,0,.40))
    drop-shadow(0 6px 10px rgba(0,0,0,.20));
  user-select: none;
  pointer-events: none;
}

.elementor-6 .elementor-element.elementor-element-1859e68 .tokenImg--beer{
  width: 58%;
  height: 72%;
}

.elementor-6 .elementor-element.elementor-element-1859e68 .tokenImg--ball{
  width: 66%;
  height: 66%;
}/* End custom CSS */