/* ✈️ Sky Ace (black + red, sun rays, graph) and 👨‍🚀 Astro Jump (deep space, violet + cyan) — live crash games */
.gx.gx-cg{background:#06060a}
.gx-cg{--a:#ef4444;--a2:#f97316;--ink:#f8fafc;--pan:rgba(20,20,26,.92);--line:rgba(255,255,255,.1);--mute:#94a3b8;
  position:absolute;left:0;top:0;transform-origin:0 0;display:flex;flex-direction:column;gap:6px;padding:8px 10px 10px;box-sizing:border-box;color:var(--ink);font-family:var(--f-body,system-ui,sans-serif)}
.gx-cg.cg-astro{--a:#a855f7;--a2:#22d3ee;--pan:rgba(24,12,52,.9);--line:rgba(196,181,253,.2);--mute:#a5b4fc}
.gx-cg .gx-modal{position:absolute}
.cg-top{flex:none;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:14px;background:var(--pan);border:1px solid var(--line)}
.cg-ib{flex:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;font:700 16px/1 system-ui;cursor:pointer;display:grid;place-items:center;padding:0}
.cg-ib.back{font-size:24px}
.cg-logo{flex:none;display:flex;align-items:center;gap:6px}
.cg-logo span{font-size:24px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.cg-logo b{font:900 20px/1 'Alfa Slab One',Georgia,serif;letter-spacing:.04em;font-style:italic;color:#fff}
.cg-logo b em{font-style:italic;color:var(--a);margin-left:4px}
.cg-astro .cg-logo b{font-family:system-ui;font-weight:900;font-style:normal;letter-spacing:.12em;background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}
.cg-astro .cg-logo b em{font-style:normal;color:inherit}
.cg-tools{margin-left:auto;display:flex;gap:6px}
.cg-bal{flex:none;display:flex;align-items:center;gap:6px;padding:4px 12px 4px 5px;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid rgba(34,197,94,.5);font:700 15px "IBM Plex Mono",monospace;color:#bbf7d0}
.cg-bal i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#16a34a;color:#fff;font:800 10px system-ui}
.cg-hist{flex:none;display:flex;gap:5px;overflow:hidden;padding:2px 2px;mask-image:linear-gradient(90deg,#000 88%,transparent)}
.cg-h{flex:none;padding:3px 9px;border-radius:999px;font:700 12px "IBM Plex Mono",monospace;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}
.cg-h.lo{color:#38bdf8} .cg-h.mid{color:#a78bfa} .cg-h.hi{color:#f472b6}
.cg-astro .cg-h.lo{color:#67e8f9} .cg-astro .cg-h.mid{color:#c4b5fd} .cg-astro .cg-h.hi{color:#fde047}
.cg-h.new{animation:cgpop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes cgpop{from{transform:scale(.4);opacity:0}}
.cg-main{flex:1;min-height:0;display:flex;gap:8px}
.cg-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.cg-stage{position:relative;flex:1;min-height:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#0a0a10}
.cg-sky .cg-stage{box-shadow:inset 0 0 80px rgba(0,0,0,.6)}
.cg-astro .cg-stage{box-shadow:0 0 30px -8px rgba(168,85,247,.6),inset 0 0 60px rgba(0,0,0,.5)}
.cg-cv{position:absolute;inset:0}
.cg-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}
.cg-astro .cg-over{justify-content:flex-start;padding-top:9%}
.cg-mult{font:900 86px/1 system-ui,sans-serif;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.6)}
.cg-sky .cg-mult.fly{color:#fff}
.cg-astro .cg-mult{font-weight:800;color:#fff;text-shadow:0 0 24px rgba(34,211,238,.7),0 4px 0 rgba(0,0,0,.4)}
.cg-mult.c3,.cg-mult.c4{color:#fde047}
.cg-mult.crash{color:var(--a);animation:cgshake .4s}
@keyframes cgshake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.cg-sub{margin-top:6px;font:800 18px system-ui;letter-spacing:.14em;color:#fecaca;text-shadow:0 2px 6px rgba(0,0,0,.8)}
.cg-astro .cg-sub{color:#e9d5ff}
.cg-wait{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 22px;border-radius:18px;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.cg-wait[hidden]{display:none}
.cg-spin{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--a);animation:cgrot 1s linear infinite}
@keyframes cgrot{to{transform:rotate(360deg)}}
.cg-wait b{font:800 30px/1 "IBM Plex Mono",monospace;color:#fff}
.cg-wait small{font:700 10px system-ui;letter-spacing:.18em;color:var(--mute)}
.cg-wbar{display:block;width:150px;height:5px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}
.cg-wbar i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--a2));border-radius:9px}
.cg-live{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.5);font:600 12px "IBM Plex Mono",monospace;color:#e2e8f0}
.cg-live i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:lvblink 1.4s infinite}
.cg-toast{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:14px;background:linear-gradient(135deg,#16a34a,#065f46);border:2px solid #4ade80;box-shadow:0 10px 30px -8px rgba(34,197,94,.7)}
.cg-toast[hidden]{display:none} .cg-toast.pop{animation:cgpop .4s cubic-bezier(.2,1.6,.4,1)}
.cg-toast small{display:block;font:700 10px system-ui;letter-spacing:.12em;color:#bbf7d0} .cg-toast b{font:800 24px/1 system-ui} .cg-toast span{font:800 18px "IBM Plex Mono",monospace;color:#fde047}
/* two bet panels */
.cg-panels{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cg-panel{display:flex;gap:8px;padding:8px;border-radius:16px;background:var(--pan);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.cg-panel[data-state="cash"]{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b,0 0 22px -4px rgba(245,158,11,.6)}
.cg-panel[data-state="cancel"]{border-color:#f87171}
.cg-pl{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.cg-stake{display:flex;align-items:center;gap:4px;padding:3px;border-radius:999px;background:rgba(0,0,0,.45)}
.cg-stake b{flex:1;text-align:center;font:800 17px "IBM Plex Mono",monospace;color:#fff}
.cg-pm{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font:700 18px/1 system-ui;cursor:pointer;padding:0}
.cg-pm:disabled,.cg-am:disabled{opacity:.35}
.cg-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.cg-quick button{padding:4px 0;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#e2e8f0;font:700 11.5px "IBM Plex Mono",monospace;cursor:pointer}
.cg-quick button.on{background:color-mix(in srgb,var(--a) 35%,transparent);border-color:var(--a);color:#fff}
.cg-quick button:disabled{opacity:.5}
.cg-auto{display:flex;align-items:center;gap:6px;font:600 11.5px system-ui;color:var(--mute);white-space:nowrap}
.cg-sw{position:relative;flex:none;width:32px;height:18px;border-radius:999px;border:0;background:rgba(255,255,255,.18);cursor:pointer;padding:0}
.cg-sw i{position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}
.cg-sw.on{background:#22c55e} .cg-sw.on i{transform:translateX(14px)}
.cg-av{margin-left:auto;display:flex;align-items:center;gap:2px;padding:2px;border-radius:8px;background:rgba(0,0,0,.4);opacity:.5}
.cg-panel.auto .cg-av{opacity:1}
.cg-av b{min-width:46px;text-align:center;font:700 12px "IBM Plex Mono",monospace;color:#fde047}
.cg-am{width:20px;height:20px;border-radius:6px;border:0;background:rgba(255,255,255,.12);color:#fff;font:700 13px/1 system-ui;cursor:pointer;padding:0}
.cg-btn{flex:0 0 42%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:14px;cursor:pointer;color:#fff;padding:6px;transition:transform .1s}
.cg-btn span{font:900 21px/1 system-ui;letter-spacing:.04em} .cg-btn small{font:700 11.5px "IBM Plex Mono",monospace;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cg-btn.bet{background:linear-gradient(180deg,#4ade80,#16a34a);box-shadow:0 4px 0 #14532d}
.cg-astro .cg-btn.bet{background:linear-gradient(180deg,#22d3ee,#0891b2);box-shadow:0 4px 0 #164e63}
.cg-btn.cancel{background:linear-gradient(180deg,#f87171,#dc2626);box-shadow:0 4px 0 #7f1d1d}
.cg-btn.cash{background:linear-gradient(180deg,#fbbf24,#f97316);color:#3b1d02;box-shadow:0 4px 0 #9a3412,0 0 22px rgba(251,146,60,.7);animation:cgcash .7s ease-in-out infinite alternate}
.cg-btn.done{background:linear-gradient(180deg,#22c55e,#15803d)} .cg-btn.lost{background:linear-gradient(180deg,#475569,#1e293b)}
.cg-btn:active:not(:disabled){transform:translateY(3px)}
.cg-btn:disabled{filter:grayscale(.4) brightness(.8);cursor:default} .cg-btn.done:disabled,.cg-btn.lost:disabled{filter:none}
@keyframes cgcash{to{transform:scale(1.03)}}
/* players list */
.cg-side{flex:none;width:330px;display:flex;flex-direction:column;min-height:0;border-radius:16px;background:var(--pan);border:1px solid var(--line);overflow:hidden}
.cg-tabs{flex:none;display:flex;gap:4px;padding:6px;background:rgba(0,0,0,.3)}
.cg-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 6px;border-radius:999px;border:0;background:none;color:var(--mute);font:700 12.5px system-ui;cursor:pointer}
.cg-tabs button b{font:700 11px "IBM Plex Mono",monospace;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.12)}
.cg-tabs button.on{background:var(--a);color:#fff}
.cg-sum{flex:none;display:flex;justify-content:space-between;gap:8px;padding:7px 12px;font:600 12px "IBM Plex Mono",monospace;color:var(--mute);border-bottom:1px solid var(--line)} .cg-sum b{color:#fff} .cg-sum b.g{color:#4ade80}
.cg-list{flex:1;min-height:0;overflow:auto;padding:4px 8px 8px}
.cg-row{display:grid;grid-template-columns:minmax(0,1.6fr) .8fr .7fr .9fr;align-items:center;gap:4px;padding:5px 6px;margin-bottom:3px;border-radius:9px;font:600 12px "IBM Plex Mono",monospace;color:#e2e8f0;background:rgba(255,255,255,.03)}
.cg-row.head{background:none;color:var(--mute);font-size:11px}
.cg-row .nm{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:system-ui}
.cg-row .av{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 11px system-ui;font-style:normal;color:#fff}
.cg-row .x{color:#c084fc;text-align:center} .cg-row .w{text-align:right}
.cg-row.won{background:linear-gradient(90deg,rgba(34,197,94,.2),rgba(34,197,94,.05))} .cg-row.won .w{color:#4ade80}
.cg-row.lost{opacity:.5} .cg-row.me{box-shadow:inset 3px 0 0 #fbbf24}
.cg-empty{text-align:center;color:var(--mute);font-size:13px;padding:18px 8px}
/* phone held upright */
.gx-cg[data-orient="portrait"]{gap:5px;padding:6px 8px 8px}
.gx-cg[data-orient="portrait"] .cg-top{gap:6px;padding:5px 6px}
.gx-cg[data-orient="portrait"] .cg-ib{width:32px;height:32px;font-size:14px}
.gx-cg[data-orient="portrait"] .cg-logo b{font-size:16px} .gx-cg[data-orient="portrait"] .cg-logo span{font-size:20px}
.gx-cg[data-orient="portrait"] .cg-bal{font-size:13px;padding-right:8px}
.gx-cg[data-orient="portrait"] .cg-main{flex-direction:column;gap:6px}
.gx-cg[data-orient="portrait"] .cg-left{flex:none;gap:6px}
.gx-cg[data-orient="portrait"] .cg-stage{flex:none;height:320px}
.gx-cg[data-orient="portrait"] .cg-mult{font-size:62px}
.gx-cg[data-orient="portrait"] .cg-panels{grid-template-columns:1fr;gap:6px}
.gx-cg[data-orient="portrait"] .cg-side{width:auto;flex:1;min-height:110px}
.gx-cg[data-orient="portrait"] .cg-toast{right:8px;top:8px;padding:6px 12px} .gx-cg[data-orient="portrait"] .cg-toast b{font-size:20px}
@keyframes lvblink{50%{opacity:.25}}