/* v8.30 minigames: module overrides. */

/* v8.31 — BVL move/result/score feedback */
#bvlMiniScreen #bvlButtons button:active{transform:translateY(4px) scale(.96)!important}
#bvlMiniScreen .bvl-score-pop{animation:bvlScorePop .38s ease}
#bvlMiniScreen .bvl-result-pop{animation:bvlResultPop .42s ease}
@keyframes bvlScorePop{50%{transform:scale(1.22)}}
@keyframes bvlResultPop{0%{transform:scale(.92);opacity:.55}65%{transform:scale(1.06)}100%{transform:none;opacity:1}}


/* v8.38 — redesigned Mini-games lobby */
#miniSelectScreen{
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(12,52,35,.18),rgba(9,36,28,.42)),
    url('../../assets/backgrounds/home.webp') center/cover no-repeat!important;
}
#miniSelectScreen:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 28%,rgba(255,244,179,.24),transparent 40%);
}
#miniSelectScreen .mini-lobby{
  position:absolute;z-index:6;
  top:calc(var(--ibobry-title-top,76px) + 68px);
  bottom:max(18px,env(safe-area-inset-bottom));
  left:50%;transform:translateX(-50%);
  width:min(1120px,92vw);
  display:flex;flex-direction:column;gap:14px;
}
#miniSelectScreen .mini-lobby-head{
  flex:0 0 auto;
  width:min(760px,92%);
  margin:0 auto;
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding:9px 18px 10px;
  border:3px solid #744321;border-radius:22px;
  background:linear-gradient(180deg,#fff7d8,#eed18b);
  box-shadow:inset 0 2px #fff9,0 5px 0 #4b2c1a,0 10px 20px #0003;
  color:#4a2d1a;
}
#miniSelectScreen .mini-lobby-beaver{
  width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;
}
#miniSelectScreen .mini-lobby-beaver img{width:100%;height:100%;object-fit:contain;display:block}
#miniSelectScreen .mini-lobby-copy{display:flex;flex-direction:column;line-height:1.12}
#miniSelectScreen .mini-lobby-copy b{font-size:21px}
#miniSelectScreen .mini-lobby-copy span{font-size:13px;font-weight:800;opacity:.78;margin-top:4px}

#miniSelectScreen .mini-select-card{
  position:relative!important;inset:auto!important;left:auto!important;top:auto!important;
  transform:none!important;width:100%!important;min-height:0!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;padding:0!important;overflow:visible!important;
}
#miniSelectScreen .mini-choice{
  position:relative;overflow:hidden;
  min-height:300px!important;margin:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;text-align:left!important;
  border:4px solid #5b341d!important;border-radius:28px!important;
  background:linear-gradient(180deg,#fff4ce 0%,#e4b864 100%)!important;
  box-shadow:inset 0 3px #fff6,0 8px 0 #3f2517,0 15px 30px #0004!important;
  color:#422817!important;text-shadow:none!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
#miniSelectScreen .mini-choice:before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 35%);
}
#miniSelectScreen .mini-choice:hover{transform:translateY(-4px) scale(1.01);filter:brightness(1.04)}
#miniSelectScreen .mini-choice:active{transform:translateY(5px) scale(.99)!important;box-shadow:inset 0 3px #fff6,0 3px 0 #3f2517,0 8px 16px #0003!important}
#miniSelectScreen .mini-card-art{
  position:relative;z-index:1;height:150px;width:100%;overflow:hidden;
  display:flex;align-items:flex-end;justify-content:center;
  border-bottom:3px solid rgba(74,42,22,.2);
}
#miniSelectScreen .logs-card-art{background:linear-gradient(#82c8ef,#d6f1ff 66%,#78b85a 67%)}
#miniSelectScreen .race-card-art{background:linear-gradient(#ffe9a4,#f6cc69 65%,#72b55b 66%)}
#miniSelectScreen .bvl-card-art{background:linear-gradient(#8bd1cf,#d1f1d9 66%,#65a955 67%)}

#miniSelectScreen .logs-card-art .mini-card-beaver{
  position:absolute;left:17px;bottom:-13px;width:118px;height:118px;object-fit:contain;
}
#miniSelectScreen .mini-card-log{position:absolute;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 3px #0003)}
#miniSelectScreen .log-one{right:34px;top:18px;transform:rotate(15deg)}
#miniSelectScreen .log-two{right:75px;top:69px;transform:rotate(-11deg)}
#miniSelectScreen .mini-card-swoosh{position:absolute;right:18px;bottom:10px;font-size:34px;color:#fff;text-shadow:0 3px 3px #315b24}

#miniSelectScreen .race-card-art img{
  position:absolute;bottom:-10px;width:112px;height:132px;object-fit:contain;filter:drop-shadow(0 5px 4px #0004)
}
#miniSelectScreen .race-card-art img:nth-child(1){left:50%;transform:translateX(-50%);z-index:3}
#miniSelectScreen .race-card-art img:nth-child(2){left:6%;transform:rotate(-5deg);z-index:2}
#miniSelectScreen .race-card-art img:nth-child(3){right:5%;transform:rotate(5deg);z-index:2}
#miniSelectScreen .mini-die{
  position:absolute;z-index:5;right:12px;top:10px;width:45px;height:45px;
  display:grid;place-items:center;border:3px solid #70441f;border-radius:12px;
  background:#fff7db;box-shadow:0 4px 0 #6c451f;font-size:32px;line-height:1;color:#4a2f1a;
}

#miniSelectScreen .bvl-card-art img{width:31%;height:118px;object-fit:contain;filter:drop-shadow(0 5px 4px #0003)}
#miniSelectScreen .bvl-card-art img:nth-child(2){transform:scale(1.08)}
#miniSelectScreen .mini-card-copy{
  position:relative;z-index:2;flex:1;padding:16px 18px 12px;
  display:flex;flex-direction:column;
}
#miniSelectScreen .mini-card-copy small{
  width:max-content;padding:4px 8px;border-radius:999px;background:#784623;color:#ffe9a5;
  font-size:10px;font-weight:1000;letter-spacing:.8px;margin-bottom:8px;
}
#miniSelectScreen .mini-card-copy b{
  display:block!important;font-size:25px!important;line-height:1.02!important;margin:0 0 8px!important;color:#442817!important;
}
#miniSelectScreen .mini-card-copy span{
  display:block!important;font-size:13px!important;line-height:1.3!important;color:#68452d!important;font-weight:800;
}
#miniSelectScreen .mini-lock-note{
  position:relative;z-index:3;display:block!important;
  margin:0 14px 14px;padding:9px 12px;border-radius:12px;
  background:rgba(84,52,29,.12);color:#68452d;font-style:normal;font-size:12px;font-weight:1000;text-align:center;
}
#miniSelectScreen .mini-play-chip{
  position:absolute;z-index:4;right:12px;top:12px;
  padding:7px 10px;border-radius:999px;border:2px solid #3f6723;
  background:linear-gradient(#9ae65b,#4eaa3c);box-shadow:0 3px 0 #315c27;
  color:#fffbe5;font-style:normal;font-size:10px;font-weight:1000;letter-spacing:.5px;text-shadow:0 1px #315c27;
}
#miniSelectScreen .mini-choice.progress-locked{
  opacity:1!important;filter:none!important;cursor:pointer!important;
}
#miniSelectScreen .mini-choice.progress-locked .mini-card-art,
#miniSelectScreen .mini-choice.progress-locked .mini-card-copy{filter:saturate(.35) brightness(.88)}
#miniSelectScreen .mini-choice.progress-locked .mini-play-chip{
  border-color:#73583e;background:linear-gradient(#9b8d78,#75634e);box-shadow:0 3px 0 #544432;color:#f7ead6;
}
#miniSelectScreen .mini-choice.progress-locked .mini-play-chip:before{content:"🔒 ";font-size:10px}
#miniSelectScreen .mini-choice:not(.progress-locked) .mini-lock-note{background:#dff3c2;color:#315d29}
#miniSelectScreen .mini-choice:not(.progress-locked) .mini-lock-note:before{content:"✓ ";}

#miniSelectScreen .mini-stats{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;display:flex!important;justify-content:center!important;margin:0!important;
}
#miniSelectScreen .mini-record{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;
  padding:7px 14px;border:2px solid rgba(255,247,211,.38);border-radius:16px;
  background:rgba(20,58,43,.76);backdrop-filter:blur(8px);box-shadow:0 8px 18px #0002;
  color:#fff8db;font-size:12px;font-weight:900;
}
#miniSelectScreen .mini-record>b{font-size:18px;color:#ffe178}
#miniSelectScreen .mini-record small{opacity:.85}
#miniSelectScreen .mini-record strong{color:#ffe178}

@media(max-width:760px){
  #miniSelectScreen{overflow-y:auto!important;overscroll-behavior:contain}
  #miniSelectScreen .mini-lobby{
    position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;transform:none!important;
    width:calc(100% - 18px)!important;margin:calc(var(--ibobry-content-top,140px) + 4px) auto 20px!important;
    gap:11px!important;padding-bottom:max(12px,env(safe-area-inset-bottom));
  }
  #miniSelectScreen .mini-lobby-head{
    width:100%!important;padding:7px 11px!important;border-width:3px!important;border-radius:17px!important;
    justify-content:flex-start!important;
  }
  #miniSelectScreen .mini-lobby-beaver{width:44px;height:44px;flex-basis:44px}
  #miniSelectScreen .mini-lobby-copy b{font-size:17px}
  #miniSelectScreen .mini-lobby-copy span{font-size:11px}
  #miniSelectScreen .mini-select-card{
    grid-template-columns:1fr!important;gap:12px!important;
  }
  #miniSelectScreen .mini-choice{
    min-height:142px!important;height:142px!important;border-width:3px!important;border-radius:21px!important;
    display:grid!important;grid-template-columns:42% 58%!important;grid-template-rows:1fr auto!important;
  }
  #miniSelectScreen .mini-card-art{
    grid-row:1/3;height:100%!important;border-bottom:0!important;border-right:2px solid rgba(74,42,22,.18);
  }
  #miniSelectScreen .mini-card-copy{padding:12px 10px 5px!important}
  #miniSelectScreen .mini-card-copy small{font-size:8px!important;margin-bottom:5px!important;padding:3px 6px}
  #miniSelectScreen .mini-card-copy b{font-size:18px!important;margin-bottom:5px!important}
  #miniSelectScreen .mini-card-copy span{font-size:10.5px!important;line-height:1.2!important}
  #miniSelectScreen .mini-lock-note{
    margin:0 9px 9px 9px!important;padding:5px 7px!important;font-size:10px!important;
  }
  #miniSelectScreen .mini-play-chip{right:7px;top:7px;padding:4px 7px;font-size:8px;border-width:1px}
  #miniSelectScreen .logs-card-art .mini-card-beaver{left:3px;bottom:-5px;width:88px;height:88px}
  #miniSelectScreen .mini-card-log{width:39px;height:39px}
  #miniSelectScreen .log-one{right:7px;top:13px}.mini-select .log-two{right:28px;top:55px}
  #miniSelectScreen .mini-card-swoosh{display:none}
  #miniSelectScreen .race-card-art img{width:72px;height:102px}
  #miniSelectScreen .race-card-art img:nth-child(2){left:-8px}
  #miniSelectScreen .race-card-art img:nth-child(3){right:-8px}
  #miniSelectScreen .mini-die{width:32px;height:32px;right:5px;top:5px;font-size:23px;border-width:2px}
  #miniSelectScreen .bvl-card-art{gap:0}
  #miniSelectScreen .bvl-card-art img{width:33%;height:82px}
  #miniSelectScreen .mini-record{width:100%;gap:6px;padding:7px 9px;font-size:10px;border-radius:13px}
  #miniSelectScreen .mini-record>b{font-size:15px}
}