/* Mini-jogos v2 (2026-11-07) */
.minigames-main.mj2{width:min(1180px,calc(100% - 32px)) !important;margin:0 auto;padding:130px 0 70px !important;color:#eaf6ff}
.mj2-hero .mj2-kicker{font:900 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.24em;color:#6fcfff}
.mj2-hero h1{margin:10px 0 0;font:900 clamp(30px,5vw,50px)/1 Montserrat,"Arial Black",Arial,sans-serif;letter-spacing:-1px;color:#fff}
.mj2-hero p{margin:0;color:#8ea9bf;font-size:15px}
.mj2-hero p a{color:#fff;text-decoration:none}
.mj2-ticker{margin-top:22px;height:42px;border-radius:12px;overflow:hidden;display:flex;align-items:center;gap:18px;padding:0 0 0 18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.mj2-ticker[hidden]{display:none}
.mj2-ticker-label{flex:none;display:flex;align-items:center;gap:8px;font:900 10px Montserrat,Arial,sans-serif;letter-spacing:.18em;color:#ff4d64}
.mj2-ticker-label i{width:8px;height:8px;border-radius:50%;background:#ff2d46;box-shadow:0 0 0 3px rgba(255,45,70,.22),0 0 10px #ff2d46;animation:mj2pulse 1.6s ease-in-out infinite}
@keyframes mj2pulse{50%{opacity:.35}}
.mj2-ticker-view{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 94%,transparent)}
.mj2-ticker-track{display:flex;width:max-content;will-change:transform}
.mj2-ticker-track > span{flex:none;font:700 13px Montserrat,Arial,sans-serif;color:#b9cada;white-space:nowrap}
.mj2-ticker-track b{color:#fff}.mj2-ticker-track em{font-style:normal;color:#5fe39b;font-weight:900}
.mj2-title{margin:40px 0 14px;font:900 13px Montserrat,Arial,sans-serif;letter-spacing:.22em;color:#7fa4c0}
.mj2-feat{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}
.mj2-fc{position:relative;isolation:isolate;display:block;height:330px;border-radius:22px;overflow:hidden;background:#020912;border:1px solid rgba(110,200,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.45);color:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.mj2-fc::before{content:"";position:absolute;inset:0;z-index:0;background:var(--img) center 30%/cover no-repeat;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 42%);mask-image:linear-gradient(0deg,transparent 0%,#000 42%)}
.mj2-fc::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(2,9,18,.96) 0%,rgba(2,9,18,.55) 38%,rgba(2,9,18,0) 70%)}
.mj2-fc:hover{transform:translateY(-3px);border-color:rgba(140,220,255,.6);box-shadow:0 0 0 1px rgba(140,220,255,.35),0 26px 60px rgba(20,120,220,.28)}
.mj2-tag{position:absolute;z-index:1;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;font:900 10px Montserrat,Arial,sans-serif;letter-spacing:.12em;padding:7px 11px;border-radius:999px;background:rgba(3,20,36,.8);border:1px solid rgba(140,220,255,.45)}
.mj2-tag svg{width:12px;height:12px;color:#7fd6ff}
.mj2-tag.is-live{left:auto;right:16px;border-color:rgba(255,80,100,.5);color:#ff8a9a}
.mj2-fc-info{position:absolute;z-index:1;left:24px;right:24px;bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.mj2-fc-info strong{display:block;font:900 clamp(26px,3.2vw,38px)/1 Montserrat,"Arial Black",Arial,sans-serif;letter-spacing:-.5px}
.mj2-fc-info em{display:block;margin-top:8px;font-style:normal;color:#bcd2e3;font-size:14px}
.mj2-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mj2-meta i{font:800 10px Montserrat,Arial,sans-serif;font-style:normal;letter-spacing:.08em;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.08);color:#d7e9f5}
.mj2-btn{flex:none;padding:14px 20px;border-radius:12px;background:#fff;color:#04121f;font:900 12px Montserrat,Arial,sans-serif;letter-spacing:.1em;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .2s}
.mj2-fc:hover .mj2-btn{transform:scale(1.04)}
.mj2-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:44px 0 16px}
.mj2-tabs button{cursor:pointer;padding:10px 16px;border-radius:999px;font:900 11px Montserrat,Arial,sans-serif;letter-spacing:.1em;color:#a9c2d6;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:background .15s,color .15s,border-color .15s}
.mj2-tabs button:hover{border-color:rgba(92,200,255,.5);color:#fff}
.mj2-tabs button.is-new{color:#ffcf4a}
.mj2-tabs button.is-on{background:#5cc8ff;color:#03182a;border-color:#5cc8ff}
.mj2-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.mj2-card{position:relative;display:block;border-radius:16px;overflow:hidden;background:#061321;border:1px solid rgba(110,200,255,.14);color:#fff;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.mj2-card[hidden]{display:none}
.mj2-img{position:relative;display:block;height:170px;overflow:hidden}
.mj2-img::before{content:"";position:absolute;inset:0;background:inherit;background-position:center;background-size:cover;transition:transform .35s ease}
.mj2-img{background-size:0 0;background-repeat:no-repeat}
.mj2-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,12,22,1) 0%,rgba(4,12,22,0) 55%)}
.mj2-name{position:absolute;left:12px;bottom:10px;z-index:1;font:900 17px Montserrat,"Arial Black",Arial,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.mj2-play{position:absolute;z-index:2;left:50%;top:50%;padding:11px 18px;border-radius:999px;background:#fff;color:#04121f;font:900 12px Montserrat,Arial,sans-serif;letter-spacing:.1em;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;transform:translate(-50%,-40%);transition:opacity .2s,transform .2s;white-space:nowrap}
.mj2-line{display:flex;justify-content:space-between;gap:8px;padding:9px 12px 12px;font:700 11px Montserrat,Arial,sans-serif;color:#8ea9bf}
.mj2-line b{color:#dff3ff;white-space:nowrap}
.mj2-badge{position:absolute;top:10px;left:10px;z-index:3;font:900 9px Montserrat,Arial,sans-serif;letter-spacing:.12em;padding:5px 8px;border-radius:999px;background:#5cc8ff;color:#03182a}
.mj2-badge.is-live{background:#ff4d64;color:#fff}
.mj2-card:hover{transform:translateY(-4px);border-color:#5cc8ff;box-shadow:0 0 0 1px #5cc8ff,0 18px 40px rgba(40,160,255,.25)}
.mj2-card:hover .mj2-img::before{transform:scale(1.08)}
.mj2-card:hover .mj2-play{opacity:1;transform:translate(-50%,-50%)}
.mj2-empty{color:#6f8aa0;font-weight:700;text-align:center;padding:30px 0}
@media (max-width:1100px){.mj2-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:860px){.mj2-feat{grid-template-columns:1fr}.mj2-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){
  .minigames-main.mj2{padding-top:96px !important}
  .mj2-fc{height:300px}
  .mj2-fc::after{background:linear-gradient(0deg,rgba(2,9,18,.97) 0%,rgba(2,9,18,.75) 50%,rgba(2,9,18,0) 85%)}
  .mj2-fc-info{left:16px;right:16px;bottom:16px;flex-direction:column;align-items:stretch}
  .mj2-btn{text-align:center}
  .mj2-tabs{flex-wrap:nowrap;overflow-x:auto;margin:32px -16px 14px;padding:0 16px;scrollbar-width:none}
  .mj2-tabs::-webkit-scrollbar{display:none}
  .mj2-tabs button{flex:none}
  .mj2-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .mj2-img{height:130px}
  .mj2-name{font-size:15px}
  .mj2-line{flex-direction:column;gap:2px}
}
@media (prefers-reduced-motion:reduce){.mj2-ticker-label i{animation:none}}

/* Frozen Fishing: mesmo tom escuro/azul dos outros jogos */
.mj2-fc.is-art::before{background-size:122% auto;background-position:50% 4%;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 60%);mask-image:linear-gradient(0deg,transparent 0%,#000 60%);filter:brightness(.72) saturate(.85) contrast(1.05)}
.mj2-fc.is-art{background:#020912}
.mj2-fc.is-art .mj2-tint{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(4,22,48,.35),rgba(4,22,48,.15));mix-blend-mode:multiply;pointer-events:none}
@media (max-width:620px){.mj2-fc.is-art::before{background-size:auto 150%;background-position:62% 0;-webkit-mask-image:linear-gradient(0deg,transparent 15%,#000 70%);mask-image:linear-gradient(0deg,transparent 15%,#000 70%)}}

/* faixa de prémios v2 */
.mj2-ticker{height:52px}
.mj2-ticker-track .mj2-win{display:inline-flex;align-items:center;gap:8px;margin-right:12px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font:700 13px Montserrat,Arial,sans-serif;color:#b9cada}
.mj2-av{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;font:900 12px/1 Montserrat,Arial,sans-serif;font-style:normal;color:#03182a;background:#5cc8ff}
.mj2-win b{color:#fff;font-weight:800}
.mj2-win em{font-style:normal;font-weight:900;color:#5fe39b;padding:2px 8px;border-radius:7px;background:rgba(95,227,155,.12)}
.mj2-gm{display:inline-flex;align-items:center;gap:6px;color:#8ea9bf;font-weight:700}
.mj2-jg{width:24px;height:24px;border-radius:6px;object-fit:cover;box-shadow:0 0 0 1px rgba(140,220,255,.3)}
.mj2-x{font:900 11px Montserrat,Arial,sans-serif;color:#ffcf4a;padding:2px 7px;border-radius:7px;background:rgba(255,207,74,.12)}
@media (max-width:620px){.mj2-ticker-label{font-size:0;gap:0}.mj2-ticker{padding-left:14px;gap:10px}}
/* "AO VIVO" igual em todo o lado */
.mj2-tag.is-live{background:#ff4d64;color:#fff;border-color:#ff4d64}

/* prémios sem caixa nem imagem do jogo */
.mj2-ticker-track .mj2-win{background:none;border:0;padding:0;margin-right:0}
.mj2-ticker-track .mj2-win+.mj2-win::before{content:"";width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.18);margin:0 18px 0 16px}
.mj2-ticker-track .mj2-win:first-child::before{content:"";width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.18);margin:0 18px 0 16px}
/* destaque da Luta (NOVO) */
.mj2-tag.is-novo{left:auto;right:16px;background:#5cc8ff;color:#03182a;border-color:#5cc8ff}
.mj2-fc.is-luta::before{background-position:center 35%}
.mj2-fc.is-luta .mj2-fc-info strong{font-size:clamp(22px,2.4vw,30px);white-space:nowrap}
.mj2-fc.is-luta::before{background-position:center 25%}
.mj2-fc.is-luta .mj2-fc-info strong{white-space:normal;line-height:1.02}
.mj2-fc.is-luta .mj2-fc-info > span:first-child{min-width:0}
@media (max-width:620px){.mj2-fc.is-luta .mj2-fc-info strong{white-space:nowrap}}
.mj2-tag.is-novo{left:16px;right:auto}
