body[data-page="rush"] { --gold: #ffd35a; --gold-2: #e8a91f; --mint: #6ff5c4; --sun: #ff8a3d; --rose: #ff5f8f; }
.rs {
    position: relative; overflow: hidden; border-radius: var(--r-xl); height: 700px;
    background: #2a1a4a;
    box-shadow: var(--sh-screen), 0 0 0 1px rgba(255,138,61,.3), 0 0 44px -10px rgba(255,110,90,.45);
    isolation: isolate; user-select: none; -webkit-user-select: none; touch-action: pan-y;
}
.rs-cv { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; display: block; -webkit-tap-highlight-color: transparent; }
.rs > :not(.rs-cv) { pointer-events: none; }

.rs-sign { position: absolute; left: 16px; top: 14px; z-index: 10; display: flex; align-items: center; gap: 9px;
    height: 40px; padding: 0 14px 0 10px; border-radius: 12px; white-space: nowrap;
    background: rgba(30,14,52,.66); box-shadow: inset 0 0 0 1px rgba(255,200,170,.18); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    transition: opacity .4s; }
.rs-sign i { width: 22px; height: 22px; border-radius: 6px; background:
    linear-gradient(90deg, transparent 30%, #fff 30% 36%, transparent 36% 64%, #fff 64% 70%, transparent 70%),
    linear-gradient(180deg, #ffb36b, var(--sun)); box-shadow: 0 0 12px rgba(255,138,61,.6); transform: perspective(40px) rotateX(38deg); }
.rs-sign span { font: 800 14px/1 Unbounded, sans-serif; letter-spacing: .02em; color: #fff; }
.rs-sign em { font-style: normal; color: var(--sun); }
.rs:not([data-phase="idle"]) .rs-sign { opacity: 0; }

.rs-hud { position: absolute; right: 16px; top: 16px; z-index: 10; display: flex; justify-content: flex-end; width: min(36%, 340px); transition: opacity .4s; }
.rs:not([data-phase="idle"]):not([data-phase="done"]) .rs-hud { opacity: 0; }
.rs-recent { flex: 1; min-width: 0; display: flex; justify-content: flex-end;

    flex-wrap: wrap; align-content: flex-start; gap: 40px 6px; max-height: 28px; overflow: hidden; }
.rs-recent span { flex: none; display: flex; align-items: center; height: 28px; padding: 0 10px; border-radius: 10px;
    font: 800 11.5px/1 Unbounded, sans-serif; color: rgba(255,255,255,.55);
    background: rgba(30,14,52,.62); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.rs-recent span.w { color: #05281b; background: linear-gradient(180deg, #d8fff0, var(--mint)); }
.rs-recent span.big { color: #2a1606; background: linear-gradient(180deg, #fff3c4, var(--gold)); }
.rs-recent span.new { animation: rsChip .45s cubic-bezier(.3,1.6,.5,1); }
@keyframes rsChip { from { transform: translateX(24px) scale(.6); opacity: 0; } }

.rs-meter { position: absolute; z-index: 9; left: 18px; top: 18px; display: grid; justify-items: start; gap: 5px; min-width: 150px;
    padding: 12px 18px 13px; border-radius: 18px;
    background: rgba(30,14,52,.66); box-shadow: 0 16px 34px -16px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,200,170,.2);
    -webkit-backdrop-filter: blur(12px) saturate(1.2); backdrop-filter: blur(12px) saturate(1.2); }
.rs-meter small { font: 800 9.5px/1 Manrope, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,226,210,.66); }
.rs-meter b { font: 800 36px/1 Unbounded, sans-serif; letter-spacing: -.03em;
    background: linear-gradient(180deg, #fff, #ffe0b8 55%, var(--sun)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 12px rgba(255,140,60,.5)); }
.rs-meter span { font: 800 12.5px/1 Manrope, sans-serif; color: var(--mint); }
.rs-meter.bump b { animation: rsBump .55s cubic-bezier(.3,1.7,.5,1); }
@keyframes rsBump { 0% { transform: scale(.6); } 40% { transform: scale(1.18); } }
.rs[data-phase="crash"] .rs-meter, .rs[data-phase="done"] .rs-meter { opacity: 0; transition: opacity .4s; }

.rs-track { position: absolute; z-index: 9; left: 50%; top: 18px; translate: -50% 0; max-width: calc(100% - 380px);
    padding: 9px 13px; border-radius: 999px;
    background: rgba(30,14,52,.6); box-shadow: inset 0 0 0 1px rgba(255,200,170,.16); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.rs-track-in { display: flex; align-items: center; gap: 5px; }
.rs-track .d { flex: none; width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,.16); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.22); transition: .3s; }
.rs-track .d.is-ok { background: var(--mint); box-shadow: 0 0 8px rgba(111,245,196,.7); }
.rs-track .d.is-rk { background: radial-gradient(circle at 35% 35%, #fff6cc, var(--gold) 55%, var(--gold-2)); box-shadow: 0 0 10px rgba(255,211,90,.9); transform: scale(1.2); }
.rs-track .d.is-x { background: #ff5a5a; box-shadow: 0 0 10px rgba(255,80,80,.8); }
.rs-track .d.is-cur { background: #fff; box-shadow: 0 0 0 3px rgba(255,138,61,.55), 0 0 14px rgba(255,138,61,.9); animation: rsCur 1s ease-in-out infinite; }
@keyframes rsCur { 50% { transform: scale(1.3); } }
.rs-track .fl { flex: none; width: 20px; height: 16px; margin-left: 3px; border-radius: 3px;
    background: conic-gradient(#fff 0 25%, #1c1430 0 50%, #fff 0 75%, #1c1430 0) 0 0 / 8px 8px; box-shadow: 0 0 0 1.5px rgba(255,211,90,.9); }
.rs[data-phase="crash"] .rs-track, .rs[data-phase="done"] .rs-track { opacity: .55; transition: opacity .4s; }

.rs-say { position: absolute; z-index: 11; right: 18px; top: 18px; max-width: min(260px, 40%);
    padding: 10px 14px; border-radius: 16px 16px 4px 16px;
    background: #fffaf3; box-shadow: 0 14px 30px -12px rgba(0,0,0,.7), 0 0 0 2px rgba(255,138,61,.6); }
.rs-say b { font: 700 13px/1.3 Manrope, sans-serif; color: #3a1a0a; }
.rs-say.pop { animation: rsSay .45s cubic-bezier(.3,1.6,.5,1); }
@keyframes rsSay { from { transform: translateY(-10px) scale(.8); opacity: 0; } }

.rs-pick { position: absolute; left: 50%; bottom: 18px; z-index: 12; translate: -50% 0;
    display: grid; justify-items: center; gap: 5px; white-space: nowrap;
    padding: 10px 20px 11px; border-radius: 18px;
    background: rgba(30,14,52,.8); box-shadow: 0 0 0 1.5px rgba(255,138,61,.7), 0 0 26px -4px rgba(255,120,60,.55);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    animation: rsAskIn .4s cubic-bezier(.2,1.5,.4,1); }
.rs-pick b { font: 800 15px/1 Unbounded, sans-serif; color: #fff; }
.rs-pick span { font: 700 12px/1 Manrope, sans-serif; color: rgba(255,226,200,.9); }

.rs-ask { position: absolute; left: 50%; bottom: 22px; z-index: 12; translate: -50% 0;
    display: flex; align-items: baseline; gap: 10px; white-space: nowrap;
    padding: 11px 20px; border-radius: 999px;
    background: rgba(30,14,52,.84); box-shadow: 0 0 0 2px rgba(255,138,61,.75), 0 0 26px -2px rgba(255,120,40,.5);
    animation: rsAskIn .45s cubic-bezier(.2,1.5,.4,1), rsAskPulse 1.8s ease-in-out .45s infinite; }
.rs-ask b { font: 800 16px/1 Unbounded, sans-serif; color: var(--sun); }
.rs-ask small { font: 700 12.5px/1 Manrope, sans-serif; color: rgba(255,255,255,.82); }
@keyframes rsAskIn { from { transform: translateY(14px) scale(.8); opacity: 0; } }
@keyframes rsAskPulse { 50% { box-shadow: 0 0 0 2px rgba(255,138,61,1), 0 0 36px 2px rgba(255,120,40,.65); } }

.rs-banner { position: absolute; left: 50%; top: 34%; z-index: 13; translate: -50% -50%; display: grid; justify-items: center; gap: 6px;
    padding: 14px 28px 16px; border-radius: 22px; text-align: center; min-width: 240px;
    background: linear-gradient(180deg, rgba(60,20,70,.95), rgba(30,10,40,.96));
    box-shadow: 0 0 0 2px rgba(255,211,90,.9), 0 0 50px 6px rgba(255,170,40,.45), 0 20px 50px -16px rgba(0,0,0,.8);
    animation: rsBanner 2.2s cubic-bezier(.2,1.4,.4,1) forwards; }
.rs-banner img { height: 92px; margin-top: -62px; filter: drop-shadow(0 10px 14px rgba(0,0,0,.5)); }
.rs-banner b { font: 800 30px/1.05 Unbounded, sans-serif;
    background: linear-gradient(180deg, #fff6cf, var(--gold) 55%, var(--gold-2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rs-banner small { font: 700 13px/1.25 Manrope, sans-serif; color: rgba(255,255,255,.9); max-width: 300px; }
@keyframes rsBanner { 0% { transform: scale(.4) rotate(-5deg); opacity: 0; } 12% { transform: scale(1.1) rotate(1.5deg); opacity: 1; }
    22% { transform: scale(1); } 86% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.92) translateY(-14px); } }

.rs-flash { position: absolute; inset: 0; z-index: 7; opacity: 0; }
.rs-flash.on { animation: rsFlash .8s ease-out; background: radial-gradient(70% 60% at 50% 55%, rgba(255,255,255,.8), rgba(255,220,150,.3) 45%, transparent 80%); }
.rs-flash.on.gold { background: radial-gradient(70% 60% at 50% 55%, rgba(255,236,160,.85), rgba(255,170,40,.4) 45%, transparent 80%); }
.rs-flash.on.red { animation-duration: 1s; background: radial-gradient(80% 70% at 50% 50%, transparent 40%, rgba(255,40,60,.45)); }
@keyframes rsFlash { 0% { opacity: 1; } 30% { opacity: .5; } 100% { opacity: 0; } }

.rs-win { position: absolute; left: 50%; top: 33%; z-index: 13; translate: -50% -50%; display: grid; justify-items: center; gap: 6px; min-width: 270px; max-width: calc(100% - 32px);
    padding: 16px 28px 18px; border-radius: 24px; text-align: center;
    background: rgba(30,14,52,.86); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    box-shadow: 0 24px 60px -20px rgba(0,0,0,.9), 0 0 0 1px rgba(255,138,61,.6), 0 0 40px -6px rgba(255,120,60,.55);
    animation: rsWin .55s cubic-bezier(.2,1.5,.4,1); }
.rs-win.out { animation: rsWinOut .3s ease-in forwards; }
@keyframes rsWin { from { transform: scale(.5); opacity: 0; } }
@keyframes rsWinOut { to { transform: scale(.85); opacity: 0; } }
.rs-win small { font: 700 12px/1.3 Manrope, sans-serif; color: rgba(255,255,255,.72); }
.rs-win b { font: 800 50px/1 Unbounded, sans-serif; letter-spacing: -.03em;
    background: linear-gradient(180deg, #fff, #ffe0b8 55%, var(--gold)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 14px rgba(255,170,40,.45)); }
.rs-win .w { font: 800 19px/1 Unbounded, sans-serif; color: var(--mint); }
.rs-win .rt { font: 700 12px/1.3 Manrope, sans-serif; color: rgba(255,255,255,.6); }
.rs-win .l { font: 700 12.5px/1 Manrope, sans-serif; color: rgba(255,255,255,.55); }
.rs-win.big { box-shadow: 0 0 0 2px rgba(255,212,90,.85), 0 0 70px 8px rgba(255,212,90,.45), 0 24px 60px -20px rgba(0,0,0,.9); }
.rs-win.big b { font-size: 62px; }
.rs-win.miss { box-shadow: 0 0 0 1px rgba(255,80,80,.55), 0 0 40px -6px rgba(255,60,60,.5), 0 24px 60px -20px rgba(0,0,0,.9); }
.rs-win.miss b { background: none; -webkit-text-fill-color: #fff; color: #fff; filter: none; font-size: 24px; letter-spacing: 0; line-height: 1.2; }
.rs-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.rs-bet.is-live .field, .rs-bet.is-live .quick-row { opacity: .45; pointer-events: none; transition: opacity .3s; }
.rs-opts { margin: 12px 0 2px; }
.rs-opts [hidden] { display: none !important; }

.rs-levels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 4px; border-radius: 14px;
    background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); }
.rs-levels button { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 8px 10px; border-radius: 11px; text-align: left;
    color: var(--dim); transition: .2s; cursor: pointer; }
.rs-levels button span { display: grid; gap: 4px; min-width: 0; }
.rs-levels button span b { font: 800 12.5px/1 Unbounded, sans-serif; color: var(--text); }
.rs-levels button span small { font: 700 10.5px/1.2 Manrope, sans-serif; color: var(--dim); }
.rs-levels button:hover { background: rgba(255,255,255,.04); }
.rs-levels button.on { background: linear-gradient(180deg, color-mix(in srgb, var(--c) 26%, transparent), color-mix(in srgb, var(--c) 8%, transparent));
    box-shadow: inset 0 0 0 1.5px var(--c), 0 8px 18px -10px var(--c); }
.rs-levels button.on span small { color: var(--c); }
.rs-lv-ic { flex: none; display: flex; gap: 2px; padding: 4px; border-radius: 7px; background: rgba(0,0,0,.25); font-style: normal; }
.rs-lv-ic b { width: 7px; height: 22px; border-radius: 2px; background: color-mix(in srgb, var(--c) 70%, #fff); }
.rs-lv-ic b.x { background: repeating-linear-gradient(45deg, #ff5a5a 0 3px, #fff 3px 6px); }

.rs-lanes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.rs-lanes button { display: grid; justify-items: center; align-content: center; gap: 4px; height: 64px; border-radius: 14px; cursor: pointer;
    color: #2a1405; background: linear-gradient(180deg, #ffe1c2, var(--sun) 58%, #e2622a);
    box-shadow: 0 12px 24px -12px rgba(255,120,50,.9), inset 0 -3px 0 rgba(120,40,0,.25); transition: transform .12s, filter .2s; }
.rs-lanes button svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.rs-lanes button b { font: 800 11px/1 Unbounded, sans-serif; }
.rs-lanes button.on { box-shadow: 0 0 0 2px #fff, 0 12px 24px -10px rgba(255,120,50,.95), inset 0 -3px 0 rgba(120,40,0,.25); }
.rs-lanes button:active { transform: translateY(2px) scale(.97); }
.rs-lanes button:disabled { filter: saturate(.3) brightness(.7); cursor: default; }

.rs-acts { display: grid; gap: 8px; margin-top: 12px; }
.rs-acts .btn[hidden] { display: none; }
.rs-go, .dock .rs-go { color: #2a1405 !important; background: linear-gradient(180deg, #ffe1c2, var(--sun) 55%, #e2622a) !important;
    box-shadow: 0 14px 30px -12px rgba(255,120,50,.9) !important; }
.rs-cash, .dock .rs-cash { color: #05281b !important; background: linear-gradient(180deg, #e2fff4, var(--mint) 50%, #2fcf95) !important; box-shadow: 0 14px 30px -12px rgba(80,230,170,.9) !important; }
.rs-go.is-wait, .dock .rs-go.is-wait, .rs-cash.is-wait, .dock .rs-cash.is-wait { opacity: .55; pointer-events: none; }
.rs-go.nudge, .dock .rs-go.nudge { animation: rsNudge .5s ease-in-out; }
@keyframes rsNudge { 20%, 60% { transform: translateX(-5px); } 40%, 80% { transform: translateX(5px); } }

.rs-top-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.rs-top-tag { padding: 4px 8px; border-radius: 999px; font: 800 10px/1 Manrope, sans-serif; letter-spacing: .06em; color: var(--dim); background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); }
.rs-top-row { --c: 255,211,90; position: relative; overflow: hidden; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 12px 12px 10px; border-radius: 14px;
    background: linear-gradient(100deg, rgba(var(--c),.13), rgba(var(--c),.03) 55%, transparent), var(--surface-3); box-shadow: inset 0 0 0 1px rgba(var(--c),.16); }
.rs-top-row + .rs-top-row { margin-top: 8px; }
.rs-top-row.is-mult { --c: 255,138,61; }
.rs-top-row::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: rgb(var(--c)); box-shadow: 0 0 12px rgba(var(--c),.8); }
.rs-top-row i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; font-style: normal; background: rgba(var(--c),.1); box-shadow: inset 0 0 0 1px rgba(var(--c),.25); }
.rs-top-row svg { width: 20px; height: 20px; fill: none; stroke: rgb(var(--c)); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 4px rgba(var(--c),.6)); }
.rs-top-row .v { min-width: 0; }
.rs-top-row small { display: block; font: 800 10px/1 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); margin-bottom: 6px; }
.rs-top-row b { display: block; font: 800 17px/1 Unbounded, sans-serif; letter-spacing: -.02em; color: rgb(var(--c)); text-shadow: 0 0 16px rgba(var(--c),.35); white-space: nowrap; }
.rs-top-row em { display: grid; justify-items: end; gap: 6px; font-style: normal; min-width: 0; }
.rs-top-row .nm { display: flex; align-items: center; gap: 6px; max-width: 110px; font: 700 12px/1 Manrope, sans-serif; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rs-top-row .nm.is-empty { color: var(--faint); }
.rs-top-row .av { flex: none; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; font: 800 9.5px/1 Manrope, sans-serif; color: #1b1206; background: linear-gradient(180deg, #fff1bf, rgb(var(--c))); }
.rs-top-row .px { padding: 4px 7px; border-radius: 7px; font: 800 11px/1 Manrope, sans-serif; color: var(--dim); background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px var(--line); }
.rs-top-row.is-empty b { color: var(--faint); text-shadow: none; }

@media (max-width: 1300px), (max-height: 900px) {
    .rs { height: 620px; }
}
@media (min-width: 761px) and (max-height: 800px) {
    .rs { height: calc(100vh - 110px); min-height: 460px; }
}

.rs.is-narrow .rs-meter { left: 8px; top: 8px; min-width: 0; padding: 8px 12px 9px; gap: 3px; border-radius: 14px; }
.rs.is-narrow .rs-meter b { font-size: 24px; }
.rs.is-narrow .rs-meter span { font-size: 11px; }
.rs.is-narrow .rs-meter small { font-size: 8.5px; }
.rs.is-narrow .rs-track { left: auto; right: 8px; top: 8px; translate: none; max-width: 52%; padding: 7px 9px; }
.rs.is-narrow .rs-track-in { gap: 3px; flex-wrap: wrap; justify-content: flex-end; }
.rs.is-narrow .rs-track .d { width: 8px; height: 8px; }
.rs.is-narrow .rs-track .fl { width: 14px; height: 11px; background-size: 5.5px 5.5px; }
.rs.is-narrow .rs-say { right: 8px; top: auto; bottom: 74px; max-width: 64%; padding: 8px 11px; }
.rs.is-narrow .rs-say b { font-size: 12px; }
.rs.is-narrow .rs-pick { bottom: 10px; padding: 8px 14px 9px; gap: 4px; }
.rs.is-narrow .rs-pick b { font-size: 13px; }
.rs.is-narrow .rs-pick span { font-size: 11px; }
.rs.is-narrow .rs-ask { padding: 9px 16px; gap: 8px; bottom: 12px; flex-direction: column; align-items: center; gap: 5px; border-radius: 18px; }
.rs.is-narrow .rs-ask b { font-size: 13.5px; }
.rs.is-narrow .rs-ask small { font-size: 11.5px; }
.rs.is-narrow .rs-win { min-width: 0; width: calc(100% - 32px); max-width: 330px; padding: 12px 16px 14px; }
.rs.is-narrow .rs-win b { font-size: 40px; }
.rs.is-narrow .rs-win.big b { font-size: 46px; }
.rs.is-narrow .rs-win.miss b { font-size: 20px; }
.rs.is-narrow .rs-banner { padding: 10px 18px 12px; min-width: 0; width: calc(100% - 40px); max-width: 320px; }
.rs.is-narrow .rs-banner b { font-size: 24px; }
.rs.is-narrow .rs-banner img { height: 70px; margin-top: -46px; }

@media (max-width: 760px) {

    .rs { height: max(300px, calc(var(--free, 640px) - 10px)); border-radius: var(--r-lg); }
    .rs-sign, .rs-hud { display: none; }
    .rs-opts { margin-top: 0; }
    .rs-levels button { min-height: 48px; padding: 6px 8px; gap: 8px; }
    .rs-levels button span b { font-size: 11.5px; }
    .rs-levels button span small { font-size: 10px; }
    .rs-lv-ic b { height: 18px; width: 6px; }
    .rs-lanes button { height: 54px; }

    body[data-page="rush"] .dock-main.is-live .info { display: none; }
    body[data-page="rush"] .dock-main .pair .btn[hidden] { display: none; }
}

.rs.is-short .rs-meter b { font-size: 22px; }
.rs.is-short .rs-meter small { display: none; }
.rs.is-short .rs-pick span { display: none; }
.rs.is-short .rs-win { gap: 3px; padding: 8px 14px 10px; }
.rs.is-short .rs-win b, .rs.is-short .rs-win.big b { font-size: 32px; }

.is-lite .rs-recent span, .is-lite .rs-sign, .is-lite .rs-meter, .is-lite .rs-track, .is-lite .rs-pick, .is-lite .rs-win { -webkit-backdrop-filter: none; backdrop-filter: none; }
.is-lite .rs-meter, .is-lite .rs-track, .is-lite .rs-pick, .is-lite .rs-win { background: rgba(30,14,52,.94); }
@media (prefers-reduced-motion: reduce) {
    .rs *, .rs { animation-duration: .01s !important; animation-iteration-count: 1 !important; }
}