/* ==========================================================================
   The Board — plugin styles. Inherits the theme's --uv-* tokens and reuses
   its primitives (.uv-btn, .uv-chip, .uv-split, .uv-card, .uv-stat, .uv-eyebrow,
   .uv-fine). Fallback values below only matter if the theme is swapped.
   ========================================================================== */
:root {
	/* Plugin-only tokens. Everything else comes from the theme's --uv-* set;
	   if the theme is swapped, define those in the new theme or here. */
	--uvb-win: #4FCB7E;
	--uvb-lose: #E0663B;
}

/* ---- shared bits ---- */
.uvb-display { font-family: var(--uv-font-display, inherit); font-stretch: var(--uv-display-stretch, 100%); font-weight: 900; text-transform: uppercase; letter-spacing: -.02em; line-height: .92; color: var(--uv-white); margin: 0; }
.uvb-sitemark { font-weight: 800; letter-spacing: -.02em; color: var(--uv-white); font-size: .72rem; opacity: .65; margin: 0 0 7px; }
.uvb-sitemark span { color: var(--uv-gold); font-weight: 900; }
.uvb-link { background: none; border: 0; padding: 0; color: var(--uv-gold); font: inherit; font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.uvb-note { font-size: .77rem; color: var(--uv-muted); text-align: center; margin: 10px 0 0; line-height: 1.5; }
.uvb-app .uv-fine { margin-top: 18px; }
.uvb-app .uv-btn--block { display: flex; width: 100%; }
.uvb-app .uv-btn--text { min-height: 0; margin-top: 4px; }
.is-y { color: var(--uvb-win); } .is-n { color: var(--uvb-lose); }

.uvb-flash { padding: 12px 14px; border: 1px solid var(--uv-rule); border-radius: 5px; background: var(--uv-card); font-size: .9rem; margin-bottom: 18px; }
.uvb-flash.is-ok { border-color: var(--uv-correct); } .uvb-flash.is-bad { border-color: var(--uv-wrong); }

/* ---- fields ---- */
.uvb-hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.uvb-form { display: grid; gap: 9px; }
.uvb-field { width: 100%; padding: 15px; background: var(--uv-bg); border: 1px solid var(--uv-rule); border-radius: 4px; color: var(--uv-white); font: inherit; font-size: 1rem; transition: border-color .15s; }
.uvb-field::placeholder { color: #4E4E4E; }
.uvb-field:focus { border-color: var(--uv-gold); outline: none; }
.uvb-field-wrap { position: relative; }
.uvb-field__hint { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--uv-dim); pointer-events: none; }
.uvb-field__hint.is-ok { color: var(--uvb-win); } .uvb-field__hint.is-bad { color: var(--uvb-lose); }
.uvb-form__err { margin: 0; font-size: .82rem; color: var(--uvb-lose); line-height: 1.45; }
.uvb-form__ok { margin: 0; font-size: .82rem; color: var(--uvb-win); }
.uvb-label { font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--uv-muted); }
.uvb-check { display: flex; gap: 10px; align-items: flex-start; font-size: .9rem; color: var(--uv-text); padding: 6px 0; }
.uvb-check input { margin-top: 3px; accent-color: var(--uv-gold); }

/* ==========================================================================
   Modal
   ========================================================================== */
.uvb-modal { position: fixed; inset: 0; z-index: 1000; overflow-y: auto; -webkit-overflow-scrolling: touch; background: rgba(0,0,0,.55); opacity: 0; transition: opacity .35s cubic-bezier(.2,.8,.3,1); }
.uvb-modal.is-in { opacity: 1; }
.uvb-modal__wrap { min-height: 100%; min-height: 100svh; display: flex; align-items: center; justify-content: center; padding: clamp(12px, 3.5vh, 30px) 14px; padding-top: calc(clamp(12px, 3.5vh, 30px) + env(safe-area-inset-top)); padding-bottom: calc(clamp(20px, 3.5vh, 30px) + env(safe-area-inset-bottom)); }
.uvb-modal__card { position: relative; width: 100%; max-width: 430px; background: var(--uv-bg); border: 1px solid var(--uv-rule); border-radius: 8px; padding: clamp(18px, 5vw, 26px) clamp(14px, 4.5vw, 24px) clamp(24px, 6vw, 32px); transform: translateY(14px) scale(.98); transition: transform .4s cubic-bezier(.2,.8,.3,1); }
.uvb-modal.is-in .uvb-modal__card { transform: none; }
.uvb-modal__close { position: absolute; top: 8px; right: 10px; width: 36px; height: 36px; border-radius: 50%; font-size: 1.4rem; line-height: 1; color: var(--uv-dim); }
.uvb-modal__close:hover { color: var(--uv-white); }

/* ==========================================================================
   Flow panels
   ========================================================================== */
.uvb-panel { display: none; }
.uvb-panel.is-on { display: block; animation: uvb-fade .35s cubic-bezier(.2,.8,.3,1); }
@keyframes uvb-fade { from { opacity: 0; transform: translateY(8px); } }

.uvb-inline-flow { max-width: 430px; margin: 0 auto 40px; }
.uvb-inline-flow .uvb-intro { text-align: center; }

/* intro */
.uvb-intro { text-align: center; }
.uvb-intro__site { animation: uvb-up .5s .1s both; }
.uvb-intro__era { font-size: clamp(2.1rem, 10.5vw, 3.05rem); margin-bottom: clamp(18px, 5vw, 26px); animation: uvb-up .6s .35s both; }
.uvb-beats { list-style: none; display: grid; gap: 9px; margin: 0 0 clamp(18px, 5vw, 24px); text-align: left; padding: 0; }
.uvb-beat { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--uv-card); border: 1px solid var(--uv-rule); border-left: 2px solid var(--uv-gold); border-radius: 3px; font-size: .88rem; color: var(--uv-text); animation: uvb-slide .45s both; }
.uvb-beat:nth-child(1) { animation-delay: .85s; } .uvb-beat:nth-child(2) { animation-delay: 1.15s; } .uvb-beat:nth-child(3) { animation-delay: 1.45s; }
.uvb-beat b { color: var(--uv-white); font-weight: 800; }
.uvb-beat__n { font-size: .68rem; font-weight: 900; color: var(--uv-gold); width: 16px; flex-shrink: 0; }
.uvb-intro__go { animation: uvb-up .45s 1.85s both; }
@keyframes uvb-up { from { opacity: 0; transform: translateY(10px); } }
@keyframes uvb-slide { from { opacity: 0; transform: translateX(-8px); } }

/* drop */
.uvb-drop__head { text-align: center; margin-bottom: clamp(14px, 4vw, 18px); }
.uvb-drop__head .uvb-display { font-size: clamp(1.5rem, 7vw, 2rem); margin-bottom: 8px; }
.uvb-drop__head p { font-size: .87rem; color: var(--uv-muted); max-width: 30ch; margin: 0 auto; }
.uvb-board-frame { position: relative; overflow: hidden; user-select: none; -webkit-user-select: none; background: linear-gradient(180deg, var(--uv-card), #0C0C0C); border: 1px solid var(--uv-rule); border-radius: 6px; padding: 13px 11px; margin-bottom: clamp(16px, 4.5vw, 22px); }
.uvb-board-frame::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--uv-gold), transparent); opacity: .55; }
.uvb-aim { padding: 0 2px 9px; }
.uvb-aim__lbl { font-size: .63rem; font-weight: 800; letter-spacing: .15em; color: var(--uv-dim); text-align: center; margin-bottom: 7px; }
.uvb-aim__lbl.is-hot { color: var(--uv-gold); }
.uvb-aim__track { position: relative; height: 26px; cursor: grab; touch-action: none; border-radius: 4px; }
.uvb-aim__track:active { cursor: grabbing; }
.uvb-aim__track:focus-visible { outline: 1px solid var(--uv-gold); outline-offset: 2px; }
.uvb-aim__notches { position: absolute; inset: 0; pointer-events: none; }
.uvb-notch { position: absolute; top: 16px; width: 1px; height: 6px; background: var(--uv-rule-hi); transform: translateX(-50%); }
.uvb-aim__knob { position: absolute; top: 2px; width: 26px; height: 13px; transform: translateX(-50%); pointer-events: none; transition: left 90ms ease-out; }
.uvb-aim__knob::before { content: ""; position: absolute; inset: 0; background: var(--uv-gold); clip-path: polygon(50% 100%, 0 0, 100% 0); box-shadow: 0 0 12px rgba(255,179,0,.55); }
.uvb-aim__line { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px dashed rgba(255,179,0,.3); transform: translateX(-50%); pointer-events: none; transition: left 90ms ease-out; }
.uvb-board { position: relative; width: 100%; aspect-ratio: 1 / 1.05; max-height: min(48svh, 420px); min-height: 170px; }
.uvb-peg { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #464646; transform: translate(-50%, -50%); }
.uvb-ball { position: absolute; width: clamp(13px, 4.2vw, 17px); aspect-ratio: 1; border-radius: 50%; background: var(--uv-gold); transform: translate(-50%, -50%); box-shadow: 0 0 16px rgba(255,179,0,.7); opacity: 0; z-index: 4; transition: left 170ms ease-in-out, top 170ms cubic-bezier(.45,0,.9,.5); }
.uvb-ball.is-live { opacity: 1; }
.uvb-slots { display: flex; gap: 2px; margin-top: 8px; }
.uvb-slot { flex: 1; min-width: 0; text-align: center; padding: 8px 0 7px; font-size: clamp(.52rem, 2.1vw, .66rem); font-weight: 900; color: var(--uv-dim); background: #191919; border-top: 2px solid var(--uv-rule); border-radius: 0 0 2px 2px; transition: all .22s; font-variant-numeric: tabular-nums; }
.uvb-slot.is-rare { color: var(--uv-gold-dark); border-top-color: var(--uv-gold-dark); }
.uvb-slot.is-hit { background: var(--uv-gold); color: #000; border-top-color: var(--uv-gold); transform: translateY(-3px); box-shadow: 0 0 26px rgba(255,179,0,.5); }

/* claim */
.uvb-prize { position: relative; overflow: hidden; background: linear-gradient(160deg, rgba(255,179,0,.13), rgba(255,179,0,.02)); border: 1px solid var(--uv-gold); border-radius: 6px; padding: clamp(18px, 5vw, 24px); margin-bottom: 14px; text-align: center; }
.uvb-prize__num { font-family: var(--uv-font-display, inherit); font-stretch: var(--uv-display-stretch, 100%); font-size: clamp(3rem, 15vw, 4.2rem); font-weight: 900; color: var(--uv-gold); line-height: .88; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.uvb-prize__lbl { font-size: .74rem; color: var(--uv-muted); font-weight: 700; margin-top: 6px; letter-spacing: .05em; }
.uvb-prize__hr { height: 1px; background: rgba(255,179,0,.28); margin: 16px 0; }
.uvb-prize__guide { font-size: .87rem; color: var(--uv-text); line-height: 1.5; margin: 0; }
.uvb-prize__guide b { color: var(--uv-white); font-weight: 800; }
.uvb-whatsnext { background: var(--uv-card); border: 1px solid var(--uv-rule); border-radius: 5px; padding: 15px; margin-bottom: 14px; }
.uvb-whatsnext p { font-size: .84rem; color: var(--uv-muted); line-height: 1.55; margin: 0; }
.uvb-whatsnext b { color: var(--uv-white); font-weight: 700; }
.uvb-claim .uv-fine { text-align: center; margin: 13px auto 0; }
.uvb-claim .uv-fine a { color: var(--uv-muted); text-decoration: underline; }

/* sent */
.uvb-sent, .uvb-login { text-align: center; }
.uvb-sent__mark { width: 66px; height: 66px; margin: 6px auto 16px; }
.uvb-sent__mark svg { width: 100%; height: 100%; overflow: visible; }
.uvb-sent__ring { fill: none; stroke: var(--uv-gold); stroke-width: 2; stroke-dasharray: 145; stroke-dashoffset: 145; transform-origin: center; transform: rotate(-90deg); animation: uvb-ring .55s cubic-bezier(.4,0,.2,1) forwards; }
.uvb-sent__tick { fill: none; stroke: var(--uv-gold); stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 44; stroke-dashoffset: 44; animation: uvb-tick .34s .42s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes uvb-ring { to { stroke-dashoffset: 0; } } @keyframes uvb-tick { to { stroke-dashoffset: 0; } }
.uvb-sent__h { font-size: clamp(1.6rem, 7.5vw, 2.1rem); margin-bottom: 9px; }
.uvb-sent__p { font-size: .87rem; color: var(--uv-muted); line-height: 1.55; max-width: 34ch; margin: 0 auto clamp(16px, 4.5vw, 22px); }
.uvb-sent__p b { color: var(--uv-gold); font-weight: 700; overflow-wrap: anywhere; }
.uvb-rows { border: 1px solid var(--uv-rule); border-radius: 5px; background: var(--uv-card); text-align: left; margin-bottom: clamp(14px, 4vw, 18px); }
.uvb-row { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 11px 14px; border-bottom: 1px solid var(--uv-rule); font-size: .84rem; color: var(--uv-muted); }
.uvb-row:last-child { border-bottom: 0; }
.uvb-row b { color: var(--uv-white); font-weight: 800; text-align: right; }
.uvb-row b.is-ok { color: var(--uvb-win); }
.uvb-login .uvb-form { text-align: left; }

/* ==========================================================================
   Play app
   ========================================================================== */
.uvb-app { max-width: 620px; margin: 0 auto; }
.uvb-sec { padding-top: clamp(20px, 5vw, 28px); }
.uvb-sec__h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
.uvb-sec__h .uv-eyebrow { margin: 0; }

.uvb-boardhero { position: relative; overflow: hidden; border: 1px solid var(--uv-rule); border-radius: 7px; background: linear-gradient(155deg, var(--uv-card), var(--uv-bg) 62%); }
.uvb-boardhero::after { content: ""; position: absolute; top: -40%; right: -18%; width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle, rgba(255,179,0,.16), transparent 68%); pointer-events: none; }
.uvb-boardhero__top { padding: clamp(16px, 4.5vw, 22px); position: relative; }
.uvb-boardhero__streak { margin-left: auto; text-align: right; }
.uvb-boardhero__streak .uv-stat__n { font-size: 1.2rem; }
.uvb-unverified { border-top: 1px solid var(--uv-rule); padding: 10px clamp(16px, 4.5vw, 22px); font-size: .8rem; color: var(--uv-muted); background: rgba(255,179,0,.05); }
.uvb-unverified p { margin: 0; }
.uvb-boardhero__toggle { width: 100%; padding: 11px; border-top: 1px solid var(--uv-rule); font-size: .74rem; font-weight: 800; letter-spacing: .1em; color: var(--uv-muted); }
.uvb-boardhero__toggle:hover { color: var(--uv-gold); }
.uvb-lb { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--uv-rule); }
.uvb-lb__row { display: flex; align-items: center; gap: 12px; padding: 11px clamp(16px, 4.5vw, 22px); border-bottom: 1px solid #1C1C1C; font-size: .88rem; }
.uvb-lb__row:last-child { border-bottom: 0; }
.uvb-lb__r { width: 22px; font-size: .78rem; font-weight: 900; color: var(--uv-dim); font-variant-numeric: tabular-nums; }
.uvb-lb__n { flex: 1; font-weight: 600; color: var(--uv-text); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uvb-lb__p { font-weight: 900; color: var(--uv-white); font-variant-numeric: tabular-nums; }
.uvb-lb__row.is-you { background: rgba(255,179,0,.08); }
.uvb-lb__row.is-you .uvb-lb__n, .uvb-lb__row.is-you .uvb-lb__p, .uvb-lb__row.is-you .uvb-lb__r { color: var(--uv-gold); }

.uvb-game__media { height: clamp(88px, 26vw, 120px); background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.9)), repeating-linear-gradient(115deg, #1C1A16 0 12px, #141210 12px 24px); }
.uvb-game__when { font-size: .73rem; color: var(--uv-gold); font-weight: 800; letter-spacing: .08em; margin: 0 0 8px; }
.uvb-game__teams { font-size: clamp(1.3rem, 6.2vw, 1.75rem); letter-spacing: -.03em; line-height: 1.05; }
.uvb-game__teams em { font-style: normal; color: var(--uv-dim); font-size: .7em; }
.uvb-game__where { font-size: .83rem; color: var(--uv-muted); margin: 4px 0 0; }
.uvb-offseason { margin-top: 12px; }

.uvb-convhint { font-size: .77rem; color: var(--uv-muted); margin: 0 0 11px; line-height: 1.5; }
.uvb-convhint b { color: var(--uv-gold); font-weight: 800; }
.uvb-markets { display: grid; gap: 9px; margin-bottom: 12px; }
.uvb-mkt { padding: clamp(14px, 4vw, 18px); }
.uvb-mkt__top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.uvb-mkt__n { font-family: var(--uv-font-display, inherit); font-size: 1.1rem; font-weight: 900; text-transform: uppercase; color: var(--uv-white); letter-spacing: -.02em; }
.uvb-mkt__right { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.uvb-mkt__w { font-size: .68rem; font-weight: 900; color: var(--uv-gold); white-space: nowrap; }
.uvb-mkt__q { font-size: .83rem; color: var(--uv-muted); margin: 5px 0 12px; line-height: 1.45; }
.uvb-opts { display: grid; gap: 7px; grid-template-columns: 1fr 1fr; }
.uvb-opt { padding: 12px 13px; border-radius: 4px; background: #191919; border: 1px solid var(--uv-rule); text-align: left; font-size: .87rem; font-weight: 700; color: var(--uv-text); display: flex; flex-direction: column; gap: 3px; min-height: 46px; justify-content: center; transition: background-color .13s, border-color .13s, color .13s; }
.uvb-opt:hover:not(:disabled) { border-color: var(--uv-rule-hi); }
.uvb-opt.is-sel { background: var(--uv-gold); border-color: var(--uv-gold); color: #000; font-weight: 900; }
.uvb-opt.is-static { cursor: default; }
.uvb-opt__meta { font-size: .66rem; font-weight: 800; letter-spacing: .05em; opacity: .85; }
.uvb-opt.is-right { background: rgba(27,174,85,.14); border-color: var(--uvb-win); color: var(--uv-white); }
.uvb-opt.is-right .uvb-opt__meta { color: var(--uvb-win); }
.uvb-opt.is-wrong { background: rgba(176,46,1,.13); border-color: var(--uv-wrong); color: var(--uv-muted); }
.uvb-opt.is-wrong .uvb-opt__meta { color: var(--uvb-lose); }
.uvb-conv { min-width: 44px; }

.uvb-res { border: 1px solid var(--uv-gold); border-radius: 7px; background: linear-gradient(160deg, rgba(255,179,0,.09), transparent 55%), var(--uv-card); padding: clamp(16px, 4.5vw, 22px); }
.uvb-res__final { font-size: .76rem; color: var(--uv-muted); font-weight: 700; margin: 0 0 5px; }
.uvb-res__head { font-size: clamp(1.5rem, 7vw, 2rem); letter-spacing: -.03em; margin-bottom: 15px; }
.uvb-tally { display: grid; margin-bottom: 14px; }
.uvb-tally__r { display: flex; justify-content: space-between; gap: 12px; font-size: .86rem; padding: 9px 0; border-bottom: 1px solid var(--uv-rule); }
.uvb-tally__r:last-child { border-bottom: 0; }
.uvb-tally__r b { font-weight: 900; }
.uvb-star { font-style: normal; color: var(--uv-gold); font-size: .72rem; font-weight: 800; }
.uvb-tally__sum { display: flex; justify-content: space-between; align-items: baseline; padding-top: 13px; border-top: 2px solid var(--uv-gold); }
.uvb-tally__sum span { font-size: .75rem; font-weight: 800; letter-spacing: .1em; color: var(--uv-muted); }
.uvb-tally__sum b { font-size: clamp(1.7rem, 8vw, 2.2rem); font-weight: 900; color: var(--uv-gold); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }

.uvb-tix { border: 1px dashed var(--uv-rule); border-radius: 6px; padding: clamp(14px, 4vw, 18px); }
.uvb-tix__t { font-family: var(--uv-font-display, inherit); font-size: 1rem; font-weight: 900; text-transform: uppercase; color: var(--uv-white); letter-spacing: -.02em; margin: 0; }
.uvb-tix__s { font-size: .81rem; color: var(--uv-muted); margin: 4px 0 11px; line-height: 1.5; }

/* account */
.uvb-account .uvb-boardhero { margin-bottom: 8px; }
.uvb-history { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--uv-rule); }
.uvb-history__row, .uvb-history__empty { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--uv-rule); font-size: .9rem; }
.uvb-history__empty { color: var(--uv-muted); }
.uvb-history__g { color: var(--uv-text); }
.uvb-history__row b { font-weight: 900; color: var(--uv-white); font-variant-numeric: tabular-nums; }
.uvb-settings { margin-top: 4px; }
.uvb-settings .uv-btn { justify-self: start; }
.uvb-settings .uv-btn + .uv-btn { margin-left: 8px; }

@media (prefers-reduced-motion: reduce) {
	.uvb-panel.is-on, .uvb-intro__site, .uvb-intro__era, .uvb-beat, .uvb-intro__go, .uvb-sent__ring, .uvb-sent__tick { animation: none !important; opacity: 1; transform: none; }
	.uvb-ball, .uvb-slot, .uvb-modal, .uvb-modal__card { transition: none !important; }
}

/* ==========================================================================
   Contrast: the game pages go true black like the demo; cards sit on it.
   ========================================================================== */
body.uvb-page { --uv-bg: #000; --uv-card: #101010; background: #000; }
body.uvb-page .uv-section { padding-top: clamp(32px, 5vw, 56px); }
body.uvb-page .uvb-boardhero { background: linear-gradient(155deg, #141210, #050505 62%); }
body.uvb-page .uvb-mkt, body.uvb-page .uvb-game { background: #101010; }
body.uvb-page .uvb-opt { background: #191919; }

/* Sign-in panel */
.uvb-or { display: flex; align-items: center; gap: 12px; margin: 22px 0 12px; color: var(--uv-dim); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.uvb-or::before, .uvb-or::after { content: ""; flex: 1; height: 1px; background: var(--uv-rule); }
.uvb-login .uvb-form { text-align: left; margin-top: 4px; }
.uvb-login-sent { text-align: center; padding-top: 6px; }
.uvb-inline-flow--login { max-width: 430px; margin: 8px 0 40px; }
.uvb-inline-flow--login .uvb-login { text-align: left; }
.uvb-inline-flow--login .uvb-login .uvb-sent__p { margin-left: 0; }
.uvb-inline-flow--login .uvb-login-sent { text-align: left; }
.uvb-inline-flow--login .uvb-login-sent .uvb-sent__mark { margin-left: 0; }

/* Breathing room: secondary actions never hug the primary */
.uvb-flow .uv-btn + .uv-btn { margin-top: 10px; }
.uvb-intro__go .uv-btn--text { margin-top: 12px; }
.uvb-sent .uv-btn--text { margin-top: 12px; }
.uvb-form__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; }
.uvb-settings .uv-btn + .uv-btn { margin-left: 0; }
.uvb-account .uvb-sec .uv-btn--ghost { margin-top: 6px; }
.uvb-app .uv-fine a { color: var(--uv-muted); text-decoration: underline; text-underline-offset: 3px; }

/* Guest + underdog */
.uvb-guest { background: rgba(255,179,0,.06); }
.uvb-underdog { font-style: normal; color: var(--uv-gold); margin-left: 6px; }
.uvb-opt.is-sel .uvb-underdog { color: #000; }