/* Button styles, picked on /options and remembered in localStorage (html[data-btn]). Applies to every primary action:
   the nav Connect (.nglass), hero/board CTAs (.p-btn-primary), the create page Launch (.btn), the ticket (.tp-go),
   segmented choices (.segs button[aria-pressed=true]) and the rewards Claim (.tp-claim). "a" = the inherited glass
   bubble (no overrides here). */

/* b: HARD EDGE. Flat acid-green slab, square-ish corners, black uppercase mono label, no glow. A terminal's button. */
[data-btn=b] .nglass, [data-btn=b] .p-btn-primary, [data-btn=b] .btn, [data-btn=b] .tp-go, [data-btn=b] .tp-claim {
  border-radius:8px !important; background:var(--near) !important; color:#031a0f !important; border:1px solid #8BFFD9 !important;
  box-shadow:0 0 0 1px #00000080, inset 0 -3px 0 #0f8f57 !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  font:700 13px/1 var(--p-font-mono) !important; letter-spacing:.08em; text-transform:uppercase; transition:transform .08s, filter .15s !important }
[data-btn=b] .nglass .t, [data-btn=b] .tp-go .t { color:#031a0f; text-shadow:none; font:inherit }
[data-btn=b] .nglass::before, [data-btn=b] .nglass::after, [data-btn=b] .tp-go::before, [data-btn=b] .tp-go::after { display:none }
[data-btn=b] .nglass:hover, [data-btn=b] .p-btn-primary:hover, [data-btn=b] .btn:hover, [data-btn=b] .tp-go:hover, [data-btn=b] .tp-claim:hover { filter:brightness(1.12); transform:translateY(-1px) }
[data-btn=b] .nglass:active, [data-btn=b] .p-btn-primary:active, [data-btn=b] .btn:active { transform:translateY(1px); box-shadow:0 0 0 1px #00000080 !important }
[data-btn=b] .p-btn-primary { padding:12px 20px }
[data-btn=b] .segs button[aria-pressed=true] { border-radius:8px; background:var(--near); color:#031a0f; font-family:var(--p-font-mono); text-transform:uppercase; letter-spacing:.06em; font-size:12px }
[data-btn=b] .padhero-cta .p-btn:not(.p-btn-primary) { border-radius:8px; font:600 13px var(--p-font-mono); text-transform:uppercase; letter-spacing:.08em }
[data-btn=b] .tp-go.sell, [data-btn=b] .tp-go.sell:hover { background:#FF5E5E !important; border-color:#ffb3b3 !important; box-shadow:0 0 0 1px #00000080, inset 0 -3px 0 #b23030 !important }

/* c: OUTLINE NEON. Transparent, 1px mint line, mint text, soft inner glow; fills on hover. Drawn in the site's own line language. */
[data-btn=c] .nglass, [data-btn=c] .p-btn-primary, [data-btn=c] .btn, [data-btn=c] .tp-go, [data-btn=c] .tp-claim {
  border-radius:999px !important; background:#0b14100a !important; color:#B8FFE4 !important; border:1px solid #8BFFD9b0 !important;
  box-shadow:inset 0 0 18px #1FC77E26, 0 0 18px #1FC77E26 !important; -webkit-backdrop-filter:blur(6px) !important; backdrop-filter:blur(6px) !important;
  font:600 14px/1 var(--p-font) !important; text-transform:none; letter-spacing:0; transition:background .2s, color .2s, box-shadow .2s, transform .15s !important }
[data-btn=c] .nglass .t, [data-btn=c] .tp-go .t { color:inherit; text-shadow:none; font:inherit }
[data-btn=c] .nglass::before, [data-btn=c] .nglass::after, [data-btn=c] .tp-go::before, [data-btn=c] .tp-go::after { display:none }
[data-btn=c] .nglass:hover, [data-btn=c] .p-btn-primary:hover, [data-btn=c] .btn:hover, [data-btn=c] .tp-go:hover, [data-btn=c] .tp-claim:hover {
  background:#E9FFF6 !important; color:#04140c !important; border-color:#E9FFF6 !important; box-shadow:0 0 28px #8BFFD966, 0 0 0 1px #E9FFF6 !important }
[data-btn=c] .nglass:hover .t, [data-btn=c] .tp-go:hover .t { color:#04140c }
[data-btn=c] .nglass:active, [data-btn=c] .p-btn-primary:active, [data-btn=c] .btn:active { transform:scale(.98) }
[data-btn=c] .segs button[aria-pressed=true] { background:transparent; color:#B8FFE4; border-color:#8BFFD9; box-shadow:inset 0 0 12px #1FC77E33 }
[data-btn=c] .padhero-cta .p-btn:not(.p-btn-primary) { border-color:var(--p-line-strong) }
[data-btn=c] .tp-go.sell { color:#ffb3b3 !important; border-color:#FF5E5Eb0 !important; box-shadow:inset 0 0 18px #FF5E5E26 !important }
[data-btn=c] .tp-go.sell:hover { background:#FF5E5E !important; color:#fff !important; border-color:#FF5E5E !important }
[data-p-theme=light][data-btn=c] .nglass, [data-p-theme=light][data-btn=c] .p-btn-primary, [data-p-theme=light][data-btn=c] .btn, [data-p-theme=light][data-btn=c] .tp-go { color:#0F8F57 !important; border-color:#0F8F57 !important; box-shadow:none !important }
[data-p-theme=light][data-btn=c] .nglass:hover, [data-p-theme=light][data-btn=c] .p-btn-primary:hover, [data-p-theme=light][data-btn=c] .btn:hover { background:#0F8F57 !important; color:#fff !important }

/* d: MINT CHROME (default). A glossy pill in the logo's material: white-to-mint body, bright chrome rim, dark ink; the
   secondary button is the same shape in dark glass with a chrome edge. */
[data-btn=d] .nglass, [data-btn=d] .p-btn-primary, [data-btn=d] .btn, [data-btn=d] .tp-go, [data-btn=d] .tp-claim {
  border-radius:999px !important; color:#03150c !important; border:1px solid #BFFFE6 !important;
  background:linear-gradient(180deg,#F4FFFA 0%,#B9FFE2 38%,#4FE3A6 70%,#1FC77E 100%) !important;
  box-shadow:inset 0 1px 0 #ffffff, inset 0 -6px 10px #0F8F5744, 0 0 0 1px #0F8F5766, 0 6px 18px #1FC77E33 !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  font:700 14px/1 var(--p-font) !important; letter-spacing:-.01em; text-transform:none; transition:transform .15s cubic-bezier(.34,1.56,.64,1), filter .15s, box-shadow .2s !important }
[data-btn=d] .nglass .t, [data-btn=d] .tp-go .t { color:#03150c; text-shadow:0 1px 0 #ffffff80; font:inherit }
[data-btn=d] .nglass::before, [data-btn=d] .nglass::after, [data-btn=d] .tp-go::before, [data-btn=d] .tp-go::after { display:none }
[data-btn=d] .nglass:hover, [data-btn=d] .p-btn-primary:hover, [data-btn=d] .btn:hover, [data-btn=d] .tp-go:hover, [data-btn=d] .tp-claim:hover { filter:brightness(1.06) saturate(1.1); transform:translateY(-1px); box-shadow:inset 0 1px 0 #ffffff, inset 0 -6px 10px #0F8F5744, 0 0 0 1px #0F8F5766, 0 10px 26px #1FC77E55 !important }
[data-btn=d] .nglass:active, [data-btn=d] .p-btn-primary:active, [data-btn=d] .btn:active { transform:scale(.97) }
[data-btn=d] .p-btn-primary { padding:12px 22px }
[data-btn=d] .btn:disabled, [data-btn=d] .tp-claim:disabled { filter:grayscale(.6); opacity:.55 }
[data-btn=d] .segs button[aria-pressed=true] { border-radius:999px; background:linear-gradient(180deg,#E9FFF6,#4FE3A6); color:#03150c; border-color:#BFFFE6 }
[data-btn=d] .padhero-cta .p-btn:not(.p-btn-primary), [data-btn=d] .hx-cta .p-btn:not(.p-btn-primary) { border:1px solid #8BFFD966; background:linear-gradient(180deg,#0f1f18,#06100b); color:#E9FFF6; box-shadow:inset 0 1px 0 #ffffff22, 0 0 0 1px #00000080; padding:12px 20px; border-radius:999px; font-weight:700 }
[data-btn=d] .padhero-cta .p-btn:not(.p-btn-primary):hover, [data-btn=d] .hx-cta .p-btn:not(.p-btn-primary):hover { border-color:#BFFFE6; color:#fff }
[data-btn=d] .tp-go.sell { background:linear-gradient(180deg,#FFE9E9,#FF8A8A 40%,#FF5E5E) !important; border-color:#FFC7C7 !important; box-shadow:inset 0 1px 0 #fff, inset 0 -6px 10px #a0303044, 0 0 0 1px #a0303066 !important }
[data-p-theme=light][data-btn=d] .padhero-cta .p-btn:not(.p-btn-primary), [data-p-theme=light][data-btn=d] .hx-cta .p-btn:not(.p-btn-primary) { background:#fff; color:#03150c; border-color:#0F8F5766 }