/* BlueRabbit rocket: canonical game presentation. Shared form/player primitives live in styles.css. */ .rocket-field label .rocket-label-copy { font:inherit; color:inherit; letter-spacing:inherit; text-transform:none; } .rocket-heading { margin-bottom:23px; } .rocket-heading h2 { font-size:27px; letter-spacing:-1.2px; } .rocket-eyebrow { margin:0 0 9px; color:var(--lavender); font-size:8px; font-weight:700; letter-spacing:1.4px; } .rocket-balance-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; } .rocket-balance-row .game-balance { font-size:32px; } .rocket-round-note { margin:0; color:var(--muted); font-size:11px; line-height:1.5; text-align:right; } .rocket-stage { position:relative; height:250px; margin-bottom:22px; overflow:hidden; border:1px solid #2b4663; border-radius:18px; background:radial-gradient(ellipse at 85% 8%,#1596ff28,transparent 65%),linear-gradient(#59c9ff0a 1px,transparent 1px),linear-gradient(90deg,#59c9ff0a 1px,transparent 1px),#061120; background-size:auto,40px 40px,40px 40px,auto; } .rocket-stage-top { position:absolute; inset:17px 18px auto; z-index:2; display:flex; align-items:center; gap:7px; } .rocket-live-dot { width:6px; height:6px; border-radius:50%; background:var(--lavender); } .rocket-status { color:#d2e7ff; font-size:8px; font-weight:700; letter-spacing:1px; } .rocket-orbit-label { margin-left:auto; color:#8099b4; font-size:6px; font-weight:700; letter-spacing:1.1px; } .rocket-readout { position:absolute; inset:49px 0 auto; z-index:2; text-align:center; pointer-events:none; } .rocket-multiplier { margin:0; font-size:62px; font-weight:800; letter-spacing:-3px; line-height:1.1; font-variant-numeric:tabular-nums; } .rocket-stage-hint { margin:9px 0 0; color:var(--muted); font-size:10px; } .rocket-chart { position:absolute; inset:0; width:100%; height:100%; overflow:visible; } .rocket-chart-axis { fill:none; stroke:#59c9ff33; stroke-width:1; vector-effect:non-scaling-stroke; } .rocket-chart-guide { fill:none; stroke:#59c9ff22; stroke-width:1; stroke-dasharray:3 5; vector-effect:non-scaling-stroke; } .rocket-chart-area { fill:url(#rocket-area-gradient); } .rocket-flight-path { fill:none; stroke:#6cff4d; stroke-width:3; stroke-linecap:round; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 5px #6cff4d50); } .rocket-stage.is-flying .rocket-chart .rocket-flight-path { filter:drop-shadow(0 0 5px #6cff4d80); } .rocket-chart-dot { color:#6cff4d; filter:drop-shadow(0 0 6px #6cff4d99); } .rocket-dot-glow { fill:currentColor; opacity:.18; } .rocket-dot-core { fill:currentColor; stroke:#d8ffd1; stroke-width:1.5; vector-effect:non-scaling-stroke; } .rocket-axis-label { fill:#8ba8c5; font-family:var(--body); font-size:6px; font-weight:700; letter-spacing:1px; } .rocket-stage.is-flying .rocket-live-dot { background:#6cff4d; box-shadow:0 0 10px #6cff4d70; } .rocket-stage.is-flying .rocket-status { color:#6cff4d; } .rocket-stage.is-cashed .rocket-multiplier,.rocket-stage.is-cashed .rocket-status { color:var(--lavender); } .rocket-stage.is-crashed .rocket-multiplier,.rocket-stage.is-crashed .rocket-status { color:#ffb6a4; } .rocket-stage.is-crashed .rocket-flight-path { stroke:#ffb6a4; filter:none; } .rocket-stage.is-crashed .rocket-live-dot { background:#ffb6a4; } .rocket-stage.is-crashed .rocket-chart-dot { color:#ffb6a4; filter:drop-shadow(0 0 6px #ffb6a466); } .rocket-stage.is-crashed .rocket-chart-area { opacity:.25; } .rocket-inputs { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; } .rocket-field { min-width:0; } .rocket-field>label { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:5px; margin-bottom:9px; color:var(--ink); font-size:11px; } .rocket-field>label span { color:var(--muted); font-size:9px; } .rocket-input-shell { display:flex; align-items:center; gap:7px; min-width:0; padding-right:13px; border:1px solid #2d4d6d; border-radius:12px; background:var(--paper); } .rocket-input-shell:focus-within { border-color:var(--accent); } .rocket-input-shell input { width:100%; min-width:0; min-height:47px; padding:12px 0 12px 14px; border:0; border-radius:12px; background:transparent; color:var(--ink); font-size:16px; appearance:textfield; } .rocket-input-shell input::-webkit-inner-spin-button,.rocket-input-shell input::-webkit-outer-spin-button { margin:0; -webkit-appearance:none; } .rocket-input-shell input::placeholder { color:#8ca6c0; font-size:12px; } .rocket-input-shell>span { flex-shrink:0; color:var(--muted); font-size:8px; letter-spacing:.7px; } .rocket-field:last-child .rocket-input-shell>span { font-size:11px; } .rocket-actions { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:12px; margin-top:16px; } .rocket-actions .button { min-width:0; min-height:48px; padding:13px 18px; gap:18px; font-size:12px; } .rocket-actions .button:disabled { opacity:.4; transform:none; } .rocket-cashout { background:var(--lavender); color:#10213f; } .rocket-cashout:hover { background:#b6d6ff; } .rocket-result { min-height:20px; margin:16px 0 0; } .rocket-history-row { padding-top:17px; margin-top:16px; border-top:1px solid var(--line); } .rocket-history-label { margin:0 0 10px; color:var(--muted); font-size:8px; font-weight:700; letter-spacing:1.2px; } .rocket-history { display:flex; gap:7px; max-width:100%; padding:0; margin:0; overflow-x:auto; list-style:none; scrollbar-width:thin; scrollbar-color:#2d4d6d transparent; } .rocket-history:empty::before { content:'Your next flight starts here.'; color:var(--muted); font-size:10px; line-height:2; } .rocket-history-item { display:inline-flex; align-items:center; flex-shrink:0; padding:7px 10px; border:1px solid #2c435d; border-radius:8px; background:var(--paper); color:var(--muted); font-size:10px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; } .rocket-history-item.is-cashed { border-color:#4d6743; background:#24301f; color:var(--accent); } .rocket-history-item.is-crashed { border-color:#67463e; background:#34221f; color:#ffb6a4; } .rocket-odds { margin:14px 0 0; font-size:9px; line-height:1.7; } @media(max-width:960px) { .flip-page.is-guest .rocket-balance-row,.flip-page.is-guest .rocket-form,.flip-page.is-guest .rocket-history-row { display:none; } .flip-page.is-guest .rocket-stage { height:190px; margin-bottom:0; }} @media(max-width:600px) { .rocket-heading h2 { font-size:24px; } .rocket-orbit-label { display:none; }} @media(max-width:600px) { .rocket-status { font-size:11px; letter-spacing:.5px; } .rocket-stage-hint { font-size:12px; } #rocket-panel .rocket-field>label { font-size:12px; } #rocket-panel .rocket-field>label span { font-size:10px; } .rocket-history-label { font-size:11px; }} @media(max-width:380px) { .rocket-heading { gap:8px; } .rocket-eyebrow { font-size:6px; letter-spacing:1px; } .rocket-heading .game-tag { font-size:6px; letter-spacing:.7px; } .rocket-round-note { font-size:10px; } .rocket-inputs { gap:10px; } .rocket-field>label { display:block; font-size:10px; } .rocket-field>label span { display:block; margin-top:5px; font-size:8px; } .rocket-input-shell { padding-right:9px; } .rocket-input-shell input { padding-left:11px; } .rocket-input-shell input::placeholder { font-size:10px; } .rocket-actions { gap:9px; } .rocket-actions .button { padding:12px 10px; gap:11px; font-size:11px; } .rocket-actions .button span { font-size:18px; } .rocket-multiplier { font-size:54px; } .rocket-heading h2 { font-size:22px; }} .rocket-actions .button span[data-i18n] { font:inherit; } .rocket-multiplier,.rocket-chart,.rocket-history { direction:ltr; unicode-bidi:isolate; } html[dir="rtl"] .rocket-round-note { text-align:left; } html[dir="rtl"] .rocket-chart text { direction:rtl; unicode-bidi:plaintext; } .rocket-stage { box-shadow:inset 0 1px 0 #59c9ff12; } .rocket-status,.rocket-history { font-family:var(--mono); } .rocket-cashout { color:#0b1a32; } .rocket-history-item.is-cashed { color:var(--positive); } @media(max-width:600px),(max-width:960px) and (max-height:500px) { #games-hub #rocket-panel .rocket-eyebrow { font-size:9px; letter-spacing:.8px; } #games-hub #rocket-panel .rocket-stage { height:170px; margin-bottom:12px; border-radius:14px; } #games-hub #rocket-panel .rocket-stage-top { inset:12px 12px auto; } #games-hub #rocket-panel .rocket-status { font-size:12px; } #games-hub #rocket-panel .rocket-readout { inset:38px 0 auto; } #games-hub #rocket-panel .rocket-multiplier { font-size:46px; letter-spacing:-2px; } #games-hub #rocket-panel .rocket-stage-hint { margin-top:5px; font-size:11px; } #games-hub #rocket-panel .rocket-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #games-hub #rocket-panel .rocket-field > label { display:flex; flex-wrap:wrap; margin-bottom:6px; font-size:12px; } #games-hub #rocket-panel .rocket-field > label span { margin:0; font-size:11px; } #games-hub #rocket-panel .rocket-field > label .rocket-label-copy { color:var(--ink); font-size:12px; } #games-hub #rocket-auto-cash { min-height:44px; padding:8px 10px; font-size:16px; } #games-hub #rocket-panel .rocket-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; } #games-hub #rocket-panel .rocket-actions .button { min-height:48px; padding:6px 8px; font-size:14px; line-height:1.15; } #games-hub #rocket-panel .rocket-actions .button > span[aria-hidden="true"] { display:none; } #games-hub #rocket-panel .rocket-cashout { background:var(--positive); color:var(--paper); font-weight:800; } #games-hub #rocket-panel .rocket-result { margin-top:12px; } #games-hub #rocket-panel .rocket-history-row { margin-top:12px; padding-top:12px; } @container ncb-games (max-height:400px) { #games-hub #rocket-panel { padding:8px; } #games-hub #rocket-panel .rocket-heading { margin-bottom:6px; } #games-hub #rocket-panel .rocket-heading h2 { font-size:21px; line-height:1.2; } #games-hub #rocket-panel .rocket-eyebrow { margin-bottom:2px; line-height:1.2; } #games-hub #rocket-panel .rocket-stage { height:140px; margin-bottom:8px; } #games-hub #rocket-panel .rocket-readout { inset:30px 0 auto; } #games-hub #rocket-panel .rocket-form { display:grid; grid-template-columns:minmax(0,1fr); align-content:start; } #games-hub #rocket-panel .rocket-inputs { grid-row:1; } #games-hub #rocket-panel .rocket-field > label { margin-bottom:4px; gap:2px; line-height:1.2; } #games-hub #rocket-panel .rocket-stake-shell .stake-slider-control { padding:4px 8px; } #games-hub #rocket-panel .rocket-stake-shell .stake-slider-value { line-height:1.2; } #games-hub #rocket-panel .rocket-stake-shell .stake-slider-bounds { display:none; } #games-hub #rocket-panel .rocket-actions { grid-row:2; margin-top:4px; } #games-hub #rocket-panel .bet-size-picker { grid-row:3; margin:12px 0 0; }}} @container ncb-games (max-height:400px) { #games-hub #rocket-panel .rocket-stage { height:88px; } #games-hub #rocket-panel .rocket-stage-top { inset:6px 8px auto; } #games-hub #rocket-panel .rocket-status { font-size:11px; } #games-hub #rocket-panel .rocket-readout { inset:20px 0 auto; } #games-hub #rocket-panel .rocket-multiplier { font-size:34px; } #games-hub #rocket-panel .rocket-stage-hint { margin-top:3px; }} /* A requested stop is not a paid cashout until the server confirms it. */ #games-hub #rocket-stage.is-cashout-pending :is(.rocket-multiplier,.rocket-status) { color:#b8c0cc; } #games-hub #rocket-stage.is-cashout-pending .rocket-flight-path { stroke:#9ca6b5; filter:none; } #games-hub #rocket-stage.is-cashout-pending .rocket-chart-dot { color:#aeb7c5; filter:none; } #games-hub #rocket-stage.is-cashout-pending .rocket-dot-core { stroke:#d9dee6; } #games-hub #rocket-stage.is-cashout-pending .rocket-live-dot { background:#9ca6b5; box-shadow:none; } #games-hub #rocket-stage.is-cashout-pending #rocket-area-gradient stop { stop-color:#9ca6b5; } #games-hub #rocket-panel .rocket-cashout.is-pending { background:#667080; color:#edf0f5; } .rocket-ping { flex:none; margin-inline-start:auto; color:#98a5b8; font:600 9px/1.4 var(--mono,var(--body)); font-variant-numeric:tabular-nums; letter-spacing:.02em; white-space:nowrap; } .rocket-ping[data-quality=good] { color:#7bd8ac; } .rocket-ping[data-quality=fair] { color:#edc177; } .rocket-ping[data-quality=poor] { color:#ef94a4; } .rocket-ping[data-quality=failed] { color:#ef94a4; } .rocket-ping[data-quality=stale] { color:#98a5b8; opacity:.75; } @media(max-width:600px) { #games-hub #rocket-panel .rocket-ping { font-size:10px; } } /* Shared-live Crash: all selectors are scoped to the new room surface. */ body[data-game-provider="bluerabbit"] #games-hub #rocket-panel.rocket-game[data-live-crash] { --crash-ink:#dbe4e8; --crash-muted:#82939c; --crash-line:#354148; --crash-accent:#86bab8; display:grid; grid-template-columns:minmax(0,1fr); gap:14px; color:var(--crash-ink); min-width:0; } #games-hub #rocket-panel.rocket-game[data-live-crash] > * { grid-column:1/-1; grid-row:auto; min-width:0; } #games-hub #rocket-panel.rocket-game[data-live-crash] [hidden] { display:none!important; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-heading h2 { margin:0; font-size:19px; font-weight:650; letter-spacing:-.025em; } .crash-room-identity { display:flex; flex-wrap:wrap; align-items:center; gap:7px; color:var(--crash-muted); font:500 11px/1.4 var(--body); } .crash-room-live-dot { width:5px; height:5px; border-radius:50%; background:#82b4aa; } .crash-room-number { color:#6f828c; font-variant-numeric:tabular-nums; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage { position:relative; grid-column:1/-1; grid-row:auto; isolation:isolate; height:420px; min-height:0; min-width:0; margin:0; overflow:hidden; border:1px solid #3d4a5280; border-radius:6px; box-shadow:inset 0 1px 0 #ffffff08; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,#0a111833,transparent 40%,#0a111816); box-shadow:inset 0 0 50px #03070d55; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .crash-scene { position:absolute; z-index:0; inset:0; width:100%; height:100%; max-width:none; overflow:visible; pointer-events:none; direction:ltr; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-stage-top { position:absolute; z-index:3; inset:15px 17px auto; display:flex; align-items:center; gap:7px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-live-dot { width:5px; height:5px; flex:0 0 5px; border-radius:50%; background:#81939c; box-shadow:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-status { color:#b2c2ca; font:550 10px/1.4 var(--body); letter-spacing:.035em; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-ping { margin-inline-start:auto; color:#7f939f; font:500 9px/1.4 var(--mono,var(--body)); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-readout { position:absolute; z-index:3; inset:52px 18px auto; text-align:center; pointer-events:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-multiplier { margin:0; color:#e2eaf0; font:600 64px/1.02 var(--body); letter-spacing:-.045em; font-variant-numeric:tabular-nums; text-shadow:0 2px 18px #04080dc0; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-multiplier[data-width="wide"] { font-size:44px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-multiplier[data-width="long"] { font-size:29px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-stage-hint { max-width:440px; margin:9px auto 0; color:#9bafb9; font:450 11px/1.5 var(--body); text-shadow:0 1px 8px #06101b; } .crash-live-countdown { display:flex; justify-content:center; align-items:baseline; gap:9px; margin:9px 0 0; color:#a8b8bf; font:500 12px/1.4 var(--body); } .crash-live-countdown output { color:#c7d6df; font:600 20px/1.2 var(--mono,var(--body)); font-variant-numeric:tabular-nums; } .crash-scene-caption { position:absolute; z-index:3; right:16px; bottom:14px; display:flex; align-items:center; gap:7px; color:#8c9da8; font:500 9px/1.4 var(--body); letter-spacing:.03em; pointer-events:none; } .crash-caption-line { width:24px; height:1px; background:#6d879966; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage[data-scene-state="running"] .rocket-live-dot { background:#8fbdb5; box-shadow:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage[data-scene-state="crashed"] .rocket-multiplier { color:#c19a84; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage[data-scene-state="crashed"] .rocket-status { color:#b99b8b; } .crash-round-strip { display:flex; align-items:center; gap:15px; min-width:0; padding:0 1px; } .crash-round-strip h3 { flex:none; margin:0; color:#7e919b; font:550 10px/1.4 var(--body); } .crash-live-history { display:flex; gap:7px; min-width:0; padding:0; margin:0; overflow-x:auto; list-style:none; scrollbar-width:thin; } .crash-live-history li { flex:none; padding:4px 8px; border:1px solid #34434b; border-radius:3px; background:#0e1820; color:#aebfc8; font:550 11px/1.4 var(--mono,var(--body)); font-variant-numeric:tabular-nums; white-space:nowrap; } .crash-live-history li[data-high="true"] { border-color:#496a69; color:#9bc3bc; } .crash-live-history .crash-history-loading { padding-inline:0; border-color:transparent; background:transparent; color:#71838d; font:450 11px/1.4 var(--body); } .crash-bet-area { display:grid; grid-template-columns:minmax(0,1fr) minmax(200px,.55fr); gap:20px; padding:18px; border:1px solid #35424b; border-radius:5px; background:#111b24; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-form { grid-column:auto; grid-row:auto; display:grid; gap:14px; margin:0; min-width:0; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-inputs { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:14px; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-field>label { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px; margin:0 0 7px; color:#aebec8; font:550 11px/1.4 var(--body); } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-field>label span { color:#78909d; font-size:10px; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-field>label .rocket-label-copy { color:#aebec8; font-size:11px; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-input-shell { border:1px solid #3b4a56; border-radius:4px; background:#0b151e; box-shadow:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-input-shell input:not([type="range"]) { min-height:44px; padding:9px 0 9px 11px; border-radius:4px; color:#dae5eb; font-size:16px; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-stake-shell { padding:0; border:0; background:transparent; } #games-hub #rocket-panel.rocket-game[data-live-crash] .stake-slider-control { border-radius:4px; background:#0b151e; border-color:#3b4a56; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; margin:0; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-actions .button { min-height:48px; padding:11px 12px; border-radius:4px; font:650 13px/1.3 var(--body); box-shadow:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-actions .button > span { font:inherit; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-actions .rocket-launch { border:1px solid #627c88; background:#a5bbc4; color:#14232d; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-actions .rocket-cashout { border:1px solid #557c76; background:#87aaa1; color:#142a25; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-actions .button:disabled { opacity:.4; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-actions .rocket-cashout.is-pending { border-color:#667078; background:#667078; color:#d5dde2; opacity:1; } .crash-own-bet { display:flex; flex-direction:column; align-self:stretch; min-width:0; padding-left:20px; border-left:1px solid #34424b; } .crash-own-label { margin:0 0 6px; color:#738b98; font:550 10px/1.4 var(--body); } .crash-own-status { margin:0; color:#c0cdd4; font:550 13px/1.5 var(--body); overflow-wrap:anywhere; } .crash-account-note { margin:10px 0 0; color:#778e9c; font:450 10px/1.5 var(--body); } .crash-own-locked { display:flex; flex-wrap:wrap; gap:5px 10px; align-items:baseline; margin-top:9px; color:#8198a5; font:500 10px/1.5 var(--body); } .crash-own-locked output { color:#c0cbd2; font:600 16px/1.3 var(--mono,var(--body)); font-variant-numeric:tabular-nums; } .crash-own-bet[data-state="pending"] .crash-own-status,.crash-own-bet[data-state="pending"] .crash-own-locked output { color:#a1aab1; } .crash-own-bet[data-state="cashed"] .crash-own-status { color:#9ec1b2; } .crash-own-bet[data-state="lost"] .crash-own-status { color:#be9a86; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-result { grid-column:1/-1; grid-row:auto; min-height:17px; margin:0; color:#8ba1ae; font-size:11px; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-result.is-error { color:#c3a18c; } #games-hub #rocket-panel.rocket-game[data-live-crash] :is(button,input,summary):focus-visible { outline:2px solid #8dacab; outline-offset:3px; } @media(max-width:800px) { #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage { height:340px; } .crash-bet-area { grid-template-columns:minmax(0,1fr) minmax(165px,.6fr); gap:15px; padding:15px; } .crash-own-bet { padding-left:15px; } } @media(max-width:600px) { body[data-game-provider="bluerabbit"] #games-hub #rocket-panel.rocket-game[data-live-crash] { gap:12px; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-heading h2 { font-size:17px; } .crash-room-identity { justify-content:flex-end; max-width:70%; font-size:9px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage { height:280px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .crash-scene { width:620px; height:100%; left:0; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-stage-top { inset:12px 12px auto; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-status { font-size:9px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-readout { inset:43px 10px auto; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-multiplier { font-size:46px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-multiplier[data-width="wide"] { font-size:34px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-multiplier[data-width="long"] { font-size:24px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-stage-hint { margin-top:7px; max-width:290px; font-size:10px; } .crash-scene-caption { right:11px; bottom:11px; font-size:8px; } .crash-round-strip { display:block; } .crash-round-strip h3 { margin-bottom:7px; font-size:9px; } .crash-bet-area { grid-template-columns:minmax(0,1fr); gap:14px; padding:13px; } .crash-own-bet { padding:12px 0 0; border-left:0; border-top:1px solid #34424b; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-inputs { gap:10px; } #games-hub #rocket-panel.rocket-game[data-live-crash] .rocket-actions .button { min-height:48px; font-size:12px; } } @media(max-width:360px) { #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage { height:264px; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-readout { inset:42px 9px auto; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-multiplier { font-size:42px; } } @media(prefers-reduced-motion:reduce) { #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage *,#games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage::after { animation:none!important; transition:none!important; } } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage[data-motion="reduced"] * { animation:none!important; transition:none!important; } /* Indie night-sky presentation: BlueRabbit rides a carrot rocket over pixel hills. Presentation only; the client still owns every multiplier, cashout and settlement. */ #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage { --rk-ink:#0f0c26; --rk-cream:#fff4dc; --rk-lilac:#b7b0ff; --rk-carrot:#ff8a3d; --rk-carrot-deep:#b4501f; --rk-mint:#7ff0b0; --rk-mint-deep:#3fa877; --rk-red:#ff5d6c; --rk-sun:#ffd760; border:3px solid var(--rk-ink); border-radius:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' shape-rendering='crispEdges'%3E%3Cpath fill='%23120f2e' d='M0 40V30H5V28H10V26H15V24H20V24H25V26H30V28H35V28H40V30H45V30H50V32H55V32H60V30H65V28H70V28H75V30H80V30H85V30H90V30H95V32H100V32H105V32H110V30H115V30H120V40Z'/%3E%3C/svg%3E") left bottom / 120px 48px repeat-x, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 60' shape-rendering='crispEdges'%3E%3Cpath fill='%23221d52' d='M0 60V40H10V36H20V32H30V30H40V28H50V30H60V32H70V36H80V38H90V40H100V42H110V42H120V40H130V38H140V38H150V40H160V60Z'/%3E%3C/svg%3E") left bottom / 240px 110px repeat-x, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' shape-rendering='crispEdges'%3E%3Cpath fill='%23f2c76b' d='M20 0h24v4h-24zM12 4h4v4h-4zM48 4h4v4h-4zM8 8h4v4h-4zM52 8h4v4h-4zM4 12h4v4h-4zM56 12h4v4h-4zM0 20h4v4h-4zM60 20h4v4h-4zM0 24h4v4h-4zM60 24h4v4h-4zM0 28h4v4h-4zM60 28h4v4h-4zM0 32h4v4h-4zM60 32h4v4h-4zM0 36h4v4h-4zM60 36h4v4h-4zM0 40h4v4h-4zM60 40h4v4h-4zM4 48h4v4h-4zM56 48h4v4h-4zM8 52h4v4h-4zM52 52h4v4h-4zM12 56h4v4h-4zM48 56h4v4h-4zM20 60h24v4h-24z'/%3E%3Cpath fill='%23ffe7a3' d='M16 4h32v4h-32zM12 8h40v4h-40zM8 12h48v4h-48zM4 16h44v4h-44zM52 16h8v4h-8zM4 20h12v4h-12zM24 20h36v4h-36zM4 24h56v4h-56zM4 28h56v4h-56zM4 32h56v4h-56zM4 36h36v4h-36zM48 36h12v4h-12zM4 40h36v4h-36zM44 40h16v4h-16zM4 44h20v4h-20zM28 44h32v4h-32zM8 48h48v4h-48zM12 52h40v4h-40zM16 56h32v4h-32z'/%3E%3Cpath fill='%23e9b75a' d='M48 16h4v4h-4zM16 20h8v4h-8zM40 36h8v4h-8zM40 40h4v4h-4zM24 44h4v4h-4z'/%3E%3C/svg%3E") right 9% top 24% / 64px 64px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 150' shape-rendering='crispEdges'%3E%3Crect x='12' y='18' width='2' height='2' fill='%23fff4dc'/%3E%3Crect x='70' y='8' width='2' height='2' fill='%23a8e0ff'/%3E%3Crect x='110' y='44' width='2' height='2' fill='%23fff4dc'/%3E%3Crect x='40' y='70' width='2' height='2' fill='%23ffd760'/%3E%3Crect x='150' y='90' width='2' height='2' fill='%23a8e0ff'/%3E%3Crect x='95' y='110' width='2' height='2' fill='%23fff4dc'/%3E%3Crect x='20' y='130' width='2' height='2' fill='%23a8e0ff'/%3E%3Crect x='170' y='20' width='2' height='2' fill='%23fff4dc'/%3E%3Cpath fill='%23fff4dc' d='M130 58h2v2h2v2h-2v2h-2v-2h-2v-2h2z'/%3E%3Cpath fill='%23ffd760' d='M55 33h2v2h2v2h-2v2h-2v-2h-2v-2h2z'/%3E%3C/svg%3E") left top / 180px 150px repeat, linear-gradient(180deg,#15123a 0 28%,#1c1848 28% 52%,#241f57 52% 74%,#2d2766 74%); box-shadow:inset 0 0 0 2px #2d2766, 0 5px 0 var(--rk-ink); color:var(--rk-cream); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-live-dot { width:8px; height:8px; border-radius:0; background:var(--rk-lilac); box-shadow:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-status { padding:4px 8px; border:2px solid #3a3380; background:#0f0c26b3; color:var(--rk-cream); letter-spacing:.08em; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-orbit-label, #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-stage-hint { color:var(--rk-lilac); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-multiplier { color:var(--rk-cream); text-shadow:0 4px 0 var(--rk-ink),4px 0 0 var(--rk-ink),4px 4px 0 var(--rk-ink),0 8px 0 #0f0c2666; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage :is(.rocket-chart-axis,.rocket-chart-guide) { display:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-axis-label { fill:var(--rk-lilac); font-family:var(--mono,var(--body)); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-flight-path { stroke:var(--rk-carrot); stroke-width:4; stroke-linecap:butt; stroke-dasharray:6 6; filter:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-chart-dot { color:var(--rk-carrot); filter:drop-shadow(0 3px 0 #0f0c2699); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-dot-glow { fill:var(--rk-sun); opacity:0; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage[data-game-pending="rocket"] .rocket-dot-glow { opacity:1; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage :is(.rocket-flame,.rocket-boom,.rocket-sparkles) { display:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage .rocket-ship { transform-box:fill-box; transform-origin:50% 60%; transition:transform .3s steps(3); } /* Flying: two-frame flame and a one-pixel bob, stepped like a sprite sheet. */ #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-flying .rocket-flame { display:inline; animation:rk-flame .24s steps(1) infinite; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-flying .rocket-flame-b { animation-delay:-.12s; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-flying .rocket-ship { animation:rk-bob .5s steps(1) infinite; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-flying .rocket-live-dot { background:var(--rk-sun); animation:rk-blink 1s steps(1) infinite; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-flying .rocket-status { border-color:var(--rk-carrot); } /* Cashed: the carrot coasts, the rabbit sparkles. */ #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashed :is(.rocket-multiplier,.rocket-status) { color:var(--rk-mint); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashed .rocket-status { border-color:var(--rk-mint-deep); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashed .rocket-live-dot { background:var(--rk-mint); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashed .rocket-flight-path { stroke:var(--rk-mint); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashed .rocket-sparkles { display:inline; animation:rk-blink .6s steps(1) infinite; } /* Crashed: pixel burst and a tumbling rabbit. */ #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-crashed :is(.rocket-multiplier,.rocket-status) { color:var(--rk-red); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-crashed .rocket-status { border-color:var(--rk-red); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-crashed .rocket-live-dot { background:var(--rk-red); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-crashed .rocket-flight-path { stroke:var(--rk-red); } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-crashed .rocket-chart-area { opacity:.35; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-crashed .rocket-boom { display:inline; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-crashed .rocket-ship { transform:translate(6px,8px) rotate(30deg); } /* A requested stop is not a paid cashout until the server confirms it. */ #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashout-pending :is(.rocket-multiplier,.rocket-status) { color:#c9c4e8; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashout-pending .rocket-status { border-color:#5d5891; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashout-pending .rocket-flight-path { stroke:#8f89bf; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashout-pending .rocket-live-dot { background:#8f89bf; animation:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashout-pending .rocket-flame { display:none; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-cashout-pending .rocket-ship { animation:none; } /* Chunky arcade buttons in the same palette. */ #games-hub #rocket-panel #rocket-launch,#games-hub #rocket-panel #rocket-cashout { border:0; border-radius:8px; font-weight:800; transition:transform .08s steps(2),box-shadow .08s steps(2); } #games-hub #rocket-panel #rocket-launch { background:#ff8a3d; color:#1a1638; box-shadow:0 4px 0 #b4501f; } #games-hub #rocket-panel #rocket-launch:not(:disabled):hover { background:#ff9c58; } #games-hub #rocket-panel #rocket-cashout { background:#7ff0b0; color:#0f2a22; box-shadow:0 4px 0 #3fa877; } #games-hub #rocket-panel #rocket-cashout:not(:disabled):hover { background:#97f5c1; } #games-hub #rocket-panel :is(#rocket-launch,#rocket-cashout):not(:disabled):active { transform:translateY(3px); box-shadow:0 1px 0 #0f0c26; } #games-hub #rocket-panel #rocket-cashout.is-pending { background:#8f89bf; color:#f2f0ff; box-shadow:0 4px 0 #5d5891; } @keyframes rk-flame { 0% { opacity:1; } 50% { opacity:0; } } @keyframes rk-bob { 0% { transform:translateY(0); } 50% { transform:translateY(-1px); } } @keyframes rk-blink { 0% { opacity:1; } 50% { opacity:.35; } } @media (prefers-reduced-motion:reduce) { html:not([data-game-motion="on"]) #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage :is(.rocket-flame,.rocket-ship,.rocket-live-dot,.rocket-sparkles) { animation:none; transition:none; } html:not([data-game-motion="on"]) #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage.is-flying .rocket-flame-b { display:none; } } @media (max-width:600px) { #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage.crash-stage { background-size:120px 40px,240px 90px,40px 40px,180px 150px,auto; background-position:left bottom,left bottom,right 5% bottom 34%,left top,0 0; } } /* Keep the main pixel artwork legible in the shared room. */ #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage .rocket-chart { position:absolute; z-index:2; inset:auto 0 0; width:100%; height:75%; } #games-hub #rocket-panel.rocket-game[data-live-crash] #rocket-stage::after { background:none; box-shadow:none; }