/* KingPad — shared premium dark+gold theme (matches the Earn page). Linked LAST in so it upgrades each page's existing styles. */ :root{ --gold:#E6A700; --gold-2:#FFD24A; --grad-gold:linear-gradient(135deg,#FFDE6A,#E6A700); --kp-card:linear-gradient(180deg,#161619,#0f0f12); --kp-border:#26262d; } /* premium gradient background on every page */ body{ background: radial-gradient(1100px 520px at 50% -8%, rgba(230,167,0,.09), transparent 60%), radial-gradient(820px 480px at 100% 0%, rgba(120,90,255,.045), transparent 55%), #0a0a0c !important; } /* glass top bar */ #topbar{ background:rgba(10,10,12,.72) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-bottom:1px solid rgba(255,255,255,.05) !important; } /* gold-gradient primary buttons (all pages) */ .gold-btn,.save-btn,.earn-btn,.orange-btn,.up-btn,.ghost.gold,.kp-primary{ background:var(--grad-gold) !important; color:#1a1300 !important; border:none !important; box-shadow:0 6px 18px rgba(230,167,0,.24) !important; font-weight:800 !important; } .gold-btn:hover,.save-btn:hover,.earn-btn:hover,.orange-btn:hover,.up-btn:hover{ filter:brightness(1.06); } .orange-btn:disabled{ opacity:.5 !important; box-shadow:none !important; } /* wallet button — fixed size so it doesn't change when connecting/disconnecting */ #tw-connect{ width:126px !important; text-align:center !important; justify-content:center !important; white-space:nowrap; } /* premium elevated cards (content pages — scoped classes, not the terminal token cards) */ .kp-card,.panel,.earn-card,.refbox,.prof,.kpi,.tab.active{ border-radius:16px !important; } .kp-card,.panel,.earn-card,.prof,.kpi{ background:var(--kp-card) !important; border:1px solid var(--kp-border) !important; box-shadow:0 10px 30px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04) !important; } /* gold-gradient text accent helper */ .kp-gold-text{ background:var(--grad-gold); -webkit-background-clip:text; background-clip:text; color:transparent; } /* shared top nav (content pages) — matches the Earn header */ .kp-topnav{ display:flex; align-items:center; gap:2px; margin-left:10px; } .kp-topnav a{ color:var(--muted); font-size:13px; font-weight:600; padding:8px 14px; border-radius:9px; text-decoration:none; transition:.15s; } .kp-topnav a:hover{ color:#fff; background:rgba(255,255,255,.05); } .kp-topnav a.on{ color:#1a1300 !important; background:var(--grad-gold) !important; } .kp-spacer{ margin-left:auto; }