/* Crash modern 2026 UI — visual-only override. Game/socket logic is untouched. */
.crash-prefix{
  display:grid!important;
  grid-template-columns:minmax(270px,310px) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
}
.crash-prefix .game-sidebar,
.crash-prefix .game-component{min-width:0!important;width:auto!important;}
.crash-prefix .game-sidebar .sidebar-block,
.crash-prefix .bet-component,
.crash-prefix .game-block,
.crash-prefix .game-history__wrap{
  border:1px solid rgba(113,92,255,.22)!important;
  background:linear-gradient(180deg,rgba(24,29,52,.98),rgba(13,17,31,.98))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.crash-prefix .game-sidebar .sidebar-block,
.crash-prefix .bet-component{height:100%;border-radius:18px!important;overflow:hidden!important;}
.crash-prefix .bet-form{padding:20px!important;}
.crash-prefix .form-label{margin-bottom:9px!important;color:#c8d0e4!important;font-size:12px!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase!important;}
.crash-prefix .input-field{
  height:48px!important;
  border:1px solid rgba(113,92,255,.35)!important;
  background:#080b13!important;
  color:#fff!important;
  border-radius:11px 11px 0 0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
.crash-prefix .input-field:focus{border-color:#7b61ff!important;box-shadow:0 0 0 3px rgba(123,97,255,.14)!important;}
.crash-prefix .buttons-group{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;border-radius:0 0 11px 11px!important;overflow:hidden!important;background:#46b7dd!important;}
.crash-prefix .buttons-group .btn-action{height:31px!important;min-width:0!important;padding:0 3px!important;border:0!important;border-right:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(180deg,#64c8e8,#42acd2)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;}
.crash-prefix .buttons-group .btn-action:hover{filter:brightness(1.08)!important;}
.crash-prefix .btn-bet-clear{right:4px!important;top:4px!important;width:40px!important;height:40px!important;border-radius:9px!important;}
.crash-prefix .crash-auto-panel{margin-top:2px!important;padding:14px!important;border:1px solid rgba(72,196,239,.22)!important;border-radius:13px!important;background:rgba(8,12,24,.55)!important;}
.crash-prefix .crash-auto-title{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
.crash-prefix .crash-auto-input-wrap .input-field{border-radius:10px!important;background:#0a0d17!important;}
.crash-prefix .btn-play,
.crash-prefix .btn-withdraw{
  width:100%!important;
  min-height:58px!important;
  margin-top:18px!important;
  border:1px solid rgba(255,211,86,.85)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ffd35b 0%,#d88d0a 100%)!important;
  box-shadow:0 12px 28px rgba(222,146,15,.22),inset 0 1px 0 rgba(255,255,255,.45)!important;
  color:#1e1504!important;
  font-size:15px!important;
  font-weight:900!important;
}
.crash-prefix .btn-withdraw{background:linear-gradient(180deg,#5cf2b2,#17a969)!important;border-color:#65f4ba!important;color:#03170e!important;}
.crash-prefix .btn-play:hover,.crash-prefix .btn-withdraw:hover{transform:translateY(-1px);filter:brightness(1.04);}
.crash-prefix .bet-footer{padding:16px 20px!important;border-top:1px solid rgba(255,255,255,.055)!important;}
.crash-prefix .bet-footer .btn-light{border:1px solid rgba(139,151,184,.22)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:#7f8ba7!important;}

.crash-prefix .game-block{position:relative!important;border-radius:18px 18px 0 0!important;overflow:hidden!important;}
.crash-prefix .game-area__wrap,
.crash-prefix .game-area,
.crash-prefix .game-area-content{min-height:560px!important;height:560px!important;}
.crash-prefix .game-area{padding:0!important;background:
 radial-gradient(circle at 74% 15%,rgba(71,83,229,.15),transparent 32%),
 radial-gradient(circle at 28% 78%,rgba(20,198,170,.08),transparent 34%),
 linear-gradient(180deg,#171b31 0%,#111525 100%)!important;}
.crash-prefix .game-area-content{position:relative!important;overflow:hidden!important;}
.crash-prefix .game-area-content:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(114,125,170,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,125,170,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 4%,#000 23%,#000 88%,transparent);}
.crash-prefix .progress-wrap{position:absolute!important;z-index:7!important;top:14px!important;left:14px!important;right:14px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;pointer-events:none!important;}
.crash-prefix .progress-item{border:1px solid rgba(91,194,245,.65)!important;background:rgba(8,13,25,.82)!important;backdrop-filter:blur(10px)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important;}
.crash-prefix .progress-item.left{padding:10px 12px!important;border-radius:0 0 14px 0!important;}
.crash-prefix .progress-item.right{padding:10px 14px!important;border-radius:0 0 0 14px!important;}
.crash-prefix .progress-item .title{font-size:12px!important;line-height:1.45!important;color:#f0f5ff!important;}
.crash-prefix .progress-item .icon{width:14px!important;height:14px!important;}
.crash-prefix .crash__connected{height:100%!important;margin-top:0!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.crash-prefix #crashChart{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;}
.crash-prefix .crash__connected h2{z-index:4!important;top:50%!important;left:50%!important;width:min(88%,680px)!important;margin:0!important;color:#ffc845!important;font-size:clamp(28px,3vw,48px)!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.025em!important;text-shadow:0 4px 22px rgba(255,184,39,.22)!important;}
.crash-prefix .hash{position:absolute!important;z-index:6!important;left:0!important;right:0!important;bottom:0!important;padding:12px 16px!important;border-top:1px solid rgba(255,255,255,.055)!important;background:rgba(8,12,22,.72)!important;text-align:center!important;color:#86d8ff!important;font-size:11px!important;backdrop-filter:blur(8px)!important;}
.crash-prefix .hash .title{color:#c7d5ec!important;font-weight:900!important;}
.crash-prefix .game-history__wrap{padding:12px!important;border-top:0!important;border-radius:0 0 18px 18px!important;overflow-x:auto!important;scrollbar-width:thin;}
.crash-prefix .game-history{gap:8px!important;min-width:max-content!important;}
.crash-prefix .game-history .item{margin:0!important;min-width:92px!important;padding:11px 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;text-align:center!important;transition:.18s ease!important;}
.crash-prefix .game-history .item:hover{transform:translateY(-2px)!important;border-color:rgba(112,92,255,.45)!important;background:rgba(112,92,255,.08)!important;}
.crash-prefix .game-history .item .item-bet{font-size:14px!important;font-weight:900!important;}

.bets-section .game-stats{border:1px solid rgba(113,92,255,.18)!important;border-radius:18px!important;overflow:hidden!important;background:linear-gradient(180deg,#151a2e,#0d111f)!important;box-shadow:0 18px 44px rgba(0,0,0,.2)!important;}
.bets-section .table-heading{background:rgba(255,255,255,.025)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;}
.bets-section .table-heading .th{color:#9da9c2!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
.bets-section .table tbody tr{border-bottom:1px solid rgba(255,255,255,.045)!important;transition:background .16s ease!important;}
.bets-section .table tbody tr:hover{background:rgba(116,91,255,.055)!important;}
.bets-section .sanitize-avatar img{border-radius:50%!important;box-shadow:0 0 0 2px rgba(94,211,255,.18)!important;}

@media(max-width:1050px){
  .crash-prefix{grid-template-columns:minmax(240px,280px) minmax(0,1fr)!important;gap:12px!important;}
  .crash-prefix .game-area__wrap,.crash-prefix .game-area,.crash-prefix .game-area-content{height:500px!important;min-height:500px!important;}
  .crash-prefix .bet-form{padding:15px!important;}
}
@media(max-width:760px){
  .crash-prefix{display:flex!important;flex-direction:column!important;gap:12px!important;}
  .crash-prefix .game-component{order:1!important;width:100%!important;}
  .crash-prefix .game-sidebar{order:2!important;width:100%!important;}
  .crash-prefix .game-area__wrap,.crash-prefix .game-area,.crash-prefix .game-area-content{height:420px!important;min-height:420px!important;}
  .crash-prefix .progress-wrap{top:8px!important;left:8px!important;right:8px!important;}
  .crash-prefix .progress-item.left{padding:7px 8px!important;}
  .crash-prefix .progress-item.right{padding:7px 9px!important;}
  .crash-prefix .progress-item .title{font-size:10px!important;}
  .crash-prefix .crash__connected h2{font-size:clamp(25px,8vw,37px)!important;width:84%!important;}
  .crash-prefix .hash{padding:9px 10px!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .crash-prefix .game-history__wrap{padding:9px!important;}
  .crash-prefix .game-history .item{min-width:76px!important;padding:8px 11px!important;}
  .crash-prefix .game-history .item .item-bet{font-size:12px!important;}
  .crash-prefix .game-sidebar .sidebar-block,.crash-prefix .bet-component{border-radius:14px!important;}
  .crash-prefix .buttons-group .btn-action{font-size:9px!important;}
  .bets-section .table-stats-wrap{min-height:300px!important;}
}
@media(max-width:390px){
  .crash-prefix .game-area__wrap,.crash-prefix .game-area,.crash-prefix .game-area-content{height:375px!important;min-height:375px!important;}
  .crash-prefix .progress-item .title{font-size:9px!important;}
  .crash-prefix .crash__connected h2{font-size:27px!important;}
}