/* COROA v13 — menu novo, jogos em tela cheia sem rolagem, Templo Neon / Urubu Rei no layout de referência,
   prêmio central com níveis a cada R$ 100 e Neon Drop com a pirâmide em destaque. Carregado por último. */
:root { --cx-gold: #f7c85e; --cx-gold2: #ffe7a3; --cx-ink: #060b18; --cx-head: 64px; --cx-bnav: 0px; --serif: 'Cinzel', 'Fraunces', Georgia, serif; }

/* ================================================================ MENU */
.cx-top { position: sticky; top: 0; z-index: 90; display: flex; align-items: center; gap: 14px; height: var(--cx-head); padding: 0 18px;
  background: linear-gradient(180deg, rgba(8, 12, 26, .98), rgba(6, 10, 22, .96)); border-bottom: 1px solid rgba(215, 172, 85, .28); box-shadow: 0 6px 24px rgba(0, 0, 0, .55); }
.cx-logo { display: flex; align-items: center; gap: 8px; flex: none; text-decoration: none; }
.cx-logo-mark svg { width: 34px; height: 28px; display: block; filter: drop-shadow(0 0 8px rgba(247, 200, 94, .55)); }
.cx-logo b { font-family: var(--serif); font-weight: 900; font-size: 22px; letter-spacing: .04em; background: linear-gradient(180deg, #fff3c4, #f7c85e 55%, #b07a18); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cx-nav { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 2px; overflow: hidden; }
.cx-nav a, .cx-all { position: relative; display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 10px; border-radius: 10px; color: #c9cfdf; font-size: 12.5px; font-weight: 700; white-space: nowrap; text-decoration: none; background: none; border: 0; cursor: pointer; transition: color .15s, background .15s; }
.cx-nav a i, .cx-all i { font-size: 16px; color: #8d96ad; transition: color .15s; }
.cx-nav a:hover, .cx-all:hover { color: #fff; background: rgba(255, 255, 255, .05); }
.cx-nav a:hover i { color: var(--cx-gold); }
.cx-nav a.on { color: var(--cx-gold2); }
.cx-nav a.on i { color: var(--cx-gold); }
.cx-nav a.on::after { content: ''; position: absolute; left: 10px; right: 10px; bottom: 3px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--cx-gold), transparent); }
.cx-nav .tag { position: absolute; top: 2px; right: 0; font-style: normal; font-size: 8px; font-weight: 800; padding: 1px 4px; border-radius: 4px; background: #e11d48; color: #fff; }
.cx-nav a { flex: 0 1 auto; min-width: 0; overflow: hidden; }
.cx-nav a span { overflow: hidden; text-overflow: ellipsis; }
.cx-all { flex: none; margin-left: 4px; color: var(--cx-gold2); border: 1px solid rgba(247, 200, 94, .35); background: rgba(247, 200, 94, .07); }
.cx-all i { color: var(--cx-gold); }
.cx-caret { font-size: 11px !important; transition: transform .2s; }
body.mega-open .cx-caret { transform: rotate(180deg); }
.cx-burger { display: none; width: 42px; height: 42px; border-radius: 12px; border: 1px solid rgba(247, 200, 94, .35); background: rgba(247, 200, 94, .08); color: var(--cx-gold); font-size: 22px; flex: none; }
/* prioridade dos itens do menu conforme a largura */
@media (max-width: 1900px) { .cx-nav a.p3 { display: none; } }
@media (max-width: 1560px) { .cx-nav a.p2 { display: none; } }
@media (max-width: 860px) { .cx-nav { display: none; } .cx-burger { display: grid; place-items: center; } }
.cx-top .top-right { margin-left: auto; }
.cx-top .bal-pill { border-color: rgba(247, 200, 94, .3); background: #0b1224; }
.cx-top .bal-pill .dep { background: linear-gradient(180deg, #ffe08a, #f2b632); color: #2a1a04; }

/* painel "Todos os jogos" */
.cx-mega { position: fixed; inset: var(--cx-head) 0 0 0; z-index: 89; background: rgba(3, 6, 14, .72); backdrop-filter: blur(6px); opacity: 0; pointer-events: none; transition: opacity .2s; }
.cx-mega.open { opacity: 1; pointer-events: auto; }
.cx-mega-in { max-width: 1180px; margin: 0 auto; padding: 18px; background: linear-gradient(180deg, #0b1226, #080d1c); border: 1px solid rgba(215, 172, 85, .3); border-top: 0; border-radius: 0 0 20px 20px; box-shadow: 0 30px 60px rgba(0, 0, 0, .6); transform: translateY(-12px); transition: transform .25s; max-height: calc(100dvh - var(--cx-head)); overflow-y: auto; }
.cx-mega.open .cx-mega-in { transform: none; }
.cx-mega-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.cx-mega-head b { font-family: var(--serif); font-size: 18px; color: var(--cx-gold2); letter-spacing: .04em; display: flex; gap: 8px; align-items: center; }
.cx-mega-x { width: 36px; height: 36px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .12); background: none; color: #fff; font-size: 16px; cursor: pointer; }
.cx-mega-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.cx-tile { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: #0d1530; border: 1px solid rgba(255, 255, 255, .07); text-decoration: none; color: #fff; transition: transform .18s, border-color .18s, box-shadow .18s; }
.cx-tile:hover, .cx-tile.on { transform: translateY(-3px); border-color: rgba(247, 200, 94, .6); box-shadow: 0 12px 30px rgba(247, 200, 94, .15); }
.cx-tile-art { aspect-ratio: 16 / 10; overflow: hidden; background: #111a33; }
.cx-tile-art img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.cx-tile:hover img { transform: scale(1.06); }
.cx-tile-txt { padding: 9px 11px 11px; display: flex; flex-direction: column; gap: 2px; }
.cx-tile-txt b { font-size: 14px; display: flex; gap: 6px; align-items: center; }
.cx-tile-txt b i { color: var(--cx-gold); }
.cx-tile-txt small { color: #8d96ad; font-size: 11.5px; }
.cx-mega-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .08); }
.cx-mega-links a { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; background: rgba(255, 255, 255, .04); color: #c9cfdf; font-size: 13px; font-weight: 700; text-decoration: none; }
.cx-mega-links a:hover { color: var(--cx-gold2); background: rgba(247, 200, 94, .08); }
@media (max-width: 680px) {
  .cx-mega { inset: 0; z-index: 120; }
  .cx-mega-in { max-height: 100dvh; height: 100dvh; border-radius: 0; padding: 16px 14px 90px; }
  .cx-mega-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .cx-tile-txt small { display: none; }
  .cx-logo b { font-size: 18px; }
  .cx-top { padding: 0 10px; gap: 8px; }
}

/* barra inferior (celular) */
.cx-bottom .cx-bottom-games { display: flex; flex-direction: column; align-items: center; gap: 2px; background: none; border: 0; color: var(--cx-gold2); font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
.cx-bottom .cx-bottom-games .i { width: 46px; height: 46px; margin-top: -18px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(180deg, #ffe08a, #f2b632); color: #2a1a04; font-size: 22px; box-shadow: 0 6px 18px rgba(242, 182, 50, .45); border: 3px solid #0b1224; }
@media (max-width: 680px) { :root { --cx-bnav: 76px; } .cx-bottom { background: rgba(8, 12, 26, .97) !important; border-color: rgba(215, 172, 85, .28) !important; } }

/* ================================================================ JOGOS EM TELA CHEIA (sem rolagem) */
body.game-full .statbar, body.game-full .livebar, body.game-full footer { display: none !important; }
html:has(body.game-full), body.game-full { overflow: hidden !important; height: 100%; }
body.game-full main { max-width: none !important; padding: 10px 14px !important; height: calc(100dvh - var(--cx-head) - var(--cx-bnav)) !important; min-height: 0 !important; box-sizing: border-box; overflow: hidden !important; }
@media (max-width: 680px) { body.game-full main { padding: 6px 8px !important; } }

/* ================================================================ CAÇA-NÍQUEIS 5×3 */
.rs { --a: #f7c85e; --a2: #ffe7a3; --glow: #4aa8ff; --panel: rgba(6, 10, 24, .82); --line: rgba(247, 200, 94, .35);
  position: relative; height: 100%; display: grid; grid-template-columns: clamp(220px, 19vw, 290px) minmax(0, 1fr) clamp(250px, 23vw, 350px); grid-template-rows: minmax(0, 1fr); gap: 14px; isolation: isolate; border-radius: 20px; overflow: hidden; padding: 14px; }
.rs-bg { position: absolute; inset: 0; z-index: -1; background-size: cover; background-position: 70% 20%; }
.rs-bg::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 40%, transparent 0, rgba(4, 6, 18, .55) 55%, rgba(4, 6, 18, .92) 100%), linear-gradient(90deg, rgba(4, 6, 18, .85), rgba(4, 6, 18, .25) 35%, rgba(4, 6, 18, .25) 65%, rgba(4, 6, 18, .88)); }
.rs-templo { --glow: #4aa8ff; --g2: #7b5cff; background: #070b25; }
.rs-urubu { --glow: #ff3b2f; --g2: #ff9a1f; --panel: rgba(22, 6, 6, .84); --line: rgba(255, 170, 60, .42); background: #1a0505; }
.rs-panel { background: var(--panel); border: 1px solid rgba(255, 255, 255, .08); border-radius: 16px; padding: 12px 14px; box-shadow: 0 14px 30px rgba(0, 0, 0, .45); backdrop-filter: blur(4px); }
.rs-panel h4 { margin: 0 0 8px; font-size: 12px; letter-spacing: .08em; color: #e8ecf6; font-weight: 800; display: flex; justify-content: space-between; align-items: baseline; }
.rs-panel h4 small { font-size: 10px; color: #8d96ad; letter-spacing: 0; font-weight: 600; }

/* coluna da esquerda: título e controles */
.rs-left { display: flex; flex-direction: column; gap: 10px; min-height: 0; }
.rs-title { display: flex; flex-direction: column; line-height: .9; font-family: var(--serif); font-weight: 900; letter-spacing: .02em; margin-top: 2px; }
.rs-title b { font-size: clamp(34px, 3.6vw, 60px); background: linear-gradient(180deg, #fff7d1 5%, #f7c85e 45%, #a8680e 80%, #f5d27a); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 3px 0 #3b2205) drop-shadow(0 0 14px rgba(247, 200, 94, .35)); }
.rs-title em { font-style: normal; font-size: clamp(36px, 3.9vw, 64px); }
.rs-templo .rs-title em { color: #c9f4ff; -webkit-text-stroke: 2px #2a8cff; text-shadow: 0 0 10px #39a0ff, 0 0 24px #5b6bff, 0 0 44px #a64dff; }
.rs-urubu .rs-title em { background: linear-gradient(180deg, #ff8a7a, #e0151b 55%, #7a0508); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 3px 0 #3b0404) drop-shadow(0 0 12px rgba(255, 60, 40, .5)); }
.rs-sub { margin: 0; color: #eef2ff; font-size: 14px; line-height: 1.35; text-shadow: 0 2px 6px #000; max-width: 260px; }
.rs-ctrl { display: flex; flex-direction: column; gap: 7px; margin-top: auto; }
.rs-ctrl label { font-size: 11px; font-weight: 800; letter-spacing: .06em; color: #cfd5e6; }
.rs-stake { display: grid; grid-template-columns: 38px 1fr 38px; align-items: center; height: 40px; border-radius: 10px; background: #0a1024; border: 1px solid rgba(255, 255, 255, .1); overflow: hidden; }
.rs-urubu .rs-stake, .rs-urubu .rs-rounds button { background: #1d0808; }
.rs-stake button { height: 100%; background: rgba(255, 255, 255, .05); border: 0; color: #fff; font-size: 15px; cursor: pointer; }
.rs-stake button:hover { background: rgba(255, 255, 255, .12); }
.rs-stake b { text-align: center; font-family: var(--display); font-size: 16px; color: #fff; }
.rs-rounds { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.rs-rounds button { height: 34px; border-radius: 9px; background: #0a1024; border: 1px solid rgba(255, 255, 255, .1); color: #cfd5e6; font-weight: 800; cursor: pointer; }
.rs-rounds button.on { background: linear-gradient(180deg, #ffe08a, #e9a92a); color: #2a1a04; border-color: #ffe7a3; box-shadow: 0 0 12px rgba(247, 200, 94, .45); }
.rs-go { height: 50px; margin-top: 4px; border-radius: 12px; border: 0; cursor: pointer; font-family: var(--display); font-weight: 800; font-size: 19px; letter-spacing: .08em; color: #2a1a04;
  background: linear-gradient(180deg, #fff0b5, #f5c043 45%, #d99317); box-shadow: 0 6px 0 #8a5a0c, 0 10px 24px rgba(247, 180, 50, .35); transition: transform .08s, filter .15s; }
.rs-go:hover { filter: brightness(1.07); }
.rs-go:active { transform: translateY(3px); box-shadow: 0 3px 0 #8a5a0c; }
.rs-go.busy { filter: saturate(.6) brightness(.85); }
.rs-go.stop { background: linear-gradient(180deg, #ffb3b3, #e5484d 50%, #a11d22); color: #fff; box-shadow: 0 6px 0 #6b0d10; }
.rs-auto { display: flex !important; align-items: center; justify-content: space-between; cursor: pointer; font-size: 12.5px !important; letter-spacing: 0 !important; font-weight: 700 !important; margin-top: 2px; }
.rs-auto input { display: none; }
.rs-auto i { width: 40px; height: 22px; border-radius: 22px; background: #2a3147; position: relative; transition: background .2s; }
.rs-auto i::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .2s; }
.rs-auto input:checked + i { background: linear-gradient(90deg, #f2b632, #ffd86b); }
.rs-auto input:checked + i::after { transform: translateX(18px); }
.rs-bal { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, .08); }
.rs-bal span { display: flex; flex-direction: column; font-size: 10.5px; color: #8d96ad; font-weight: 700; }
.rs-bal b { font-family: var(--display); font-size: 15px; color: #fff; }
.rs-mob-btns { display: flex; gap: 6px; }
.rs-mob-btns button { flex: 1; height: 34px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .12); background: var(--panel); color: #dfe4f1; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 5px; cursor: pointer; }
.rs-mob-btns [data-open] { display: none; }

/* centro: multiplicadores + rolos */
.rs-center { display: flex; flex-direction: column; gap: 8px; min-width: 0; min-height: 0; }
.rs-mults.top { display: flex; justify-content: center; gap: 6px; flex-wrap: nowrap; }
.rs-mults span { position: relative; display: grid; place-items: center; transition: transform .25s, box-shadow .25s; }
.rs-mults.top span { min-width: 52px; height: 36px; padding: 0 8px; border-radius: 8px; background: linear-gradient(180deg, #2b1a07, #120a02); border: 2px solid #b8862b; box-shadow: inset 0 0 10px rgba(0, 0, 0, .6); }
.rs-mults.top b { font-family: var(--display); font-size: 17px; color: #fff3c4; text-shadow: 0 0 8px rgba(255, 210, 110, .7); }
.rs-mults span.hit { transform: scale(1.2); z-index: 2; border-color: #fff7d1; box-shadow: 0 0 22px #ffd84d, inset 0 0 12px rgba(255, 216, 77, .6); animation: rsmhit .5s ease-in-out 4 alternate; }
@keyframes rsmhit { to { filter: brightness(1.6); } }
.rs-stage { flex: 1; min-height: 0; display: flex; gap: 10px; align-items: stretch; }
.rs-fit { flex: 1; min-width: 0; min-height: 0; container-type: size; display: grid; place-items: center; }
.rs-frame { position: relative; width: min(100cqw, 100cqh * 5 / 3); aspect-ratio: 5 / 3; padding: 1.6%; border-radius: 18px;
  background: linear-gradient(145deg, #fff1b8, #c48a22 20%, #6e4308 40%, #f7cf6c 60%, #8a5a10 80%, #ffe7a3); box-shadow: 0 0 0 2px #2d1903, 0 0 34px color-mix(in srgb, var(--glow) 55%, transparent), 0 20px 50px rgba(0, 0, 0, .7); }
.rs-urubu .rs-frame { background: linear-gradient(145deg, #ffd27a, #b3120f 18%, #5c0505 40%, #e8b04a 58%, #8e0c0c 78%, #ffcf6b); }
.rs-frame.free { animation: rsfree 1.2s ease-in-out infinite alternate; }
@keyframes rsfree { to { box-shadow: 0 0 0 2px #2d1903, 0 0 60px var(--glow), 0 0 90px var(--g2), 0 20px 50px rgba(0, 0, 0, .7); } }
.rs-grid { position: relative; width: 100%; height: 100%; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; border-radius: 12px; overflow: hidden;
  background: radial-gradient(ellipse at 50% 30%, #18204a, #070a1c 75%); box-shadow: inset 0 0 30px rgba(0, 0, 0, .9); }
.rs-urubu .rs-grid { background: radial-gradient(ellipse at 50% 30%, #3a0c0a, #150303 75%); }
.rs-col { position: relative; overflow: hidden; display: grid; grid-template-rows: repeat(3, 1fr); border-right: 1px solid rgba(247, 200, 94, .22); }
.rs-col:last-child { border-right: 0; }
.rs-col.stop { animation: rsstop .26s ease-out; }
@keyframes rsstop { 30% { transform: translateY(4%); } }
.rs-strip { position: absolute; left: 0; right: 0; top: 0; display: flex; flex-direction: column; will-change: transform; filter: blur(.4px); }
.rs-strip .rs-cell { flex: 1; }
.rs-cell { display: grid; place-items: center; padding: 6%; min-height: 0; transition: opacity .2s, filter .2s; }
.rs-cell img { width: 100%; height: 100%; object-fit: contain; display: block; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .6)); user-select: none; }
.rs-cell.dim { opacity: .35; filter: saturate(.5); }
.rs-cell.win { animation: rswin .7s ease-in-out infinite alternate; position: relative; z-index: 1; }
.rs-cell.win img { filter: drop-shadow(0 0 10px var(--a)) drop-shadow(0 0 18px var(--glow)); }
@keyframes rswin { to { transform: scale(1.08); } }
.rs-lines { position: absolute; inset: 1.6%; width: 96.8%; height: 96.8%; pointer-events: none; z-index: 2; }
.rs-lines polyline { fill: none; stroke: var(--lc); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 4px var(--lc)); opacity: .9; stroke-dasharray: 1400; stroke-dashoffset: 1400; animation: rsline .6s ease-out forwards; }
@keyframes rsline { to { stroke-dashoffset: 0; } }
.rs-over { position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; background: rgba(3, 5, 14, .78); border-radius: 18px; text-align: center; animation: fadein .25s; }
.rs-over b { font-family: var(--serif); font-size: clamp(22px, 3.4vw, 44px); color: var(--a2); text-shadow: 0 0 18px var(--glow); }
.rs-over span { color: #fff; font-weight: 700; font-size: 15px; }
.rs-free { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); z-index: 5; padding: 5px 14px; border-radius: 30px; background: linear-gradient(180deg, #fff0b5, #e9a92a); color: #2a1a04; font-weight: 800; font-size: 12px; letter-spacing: .06em; box-shadow: 0 0 18px rgba(247, 200, 94, .6); }
.rs-free b { font-size: 15px; }
.hidden { display: none !important; }
.rs-msg { flex: none; min-height: 30px; display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; font-family: var(--display); font-size: 15px; color: #e8ecf6; text-align: center; text-shadow: 0 2px 6px #000; }
.rs-msg b { color: var(--a2); font-size: 18px; }
.rs-msg span { color: #9aa3ba; font-size: 12px; letter-spacing: .08em; }
.rs-msg .chip { font-family: var(--body); font-size: 11px; padding: 2px 8px; border-radius: 20px; background: rgba(255, 255, 255, .08); color: #dfe4f1; }
.rs-mults.side { width: clamp(96px, 9vw, 128px); flex: none; align-self: center; display: flex; flex-direction: column; gap: 6px; justify-content: center; padding: 10px 8px; border-radius: 14px; background: var(--panel); border: 1px solid var(--line); }
.rs-mults.side h5 { margin: 0 0 2px; text-align: center; font-size: 9.5px; letter-spacing: .06em; color: #f3d9a4; }
.rs-mults.side span { display: flex; align-items: center; justify-content: center; gap: 6px; height: 40px; border-radius: 9px; background: linear-gradient(180deg, #3a0b07, #1d0404); border: 1px solid #a8641a; }
.rs-mults.side span i { color: #ffbf47; font-size: 18px; }
.rs-mults.side b { font-family: var(--display); font-size: 19px; color: #fff3c4; }

/* coluna da direita: últimos ganhos e pagamentos */
.rs-right { display: flex; flex-direction: column; gap: 10px; min-height: 0; }
.rs-wins-p { flex: none; }
.rs-pays-p { flex: none; min-height: 0; display: flex; flex-direction: column; }
.rs-wins { display: flex; flex-direction: column; gap: 2px; }
.rs-wins .muted { font-size: 12px; margin: 4px 0; }
.rs-win-row { display: grid; grid-template-columns: 24px 1fr auto 40px; align-items: center; gap: 8px; font-size: 12.5px; padding: 4px 0; border-bottom: 1px solid rgba(255, 255, 255, .05); }
.rs-win-row:last-child { border-bottom: 0; }
.rs-win-row .n { color: #dfe4f1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-win-row b { color: #fff; font-weight: 800; }
.rs-win-row em { font-style: normal; text-align: right; color: var(--a); font-weight: 800; }
.rs-pays { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: minmax(0, 76px); align-content: start; gap: 6px; }
.rs-pay { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 4px; border-radius: 10px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .07); min-height: 0; cursor: help; }
.rs-pay img { width: 100%; max-width: 58px; flex: 1; min-height: 0; object-fit: contain; }
.rs-pay b { font-family: var(--display); font-size: 13px; color: #fff; }
.rs-pay:nth-child(-n+6) b { color: var(--a2); }
.rs-pays-modal { grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); grid-auto-rows: 96px; }

/* telas médias: some a coluna da direita (abre por botões) */
@media (max-width: 1180px) {
  .rs { grid-template-columns: clamp(210px, 26vw, 270px) minmax(0, 1fr); }
  .rs-right { display: none; }
  .rs-mob-btns [data-open] { display: flex; }
}
/* celular / retrato: tudo empilhado, sem rolar */
@media (max-width: 760px), (max-aspect-ratio: 4/5) {
  .rs { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto auto; gap: 8px; padding: 8px; border-radius: 14px; }
  .rs-left { display: contents; }
  .rs-title { grid-row: 1; flex-direction: row; gap: 8px; align-items: baseline; justify-content: center; }
  .rs-title b, .rs-title em { font-size: clamp(26px, 8vw, 40px); }
  .rs-sub { display: none; }
  .rs-center { grid-row: 2; }
  .rs-ctrl { grid-row: 3; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 8px; padding: 10px; }
  .rs-ctrl label:not(.rs-auto) { display: none; }
  .rs-stake { grid-column: 1; }
  .rs-rounds { grid-column: 2; }
  .rs-go { grid-column: 1 / -1; grid-row: 2; height: 46px; margin: 0; }
  .rs-auto { grid-column: 1; }
  .rs-bal { grid-column: 2; grid-row: 3; margin: 0; padding: 0; border: 0; }
  .rs-mob-btns { grid-row: 4; }
  .rs-mults.top span { min-width: 0; flex: 1; height: 28px; padding: 0 2px; }
  .rs-mults.top b { font-size: 13px; }
  .rs-mults.side { width: 64px; padding: 6px 4px; }
  .rs-mults.side h5 { display: none; }
  .rs-mults.side span { height: 30px; }
  .rs-mults.side span i { display: none; }
  .rs-mults.side b { font-size: 14px; }
  .rs-msg { min-height: 24px; font-size: 13px; }
}

/* ================================================================ PRÊMIO CENTRAL (sobe de nível a cada R$ 100) */
.wfx { --wc: #3ff2a4; --wc2: #0f8f64; position: fixed; inset: 0; z-index: 600; display: grid; place-items: center; pointer-events: none; opacity: 0; transition: opacity .25s; }
.wfx.show { opacity: 1; pointer-events: auto; cursor: pointer; background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--wc) 18%, transparent), rgba(2, 3, 10, .55) 60%); }
.wfx-rays { position: absolute; width: 160vmax; height: 160vmax; left: 50%; top: 50%; margin: -80vmax 0 0 -80vmax; opacity: 0; transition: opacity .4s;
  background: repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--wc) 22%, transparent) 0 7deg, transparent 7deg 18deg); mask-image: radial-gradient(circle, #000 0, transparent 55%); -webkit-mask-image: radial-gradient(circle, #000 0, transparent 55%); animation: wfxspin 22s linear infinite; }
.wfx.lv1 .wfx-rays, .wfx.lv2 .wfx-rays { opacity: .5; }
.wfx[class*="lv"]:not(.lv0):not(.lv1):not(.lv2) .wfx-rays { opacity: 1; }
@keyframes wfxspin { to { transform: rotate(360deg); } }
.wfx-card { position: relative; min-width: min(420px, 88vw); padding: 22px 34px 18px; text-align: center; border-radius: 26px; transform: scale(.6); transition: transform .4s cubic-bezier(.2, 1.6, .4, 1);
  background: linear-gradient(180deg, rgba(14, 18, 36, .96), rgba(6, 8, 18, .97)); border: 2px solid var(--wc); box-shadow: 0 0 0 6px color-mix(in srgb, var(--wc) 15%, transparent), 0 0 60px color-mix(in srgb, var(--wc) 55%, transparent), 0 30px 80px rgba(0, 0, 0, .7); }
.wfx.show .wfx-card { transform: scale(1); }
.wfx.bump .wfx-card { animation: wfxbump .55s cubic-bezier(.2, 1.8, .4, 1); }
@keyframes wfxbump { 0% { transform: scale(1); } 35% { transform: scale(1.16) rotate(-1.5deg); } 100% { transform: scale(1); } }
.wfx-crown { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font-size: 28px; color: #2a1a04; background: linear-gradient(180deg, #fff, var(--wc)); box-shadow: 0 0 24px var(--wc); }
.wfx-title { font-family: var(--serif); font-weight: 900; font-size: clamp(22px, 4vw, 34px); letter-spacing: .06em; margin-top: 14px; color: var(--wc); text-shadow: 0 0 18px var(--wc), 0 3px 0 #000; }
.wfx-amt { font-family: var(--display); font-weight: 800; font-size: clamp(42px, 9vw, 84px); line-height: 1.05; color: #fff; font-variant-numeric: tabular-nums; text-shadow: 0 0 24px color-mix(in srgb, var(--wc) 80%, transparent), 0 4px 0 var(--wc2); }
.wfx-mult { font-family: var(--display); font-size: 18px; color: var(--wc); min-height: 22px; margin-bottom: 4px; }
/* níveis altos: moldura dupla e brilho maior */
.wfx.lv3 .wfx-card, .wfx.lv4 .wfx-card, .wfx.lv5 .wfx-card, .wfx.lv6 .wfx-card, .wfx.lv7 .wfx-card { border-width: 3px; padding-top: 28px; }
.wfx.lv5 .wfx-amt, .wfx.lv6 .wfx-amt, .wfx.lv7 .wfx-amt { animation: wfxpulse .9s ease-in-out infinite alternate; }
@keyframes wfxpulse { to { text-shadow: 0 0 40px var(--wc), 0 0 80px var(--wc), 0 4px 0 var(--wc2); } }
.wfx.lv7 .wfx-card { background: linear-gradient(180deg, #2a1d05, #0d0802); border-image: linear-gradient(90deg, #ff3d9a, #ffd84d, #4de8ff, #7dff8a, #c08bff) 1; }
.wfx.lv7 .wfx-title { background: linear-gradient(90deg, #ff3d9a, #ffd84d, #4de8ff, #c08bff); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ================================================================ NEON DROP */
.pk2 { height: 100%; display: grid; grid-template-columns: clamp(240px, 21vw, 300px) minmax(0, 1fr); gap: 14px; }
.pk2-side { display: flex; flex-direction: column; gap: 10px; min-height: 0; }
.pk2-brand { display: flex; flex-direction: column; line-height: .95; }
.pk2-brand b { font-family: var(--display); font-size: clamp(30px, 3vw, 46px); color: #fff; text-shadow: 0 0 14px #ff3d9a, 0 0 30px #ff3d9a; letter-spacing: .04em; }
.pk2-brand span { font-family: var(--display); font-size: clamp(30px, 3vw, 46px); color: #ffc2e0; -webkit-text-stroke: 1.5px #ff3d9a; letter-spacing: .12em; }
.pk2-brand small { margin-top: 8px; font-size: 12.5px; color: #c9b3c3; line-height: 1.35; }
.pk2-box { display: flex; flex-direction: column; gap: 7px; padding: 14px; border-radius: 16px; background: linear-gradient(180deg, #1b0c1d, #120814); border: 1px solid rgba(255, 90, 170, .22); margin-top: auto; }
.pk2-box label { font-size: 11px; font-weight: 800; letter-spacing: .06em; color: #d8bfd0; display: flex; justify-content: space-between; }
.pk2-box label b { color: #fff; font-family: var(--display); font-size: 14px; }
.pk2-box .cz-stake { width: 100%; }
.pk2-seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; }
.pk2-seg button { height: 34px; border-radius: 9px; border: 1px solid rgba(255, 120, 190, .2); background: #0f0710; color: #d8bfd0; font-weight: 800; cursor: pointer; }
.pk2-seg button.on { background: linear-gradient(180deg, #ff7ac0, #d01b78); color: #fff; border-color: #ffb3d9; box-shadow: 0 0 14px rgba(255, 61, 154, .5); }
.pk2-hint { margin: -2px 0 2px; font-size: 11.5px; color: #a8899c; }
.pk2-box input[type=range] { width: 100%; accent-color: #ff3d9a; }
.pk2-go { height: 52px; margin-top: 4px; border-radius: 12px; border: 0; cursor: pointer; font-family: var(--display); font-size: 18px; letter-spacing: .06em; color: #fff; display: flex; align-items: center; justify-content: center; gap: 8px;
  background: linear-gradient(180deg, #ff9fd0, #ff3d9a 45%, #b0126a); box-shadow: 0 6px 0 #6d0a40, 0 10px 26px rgba(255, 61, 154, .45); }
.pk2-go:active { transform: translateY(3px); box-shadow: 0 3px 0 #6d0a40; }
.pk2-go.stop { background: linear-gradient(180deg, #ffd0d0, #e5484d 50%, #a11d22); box-shadow: 0 6px 0 #6b0d10; }
.pk2-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 4px; }
.pk2-stats span { display: flex; flex-direction: column; font-size: 10.5px; color: #a8899c; font-weight: 700; }
.pk2-stats b { font-family: var(--display); font-size: 15px; color: #fff; }
.pk2-histbtn { align-self: stretch; justify-content: center; }
.pk2-board { position: relative; min-height: 0; display: flex; flex-direction: column; border-radius: 20px; overflow: hidden;
  background: radial-gradient(ellipse at 50% 0, rgba(255, 61, 154, .22), transparent 60%), radial-gradient(ellipse at 50% 100%, rgba(123, 92, 255, .25), transparent 60%), linear-gradient(180deg, #1a0b22, #0d0612); border: 1px solid rgba(255, 90, 170, .2); }
.pk2-wrap { flex: 1; height: auto !important; min-height: 0; position: relative; }
.pk2-last { position: absolute; top: 10px; right: 12px; z-index: 2; display: flex; flex-direction: column; gap: 4px; }
.pk2-chip { min-width: 54px; text-align: center; padding: 4px 8px; border-radius: 8px; font-family: var(--display); font-size: 13px; background: rgba(255, 255, 255, .06); color: #c9b3c3; animation: fadein .3s; }
.pk2-chip.win { background: rgba(63, 242, 164, .15); color: #7ff5b8; }
.pk2-chip.big { background: linear-gradient(180deg, #ffe08a, #f2b632); color: #2a1a04; }
@media (max-width: 860px), (max-aspect-ratio: 4/5) {
  .pk2 { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; gap: 8px; }
  .pk2-side, .pk2-board { min-width: 0; }
  .pk2-side { order: 2; }
  .pk2-brand, .pk2-histbtn { display: none; }
  .pk2-box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 8px; padding: 10px; margin: 0; }
  .pk2-box .cz-stake { min-width: 0; }
  .pk2-box .cz-stake .cz-amt { min-width: 0; }
  .pk2-seg button { min-width: 0; padding: 0 2px; font-size: 12px; }
  .pk2-box label, .pk2-hint { display: none; }
  .pk2-box .cz-stake { grid-column: 1; }
  #pkRisk { grid-column: 2; }
  #pkRows { grid-column: 1; align-self: center; }
  #pkAuto { grid-column: 2; }
  .pk2-go { grid-column: 1 / -1; height: 46px; margin: 0; }
  .pk2-stats { grid-column: 1 / -1; margin: 0; }
  .pk2-last { flex-direction: row; left: 10px; right: 10px; top: 8px; overflow: hidden; }
  .pk2-chip { min-width: 0; font-size: 11px; padding: 3px 6px; }
}

/* ================================================================ VITRINE DE JOGOS: arte inteira, sem texto por cima */
.coroa-all-games { margin-top: 18px; }
.coroa-all-games .modes-grid, .modes-grid.coroa-pro-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 14px !important; }
.modes-grid .mode-tile.cx-art-tile { padding: 0 !important; min-height: 0 !important; aspect-ratio: 1 / 1; display: block !important; border-radius: 18px !important; overflow: hidden !important; background: #080f1d !important; border: 1px solid rgba(237, 187, 96, .28) !important; box-shadow: 0 10px 26px rgba(0, 0, 0, .45); transition: transform .2s, box-shadow .2s, border-color .2s !important; }
.modes-grid .mode-tile.cx-art-tile::before, .modes-grid .mode-tile.cx-art-tile::after { display: none !important; }
.modes-grid .mode-tile.cx-art-tile img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .3s; }
.modes-grid .mode-tile.cx-art-tile:hover { transform: translateY(-4px); border-color: rgba(247, 200, 94, .75) !important; box-shadow: 0 16px 34px rgba(247, 200, 94, .18); }
.modes-grid .mode-tile.cx-art-tile:hover img { transform: scale(1.03); }
@media (max-width: 1200px) { .coroa-all-games .modes-grid, .modes-grid.coroa-pro-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 700px) { .coroa-all-games .modes-grid, .modes-grid.coroa-pro-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } }
/* menu "Todos os jogos": mesma arte inteira */
.cx-tile-art { aspect-ratio: 1 / 1; }
.cx-tile-art img { object-fit: contain; }
.cx-mega-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }

/* ================================================================ CARROSSEL DA INÍCIO: arte de verdade no lugar dos ícones */
.carousel .slide .art.art-card, .carousel .slide .art.art-svg { font-size: 0; right: 7%; }
.carousel .slide .art.art-card { width: clamp(170px, 22vw, 270px); aspect-ratio: 1; }
.carousel .slide .art.art-card img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 22px; border: 2px solid rgba(247, 200, 94, .7); transform: rotate(4deg);
  box-shadow: 0 0 0 6px rgba(247, 200, 94, .12), 0 0 50px rgba(255, 190, 70, .35), 0 24px 50px rgba(0, 0, 0, .6); }
.art-coin { position: absolute; width: 46px; height: 46px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff6cf, #f7c85e 45%, #9a6207); border: 3px solid #ffe7a3; box-shadow: 0 6px 14px rgba(0, 0, 0, .5), inset 0 0 0 5px rgba(122, 74, 6, .35); animation: artcoin 3.2s ease-in-out infinite; }
.art-coin.c1 { left: -26px; top: 18%; }
.art-coin.c2 { right: -20px; bottom: 12%; width: 36px; height: 36px; animation-delay: -1.1s; }
.art-coin.c3 { left: 18%; bottom: -18px; width: 30px; height: 30px; animation-delay: -2s; }
@keyframes artcoin { 50% { transform: translateY(-10px) rotate(18deg); } }
.carousel .slide .art.art-svg { width: clamp(220px, 28vw, 340px); }
.carousel .slide .art.art-svg svg { width: 100%; display: block; overflow: visible; filter: drop-shadow(0 0 18px rgba(255, 61, 154, .45)); }
.py-edge { filter: drop-shadow(0 0 6px #ff3d9a); }
.py-ball { animation: pyball 1.6s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
@keyframes pyball { 50% { transform: scale(1.25); filter: drop-shadow(0 0 10px #ff3d9a); } }
.carousel .slide .art-scene { position: absolute; top: 0; right: 0; bottom: 0; width: 62%; z-index: 1; background-size: cover; background-position: center 30%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 38%); mask-image: linear-gradient(90deg, transparent 0, #000 38%); }
.carousel .slide.s5 { background-image: linear-gradient(90deg, #1a0606 12%, rgba(26, 6, 6, .7)), url('../images/exclusive/royal.webp'); }
@media (max-width: 760px) {
  .carousel .slide .art.art-card, .carousel .slide .art.art-svg { right: -10px; opacity: .35; }
  .carousel .slide .art-scene { width: 100%; opacity: .4; }
}

/* ================================================================ PÁGINA DA CAIXA: moldura hexagonal, preço + botão, últimos itens e itens da caixa */
.cx-case { --cxp: #7b5cff; --cxp2: #a58bff; --cxbg: #15122b; --cxtile: #1c1838; margin: -22px -20px 0; padding: 26px 20px 40px; background: radial-gradient(ellipse 70% 40% at 50% 18%, rgba(123, 92, 255, .16), transparent 70%), var(--cxbg); border-radius: 0 0 20px 20px; }
.cx-case-head { text-align: center; }
.cx-case-head h1 { margin: 0; font-family: var(--display); font-size: clamp(20px, 2.2vw, 28px); letter-spacing: .04em; text-transform: uppercase; color: #fff; }
.cx-case-head p { margin: 6px 0 0; font-size: 12.5px; font-weight: 800; letter-spacing: .03em; color: #e6e2ff; }
.cx-case-head p b { color: #ffb347; }
.cx-case-head p i { color: #c39bff; }
.cx-hex { position: relative; max-width: 1080px; margin: 18px auto 0; height: clamp(220px, 24vw, 270px); }
.cx-hex::before, .cx-hex::after { content: ''; position: absolute; inset: 0; clip-path: polygon(0 50%, 7% 0, 93% 0, 100% 50%, 93% 100%, 7% 100%); }
.cx-hex::before { background: linear-gradient(90deg, var(--cxp), rgba(123, 92, 255, .15) 25%, rgba(123, 92, 255, .15) 75%, var(--cxp)); }
.cx-hex::after { inset: 2px; background: radial-gradient(ellipse 45% 70% at 50% 50%, color-mix(in srgb, var(--c) 20%, transparent), transparent 70%), linear-gradient(180deg, #1b1735, #120f26); }
.cx-mark { position: absolute; left: 50%; z-index: 3; width: 0; height: 0; transform: translateX(-50%); border-left: 9px solid transparent; border-right: 9px solid transparent; filter: drop-shadow(0 0 6px #ff3d7a); }
.cx-mark.t { top: -4px; border-top: 14px solid #ff3d7a; }
.cx-mark.b { bottom: -4px; border-bottom: 14px solid #ff3d7a; }
.cx-mark::after { content: ''; position: absolute; left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.cx-mark.t::after { top: -12px; border-top: 8px solid var(--cxbg); }
.cx-mark.b::after { bottom: -12px; border-bottom: 8px solid var(--cxbg); }
.cx-trust { position: absolute; z-index: 3; left: 10%; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: #e6e2ff; line-height: 1.35; max-width: 230px; }
.cx-trust > i { width: 34px; height: 34px; flex: none; display: grid; place-items: center; font-size: 20px; color: #4ee0b4; background: rgba(78, 224, 180, .12); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.cx-q { width: 14px; height: 14px; border-radius: 50%; border: 1px solid #8d86b8; background: none; color: #b8b2e0; font-size: 9px; line-height: 1; cursor: pointer; padding: 0; vertical-align: 1px; }
.cs-stage.cx-stage { position: absolute; inset: 0; z-index: 2; margin: 0; max-width: none; min-height: 0; padding: 18px 9%; background: none !important; border: 0 !important; box-shadow: none !important; clip-path: none !important; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.cs-stage.cx-stage::before, .cs-stage.cx-stage::after { display: none !important; }
.cs-stage.cx-stage .idle { min-height: 0; position: relative; }
.cs-stage.cx-stage .idle .chest { transform: scale(1.1); }
.cs-stage.cx-stage .idle .case-img { transform: none; width: auto; height: clamp(150px, 17vw, 200px); border-radius: 16px; box-shadow: 0 0 40px color-mix(in srgb, var(--c) 35%, transparent); }
.cx-tag { position: absolute; z-index: 3; top: -6px; left: calc(50% + 50px); padding: 4px 10px; border-radius: 8px; font-family: var(--display); font-size: 13px; color: #4ee0b4; background: rgba(15, 50, 45, .85); border: 1px solid rgba(78, 224, 180, .35); }
.cx-buy { display: flex; justify-content: center; align-items: stretch; gap: 12px; margin-top: 28px; }
.cx-price, .cx-go { height: 52px; display: flex; align-items: center; justify-content: center; padding: 0 26px; font-family: var(--display); font-weight: 800; clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%); }
.cx-price { min-width: 120px; font-size: 21px; color: #4ee0b4; background: #12302e; }
.cx-go { min-width: 150px; gap: 8px; border: 0; cursor: pointer; font-size: 15px; letter-spacing: .04em; color: #fff; background: linear-gradient(180deg, #8f73ff, #6a46f0); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .25); transition: filter .15s; }
.cx-go:hover { filter: brightness(1.12); }
.cx-go:disabled { filter: saturate(.5) brightness(.8); cursor: default; }
.cx-need { text-align: center; margin: 12px 0 0; font-size: 13px; color: #cfcae8; }
.cx-opts { display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.cx-opts .cs-qty { display: flex; gap: 4px; padding: 3px; border-radius: 10px; background: var(--cxtile); }
.cx-opts .cs-qty button { min-width: 38px; height: 30px; border-radius: 8px; border: 0; background: none; color: #b8b2e0; font-weight: 800; cursor: pointer; }
.cx-opts .cs-qty button.on { background: var(--cxp); color: #fff; }
.cx-ghost { height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid rgba(165, 139, 255, .35); background: none; color: #d9d3ff; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 6px; }
.cx-fast { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #cfcae8; cursor: pointer; }
.cx-fast input { display: none; }
.cx-fast i { width: 34px; height: 19px; border-radius: 20px; background: #2c2752; position: relative; }
.cx-fast i::after { content: ''; position: absolute; top: 3px; left: 3px; width: 13px; height: 13px; border-radius: 50%; background: #fff; transition: transform .2s; }
.cx-fast input:checked + i { background: var(--cxp); }
.cx-fast input:checked + i::after { transform: translateX(15px); }
.cx-case .cs-result { text-align: center; margin-top: 12px; min-height: 22px; }
.cx-title { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 34px 0 6px; font-family: var(--display); font-size: clamp(18px, 2vw, 24px); letter-spacing: .03em; color: #fff; text-transform: uppercase; }
.cx-title i { width: 5px; height: 5px; border-radius: 50%; background: var(--cxp2); box-shadow: 0 0 8px var(--cxp2); }
.cx-sub { text-align: center; margin: 0 0 16px; font-size: 11px; font-weight: 700; letter-spacing: .04em; color: #8d86b8; }
.cx-sub a { color: #b8b2e0; text-decoration: underline; }
.cx-best { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; margin: 14px -20px 0; padding: 0 20px; min-height: 60px; align-items: stretch; }
.cx-best > .muted { margin: auto; font-size: 13px; }
.cx-drop { position: relative; flex: 0 0 132px; padding: 10px 8px 12px; background: linear-gradient(180deg, #1a1633, #15122b); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.cx-drop .v { align-self: flex-start; font-family: var(--display); font-size: 11.5px; color: #4ee0b4; }
.cx-drop b { font-size: 12px; color: #fff; line-height: 1.2; }
.cx-drop small { font-size: 10.5px; color: #8d86b8; }
.cx-item-ic { position: relative; z-index: 0; height: 62px; display: grid; place-items: center; font-size: 40px; color: var(--rc); filter: drop-shadow(0 0 10px color-mix(in srgb, var(--rc) 55%, transparent)); }
.cx-item-ic::before { content: ''; position: absolute; width: 58px; height: 58px; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background: color-mix(in srgb, var(--rc) 22%, transparent); z-index: -1; }
.cx-item-ic img { max-width: 70px; max-height: 60px; object-fit: contain; }
.cx-items { max-width: 820px; margin: 0 auto; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.cx-item { position: relative; overflow: hidden; aspect-ratio: .87; padding: 14px 8px; background: var(--cxtile); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; transition: transform .18s, background .18s; }
.cx-item:hover { transform: translateY(-3px); background: #221d44; }
.cx-item-glow { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--rc); box-shadow: 0 0 14px var(--rc); }
.cx-item small { font-size: 10.5px; font-weight: 800; color: #b8b2e0; text-transform: uppercase; letter-spacing: .03em; margin-top: 6px; }
.cx-item b { font-size: 13px; color: #fff; line-height: 1.2; }
.cx-item em { font-style: normal; font-size: 11px; color: #8d86b8; }
.cx-odds { display: flex; flex-direction: column; gap: 6px; }
.cx-odds div { display: flex; gap: 8px; padding: 8px 10px; border-radius: 8px; background: rgba(255, 255, 255, .04); font-size: 13px; }
.cx-odds b { margin-left: auto; }
@media (max-width: 760px) {
  .cx-case { margin: -14px -14px 0; padding: 20px 14px 30px; }
  .cx-hex { height: 200px; }
  .cx-trust { display: none; }
  .cs-stage.cx-stage { padding: 14px 6%; }
  .cx-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cx-best { margin: 14px -14px 0; padding: 0 14px; }
  .cx-drop { flex-basis: 112px; }
}
@media (min-width: 761px) and (max-width: 1000px) { .cx-items { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cx-trust { left: 8%; max-width: 170px; font-size: 11.5px; } }
.cx-trust { transition: opacity .25s; }
.cx-hex:has(.roulette) .cx-trust { opacity: 0; pointer-events: none; }

/* ================================================================ RODAPÉ: colunas de links */
footer.cx-foot { margin-top: 30px; padding: 0 !important; max-width: none !important; background: radial-gradient(ellipse 60% 120% at 85% 100%, rgba(123, 92, 255, .28), transparent 60%), linear-gradient(180deg, #1a1536, #120f26); border-top: 1px solid rgba(123, 92, 255, .25); }
.cx-foot-in { max-width: 1340px; margin: 0 auto; padding: 34px 20px 110px; }
.cx-foot-cols { display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); gap: 24px; }
.cx-foot-cols h5 { margin: 0 0 12px; font-size: 11px; letter-spacing: .08em; color: #8d86b8; }
.cx-foot-cols a:not(.cx-logo) { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: #e6e2ff; text-decoration: none; }
.cx-foot-cols a:not(.cx-logo):hover { color: #c39bff; }
.cx-foot-bar { display: flex; align-items: center; gap: 12px; margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .07); font-size: 12.5px; color: #cfcae8; }
.cx-age { width: 38px; height: 38px; flex: none; border-radius: 50%; display: grid; place-items: center; border: 2px solid #ff3d7a; color: #fff; font-weight: 800; font-size: 13px; }
.cx-foot-note { margin: 14px 0 0; font-size: 11.5px; line-height: 1.6; color: #8d86b8; }
.cx-foot-note b { color: #cfcae8; }
@media (max-width: 760px) { .cx-foot-cols { grid-template-columns: 1fr 1fr; } .cx-foot-brand { grid-column: 1 / -1; } }

/* roleta da caixa: a moldura cresce com o conteúdo e os cartões ficam grandes e legíveis */
.cx-hex { height: auto; min-height: clamp(250px, 26vw, 300px); display: flex; }
.cs-stage.cx-stage { position: relative; inset: auto; flex: 1; min-height: inherit; padding: 26px 8%; gap: 12px; }
/* várias caixas de uma vez: como antes, as roletas dividem a moldura de tamanho fixo */
.cx-hex:has(.multi) { height: clamp(250px, 26vw, 300px); }
.cs-stage.cx-stage.multi { position: absolute; inset: 0; padding: 18px 9%; gap: 8px; }
@media (max-width: 760px) {
  .cs-stage.cx-stage { padding: 20px 4%; }
}
/* grade "itens nesta caixa": cartões maiores, ícone em destaque e valor visível */
.cx-items { max-width: 960px; gap: 10px; }
.cx-item { aspect-ratio: auto; min-height: 196px; }
.cx-item-ic { height: 84px; font-size: 54px; }
.cx-item-ic::before { width: 78px; height: 78px; }
.cx-item b { font-size: 14px; }

/* ================================================================ TEMPLO NEON: Zeus observando as jogadas (coluna da direita) */
@property --zeus-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.rs-zeus-col { justify-content: stretch; }
.rs-zeus { position: relative; flex: 1; min-height: 0; border-radius: 20px; overflow: hidden; isolation: isolate; background: #070b25;
  border: 2px solid rgba(247, 200, 94, .45); box-shadow: 0 0 30px rgba(74, 168, 255, .25), 0 18px 40px rgba(0, 0, 0, .55); transition: box-shadow .3s; }
.rs-zeus img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 38% 18%; animation: zeusidle 6s ease-in-out infinite; }
@keyframes zeusidle { 50% { transform: scale(1.03); filter: brightness(1.08); } }
.rs-zeus::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 50%, rgba(4, 6, 20, .92) 92%); pointer-events: none; }
.rs-zeus-say { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 16px 18px 18px; text-align: center; }
.rs-zeus-say b { display: block; font-family: var(--serif); font-weight: 900; font-size: clamp(15px, 1.4vw, 20px); color: #fff3c4; text-shadow: 0 0 12px rgba(74, 168, 255, .8), 0 2px 0 #000; }
.rs-zeus-say small { display: block; margin-top: 4px; font-size: 12px; color: #c9d6ff; }
/* borda energizada: anel de raio girando + clarões */
.rs-zeus::before { content: ''; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 4px; opacity: 0; pointer-events: none;
  background: conic-gradient(from var(--zeus-a), #4aa8ff, #ffffff, #7b5cff, #39e1ff, #ffffff, #4aa8ff);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; transition: opacity .25s; }
.rs-zeus.charged { border-color: #bfe6ff; box-shadow: 0 0 22px #4aa8ff, 0 0 60px #4aa8ff, 0 0 110px rgba(123, 92, 255, .7), 0 18px 40px rgba(0, 0, 0, .55); animation: zeusshake .5s ease-in-out 2; }
.rs-zeus.charged::before { opacity: 1; animation: zeusring 1.1s linear infinite; }
.rs-zeus.charged img { animation: zeusflash .9s steps(3) infinite; }
@keyframes zeusring { to { --zeus-a: 360deg; } }
@keyframes zeusflash { 0%, 100% { filter: brightness(1.05) saturate(1.1); } 40% { filter: brightness(1.6) saturate(1.4) hue-rotate(-8deg); } 70% { filter: brightness(.95); } }
@keyframes zeusshake { 25% { transform: translateX(-2px); } 75% { transform: translateX(2px); } }
.rs-zeus-bolts { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; pointer-events: none; opacity: 0; }
.rs-zeus-bolts polyline { fill: none; stroke: #e8f6ff; stroke-width: 1.2; stroke-linejoin: bevel; filter: drop-shadow(0 0 2px #4aa8ff) drop-shadow(0 0 5px #4aa8ff); vector-effect: non-scaling-stroke; }
.rs-zeus.charged .rs-zeus-bolts { animation: zeusbolt .7s steps(1) infinite; }
.rs-zeus.charged .rs-zeus-bolts polyline { stroke-width: 3; }
@keyframes zeusbolt { 0% { opacity: 1; } 18% { opacity: 0; } 46% { opacity: .9; } 60% { opacity: 0; } 100% { opacity: 0; } }
/* rolos também energizam junto */
.rs-templo .rs-frame.charged { animation: framezap 1.1s ease-in-out infinite alternate; }
@keyframes framezap { 0% { box-shadow: 0 0 0 2px #bfe6ff, 0 0 30px #4aa8ff, 0 0 70px #4aa8ff, 0 20px 50px rgba(0, 0, 0, .7); } 100% { box-shadow: 0 0 0 3px #fff, 0 0 50px #39e1ff, 0 0 120px #7b5cff, 0 20px 50px rgba(0, 0, 0, .7); } }
/* sem a coluna de pagamentos: os botões Ganhos e Pagamentos ficam sempre visíveis */
.rs-templo .rs-mob-btns [data-open] { display: flex; }

/* caixas paradas lado a lado (1x a 5x), separadas por linhas finas, cada uma com o preço */
.cs-stage.cx-stage .idle.cx-row { display: grid; grid-template-columns: repeat(var(--n, 1), minmax(0, 1fr)); align-items: center; height: 100%; min-height: 0; margin: 0; flex: 1; }
.cx-row .cx-cell { position: relative; height: 100%; display: grid; place-items: center; padding: 34px 10px 20px; border-left: 1px solid rgba(165, 139, 255, .16); animation: cxcellin .35s ease-out both; }
.cx-row .cx-cell:first-child { border-left: 0; }
.cx-row .cx-cell:nth-child(2) { animation-delay: .04s; } .cx-row .cx-cell:nth-child(3) { animation-delay: .08s; } .cx-row .cx-cell:nth-child(4) { animation-delay: .12s; } .cx-row .cx-cell:nth-child(5) { animation-delay: .16s; }
@keyframes cxcellin { from { opacity: 0; transform: translateY(10px) scale(.94); } }
.cx-row .cx-tag { top: 12px; right: 12px; left: auto; }
.cs-stage.cx-stage .idle.cx-row .case-img { height: auto; width: 86%; max-width: 200px; max-height: 82%; aspect-ratio: 1; object-fit: contain; }
.cs-stage.cx-stage .idle.cx-row .chest { transform: scale(calc(1.1 - var(--n) * .08)); }
.cx-row[style*="--n:1"] .cx-tag { right: auto; left: calc(50% + 70px); }
@media (max-width: 760px) {
  .cs-stage.cx-stage .idle.cx-row { margin: 0; }
  .cx-row .cx-cell { padding: 30px 4px 14px; }
  .cx-row .cx-tag { font-size: 10px; padding: 2px 6px; top: 8px; right: 4px; }
}
/* com 2 ou mais caixas o selo sai, para não cobrir a primeira caixa */
.cx-hex:has(.cx-row:not([style*="--n:1"])) .cx-trust { opacity: 0; pointer-events: none; }
/* várias caixas: cartões compactos (ícone ao lado do nome e do valor) que cabem em cada faixa */


/* várias caixas: cada faixa horizontal tem o próprio par de setas ▽ △ no centro (as da moldura somem) */
.cx-hex:has(.multi) .cx-mark { display: none; }

/* ================================================================ ABERTURA DA CAIXA (bloco definitivo, padrão do site de referência)
   1 caixa: faixa horizontal dentro da moldura, setas ▽ △ marcando o item. Várias: uma coluna vertical por caixa,
   no mesmo lugar das caixas paradas, com as setas ▷ ◁ nas laterais da moldura marcando a linha do prêmio.
   Itens sem caixinha: preço verde no canto, item sobre um hexágono da cor da raridade, nome e raridade. */
.cx-case .cs-stage.cx-stage .roulette { height: 100%; max-height: none; flex: 1; min-height: 0; position: relative; overflow: hidden; background: none; border: 0; border-radius: 0; box-shadow: none; }
.cx-case .cs-stage.cx-stage .roulette::before, .cx-case .cs-stage.cx-stage .roulette::after { width: 16%; z-index: 3; }
.cx-case .cs-stage.cx-stage .roulette::before { background: linear-gradient(90deg, #120f26, transparent); }
.cx-case .cs-stage.cx-stage .roulette::after { background: linear-gradient(-90deg, #120f26, transparent); }
.cx-case .cs-stage.cx-stage .roulette .marker { display: none; }
.cx-case .cs-stage.cx-stage .roulette .strip { top: 0; bottom: 0; gap: 0; }
.cx-case .cs-stage.cx-stage:not(.multi) { padding: 0 7%; }
.cx-case .r-item.sc { width: 176px; height: auto; margin: 0; padding: 26px 10px 14px; flex: none; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center;
  background: none; border: 0; border-left: 1px solid rgba(165, 139, 255, .12); border-radius: 0; box-shadow: none; transition: opacity .35s, transform .35s; }
.sc-p { position: absolute; top: 12px; left: 12px; padding: 2px 8px; font-family: var(--display); font-size: 12px; color: #4ee0b4; background: rgba(78, 224, 180, .1); clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%, 0 50%); }
.cx-case .r-item.sc .ico { position: relative; z-index: 0; width: 100px; height: 88px; display: grid; place-items: center; font-size: 46px; color: color-mix(in srgb, var(--rc) 40%, #fff); filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .6)); }
.cx-case .r-item.sc .ico::before { content: ''; position: absolute; z-index: -1; inset: 6px 10px; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rc) 55%, transparent), color-mix(in srgb, var(--rc) 18%, transparent) 70%); transition: filter .35s; }
.cx-case .r-item.sc .ico img { width: 96px; height: 80px; object-fit: contain; }
.cx-case .r-item.sc .lbl { font-size: 13px; font-weight: 800; color: #fff; line-height: 1.15; max-width: 100%; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cx-case .r-item.sc small { font-size: 10.5px; font-weight: 700; color: #8d86b8; }
.cx-case .roulette:has(.winner) .r-item.sc:not(.winner) { opacity: .28; }
.cx-case .r-item.sc.winner { transform: scale(1.08); z-index: 2; }
.cx-case .r-item.sc.winner .ico::before { filter: brightness(1.6) drop-shadow(0 0 18px var(--rc)); }
.cx-case .r-item.sc.winner small { color: var(--rc); }
/* várias caixas: colunas verticais */
.cx-hex:has(.multi) .cx-mark { display: none; }
.cs-stage.cx-stage.multi { flex-direction: row; align-items: stretch; padding: 0 7%; gap: 0; }
.cx-case .cs-stage.cx-stage.multi .roulette.vert { height: auto; max-height: none; border-left: 1px solid rgba(165, 139, 255, .16); }
.cx-case .cs-stage.cx-stage.multi .roulette.vert:first-of-type { border-left: 0; }
.cx-case .cs-stage.cx-stage.multi .roulette.vert::before, .cx-case .cs-stage.cx-stage.multi .roulette.vert::after { left: 0; right: 0; width: auto; height: 30%; }
.cx-case .cs-stage.cx-stage.multi .roulette.vert::before { top: 0; bottom: auto; background: linear-gradient(180deg, #120f26, transparent); }
.cx-case .cs-stage.cx-stage.multi .roulette.vert::after { bottom: 0; top: auto; background: linear-gradient(0deg, #120f26, transparent); }
.cx-case .cs-stage.cx-stage.multi .roulette.vert .strip { left: 0; right: 0; top: 0; bottom: auto; flex-direction: column; align-items: stretch; gap: 0; }
.cx-case .cs-stage.cx-stage.multi .roulette.vert .r-item.sc { width: auto; height: 104px; padding: 18px 6px 8px; gap: 2px; border-left: 0; }
.cx-case .cs-stage.cx-stage.multi .roulette.vert .r-item.sc .ico { width: 70px; height: 52px; font-size: 30px; }
.cx-case .cs-stage.cx-stage.multi .roulette.vert .r-item.sc .ico img { width: 64px; height: 48px; }
.cx-case .cs-stage.cx-stage.multi .roulette.vert .r-item.sc .lbl { font-size: 11.5px; }
.cx-case .cs-stage.cx-stage.multi .roulette.vert .r-item.sc small { display: none; }
.cx-case .cs-stage.cx-stage.multi .roulette.vert .sc-p { top: 4px; left: 6px; font-size: 10px; padding: 1px 6px; }
/* setas ▷ ◁ nas laterais da moldura (linha do prêmio das colunas) */
.cx-side { display: none; position: absolute; top: 50%; z-index: 5; width: 0; height: 0; transform: translateY(-50%); border-top: 10px solid transparent; border-bottom: 10px solid transparent; filter: drop-shadow(0 0 6px #ff3d7a); }
.cx-side.l { left: 5.2%; border-left: 14px solid #ff3d7a; }
.cx-side.r { right: 5.2%; border-right: 14px solid #ff3d7a; }
.cx-side::after { content: ''; position: absolute; top: -5px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.cx-side.l::after { left: -12px; border-left: 7px solid #120f26; }
.cx-side.r::after { right: -12px; border-right: 7px solid #120f26; }
.cx-hex:has(.multi) .cx-side, .cx-hex:has(.cx-row:not([style*="--n:1"])) .cx-side { display: block; }
@media (max-width: 760px) {
  .cx-case .r-item.sc { width: 132px; padding-top: 24px; }
  .cx-case .r-item.sc .ico { width: 80px; height: 70px; font-size: 36px; }
  .cs-stage.cx-stage.multi, .cx-case .cs-stage.cx-stage:not(.multi) { padding: 0 5%; }
  .cx-case .cs-stage.cx-stage.multi .roulette.vert .r-item.sc { height: 92px; }
  .cx-case .cs-stage.cx-stage.multi .roulette.vert .sc-p { display: none; }
  .cx-side.l { left: 2%; } .cx-side.r { right: 2%; }
}

/* ================================================================ PACOTE: tamanho certo para cortar o lacre
   Pacote grande no formato 3:4 (cabe na altura da tela), lacre picotado a 18% do topo com entalhes nas laterais,
   guia da tesoura exatamente da largura do pacote. */
.stage .tear-zone { width: min(330px, calc((100dvh - 250px) * .75), 84vw); aspect-ratio: 3 / 4; height: auto; }
.stage .tear-zone > .pack-ghost, .stage .tear-zone > .pack-body, .stage .tear-zone > .pack-top { position: absolute; inset: 0; }
.stage .tear-zone > .pack-ghost { visibility: hidden; }
.stage .tear-zone .pack.coroa-foil-pack { width: 100% !important; height: 100% !important; max-width: none !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto; border-radius: 16px; }
.stage .tear-zone .pack-img { opacity: 1 !important; }
.stage .tear-zone .pack-body .pack, .stage .tear-zone .pack-ghost .pack { box-shadow: 0 30px 60px rgba(0, 0, 0, .6), 0 0 50px rgba(247, 200, 94, .18); }
/* lacre: linha picotada e entalhes (onde a tesoura corta) */
.stage .tear-zone::before { content: ''; position: absolute; left: 6px; right: 6px; top: 18%; z-index: 3; height: 0; border-top: 2px dashed rgba(255, 255, 255, .7); filter: drop-shadow(0 0 4px rgba(0, 0, 0, .9)); pointer-events: none; transition: opacity .2s; }
.stage .tear-zone::after { content: ''; position: absolute; left: -1px; right: -1px; top: calc(18% - 7px); height: 14px; z-index: 3; pointer-events: none;
  background: linear-gradient(135deg, transparent 50%, #0a0b12 50%) left / 9px 14px no-repeat, linear-gradient(-135deg, transparent 50%, #0a0b12 50%) right / 9px 14px no-repeat;
  }
.stage .tear-zone.torn::before, .stage .tear-zone.torn::after { opacity: 0; }
.stage .tear-zone .cutline { top: 18%; height: 4px; transform: translateY(-50%); z-index: 4; }
.stage .tear-zone .cut-guide { left: 0; right: 0; top: calc(18% - 24px); height: 48px; border: 0; border-radius: 0; background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0)); cursor: ew-resize; }
.stage .tear-zone .cut-guide .scissor { left: -22px; font-size: 34px; }
.stage .tear-zone.torn .pack-top { transform: translate(160px, -300px) rotate(38deg); }
@media (max-width: 680px) { .stage .tear-zone { width: min(84vw, calc((100dvh - 230px) * .75)); } }
.cx-tag { white-space: nowrap; }

/* Neon Drop: soma da rodada embaixo enquanto as bolas caem */
.pk2-sum { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 42px; padding: 0 16px; border-top: 1px solid rgba(255, 90, 170, .18); background: rgba(10, 4, 14, .55); font-size: 13px; color: #c9b3c3; }
.pk2-sum span { display: flex; align-items: center; gap: 6px; }
.pk2-sum span i { font-size: 9px; color: #ff3d9a; animation: pkPulse .8s infinite alternate; }
.pk2-sum b { font: 900 17px var(--display); color: #fff; font-variant-numeric: tabular-nums; }
.pk2-sum.on b { color: #7ff5b8; text-shadow: 0 0 14px rgba(63, 242, 164, .45); }
.pk2-sum b.pop { animation: pkPop .35s ease-out; }
@keyframes pkPulse { to { opacity: .3; } }
@keyframes pkPop { 40% { transform: scale(1.15); } }