.crash-eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--accent)}
.crash-balance{display:grid;gap:8px;padding:16px 22px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.crash-balance>span{font-size:12px;color:var(--text-muted)}.crash-balance strong{font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap}
.crash-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.crash-arena-card{padding:0;overflow:hidden;min-width:0}.crash-side{display:grid;gap:20px}
.crash-arena{position:relative;isolation:isolate;height:420px;overflow:hidden;color:var(--accent);background:linear-gradient(0deg,var(--accent-soft),transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 59px,var(--border) 60px),repeating-linear-gradient(90deg,transparent,transparent 79px,var(--border) 80px)}
.crash-arena img.crash-background{position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:auto;min-height:100%;max-height:none;object-fit:cover;object-position:center bottom;filter:brightness(.5);pointer-events:none;user-select:none;will-change:transform}
.crash-background[hidden]{display:none}
.crash-arena:has(.crash-background:not([hidden])){--text:#edf2f7;--text-muted:#c7d3de;--accent:#70dda5}
.crash-chip[data-status=crashed]{color:var(--danger);background:var(--danger-soft)}
.crash-arena-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:10px;letter-spacing:.06em}.crash-arena-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px}
.crash-readout{position:absolute;z-index:1;top:25%;left:0;width:100%;display:grid;justify-items:center;pointer-events:none}.crash-readout strong{font-size:clamp(46px,6vw,78px);letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--text)}
.crash-chart{position:absolute;z-index:2;pointer-events:none;inset:0;width:100%;height:100%}#crash-ball{position:absolute;z-index:3;pointer-events:none;left:max(13%, 104px);top:70%;width:160px;height:160px;will-change:transform;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 8px #0003);display:grid;place-items:center}#crash-ball span{font-size:148px;line-height:1}#crash-ball img{width:100%;height:100%;object-fit:contain}#crash-ball [hidden]{display:none}
.crash-axis{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;color:var(--text-muted);font-size:9px;letter-spacing:.09em}.crash-arena[data-status=crashed]{color:#dc5362}.crash-arena[data-status=crashed] .crash-readout strong{color:#dc5362}
.crash-history{padding:24px;border-top:1px solid var(--border)}.crash-history h2{font-size:14px;margin-bottom:16px}#crash-history{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.crash-history small{display:block;margin-top:14px;font-size:11px}.crash-chip{padding:7px 10px;background:var(--accent-soft);border-radius:8px;font-weight:650;font-variant-numeric:tabular-nums}.crash-chip[data-status=cashed_out]{color:var(--accent)}
.crash-controls{display:grid;gap:13px}.crash-controls label{font-size:13px;margin-top:10px;font-weight:600}body .crash-controls #crash-stake{width:100%;min-width:0;border:1px solid var(--border)!important;border-radius:12px;padding:14px;background:var(--surface);color:var(--text);font:inherit;font-size:22px;font-weight:650}.crash-controls #crash-stake:focus{outline:2px solid var(--accent)!important;outline-offset:2px}.crash-presets{display:flex;gap:8px}.crash-presets button,#crash-retry{border:1px solid var(--border);border-radius:9px;padding:9px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.crash-presets button{flex:1}.crash-action{margin-top:7px;min-height:56px;font-size:17px;white-space:normal}.crash-controls p{font-size:13px;line-height:1.5;margin:0}.crash-controls p:empty{display:none}.crash-rules{font-size:13px;line-height:1.7}.crash-rules ol{padding-left:20px;color:var(--text-muted)}.crash-rules li{padding:4px 0}.crash-rules p{color:var(--text-muted)}.crash-rules small{font-size:11px;display:block;border-top:1px solid var(--border);padding-top:14px}
@media(max-width:950px){.crash-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.crash-arena-top{left:16px;right:16px}.crash-controls{padding:20px}}
@media(max-width:760px){.crash-layout{grid-template-columns:1fr}.crash-arena{height:340px}.crash-page .wheel-heading{flex-direction:row;gap:12px;align-items:center}.crash-page .wheel-heading p{font-size:13px}.crash-balance{padding:12px}.crash-balance strong{font-size:18px}.crash-readout strong{font-size:64px}.crash-side{gap:16px}}
@media(max-width:400px){.crash-arena-top{font-size:8px}.crash-arena{height:300px}.crash-balance strong{font-size:15px}.crash-history{padding:20px 16px}}
@media(max-width:760px){
  .crash-controls[data-active=yes]{position:fixed;z-index:20;bottom:12px;left:16px;right:16px;padding:12px;gap:8px;box-shadow:0 8px 30px #0003}
  .crash-controls[data-active=yes]>:is(h2,label,input,small,.crash-presets){display:none}
  .crash-controls[data-active=yes] .crash-action{margin:0}
  .crash-body:has(.crash-controls[data-active=yes]) .crash-page{padding-bottom:120px}
}

@media(max-width:760px){#crash-ball{width:120px;height:120px;left:max(20%, 78px)}#crash-ball span{font-size:112px}}

.crash-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0}.crash-heading-actions>a{white-space:nowrap;font-size:14px}
@media(max-width:400px){.crash-heading-actions>a{font-size:12px}}
/* Предпросмотр вероятностей в настройках Crash. */
form.game-settings:has(.crash-odds-preview) { max-width: 900px; }
.crash-odds-preview { min-width: 0; display: grid; gap: 14px; }
.crash-odds-preview h2 { margin: 0; }
.crash-odds-scroll { overflow-x: auto; border: 1px solid var(--border); border-radius: 12px; }
.crash-odds-scroll table { width: 100%; border-collapse: collapse; white-space: nowrap; font-size: 13px; }
.crash-odds-scroll th, .crash-odds-scroll td { padding: 12px; text-align: right; border-bottom: 1px solid var(--border); }
.crash-odds-scroll th:first-child { text-align: left; }
.crash-odds-scroll thead { background: var(--surface); color: var(--text-muted); }
.crash-odds-scroll tbody tr:last-child > * { border-bottom: 0; }
.crash-check-inputs, .crash-check-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.crash-check-cards > div { display: grid; align-content: start; gap: 8px; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--accent-soft); }
.crash-check-cards span { font-size: 12px; color: var(--text-muted); }
.crash-check-cards strong { font-size: 24px; color: var(--accent); font-variant-numeric: tabular-nums; }
.crash-check-cards .crash-check-loss { background: var(--danger-soft); }
.crash-check-loss strong { color: var(--danger); }
#crash-check-results > p { margin-top: 14px; }
.crash-check-observed { display: grid; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); }
.crash-check-observed h3 { margin: 0; font-size: 15px; }
.crash-check-observed small { color: var(--text-muted); line-height: 1.6; }
.crash-odds-preview [hidden] { display: none; }
@media(max-width:500px) { .crash-check-inputs, .crash-check-cards { grid-template-columns: 1fr; } }

@media (max-width: 767px) {
  .crash-controls[data-active=yes] { bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; right: 12px; }
  .crash-heading-actions { align-items: flex-start; flex-shrink: 1; max-width: 100%; }
  .crash-heading-actions > a { white-space: normal; min-height: 44px; display: flex; align-items: center; }
  .crash-page .wheel-heading { flex-wrap: wrap; }
}