@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=JetBrains+Mono:wght@500&family=Manrope:wght@500;600;700&display=swap");

.gz-stage{background:var(--ground);color:var(--ink);font-family:var(--font-sans);padding:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.gz-num{font-family:var(--font-display);font-variant-numeric:tabular-nums}

/* Button */
.gz-btn{font:700 15px/20px var(--font-sans);border-radius:var(--radius-md);padding:10px 18px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2)}
.gz-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.gz-btn-primary{background:var(--amber);color:var(--on-amber)}
.gz-btn-primary:active{background:var(--amber-deep)}
.gz-btn-secondary{background:var(--surface-raised);color:var(--ink);border-color:var(--line-strong)}
.gz-btn-ghost{background:transparent;color:var(--amber-strong)}
.gz-btn[disabled]{opacity:.45;cursor:not-allowed}

/* Odds chip: fair/offered price in cents and American odds */
.gz-odds{display:inline-flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--line);min-width:84px}
.gz-odds-label{font:700 11px/14px var(--font-sans);letter-spacing:.08em;color:var(--ink-muted)}
.gz-odds-price{font:700 22px/24px var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink)}
.gz-odds-alt{font:500 12px/16px var(--font-mono);color:var(--ink-muted)}
.gz-odds-best{border-color:var(--amber)}
.gz-odds-best .gz-odds-label{color:var(--amber-strong)}
.gz-odds-stale{opacity:.5}

/* Edge badge */
.gz-edge{display:inline-flex;align-items:baseline;gap:var(--space-1);padding:4px var(--space-2);border-radius:var(--radius-sm);font:700 15px/18px var(--font-display);font-variant-numeric:tabular-nums}
.gz-edge small{font:700 11px/14px var(--font-sans);letter-spacing:.06em}
.gz-edge-pos{background:var(--edge-soft);color:var(--edge)}
.gz-edge-neg{background:var(--loss-soft);color:var(--loss)}
.gz-edge-flat{background:var(--surface-raised);color:var(--ink-muted)}

/* Confidence tier: five pips + a word */
.gz-tier{display:inline-flex;align-items:center;gap:var(--space-2);font:700 13px/18px var(--font-sans);color:var(--ink)}
.gz-tier-pips{display:inline-flex;gap:3px}
.gz-tier-pips i{width:14px;height:6px;border-radius:var(--radius-pill);background:var(--line);transform:skewX(-20deg)}
.gz-tier-pips i.on{background:var(--amber)}

/* Stake badge */
.gz-stake{display:inline-flex;align-items:baseline;gap:var(--space-2);background:var(--steel);color:var(--on-steel);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}
.gz-stake b{font:800 22px/24px var(--font-display);font-variant-numeric:tabular-nums}
.gz-stake span{font:600 13px/18px var(--font-sans);opacity:.85}
.gz-stake-capped{box-shadow:inset 0 0 0 1px var(--amber)}

/* Pick card */
.gz-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-4);width:340px;display:flex;flex-direction:column;gap:var(--space-3);color:var(--ink);font-family:var(--font-sans)}
.gz-card-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}
.gz-card-meta{font:500 13px/18px var(--font-sans);color:var(--ink-muted)}
.gz-card-title{font:700 18px/24px var(--font-sans)}
.gz-card-pick{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-3)}
.gz-card-side{font:800 32px/32px var(--font-display);letter-spacing:.01em}
.gz-card-why{font:500 15px/22px var(--font-sans);color:var(--ink);margin:0}
.gz-card-row{display:flex;gap:var(--space-2);flex-wrap:wrap}
.gz-card-max{font:600 13px/18px var(--font-sans);color:var(--amber-strong)}
.gz-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:var(--space-3)}

/* Logo lockup */
.gz-lockup{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--ink)}
.gz-lockup img{display:block}
.gz-wordmark{font:800 40px/40px var(--font-display);letter-spacing:-.01em;text-transform:lowercase}
.gz-wordmark em{font-style:normal;color:var(--amber-strong)}

/* Gold gradient: outlines and brand accents only (mark, wordmark, apex / Pro rings) */
.gz-gold-text{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 30%,var(--gold-dark) 55%,var(--gold-light) 80%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gz-gold-ring{border:1.5px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,var(--gold-light),var(--gold) 30%,var(--gold-dark) 55%,var(--gold-light) 80%,var(--gold-dark)) border-box}
.gz-wordmark em{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 30%,var(--gold-dark) 55%,var(--gold-light) 80%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="light"] .gz-wordmark em{background:none;color:var(--amber-strong)}
.gz-apex{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:var(--radius-pill)}