/* DROPA — Neon Drop e Templo Neon */
.modes a .tag.new { background: var(--gold); }
.cz-layout { display: grid; grid-template-columns: 1fr 320px; gap: 14px; align-items: start; }
.cz-main { display: flex; flex-direction: column; gap: 12px; min-width: 0; }

/* painel lateral */
.cz-side { padding: 14px; display: flex; flex-direction: column; gap: 12px; position: sticky; top: 82px; max-height: calc(100vh - 100px); }
.dot-on { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.cz-tabs { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); }
.cz-tabs button.on { background: linear-gradient(180deg, #8f5cff, #6a2fe0); color: #fff; }
.cz-head, .cz-row { display: grid; grid-template-columns: .9fr 1fr 1fr .8fr; gap: 6px; font-size: 12.5px; padding: 8px 10px; }
.cz-head { color: var(--muted); font-weight: 800; border-bottom: 1px solid var(--line); }
.cz-list { overflow-y: auto; display: flex; flex-direction: column; gap: 4px; }
.cz-row { border-radius: 9px; background: var(--panel2); animation: dropin .4s var(--spring); }
.cz-row .x { font-weight: 800; color: var(--gold2); }
.cz-row.hot { box-shadow: inset 3px 0 0 var(--gold); }

/* controles (barra inferior dos jogos) */
.cz-controls { display: flex; align-items: center; gap: 10px; padding: 12px; flex-wrap: wrap; }
.cz-btn { height: 46px; min-width: 46px; padding: 0 12px; border-radius: 13px; background: var(--panel3); border: 1px solid var(--line2); display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-weight: 800; font-size: 13px; }
.cz-btn:hover { border-color: var(--gold); }
.cz-btn.on { background: var(--gold); color: #fff; border-color: transparent; }
.cz-stake { display: flex; align-items: center; gap: 8px; }
.cz-stake .cz-btn:first-child { color: var(--gold); }
.cz-amt { background: var(--bg2); border: 1px solid var(--line2); border-radius: 13px; padding: 4px 12px; text-align: center; }
.cz-amt small { display: block; font-size: 9.5px; color: var(--muted); font-weight: 800; letter-spacing: .08em; }
.cz-amt input { width: 90px; background: none; border: 0; outline: none; text-align: center; font-family: var(--display); font-weight: 700; font-size: 17px; color: var(--text); }
.cz-auto select { height: 46px; border-radius: 13px; background: var(--panel3); border: 1px solid var(--line2); padding: 0 12px; font-weight: 800; color: var(--text); }
.cz-seg { display: flex; gap: 4px; padding: 4px; border-radius: 13px; background: var(--bg2); border: 1px solid var(--line); }
.cz-seg button { height: 38px; padding: 0 14px; border-radius: 10px; font-weight: 800; font-size: 13px; color: var(--muted); }
.cz-seg button.on { background: var(--gold); color: #fff; }
.cz-rows { display: flex; align-items: center; gap: 8px; }
.cz-rows small { font-size: 10px; color: var(--muted); font-weight: 800; letter-spacing: .08em; }
.cz-rows input { width: 110px; }
.cz-rows b { font-family: var(--display); width: 22px; }
.cz-play { margin-left: auto; height: 56px; padding: 0 34px; border-radius: 999px; background: linear-gradient(180deg, #c58bff, #8a3ff0 55%, #6a1fd0); color: #fff; box-shadow: 0 10px 30px rgba(138, 63, 240, .45), inset 0 1px 0 rgba(255, 255, 255, .45); display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; transition: transform .1s, filter .2s; }
.cz-play b { font-family: var(--display); font-size: 17px; letter-spacing: .04em; }
.cz-play small { font-size: 11px; opacity: .85; }
.cz-play:hover { filter: brightness(1.1); }
.cz-play:active { transform: scale(.96); }
.cz-bal2 small { display: block; font-size: 10px; color: var(--muted); font-weight: 800; letter-spacing: .08em; }
.cz-bal2 b { font-family: var(--display); font-size: 18px; }
.cz-spin { margin-left: auto; width: 78px; height: 78px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffc2e0, var(--gold) 50%, var(--orange)); color: #fff; font-size: 36px; display: grid; place-items: center; box-shadow: 0 0 0 5px rgba(255, 255, 255, .12), 0 10px 30px rgba(255, 61, 154, .5); transition: transform .15s; }
.cz-spin:hover { transform: rotate(40deg) scale(1.05); }
.cz-spin.busy i { animation: spin .7s linear infinite; }
.cz-btn.wide { padding: 0 16px; }

/* Neon Drop */
.cz-board { padding: 14px; position: relative; overflow: hidden; background: radial-gradient(600px 320px at 50% 0, rgba(255, 61, 154, .16), transparent 70%), radial-gradient(500px 300px at 50% 100%, rgba(123, 92, 255, .2), transparent 70%), linear-gradient(180deg, #1a0d24, #120818); }
.cz-board::before, .cz-board::after { content: ''; position: absolute; bottom: -20px; width: 180px; height: 180px; border-radius: 50%; filter: blur(50px); opacity: .35; pointer-events: none; }
.cz-board::before { left: -40px; background: #ff3d9a; }
.cz-board::after { right: -40px; background: #7b5cff; }
.cz-top { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2; }
.cz-logo { font-family: var(--display); font-weight: 700; font-size: 26px; letter-spacing: .04em; color: #fff; text-shadow: 0 0 20px rgba(255, 61, 154, .6); }
.cz-logo span { color: var(--gold); margin-left: 4px; }
.cz-bal { padding: 8px 14px; border-radius: 12px; background: rgba(0, 0, 0, .35); border: 1px solid var(--line2); font-family: var(--display); }
.pk-wrap { position: relative; height: min(560px, 62vh); }
.pk-wrap canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.pk-legend { position: absolute; left: 6px; top: 40px; display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 14px; background: rgba(0, 0, 0, .3); border: 1px solid var(--line2); font-size: 11px; color: var(--muted); font-weight: 800; text-align: center; z-index: 2; }
.pk-legend i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; }
.pk-legend b { color: var(--text); font-family: var(--display); font-size: 14px; }

/* Templo Neon */
.sl-frame { position: relative; border-radius: 18px; padding: 14px; overflow: hidden; background:
  radial-gradient(500px 260px at 50% 0, rgba(255, 199, 0, .18), transparent 70%),
  linear-gradient(90deg, rgba(255, 255, 255, .05) 0 6%, transparent 6% 94%, rgba(255, 255, 255, .05) 94%),
  linear-gradient(180deg, #2a0f33, #170a1f 60%, #0f0714); border: 1px solid rgba(255, 199, 0, .35); box-shadow: inset 0 0 60px rgba(255, 61, 154, .15); }
.sl-frame.free { border-color: var(--gold); box-shadow: inset 0 0 80px rgba(255, 199, 0, .3), 0 0 40px rgba(255, 199, 0, .25); }
.sl-banner { text-align: center; margin-bottom: 12px; }
.sl-banner b { display: block; font-family: var(--display); font-size: clamp(24px, 3.4vw, 36px); letter-spacing: .08em; background: linear-gradient(180deg, #fff6d0, #f5c542 55%, #b07a06); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 4px 14px rgba(255, 199, 0, .45)); }
.sl-banner span { font-size: 12px; font-weight: 800; letter-spacing: .2em; color: var(--gold2); }
.sl-body { display: grid; grid-template-columns: 200px 1fr; gap: 12px; align-items: start; }
.sl-info { padding: 14px; font-size: 12.5px; line-height: 1.5; color: var(--muted); background: rgba(0, 0, 0, .3); }
.sl-info h4 { color: #ffe58a; margin-bottom: 8px; font-size: 15px; }
.sl-info p { margin: 0 0 10px; }
.sl-info b { color: var(--text); }
.mini-orb { display: inline-block; width: 22px; height: 22px; vertical-align: middle; }
.mini-orb svg { width: 100%; height: 100%; }
.sl-grid-wrap { position: relative; border-radius: 14px; padding: 8px; background: linear-gradient(180deg, rgba(60, 20, 70, .85), rgba(30, 10, 40, .9)); border: 2px solid rgba(255, 199, 0, .45); box-shadow: inset 0 0 30px rgba(0, 0, 0, .6); }
.sl-grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(5, 1fr); gap: 4px; aspect-ratio: 6 / 5; overflow: hidden; }
.sl-cell { position: relative; display: grid; place-items: center; border-radius: 10px; background: rgba(255, 255, 255, .03); }
.sl-cell svg { width: 86%; height: 86%; }
.sl-cell.fall { animation: slfall .42s cubic-bezier(.3, 1.35, .5, 1) both; }
@keyframes slfall { from { transform: translateY(var(--fy)); } }
.sl-cell.out { animation: slout .26s ease-in both; }
@keyframes slout { to { transform: translateY(560%); opacity: .4; } }
.sl-cell.win { background: radial-gradient(circle, rgba(255, 199, 0, .35), transparent 70%); animation: slwin .45s ease-in-out infinite alternate; z-index: 2; }
@keyframes slwin { to { transform: scale(1.12); filter: brightness(1.4) drop-shadow(0 0 12px #ffc700); } }
.sl-cell.boom { animation: slboom .28s ease-in forwards; }
@keyframes slboom { to { transform: scale(1.6) rotate(12deg); opacity: 0; filter: brightness(3); } }
.sl-cell.orbhit { animation: slorb .5s ease-in-out infinite alternate; z-index: 3; }
@keyframes slorb { to { transform: scale(1.25); filter: drop-shadow(0 0 18px #fff); } }
.sl-overlay { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: rgba(15, 5, 20, .72); backdrop-filter: blur(3px); border-radius: 12px; animation: fadein .3s; }
.sl-overlay b { font-family: var(--display); font-size: clamp(28px, 5vw, 50px); text-align: center; background: linear-gradient(180deg, #fff6d0, #f5c542 55%, #b07a06); -webkit-background-clip: text; background-clip: text; color: transparent; animation: wbin .7s var(--spring); }
.sl-overlay span { font-family: var(--display); font-size: 22px; color: #fff; }
.sl-fs { position: absolute; left: 50%; top: -14px; transform: translateX(-50%); display: flex; gap: 10px; z-index: 6; }
.sl-fs span { padding: 6px 12px; border-radius: 10px; background: var(--gold); color: #fff; font-weight: 800; font-size: 12px; white-space: nowrap; box-shadow: 0 6px 20px rgba(255, 61, 154, .5); }
.sl-fs b { font-family: var(--display); font-size: 16px; margin-left: 4px; }
.sl-win { margin-top: 12px; text-align: center; font-family: var(--display); font-size: 20px; min-height: 30px; color: #fff; display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.sl-win .chip { font-family: var(--body); }
.pay-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.pay-row { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 10px; background: var(--panel2); }
.mini-sym { width: 40px; height: 40px; }
.mini-sym svg { width: 100%; height: 100%; }

@media (max-width: 1100px) { .cz-layout { grid-template-columns: 1fr; } .cz-side { position: static; max-height: 420px; } }
@media (max-width: 760px) {
  .sl-body { grid-template-columns: 1fr; }
  .sl-info { display: none; }
  .cz-play { margin-left: 0; width: 100%; }
  .cz-spin { margin-left: 0; }
  .pk-legend { display: none; }
}
.sl-grid { width: min(100%, calc((100vh - 340px) * 1.2)); margin: 0 auto; }

/* Neon Drop: prêmio no meio da tela subindo */
.pk-win { position: absolute; left: 50%; top: 38%; transform: translate(-50%, -50%) scale(.6); z-index: 4; pointer-events: none; opacity: 0; text-align: center; padding: 16px 30px; background: rgba(15, 6, 18, .82); border: 1px solid rgba(255, 61, 154, .5); clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%); transition: opacity .25s, transform .35s var(--spring); }
.pk-win.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.pk-win.pop { animation: pkpop .35s var(--spring); }
@keyframes pkpop { 40% { transform: translate(-50%, -50%) scale(1.12); } }
.pk-win small { display: block; font-family: var(--display); font-size: 16px; color: var(--gold2); }
.pk-win b { display: block; font-family: var(--display); font-size: clamp(30px, 5vw, 48px); color: #7ff5b8; font-variant-numeric: tabular-nums; line-height: 1.05; }
.pk-win span { display: block; font-size: 11px; font-weight: 800; letter-spacing: .18em; color: var(--muted); margin-top: 4px; }
.pk-win.big { border-color: var(--gold); }
.pk-win.big b { color: #fff; }
.pk-win.big span { color: var(--gold2); }
.pk-win.mega { border-color: #ffc700; background: rgba(40, 20, 5, .88); }
.pk-win.mega b { color: #ffe58a; font-size: clamp(38px, 7vw, 64px); }
.pk-win.mega span { color: #ffe58a; }

/* ------------------------------------------------------------ Double */
.db-board { padding: 16px; background: linear-gradient(180deg, #1b0c1d, #120814); }
.db-hist { display: flex; gap: 4px; flex-wrap: wrap; }
.db-hist .db-tile { width: 30px; height: 30px; font-size: 12px; border-radius: 7px; }
.db-wheel { position: relative; height: 120px; margin-top: 16px; overflow: hidden; border-radius: 14px; background: rgba(0, 0, 0, .35); border: 1px solid var(--line2); }
.db-wheel::before, .db-wheel::after { content: ''; position: absolute; top: 0; bottom: 0; width: 14%; z-index: 2; pointer-events: none; }
.db-wheel::before { left: 0; background: linear-gradient(90deg, #160a18, transparent); }
.db-wheel::after { right: 0; background: linear-gradient(-90deg, #160a18, transparent); }
.db-marker { position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; margin-left: -1.5px; background: #fff; z-index: 3; }
.db-strip { position: absolute; top: 15px; left: 0; display: flex; gap: 8px; will-change: transform; }
.db-tile { width: 90px; height: 90px; flex: none; border-radius: 14px; display: grid; place-items: center; font-family: var(--display); font-size: 30px; font-weight: 700; color: #fff; }
.db-tile.red { background: linear-gradient(180deg, #ff4d6d, #c2163b); }
.db-tile.black { background: linear-gradient(180deg, #3a3340, #1c1720); border: 1px solid rgba(255, 255, 255, .08); }
.db-tile.white { background: linear-gradient(180deg, #fff, #e8dfe6); color: #ff3d9a; }
.db-tile.hit { outline: 3px solid #fff; outline-offset: -3px; transform: scale(1.06); }
.db-status { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
.db-bar { flex: 1; height: 6px; border-radius: 99px; background: var(--panel3); overflow: hidden; }
.db-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--orange), var(--gold2)); transition: width .1s linear; }
.db-status b { font-size: 14px; white-space: nowrap; }
.db-chip { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 12px; }
.db-chip.red { background: #e02a52; } .db-chip.black { background: #2a242e; } .db-chip.white { background: #fff; color: #ff3d9a; }
.db-controls { justify-content: center; }
.db-bet { --ch: 14px; flex: 1; min-width: 150px; height: 62px; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.15; clip-path: polygon(var(--ch) 0, calc(100% - var(--ch)) 0, 100% 50%, calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 50%); transition: filter .15s, transform .1s; }
.db-bet b { font-family: var(--display); font-size: 17px; text-transform: uppercase; }
.db-bet small { font-size: 11.5px; opacity: .85; font-weight: 700; }
.db-bet.red { background: linear-gradient(180deg, #ff4d6d, #c2163b); }
.db-bet.black { background: linear-gradient(180deg, #3d3644, #1d1822); }
.db-bet.white { background: linear-gradient(180deg, #fff, #e8dfe6); color: #c2187a; }
.db-bet:hover { filter: brightness(1.12); }
.db-bet:active { transform: scale(.97); }
.db-bet:disabled { opacity: .45; pointer-events: none; }
.db-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.db-col { padding: 12px; }
.db-col-h { display: flex; justify-content: space-between; font-weight: 800; font-size: 13px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 2px solid; }
.db-col.red .db-col-h { border-color: #e02a52; } .db-col.black .db-col-h { border-color: #4a4250; } .db-col.white .db-col-h { border-color: #fff; }
.db-list { display: flex; flex-direction: column; gap: 4px; max-height: 260px; overflow-y: auto; }
.db-row { display: flex; align-items: center; gap: 8px; font-size: 12.5px; padding: 4px 6px; border-radius: 8px; }
.db-row span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.db-row.me { background: rgba(255, 61, 154, .12); }

/* ------------------------------------------------------------ Voo Neon */
.cr-board { padding: 16px; background: radial-gradient(500px 260px at 30% 100%, rgba(255, 61, 154, .14), transparent 70%), linear-gradient(180deg, #170b1a, #0e0710); }
.cr-hist { display: flex; gap: 4px; flex-wrap: wrap; }
.cr-chip { font-size: 11.5px; font-weight: 800; padding: 4px 8px; border-radius: 7px; background: rgba(75, 105, 255, .18); color: #9db0ff; }
.cr-chip.warm { background: rgba(136, 71, 255, .2); color: #c4b5ff; }
.cr-chip.hot { background: rgba(255, 61, 154, .2); color: var(--gold2); }
.cr-wrap { position: relative; height: min(420px, 55vh); margin-top: 14px; border-radius: 14px; overflow: hidden; background: rgba(0, 0, 0, .3); border: 1px solid var(--line2); }
.cr-wrap canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.cr-center { position: absolute; left: 50%; top: 38%; transform: translate(-50%, -50%); text-align: center; pointer-events: none; }
.cr-center b { display: block; font-family: var(--display); font-size: clamp(46px, 8vw, 84px); color: #fff; font-variant-numeric: tabular-nums; line-height: 1; }
.cr-center b.warm { color: #c4b5ff; } .cr-center b.hot { color: var(--gold2); } .cr-center b.crashed { color: #ff4d5e; }
.cr-center span { display: block; margin-top: 8px; font-weight: 800; color: var(--muted); font-size: 14px; }
.cr-bar { width: 220px; height: 5px; margin: 12px auto 0; border-radius: 99px; background: var(--panel3); overflow: hidden; }
.cr-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--orange), var(--gold2)); }
.cr-auto { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--muted); }
.cr-auto input[type=number] { width: 70px; height: 34px; padding: 0 8px; background: var(--bg2); border: 1px solid var(--line2); border-radius: 8px; color: var(--text); font-weight: 700; }
.cr-auto input[type=checkbox] { accent-color: var(--gold); }
.cr-btn { min-width: 220px; }
.cr-btn.cash { background: linear-gradient(180deg, #4cf0a0, #19b56a); box-shadow: 0 10px 30px rgba(47, 224, 138, .4); }
.cr-btn.wait { background: var(--panel3); box-shadow: none; }
.cr-btn:disabled { opacity: .75; cursor: default; }
.cr-players { padding: 12px; }
@media (max-width: 760px) { .db-cols { grid-template-columns: 1fr; } .db-tile { width: 70px; height: 70px; font-size: 24px; } .db-wheel { height: 100px; } }

/* ------------------------------------------------------------ jogos: uma coluna, barra com "Suas jogadas" */
.cz-layout { grid-template-columns: 1fr; }
.game-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex: none; }
.game-bar a { font-size: 12.5px; font-weight: 700; }
.hist-btn { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; font-weight: 800; font-size: 12.5px; text-transform: uppercase; letter-spacing: .03em; background: var(--panel2); color: var(--gold2); clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%); }
.hist-btn i { font-size: 17px; }
.hist-btn:hover { background: var(--panel3); }
.modal .cz-list { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
.modal .cz-head { margin-top: 12px; }

/* ------------------------------------------------------------ tela cheia: o jogo ocupa a janela, sem rolar a página */
body.game-full footer, body.game-full .livebar { display: none; }
body.game-full main { padding-top: 10px; padding-bottom: 10px; }
@media (min-width: 900px) and (min-height: 600px) {
  body.game-full { overflow: hidden; }
  body.game-full .cz-main { height: calc(100vh - var(--gtop, 130px) - 28px); gap: 10px; }
  html:has(body.game-full) { overflow: hidden; }
  body.game-full .cz-controls { flex: none; }
  /* Neon Drop */
  body.game-full .cz-board { flex: 1; min-height: 0; display: flex; flex-direction: column; }
  body.game-full .pk-wrap { flex: 1; height: auto; min-height: 0; }
  /* Templo Neon */
  body.game-full .sl-frame { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 10px 14px; }
  body.game-full .sl-banner { margin-bottom: 6px; }
  body.game-full .sl-banner b { font-size: 24px; }
  body.game-full .sl-body { flex: 1; min-height: 0; }
  body.game-full .sl-grid-wrap { height: 100%; display: flex; align-items: center; justify-content: center; }
  body.game-full .sl-grid { height: 100%; width: auto; max-width: 100%; margin: 0 auto; }
  body.game-full .sl-info { max-height: 100%; overflow: hidden; }
  body.game-full .sl-win { margin-top: 6px; min-height: 26px; font-size: 18px; }
  /* Double: roleta e botões à esquerda, apostas dos jogadores embaixo preenchendo o resto */
  body.game-full .double-main .db-board { flex: none; }
  body.game-full .double-main .db-cols { flex: 1; min-height: 0; }
  body.game-full .double-main .db-col { display: flex; flex-direction: column; min-height: 0; }
  body.game-full .double-main .db-list { flex: 1; max-height: none; min-height: 0; }
  /* Voo Neon: gráfico à esquerda, jogadores numa coluna à direita */
  body.game-full .crash-main { display: grid; grid-template-columns: 1fr 300px; grid-template-rows: auto 1fr auto; }
  body.game-full .crash-main .game-bar { grid-column: 1 / -1; }
  body.game-full .crash-main .cr-board { grid-column: 1; grid-row: 2; min-height: 0; display: flex; flex-direction: column; }
  body.game-full .crash-main .cr-wrap { flex: 1; height: auto; min-height: 0; }
  body.game-full .crash-main .cr-controls { grid-column: 1; grid-row: 3; }
  body.game-full .crash-main .cr-players { grid-column: 2; grid-row: 2 / span 2; min-height: 0; display: flex; flex-direction: column; }
  body.game-full .crash-main #crList { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 4px; }
}
.db-list, #crList { scrollbar-width: none; }
.db-list::-webkit-scrollbar, #crList::-webkit-scrollbar { display: none; }

/* ------------------------------------------------------------ valores de prêmio mais claros */
.prize-hint { font-size: 11.5px; font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.prize-hint b { color: #7ff5b8; font-family: var(--display); font-size: 14px; letter-spacing: 0; }
.db-bet .ret { display: block; margin-top: 2px; font-family: var(--display); font-size: 15px; }
.db-bet.white .ret { color: #9c0f5e; }
.win-pop { position: fixed; left: 50%; top: 45%; z-index: 460; pointer-events: none; text-align: center; padding: 18px 40px; background: rgba(15, 6, 18, .9); border: 1px solid rgba(255, 61, 154, .55); clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%); transform: translate(-50%, -50%) scale(.6); opacity: 0; transition: opacity .25s, transform .35s var(--spring); }
.win-pop.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.win-pop small { display: block; font-family: var(--display); font-size: 17px; color: var(--gold2); }
.win-pop b { display: block; font-family: var(--display); font-size: clamp(34px, 5.5vw, 56px); color: #7ff5b8; line-height: 1.05; font-variant-numeric: tabular-nums; }
.win-pop span { display: block; font-size: 11.5px; font-weight: 800; letter-spacing: .2em; color: var(--muted); margin-top: 4px; }
.win-pop.big { border-color: var(--gold); } .win-pop.big b { color: #fff; } .win-pop.big span { color: var(--gold2); }
.win-pop.mega { border-color: #ffc700; background: rgba(40, 20, 5, .92); } .win-pop.mega b { color: #ffe58a; } .win-pop.mega span { color: #ffe58a; }

/* ------------------------------------------------------------ correção de encaixe em telas baixas/médias */
@media (min-width: 900px) and (min-height: 600px) {
  /* Templo Neon: a grade é medida pelo espaço que sobra (largura E altura) e nunca passa da tela */
  body.game-full .sl-frame { overflow: hidden; }
  body.game-full .sl-body { flex: 1 1 0; min-height: 0; display: grid; grid-template-columns: clamp(160px, 16vw, 210px) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
  body.game-full .sl-grid-wrap { min-height: 0; height: 100%; container-type: size; display: grid; place-items: center; padding: 8px; }
  body.game-full .sl-grid { width: min(100cqw, 120cqh); height: auto; max-width: none; aspect-ratio: 6 / 5; margin: 0; }
  body.game-full .sl-info { min-height: 0; max-height: 100%; overflow-y: auto; scrollbar-width: none; font-size: 12px; padding: 12px; }
  body.game-full .sl-info::-webkit-scrollbar { display: none; }
  body.game-full .sl-info p { margin-bottom: 8px; }
  body.game-full .sl-win { flex: none; }
  /* telas baixas: banner e espaçamentos menores para sobrar mais altura para o jogo */
  @media (max-height: 760px) {
    body.game-full .statbar { display: none; }
    body.game-full .topbar { height: 60px; margin-top: 6px; }
    body.game-full .modes a { height: 52px; }
    body.game-full .sl-banner span { display: none; }
    body.game-full .sl-banner b { font-size: 20px; }
    body.game-full .cz-controls { padding: 8px 12px; }
    body.game-full .cz-spin { width: 62px; height: 62px; font-size: 28px; }
    body.game-full .cz-play { height: 48px; }
    body.game-full .pk-legend { display: none; }
  }
}
/* Templo Neon fora da tela cheia (celular): grade pela largura, sem passar da altura */
.sl-grid-wrap { min-width: 0; }

/* menu do topo: em telas médias mostra só os ícones (o nome aparece no item ativo e ao passar o mouse) */
@media (max-width: 1500px) {
  .modes a .lb { display: none !important; }
  .modes a.on .lb { display: block !important; }
  .modes { gap: 0; margin-left: 8px; }
  .modes a { padding: 0 5px; }
  .modes a .tag { right: -4px; font-size: 7px; padding: 1px 4px; }
}
.modes { mask-image: linear-gradient(90deg, #000 92%, transparent); min-width: 0; flex: 1 1 auto; }
.topbar { min-width: 0; }
.top-right { flex: none; }

@media (max-width: 1250px) { .modes a .ic { width: 26px; height: 26px; font-size: 15px; } .modes a.on .lb { display: none !important; } }

/* Voo Neon no celular/tablet: gráfico menor e histórico numa linha só, para o botão de apostar caber na tela */
@media (max-width: 899px), (max-height: 599px) {
  .crash-main .cr-board { padding: 12px; }
  .crash-main .cr-hist { flex-wrap: nowrap; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
  .crash-main .cr-chip { flex: none; }
  .crash-main .cr-wrap { height: clamp(180px, 34vh, 340px); margin-top: 10px; }
  .crash-main .cr-center b { font-size: clamp(40px, 12vw, 64px); }
}

/* Turbo e Torre em telas baixas: sem o subtítulo e título compacto, para o botão de jogar caber sem rolar */
@media (max-height: 820px) {
  #app:has(#tbGo) > .page-sub, #app:has(#twMain) > .page-sub { display: none; }
  #app:has(#tbGo) > .page-title, #app:has(#twMain) > .page-title { margin-bottom: 10px; font-size: clamp(22px, 3vw, 30px); }
  #app:has(#tbGo) .game-layout, #app:has(#twMain) .game-layout { margin-top: 0; }
}