/* Shared by Plinko, Chicken and the public round proof page */
.gx-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;margin-top:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"tnum" 1;color:#e8edf5}
.gx-card{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(16,22,34,.88);box-shadow:0 20px 60px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)}
.gx-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.gx-card-head h2{margin:0;font-size:16px;font-weight:800}
.gx-card-head p{margin:2px 0 0;color:#8794a8;font-size:12px}
.gx-btn{height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.04);color:#dbe2ec;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.gx-btn:hover{color:#fff;border-color:rgba(169,139,255,.45)}
.gx-btn.sm{height:28px;padding:0 10px;font-size:11.5px}
.gx-btn.primary{border:0;background:#42ddb9;color:#062019}
.gx-chart{height:150px;border-radius:12px;background:rgba(0,0,0,.2);overflow:hidden}
.gx-chart svg{display:block;width:100%;height:100%}
.gx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.08)}
.gx-stats>div{min-width:0;padding:9px 10px;background:#111826}
.gx-stats small{display:block;color:#5d6a7e;font-size:10.5px;font-weight:700}
.gx-stats b{display:block;overflow:hidden;font-size:13.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.gx-stats .up,.gx-row .up{color:#42ddb9}.gx-stats .down,.gx-row .down{color:#ff8a8a}
.gx-seg{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:10px;background:rgba(0,0,0,.3)}
.gx-seg button{height:28px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#8794a8;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.gx-seg button[aria-selected="true"]{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.gx-feed{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.gx-row>.gx-card .gx-feed{min-height:220px}
a.gx-line-row{display:grid;grid-template-columns:30px minmax(0,1fr) 64px 60px 72px;align-items:center;gap:10px;margin:0;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.025);color:inherit;font-size:12.5px;text-decoration:none;transition:background .15s}
a.gx-line-row:hover{background:rgba(145,112,255,.08)}
a.gx-line-row.big{background:linear-gradient(90deg,rgba(255,201,60,.12),rgba(255,255,255,.02));box-shadow:inset 3px 0 0 #ffc93c}
.gx-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#1a2231;color:#8794a8;font-size:12px;font-weight:800}
.gx-av img{width:100%;height:100%;object-fit:cover}
.gx-who{min-width:0}.gx-who b{display:block;overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.gx-who small{display:block;overflow:hidden;color:#5d6a7e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.gx-bet{color:#b7c0ce;text-align:right}.gx-mult{font-weight:800;text-align:right}.gx-pay{font-weight:800;text-align:right}
.gx-empty{display:grid;place-items:center;min-height:120px;height:100%;color:#8794a8;font-size:12.5px;text-align:center}
.gx-toast{position:fixed;left:50%;bottom:26px;z-index:990;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:12px;background:#1b2231;color:#7ff0d3;box-shadow:0 0 0 1px rgba(66,221,185,.35),0 14px 34px rgba(0,0,0,.5);font:800 13px Inter,sans-serif;opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:.25s}
.gx-toast.show{opacity:1;transform:translate(-50%,0)}.gx-toast.bad{color:#ffb0b0;box-shadow:0 0 0 1px rgba(255,110,110,.35),0 14px 34px rgba(0,0,0,.5)}
/* big win banner with a share button */
.gx-bigwin{position:absolute;left:50%;bottom:64px;z-index:8;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border:1px solid rgba(255,201,60,.55);border-radius:14px;background:rgba(24,20,10,.95);box-shadow:0 0 40px rgba(255,190,60,.25),0 14px 34px rgba(0,0,0,.5);color:#ffe3a3;font:800 14px Inter,sans-serif;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:.3s cubic-bezier(.2,.9,.3,1.3)}
.gx-bigwin.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.gx-bigwin b{color:#ffc93c;font-size:18px}
.gx-kbd{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;color:#6f7c90;font-size:11.5px}
.gx-kbd kbd{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-right:4px;padding:0 5px;border-radius:5px;background:rgba(255,255,255,.08);box-shadow:inset 0 -1px 0 rgba(0,0,0,.4);color:#cdd5e1;font:700 10.5px Inter,sans-serif}

/* ---------------- public round proof page ---------------- */
.round-proof-page .market-ribbon{display:none!important}
.rp{max-width:820px;margin:24px auto 60px;padding:0 16px;color:#e8edf5;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"tnum" 1}
.rp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.rp-back{color:#a98bff;font-size:13px;font-weight:700;text-decoration:none}
.rp-verify{padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.06);color:#b7c0ce;font-size:12px;font-weight:800}
.rp-verify.ok{background:rgba(66,221,185,.14);color:#7ff0d3}.rp-verify.bad{background:rgba(255,90,90,.14);color:#ff9d9d}
.rp-hero{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(16,22,34,.9)}
.rp-hero.win{border-color:rgba(66,221,185,.4);background:radial-gradient(400px 140px at 0% 50%,rgba(66,221,185,.14),transparent 70%),rgba(16,22,34,.9)}
.rp-hero>div{flex:1;min-width:0}.rp-hero small{color:#8794a8;font-size:12px}.rp-hero h1{margin:2px 0;font-size:22px;font-weight:800}.rp-hero p{margin:0;color:#b7c0ce;font-size:13px}
.rp-hero>strong{font-size:30px;font-weight:900}.rp-hero.win>strong{color:#42ddb9}
.rp-av{flex:0 0 auto;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#1a2231}.rp-av img{width:100%;height:100%;object-fit:cover}
.rp-viz{display:grid;place-items:center;margin-bottom:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.02)}
.rp-board{width:min(100%,420px);height:auto}
.rp-pegs circle{fill:rgba(205,213,225,.55)}.rp-board rect{fill:#3b4a63}.rp-board rect.on{fill:#ffc93c}
.rp-path{fill:none;stroke:#ffc93c;stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(255,190,60,.6))}.rp-ball{fill:#ffc93c;stroke:#fff;stroke-width:1.5}
.rp-lanes{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px;width:100%}
.rp-lanes span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:44px;border-radius:9px;background:rgba(255,255,255,.05);color:#6f7c90}
.rp-lanes span.ok{background:#2f8f6f;color:#eafff6}.rp-lanes span.hit{background:#a33f47;color:#ffe3e3}.rp-lanes span.would{background:rgba(66,221,185,.1);color:#8ce9d2;box-shadow:inset 0 0 0 1.5px rgba(66,221,185,.45)}.rp-lanes span.miss{background:rgba(255,90,90,.12);color:#ffb0b0;box-shadow:inset 0 0 0 1.5px rgba(255,110,110,.5)}
.rp-lanes b{font-size:12px}.rp-lanes small{font-size:10px;font-weight:700}
.rp-math{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;padding:0;list-style:none;counter-reset:m}
.rp-math li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;counter-increment:m}
.rp-math li>span{display:flex;align-items:center;gap:8px;padding-top:8px;color:#8794a8;font-size:12px;font-weight:700}
.rp-math li>span::before{content:counter(m);display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(145,112,255,.2);color:#d9ccff;font-size:10.5px;font-weight:800}
.rp code{display:block;padding:9px 11px;border-radius:10px;background:rgba(0,0,0,.32);color:#cdd5e1;font:600 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.rp code mark{padding:0 2px;border-radius:3px;background:rgba(66,221,185,.25);color:#b5f5e4}.rp code b{font-family:Inter,sans-serif}.rp .ok{color:#7ff0d3}.rp .bad{color:#ff9d9d}
.rp-kv{margin-bottom:10px}.rp-kv label{display:block;margin-bottom:4px;color:#5d6a7e;font-size:11px;font-weight:700}.rp-kv.two{display:grid;grid-template-columns:1fr 130px;gap:10px}
.rp-empty{display:grid;place-items:center;gap:10px;min-height:260px;color:#8794a8;text-align:center}.rp-empty a{color:#a98bff}

@media(max-width:900px){.gx-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){a.gx-line-row{grid-template-columns:28px minmax(0,1fr) 54px 64px;gap:8px}a.gx-line-row .gx-bet{display:none}.gx-stats{grid-template-columns:1fr 1fr}.rp-math li{grid-template-columns:1fr;gap:4px}.rp-math li>span{padding-top:0}.rp-kv.two{grid-template-columns:1fr}.rp-hero{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.gx-toast,.gx-bigwin{transition:none}}
.pk .gx-chart svg,.ch .gx-chart svg,.gx-chart svg{width:100%!important;height:100%!important;margin:0!important}
/* Shared, scrollable profit charts. */
.gx-periods{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.gx-periods button{padding:8px 11px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff05;color:#b6c3d6;font:600 13px Inter,system-ui;cursor:pointer}
.gx-periods button[aria-pressed=true]{background:#9170ff30;border-color:#b69aff66;color:#eee6ff}
.gx-periods button:focus-visible{outline:2px solid #b69aff;outline-offset:2px}
.gx-plot{position:relative;display:flex;min-width:0;background:#0003;border-radius:12px}
.gx-yaxis{width:86px;flex:none;display:flex;flex-direction:column;justify-content:space-between;padding:10px 7px 30px;text-align:right;color:#aab8ca;font-size:12px;height:172px;box-sizing:border-box}
.gx-chart{position:relative;flex:1;min-width:0;height:188px;overflow-x:auto;overflow-y:hidden;border-radius:0 12px 12px 0;background:transparent;scrollbar-width:thin;scrollbar-color:#8f78bf #111826;overscroll-behavior-x:contain}
.gx-chart canvas{position:absolute;top:0;pointer-events:none;max-width:none}
.gx-track{height:172px;pointer-events:none}
.gx-tooltip{position:absolute;top:8px;z-index:3;max-width:240px;padding:9px 12px;border:1px solid #b69aff66;border-radius:9px;background:#101725;color:#fff;box-shadow:0 6px 18px #0008;font-size:13px;pointer-events:none}
.gx-tooltip[hidden]{display:none}
.gx-chart-label{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#aab8ca;font-size:12px}.gx-chart-label span{color:#8794a8}
.gx-stats small{font-size:12px;color:#9baac0}.gx-stats b{font-size:14px}.gx-card-head p{font-size:13px}
