/* BlockBet classic game pass — flatter, darker, more Minecraft/casino and less sci-fi. */

/* ---------- Shared game shell ---------- */
body.casino-app{background:#090c0a}
.icon-rail,.site-header{background:#0b0f0c;border-color:#202921;box-shadow:none}
.icon-rail button,.icon-rail .rail-vault,.site-header nav a,.site-header .button,.site-header button,.header-balance{border-radius:5px}
.icon-rail button[aria-selected=true]{background:#142319;border-color:#35513d;box-shadow:inset 3px 0 0 #58a96f}
.icon-rail button[aria-selected=true] img{filter:drop-shadow(0 3px 4px #0008);transform:none}
.site-header nav a[aria-current]{background:#152018;border-color:#334337;box-shadow:none;color:#eef3ef}
.header-balance{background:#132019;border-color:#35533f;color:#c8e2d0}
.site-header .deposit-link,.site-header .refill-button{background:#2f7650;color:#fff;border-color:#478861}
.game-shell{background:#0d110e}
.game-controls{background:#0c100d;border-color:#242d25}
.game-hero{background:#151c16;border-color:#273229}
.game-hero:after{background:linear-gradient(90deg,#0f140f 0 33%,transparent 78%),linear-gradient(0deg,#0f140f 0,transparent 58%)}
.game-hero:before{opacity:.52;transform:none;filter:drop-shadow(0 7px 8px #0008)}
.control-scroll{background:#0d120e}
.money-input,.result-card,.practice-rules{background:#121713;border-color:#2d382f;border-radius:5px}
.chip-button,.mine-picks button,.control-actions button{background:#171d18;border-color:#364038;border-radius:5px;box-shadow:none}
.mine-picks button.active,.control-actions button.secondary{background:#1c3223;border-color:#45664f;color:#c4e1cc}
.result-meter{height:6px;border-color:#202720;background:#090c09}
.result-meter span{background:#4f9b68}
.game-stage{background:#0c100d}
.stage-chrome{color:#788079}
.board-frame{background:#101510;border:1px solid #2b352c;border-radius:8px;box-shadow:none}
#gameMessage{color:#8e978f}

/* ---------- Mines / Towers / Coinflip / Plinko ---------- */
.tile{border-radius:4px!important;box-shadow:inset 0 0 0 1px #7e5b3c,0 3px 0 #2e2118!important}
.tile:not(:disabled):hover{transform:none!important;filter:brightness(1.08)}
.coin-face{box-shadow:0 8px 18px #0006;border-width:2px}
.coin-face.revealed{box-shadow:0 8px 18px #0006}
.coin-choices button{background:#171d18;border-color:#39433b;border-radius:5px}
.coin-choices button[aria-pressed=true]{background:#1c3223;border-color:#4b7256;color:#d5eadb}
.plinko-board{border-radius:7px;background:#121914;border-color:#344039;box-shadow:none}
.plinko-peg{background:#b8c0b9;box-shadow:none}
.plinko-ball{filter:drop-shadow(0 4px 4px #0008)}
.plinko-slot{border-radius:3px;background:#171d18;border-color:#333d35;color:#9da69f}
.plinko-slot.hit{background:#24472f;border-color:#4f7d5b;color:#e2eee5}
.crash-value{color:#d7eadc}
.crash-track span{background:#4f9b68}

/* ---------- Blackjack: traditional felt table, no neon/cyber effects ---------- */
.game-stage:has(.blackjack-table),.game-stage:has(.blackjack-table) .board-frame{background:#0c100d}
.blackjack-table{border-radius:10px!important;border-color:#465449!important;background:#1d4b34!important;box-shadow:inset 0 0 0 1px #24462f,0 10px 24px #0005!important}
.blackjack-table:before{border-color:#c5aa6f66!important;box-shadow:none!important}
.blackjack-table:after{display:none!important}
.blackjack-mode,.blackjack-table-meta span,.blackjack-hand-head strong{background:#153421!important;border-color:#49604f!important;box-shadow:none!important}
.blackjack-card{border-radius:6px!important;box-shadow:0 4px 0 #0a160f,0 8px 14px #0006!important;animation:none!important}
.blackjack-center{opacity:.65}
.blackjack-turn-ring{box-shadow:none!important;border-color:#c2a96e!important;background:#183e2a!important}
.blackjack-actions button,.blackjack-deal-button{border-radius:5px!important;box-shadow:none!important;background:#285e40!important;border-color:#4b775c!important}
.blackjack-chip{transition:none!important}
.blackjack-chip img{animation:none!important;filter:drop-shadow(0 5px 5px #0008)!important}
.blackjack-chip.selected{transform:translateY(-2px)}
.blackjack-chip.selected:after{border-color:#d1ba79!important;box-shadow:none!important}
.blackjack-chip-value{background:#172019e8!important;border-radius:3px!important}

/* ---------- Solo Cases: simple crate/market styling ---------- */
.game-stage:has(.cases-board),.game-stage:has(.cases-board) .board-frame{background:#0c100d}
.cases-board{border-radius:8px;background:#101510;box-shadow:none;border-color:#303b32}
.cases-range{border-radius:5px;background:#151d17;border-color:#354239}
.case-opening{border-radius:7px;background:#131b15;box-shadow:none;border-color:#3a4a3f}
.case-reel-window{border-radius:5px;background:#0b0f0c;box-shadow:inset 0 0 18px #0008;border-color:#3a443c}
.case-reel-window:before{background:linear-gradient(90deg,#0b0f0c,transparent)}
.case-reel-window:after{background:linear-gradient(270deg,#0b0f0c,transparent)}
.case-reel-marker{background:#78a986;box-shadow:none}
.case-reel-marker:before{border-top-color:#78a986}
.case-prize-tile{border-radius:5px;background:#161d18;box-shadow:none;border-color:#354039}
.case-winning-tile{background:#203326;border-color:#8bae91;box-shadow:inset 0 0 0 1px #6e8f75}
.case-exact-payout{border-radius:5px;background:#151d17;border-color:#35463a}
.case-card{border-radius:6px;background:#141a15;box-shadow:none;transition:border-color .12s ease}
.case-card:hover{transform:none;box-shadow:none;border-color:#56675a}
.case-card:before{height:2px}
.case-art:before{display:none}
.case-art img{filter:drop-shadow(0 5px 5px #0008);transition:none}
.case-card:hover .case-art img{transform:none}
.case-open-button{border-radius:5px;background:#2f7650;border-color:#4a8c63;box-shadow:none}
.case-info-button,.case-info-close{border-radius:4px!important;box-shadow:none!important}
.case-info-overlay{backdrop-filter:none;background:#050705e8}
.case-info-dialog{border-radius:7px;background:#111712;box-shadow:0 14px 30px #0009}

/* ---------- Case Battles: same grounded treatment ---------- */
.case-battle-board{background:#101510}
.battle-config-block,.battle-sequence-panel,.battle-lobby-head,.battle-lobby-sequence,.battle-result-player{border-radius:6px;background:#141a15;box-shadow:none}
.battle-option,.battle-case-slot,.battle-seat,.battle-roll{border-radius:5px!important;box-shadow:none!important}
.battle-option:hover,.battle-option.active{background:#203326!important;border-color:#5a7662!important;box-shadow:none!important}
.battle-create,.battle-start,.battle-new{border-radius:5px!important;background:#2f7650!important;border-color:#4b8b64!important;box-shadow:none!important}
.battle-case-grid .case-card{background:#141a15}
.battle-result-banner,.battle-result-banner.won{border-radius:6px;background:#181c18;box-shadow:none}
.battle-result-banner.won{background:#18291d}
.battle-seat.waiting,.battle-roll{animation:none!important}

/* ---------- Crash: cinematic rocket ascent ---------- */
.crash-zone.crash-enhanced{
  border-radius:10px;
  border-color:#2d4652;
  background:#071119;
  box-shadow:inset 0 0 70px #0008,0 14px 34px #0005;
}

/* Let crash-scene.js control the sky, parallax, stars and space transitions. */
.crash-enhanced .crash-world,
.crash-enhanced.crash-space .crash-world,
.crash-enhanced.crash-deep-space .crash-world,
.crash-enhanced.crash-galaxy .crash-world{
  animation-duration:1.8s;
}
.crash-enhanced .crash-world:before,
.crash-enhanced.crash-galaxy .crash-world:after{display:block}
.crash-enhanced .crash-stars,.crash-enhanced .crash-sun{display:block}
.crash-enhanced .crash-clouds{filter:none}
.crash-enhanced .crash-horizon{filter:drop-shadow(0 -8px 12px #0004)}

/* Replace the tiny Minecraft inventory icon with a visible CSS rocket. */
.crash-enhanced .crash-rocket-icon{
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none;
}
.crash-enhanced .crash-rocket-wrap{
  width:112px!important;
  height:150px!important;
  z-index:12!important;
  filter:drop-shadow(0 12px 18px #0009);
}
.crash-enhanced .crash-rocket-wrap:before{
  content:"";
  position:absolute;
  z-index:5;
  left:50%;
  top:5px;
  width:54px;
  height:91px;
  transform:translateX(-50%);
  border:2px solid #dce7e8;
  border-radius:48% 48% 20% 20% / 34% 34% 13% 13%;
  clip-path:polygon(50% 0,78% 18%,92% 47%,92% 82%,72% 100%,28% 100%,8% 82%,8% 47%,22% 18%);
  background:
    linear-gradient(90deg,transparent 0 35%,#ffffff55 36% 45%,transparent 46%),
    linear-gradient(180deg,#f5fbfc 0 31%,#dfeaec 32% 52%,#1fc87d 53% 62%,#cfdadd 63% 100%);
  box-shadow:
    inset -9px 0 13px #6f7f8840,
    inset 8px 0 10px #ffffff66,
    0 0 0 1px #07111988,
    0 0 24px #90ecff26;
}
.crash-enhanced .crash-rocket-wrap:after{
  content:"";
  position:absolute;
  z-index:7;
  left:50%;
  top:31px;
  width:21px;
  height:21px;
  transform:translateX(-50%);
  border:4px solid #c9d8dc;
  border-radius:50%;
  background:radial-gradient(circle at 38% 35%,#c9fbff 0 14%,#4cc4e7 15% 44%,#133d57 45% 100%);
  box-shadow:0 0 0 2px #4b5d65,0 0 14px #74e8ff70,inset 0 0 7px #001824;
}
.crash-enhanced .rocket-flame:after{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:-26px;
  width:84px;
  height:42px;
  transform:translateX(-50%);
  clip-path:polygon(0 100%,21% 15%,39% 58%,50% 100%,61% 58%,79% 15%,100% 100%,73% 82%,50% 100%,27% 82%);
  background:linear-gradient(180deg,#d7e2e5,#768b94 72%,#3f5159);
  filter:drop-shadow(0 5px 4px #0007);
}
.crash-enhanced .rocket-flame{
  top:82px!important;
  z-index:4!important;
}
.crash-enhanced .rocket-flame:before{
  width:15px!important;
  height:50px!important;
  background:linear-gradient(180deg,#ffffff 0 8%,#fff1a1 16%,#ffd44a 34%,#ff8a32 58%,#ff4537 76%,transparent 100%)!important;
  box-shadow:0 0 15px #ffd34e,0 0 34px #ff8b35cc,0 0 62px #ff5f2f7a!important;
}
.crash-enhanced .rocket-flame i{
  display:block!important;
  background:#ffd868!important;
  box-shadow:0 0 7px #ff7a2c!important;
}
.crash-enhanced .rocket-trail{
  top:105px!important;
  height:210px!important;
}
.crash-enhanced .rocket-trail:before{
  width:8px!important;
  height:198px!important;
  background:linear-gradient(180deg,#fff7c9 0,#ffd34e 14%,#ff8a35b8 37%,#ff4f436e 60%,transparent 100%)!important;
  box-shadow:0 0 15px #ffc43c99,0 0 34px #ff743b70!important;
}
.crash-enhanced .rocket-trail i{display:block!important}
.crash-enhanced.crash-space .rocket-flame:before{
  background:linear-gradient(180deg,#fff 0 7%,#c7fbff 16%,#75e8ff 39%,#678dff 62%,#715cff55 80%,transparent 100%)!important;
  box-shadow:0 0 16px #9df4ff,0 0 36px #5baeffaa,0 0 70px #695cff70!important;
}

/* Give the rocket a real sense of motion instead of a static label. */
.crash-enhanced.crash-flying .crash-rocket-wrap{
  animation:crashRocketVibration .16s ease-in-out infinite alternate;
}
.crash-enhanced.crash-flying .crash-world{
  box-shadow:inset 0 -80px 110px #00101533;
}
.crash-enhanced .crash-speed-lines,
.crash-enhanced .crash-flight-particles{
  mix-blend-mode:screen;
}
.crash-enhanced.crash-space .crash-stars{opacity:.82}
.crash-enhanced.crash-deep-space .crash-stars{opacity:1}
.crash-enhanced.crash-galaxy .crash-stars{opacity:1}
.crash-enhanced.crash-exploded .crash-rocket-wrap{animation:none!important}

/* Keep multiplier readable, but let the rocket scene be the focus. */
.crash-enhanced .crash-value,
.crash-enhanced.crash-galaxy .crash-value{
  color:#f5fff9!important;
  text-shadow:0 3px 0 #071018,0 0 30px #55dfb24f!important;
}
.crash-enhanced .crash-value:after,
.crash-enhanced.crash-galaxy .crash-value:after{color:#b9ced3!important}
.crash-enhanced .crash-track{
  height:7px!important;
  border-radius:999px!important;
  background:#061015d9!important;
  border-color:#ffffff1c!important;
  box-shadow:0 0 0 1px #0007!important;
}
.crash-enhanced .crash-track span{
  border-radius:999px!important;
  background:linear-gradient(90deg,#29d986,#74e8ff,#ffd95e)!important;
  box-shadow:0 0 16px #46e8a46b!important;
}
.crash-enhanced .crash-flight-label{color:#d8ebed;text-shadow:0 2px 5px #000}
.crash-lobby-panel{border-radius:7px;background:#0c151b;box-shadow:inset 0 0 24px #ffffff03;border-color:#2b3f49}
.crash-live-header span{background:#25354c;border-color:#526985;color:#dceaff}
.crash-bet-row,.crash-bet-row:nth-child(odd){background:#101a21;border-radius:5px}
.crash-bet-you{background:#113326!important;border-color:#39765a!important;box-shadow:inset 3px 0 #32dc8c}

@keyframes crashRocketVibration{
  from{margin-left:-1px;margin-top:-1px}
  to{margin-left:1px;margin-top:1px}
}

@media(max-width:820px){
  .blackjack-table,.cases-board{border-radius:6px!important}
  .crash-enhanced .crash-rocket-wrap{width:88px!important;height:126px!important}
  .crash-enhanced .crash-rocket-wrap:before{width:44px;height:75px}
  .crash-enhanced .crash-rocket-wrap:after{top:27px;width:16px;height:16px;border-width:3px}
  .crash-enhanced .rocket-flame{top:68px!important}
  .crash-enhanced .rocket-flame:after{top:-20px;width:68px;height:34px}
  .crash-enhanced .rocket-trail{top:88px!important}
}

@media(prefers-reduced-motion:reduce){
  .blackjack-chip,.case-card,.case-art img{transition:none!important}
  .crash-enhanced.crash-flying .crash-rocket-wrap{animation:none!important}
}