/* 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; } } /* 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-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-stage .rocket-live-dot { width:8px; height:8px; border-radius:0; background:var(--rk-lilac); box-shadow:none; } #games-hub #rocket-panel #rocket-stage .rocket-status { padding:4px 8px; border:2px solid #3a3380; background:#0f0c26b3; color:var(--rk-cream); letter-spacing:.08em; } #games-hub #rocket-panel #rocket-stage .rocket-orbit-label, #games-hub #rocket-panel #rocket-stage .rocket-stage-hint { color:var(--rk-lilac); } #games-hub #rocket-panel #rocket-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-stage :is(.rocket-chart-axis,.rocket-chart-guide) { display:none; } #games-hub #rocket-panel #rocket-stage .rocket-axis-label { fill:var(--rk-lilac); font-family:var(--mono,var(--body)); } #games-hub #rocket-panel #rocket-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-stage .rocket-chart-dot { color:var(--rk-carrot); filter:drop-shadow(0 3px 0 #0f0c2699); } #games-hub #rocket-panel #rocket-stage .rocket-dot-glow { fill:var(--rk-sun); opacity:0; } #games-hub #rocket-panel #rocket-stage[data-game-pending="rocket"] .rocket-dot-glow { opacity:1; } #games-hub #rocket-panel #rocket-stage :is(.rocket-flame,.rocket-boom,.rocket-sparkles) { display:none; } #games-hub #rocket-panel #rocket-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-stage.is-flying .rocket-flame { display:inline; animation:rk-flame .24s steps(1) infinite; } #games-hub #rocket-panel #rocket-stage.is-flying .rocket-flame-b { animation-delay:-.12s; } #games-hub #rocket-panel #rocket-stage.is-flying .rocket-ship { animation:rk-bob .5s steps(1) infinite; } #games-hub #rocket-panel #rocket-stage.is-flying .rocket-live-dot { background:var(--rk-sun); animation:rk-blink 1s steps(1) infinite; } #games-hub #rocket-panel #rocket-stage.is-flying .rocket-status { border-color:var(--rk-carrot); } /* Cashed: the carrot coasts, the rabbit sparkles. */ #games-hub #rocket-panel #rocket-stage.is-cashed :is(.rocket-multiplier,.rocket-status) { color:var(--rk-mint); } #games-hub #rocket-panel #rocket-stage.is-cashed .rocket-status { border-color:var(--rk-mint-deep); } #games-hub #rocket-panel #rocket-stage.is-cashed .rocket-live-dot { background:var(--rk-mint); } #games-hub #rocket-panel #rocket-stage.is-cashed .rocket-flight-path { stroke:var(--rk-mint); } #games-hub #rocket-panel #rocket-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-stage.is-crashed :is(.rocket-multiplier,.rocket-status) { color:var(--rk-red); } #games-hub #rocket-panel #rocket-stage.is-crashed .rocket-status { border-color:var(--rk-red); } #games-hub #rocket-panel #rocket-stage.is-crashed .rocket-live-dot { background:var(--rk-red); } #games-hub #rocket-panel #rocket-stage.is-crashed .rocket-flight-path { stroke:var(--rk-red); } #games-hub #rocket-panel #rocket-stage.is-crashed .rocket-chart-area { opacity:.35; } #games-hub #rocket-panel #rocket-stage.is-crashed .rocket-boom { display:inline; } #games-hub #rocket-panel #rocket-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-stage.is-cashout-pending :is(.rocket-multiplier,.rocket-status) { color:#c9c4e8; } #games-hub #rocket-panel #rocket-stage.is-cashout-pending .rocket-status { border-color:#5d5891; } #games-hub #rocket-panel #rocket-stage.is-cashout-pending .rocket-flight-path { stroke:#8f89bf; } #games-hub #rocket-panel #rocket-stage.is-cashout-pending .rocket-live-dot { background:#8f89bf; animation:none; } #games-hub #rocket-panel #rocket-stage.is-cashout-pending .rocket-flame { display:none; } #games-hub #rocket-panel #rocket-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-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-stage.is-flying .rocket-flame-b { display:none; } } @media (max-width:600px) { #games-hub #rocket-panel #rocket-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; } }