/* Crash game v1 */
.cr-page{width:100%}
.cr-content{padding:0;box-sizing:border-box}
.cr-card{border-radius:16px;padding:12px;color:#e8ecf5}
body:not(.light-theme) .cr-page .cards{background:#1a1d29 !important;background-color:#1a1d29 !important;border-radius:16px !important;box-shadow:none !important}
body.light-theme .cr-page .cards{background:#ffffff !important;background-color:#ffffff !important;border-radius:16px !important;box-shadow:0 25px 65px rgb(224 221 240/45%) !important}
body.light-theme .cr-card{color:#1e2235}

.cr-loading{display:flex;align-items:center;justify-content:center;min-height:320px}
.cr-spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(74,128,245,.25);border-top-color:#4a80f5;animation:crSpin .8s linear infinite}
@keyframes crSpin{to{transform:rotate(360deg)}}

/* history chips */
.cr-hist{margin:0 0 10px;padding:6px;border-radius:14px;background:rgba(255,255,255,.04)}
body.light-theme .cr-hist{background:#f1f2f6}
.cr-hist__scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cr-hist__scroll::-webkit-scrollbar{display:none}
.cr-chip{flex:0 0 auto;padding:8px 12px;border-radius:12px;font-size:13px;font-weight:700;background:rgba(255,255,255,.07);color:#aeb6c8;white-space:nowrap}
.cr-chip--blue{color:#8db3ff;background:rgba(74,128,245,.14)}
.cr-chip--green{color:#4ade80;background:rgba(34,197,94,.14)}
.cr-chip--gold{color:#f5b820;background:rgba(245,184,32,.14)}
body.light-theme .cr-chip{background:#e6e9f2;color:#5f6780}

/* scene */
.cr-scene{position:relative;border-radius:18px;overflow:hidden;background:#121828;aspect-ratio:1000/620}
@supports not (aspect-ratio:1/1){.cr-scene::before{content:"";display:block;padding-top:62%}}
.cr-sky,.cr-trail{position:absolute;left:0;top:0;width:100%;height:100%}
.cr-trail{pointer-events:none}
.cr-star{animation:crTwinkle 3s ease-in-out infinite}
@keyframes crTwinkle{0%,100%{opacity:.25}50%{opacity:1}}

.cr-coin{position:absolute;width:11%;aspect-ratio:1/1;transform:translate(-50%,-50%);transition:opacity .2s;z-index:3;pointer-events:none}
@supports not (aspect-ratio:1/1){.cr-coin{height:18%}}
.cr-coin img{position:relative;width:100%;height:100%;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));z-index:2;animation:crIdle 2.4s ease-in-out infinite}
.cr-coin--fly img{animation:crSpinCoin 1.1s linear infinite}
@keyframes crIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-6%)}}
@keyframes crSpinCoin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.cr-flame{position:absolute;left:50%;top:50%;width:150%;height:46%;margin-top:-23%;transform-origin:0 50%;z-index:1;opacity:0;border-radius:0 50% 50% 0;
  background:radial-gradient(ellipse at 0 50%,#fff8d6 0%,#ffd24a 22%,#f97316 50%,rgba(239,68,68,.6) 75%,rgba(239,68,68,0) 100%);
  filter:blur(1px)}
.cr-coin--fly .cr-flame{opacity:1;animation:crFlame .12s ease-in-out infinite alternate}
@keyframes crFlame{0%{height:40%;margin-top:-20%}100%{height:52%;margin-top:-26%}}
.cr-coin--gone{opacity:0;transition:transform 1.2s cubic-bezier(.3,.6,.4,1),opacity 1s ease .3s;transform:translate(160%,-260%) rotate(35deg) scale(.8)}
.cr-scene--crashed .cr-trail{opacity:.35;transition:opacity .8s}

.cr-hud{position:absolute;left:0;right:0;top:32%;display:flex;justify-content:space-between;align-items:flex-start;padding:0 6%;z-index:4;pointer-events:none}
.cr-hud__left,.cr-hud__right{display:flex;flex-direction:column;align-items:center;gap:6px}
.cr-hud__label{font-size:12px;color:#8a93a8;letter-spacing:.3px}
.cr-mult{font-size:clamp(34px,7.5vw,54px);font-weight:800;line-height:1;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.5);font-variant-numeric:tabular-nums}
.cr-mult--wait{padding:8px 22px;border-radius:14px;background:rgba(74,128,245,.85);font-size:clamp(28px,6vw,42px);color:#fff}
.cr-mult--crash{color:#ff5b5b}
.cr-bar{width:140px;height:5px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden}
.cr-bar i{display:block;height:100%;background:#4a80f5;transition:width .12s linear}
.cr-time{font-size:clamp(24px,5vw,34px);font-weight:600;color:#b9c2d6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

.cr-foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:10px;z-index:4}
.cr-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;font-size:13px;background:rgba(0,0,0,.35);color:#9aa4bb;backdrop-filter:blur(4px)}
.cr-pill--hash{cursor:pointer;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-pill--ping{color:#f5b820;font-weight:700}

/* bet panels */
.cr-panels{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.cr-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}
body.light-theme .cr-panel{background:#f5f6fa;border-color:#e6e9f2}
.cr-panel__col{padding:10px 10px 8px;min-width:0}
.cr-panel__col+.cr-panel__col{border-left:1px solid rgba(255,255,255,.06)}
body.light-theme .cr-panel__col+.cr-panel__col{border-left-color:#e6e9f2}
.cr-panel__title{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#aeb6c8;margin-bottom:6px;white-space:nowrap}
body.light-theme .cr-panel__title{color:#6b7385}
.cr-amt{display:flex;align-items:center;gap:4px}
.cr-amt__btn{width:26px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#e8ecf5;font-size:16px;font-weight:700;cursor:pointer;flex:0 0 auto}
.cr-amt__btn:disabled{opacity:.4;cursor:default}
body.light-theme .cr-amt__btn{background:#e6e9f2;color:#1e2235}
.cr-amt__coin{flex:0 0 auto;width:22px;height:22px}
.cr-amt__coin img{width:100%;height:100%;display:block}
.cr-amt__x{flex:0 0 auto;font-size:20px;font-weight:800;color:#7b849a;margin:0 4px}
.cr-amt__input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:22px;font-weight:700;padding:2px 0;-moz-appearance:textfield}
.cr-amt__input::-webkit-outer-spin-button,.cr-amt__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cr-amt__input:disabled{opacity:.6}
body.light-theme .cr-amt__input{color:#1e2235}
.cr-quick{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.cr-quick button{border:0;border-radius:8px;padding:4px 7px;font-size:11px;font-weight:700;background:rgba(255,255,255,.07);color:#aeb6c8;cursor:pointer}
.cr-quick button:disabled{opacity:.4;cursor:default}
body.light-theme .cr-quick button{background:#e6e9f2;color:#6b7385}
.cr-toggle{border:0;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;background:rgba(255,255,255,.12);color:#aeb6c8;cursor:pointer}
.cr-toggle.on{background:#4a80f5;color:#fff}
.cr-toggle:disabled{opacity:.6;cursor:default}
.cr-panel__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;padding:10px 6px;min-height:96px;color:#fff;cursor:pointer;font-family:inherit;text-transform:uppercase;transition:background .2s,filter .15s}
.cr-panel__btn b{font-size:15px;font-weight:800;letter-spacing:.3px;line-height:1.15;text-align:center}
.cr-panel__btn small{font-size:11px;opacity:.85;text-transform:none}
.cr-panel__btn:disabled{cursor:default;filter:saturate(.6) brightness(.85)}
.cr-panel__btn:active:not(:disabled){filter:brightness(.92)}
.cr-panel__btn--bet{background:#4a80f5}
.cr-panel__btn--wait{background:#4a80f5;animation:crWait 1.4s ease-in-out infinite}
@keyframes crWait{0%,100%{filter:brightness(1)}50%{filter:brightness(.8)}}
.cr-panel__btn--cancel{background:#e05252}
.cr-panel__btn--cash{background:#22c55e;animation:crCash .9s ease-in-out infinite}
@keyframes crCash{0%,100%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:inset 0 0 0 3px rgba(255,255,255,.25)}}
.cr-panel__btn--done{background:#16a34a}
.cr-panel__btn--lost{background:#3b4256}

/* live bets */
.cr-bets{margin-top:12px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
body.light-theme .cr-bets{background:#f5f6fa;border-color:#e6e9f2}
.cr-bets__head,.cr-bets__row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:6px;padding:9px 12px;font-size:13px;align-items:center}
.cr-bets__head{color:#8a93a8;font-size:12px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid rgba(255,255,255,.06)}
.cr-bets__row{border-bottom:1px solid rgba(255,255,255,.04);color:#d5dbe8;font-weight:600}
body.light-theme .cr-bets__row{color:#2b3145;border-bottom-color:#e6e9f2}
.cr-bets__row:last-child{border-bottom:0}
.cr-bets__row.st1{background:rgba(34,197,94,.06)}
.cr-bets__row.st2{opacity:.55}
.cr-bets__user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-bets__row .win{color:#4ade80}
.cr-bets__row .lose{color:#ff6b6b}
.cr-bets__empty{padding:14px;text-align:center;color:#8a93a8;font-size:13px}

/* left menu icon (coin with a trail) */
.games-img.crash{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 20 C 6 14, 9 10, 14 7' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-dasharray='3 2'/%3E%3Ccircle cx='17' cy='6' r='4' fill='%239ca3af'/%3E%3Ccircle cx='17' cy='6' r='2' fill='%23ffffff'/%3E%3C/svg%3E")}
.games-item.isActive .games-img.crash,.games-item.yellow .games-img.crash,.games-item:hover .games-img.crash{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 20 C 6 14, 9 10, 14 7' fill='none' stroke='%23f5b820' stroke-width='2' stroke-linecap='round' stroke-dasharray='3 2'/%3E%3Ccircle cx='17' cy='6' r='4' fill='%23f5b820'/%3E%3Ccircle cx='17' cy='6' r='2' fill='%23ffffff'/%3E%3C/svg%3E")}

@media (max-width:480px){
  .cr-card{padding:8px}
  .cr-panel{grid-template-columns:1fr 1fr}
  .cr-panel__btn{grid-column:1 / -1;min-height:56px;flex-direction:row;gap:8px;border-top:1px solid rgba(255,255,255,.06)}
  .cr-bets__head,.cr-bets__row{padding:8px 10px;font-size:12px}
  .cr-hud{top:30%}
}
/* crash fix v2: beat global theme/button/input styles */ .cr-page .cr-scene{background:#121828 !important;color:#fff !important} .cr-page .cr-scene .cr-mult{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-size:clamp(34px,7.5vw,54px) !important;font-weight:800 !important;line-height:1 !important;text-shadow:0 4px 18px rgba(0,0,0,.6) !important} .cr-page .cr-scene .cr-mult--wait{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background:rgba(74,128,245,.9) !important;padding:8px 22px !important;border-radius:14px !important;font-size:clamp(28px,6vw,42px) !important} .cr-page .cr-scene .cr-mult--crash{color:#ff5b5b !important;-webkit-text-fill-color:#ff5b5b !important} .cr-page .cr-scene .cr-time{color:#c9d1e3 !important;-webkit-text-fill-color:#c9d1e3 !important;font-size:clamp(24px,5vw,34px) !important;font-weight:600 !important;line-height:1 !important} .cr-page .cr-scene .cr-hud__label{color:#aab3c8 !important;-webkit-text-fill-color:#aab3c8 !important;font-size:12px !important;font-weight:500 !important;line-height:1.2 !important} .cr-page .cr-scene .cr-pill{color:#dfe5f2 !important;-webkit-text-fill-color:#dfe5f2 !important;background:rgba(0,0,0,.45) !important;font-size:13px !important;padding:8px 12px !important;border-radius:12px !important;line-height:1 !important} .cr-page .cr-scene .cr-pill i{color:inherit !important;-webkit-text-fill-color:inherit !important} .cr-page .cr-scene .cr-pill--ping,.cr-page .cr-scene .cr-pill--ping span{color:#f5b820 !important;-webkit-text-fill-color:#f5b820 !important;font-weight:700 !important} .cr-page .cr-scene .cr-bar{background:rgba(255,255,255,.14) !important} .cr-page .cr-scene .cr-bar i{background:#4a80f5 !important} /* history chips keep their colors in both themes */ .cr-page .cr-chip{color:#aeb6c8 !important;-webkit-text-fill-color:#aeb6c8 !important;font-size:13px !important;font-weight:700 !important;padding:8px 12px !important;line-height:1.2 !important} body.light-theme .cr-page .cr-chip{color:#5f6780 !important;-webkit-text-fill-color:#5f6780 !important;background:#e6e9f2 !important} .cr-page .cr-chip--blue{color:#3b6fe0 !important;-webkit-text-fill-color:#3b6fe0 !important;background:rgba(74,128,245,.16) !important} .cr-page .cr-chip--green{color:#16a34a !important;-webkit-text-fill-color:#16a34a !important;background:rgba(34,197,94,.16) !important} .cr-page .cr-chip--gold{color:#d19a0a !important;-webkit-text-fill-color:#d19a0a !important;background:rgba(245,184,32,.18) !important} body:not(.light-theme) .cr-page .cr-chip--blue{color:#8db3ff !important;-webkit-text-fill-color:#8db3ff !important} body:not(.light-theme) .cr-page .cr-chip--green{color:#4ade80 !important;-webkit-text-fill-color:#4ade80 !important} body:not(.light-theme) .cr-page .cr-chip--gold{color:#f5b820 !important;-webkit-text-fill-color:#f5b820 !important} /* amount row: fixed-size +/- buttons, input takes the rest */ .cr-page .cr-amt{display:flex !important;align-items:center !important;gap:4px !important;width:100% !important;min-width:0 !important} .cr-page .cr-amt__btn{flex:0 0 32px !important;width:32px !important;min-width:32px !important;max-width:32px !important;height:34px !important;min-height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:9px !important;font-size:18px !important;font-weight:800 !important;line-height:34px !important;text-align:center !important;box-shadow:none !important;background:rgba(255,255,255,.08) !important;color:#e8ecf5 !important;-webkit-text-fill-color:#e8ecf5 !important;box-sizing:border-box !important} body.light-theme .cr-page .cr-amt__btn{background:#e6e9f2 !important;color:#1e2235 !important;-webkit-text-fill-color:#1e2235 !important} .cr-page .cr-amt__coin{flex:0 0 20px !important;width:20px !important;height:20px !important;margin:0 2px !important} .cr-page .cr-amt__coin img{width:20px !important;height:20px !important;display:block !important} .cr-page .cr-amt__x{flex:0 0 auto !important;width:auto !important;font-size:20px !important;font-weight:800 !important;color:#7b849a !important;-webkit-text-fill-color:#7b849a !important;margin:0 6px 0 2px !important;line-height:1 !important} .cr-page input.cr-amt__input{flex:1 1 auto !important;width:100% !important;min-width:0 !important;max-width:none !important;height:34px !important;min-height:0 !important;padding:0 2px !important;margin:0 !important;border:0 !important;outline:0 !important;box-shadow:none !important;border-radius:0 !important;background:transparent !important;font-size:19px !important;font-weight:700 !important;line-height:34px !important;text-align:left !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;caret-color:#4a80f5 !important;opacity:1 !important;-webkit-appearance:none !important;-moz-appearance:textfield !important;appearance:none !important;box-sizing:border-box !important;font-family:inherit !important} body.light-theme .cr-page input.cr-amt__input{color:#1e2235 !important;-webkit-text-fill-color:#1e2235 !important} .cr-page input.cr-amt__input:disabled{opacity:.6 !important} .cr-page input.cr-amt__input::-webkit-outer-spin-button,.cr-page input.cr-amt__input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important} /* quick buttons + toggle */ .cr-page .cr-quick{display:flex !important;flex-wrap:wrap !important;gap:4px !important;margin:6px 0 0 !important} .cr-page .cr-quick button{flex:0 0 auto !important;width:auto !important;min-width:0 !important;height:26px !important;min-height:0 !important;padding:0 8px !important;margin:0 !important;border:0 !important;border-radius:8px !important;font-size:11px !important;font-weight:700 !important;line-height:26px !important;box-shadow:none !important;background:rgba(255,255,255,.07) !important;color:#aeb6c8 !important;-webkit-text-fill-color:#aeb6c8 !important} body.light-theme .cr-page .cr-quick button{background:#e6e9f2 !important;color:#6b7385 !important;-webkit-text-fill-color:#6b7385 !important} .cr-page .cr-toggle{flex:0 0 auto !important;width:auto !important;min-width:0 !important;height:24px !important;min-height:0 !important;padding:0 10px !important;margin:0 !important;border:0 !important;border-radius:999px !important;font-size:12px !important;font-weight:800 !important;line-height:24px !important;box-shadow:none !important;background:rgba(255,255,255,.12) !important;color:#aeb6c8 !important;-webkit-text-fill-color:#aeb6c8 !important} body.light-theme .cr-page .cr-toggle{background:#e6e9f2 !important;color:#6b7385 !important;-webkit-text-fill-color:#6b7385 !important} .cr-page .cr-toggle.on{background:#4a80f5 !important;color:#fff !important;-webkit-text-fill-color:#fff !important} .cr-page .cr-panel__title{font-size:14px !important;font-weight:500 !important;color:#aeb6c8 !important;-webkit-text-fill-color:#aeb6c8 !important;margin:0 0 6px !important} body.light-theme .cr-page .cr-panel__title{color:#6b7385 !important;-webkit-text-fill-color:#6b7385 !important} /* main bet button text */ .cr-page .cr-panel__btn,.cr-page .cr-panel__btn b,.cr-page .cr-panel__btn small{color:#fff !important;-webkit-text-fill-color:#fff !important} .cr-page .cr-panel__btn{width:100% !important;margin:0 !important;border:0 !important;box-shadow:none !important;border-radius:0 !important} .cr-page .cr-panel__btn b{font-size:15px !important;font-weight:800 !important;line-height:1.15 !important} .cr-page .cr-panel__btn small{font-size:11px !important;opacity:.85 !important} /* live bets table */ .cr-page .cr-bets__head{color:#8a93a8 !important;-webkit-text-fill-color:#8a93a8 !important} .cr-page .cr-bets__row{color:#d5dbe8 !important;-webkit-text-fill-color:#d5dbe8 !important} body.light-theme .cr-page .cr-bets__row{color:#2b3145 !important;-webkit-text-fill-color:#2b3145 !important} .cr-page .cr-bets__row .win{color:#16a34a !important;-webkit-text-fill-color:#16a34a !important} .cr-page .cr-bets__row .lose{color:#e05252 !important;-webkit-text-fill-color:#e05252 !important} .cr-page .cr-bets__empty{color:#8a93a8 !important;-webkit-text-fill-color:#8a93a8 !important}
.cr-page .cr-coin img{position:relative !important;z-index:2 !important} .cr-page .cr-flame{z-index:1 !important}
@media (max-width:480px){ .cr-page .cr-panel{grid-template-columns:1.25fr 1fr !important} .cr-page .cr-panel__col{padding:8px 8px 6px !important} .cr-page .cr-amt{gap:3px !important} .cr-page .cr-amt__btn{flex:0 0 30px !important;width:30px !important;min-width:30px !important;max-width:30px !important;height:32px !important;line-height:32px !important;font-size:17px !important} .cr-page .cr-amt__coin{flex:0 0 18px !important;width:18px !important;height:18px !important;margin:0 1px !important} .cr-page .cr-amt__coin img{width:18px !important;height:18px !important} .cr-page input.cr-amt__input{font-size:17px !important;letter-spacing:-.3px !important;padding:0 1px !important;height:32px !important;line-height:32px !important} .cr-page .cr-amt__x{font-size:18px !important;margin:0 4px 0 1px !important} }
@media (max-width:480px){ .cr-page .cr-panel{grid-template-columns:1.15fr 1fr !important} .cr-page .cr-quick{flex-wrap:nowrap !important;gap:3px !important} .cr-page .cr-quick button{flex:1 1 0 !important;min-width:0 !important;padding:0 2px !important;font-size:10.5px !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important} } .cr-page .cr-bets__more{display:block !important;width:100% !important;margin:0 !important;padding:10px !important;border:0 !important;border-top:1px solid rgba(255,255,255,.06) !important;background:transparent !important;color:#4a80f5 !important;-webkit-text-fill-color:#4a80f5 !important;font-size:13px !important;font-weight:700 !important;cursor:pointer !important;box-shadow:none !important;border-radius:0 !important;line-height:1.2 !important;height:auto !important} body.light-theme .cr-page .cr-bets__more{border-top-color:#e6e9f2 !important}
.cr-page .cr-panel__title{display:flex !important;align-items:center !important;height:24px !important;min-height:24px !important;line-height:24px !important;margin:0 0 6px !important} .cr-page .cr-amt{min-height:34px !important;height:34px !important} @media (max-width:480px){ .cr-page .cr-amt{min-height:32px !important;height:32px !important} } .cr-page .cr-quick{margin-top:6px !important}