/* 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; }}
