/* GINO Blind Box redemption form. Loaded after gino-hunt.css, which supplies
   the shell, brand bar, form fields, consent row and buttons. */

.bb-lead{font-size:.95rem;line-height:1.5;color:#625e54;margin:-6px 0 22px}

/* The intro row: gino-hunt.css sizes its image for a small GINO with negative
   margins, which here pushed the wide blind box over the heading. Keep the
   heading and image side by side without overlap. */
.form-intro{gap:12px;align-items:center}
.form-intro>div{flex:1;min-width:0}
.form-intro img{flex:0 0 auto;width:86px;height:auto;margin:0}

/* Screenshot and username groups. */
.bb-group{display:grid;gap:12px;margin:0;padding:16px;border:1px solid #d5cdbb;border-radius:14px;background:rgba(255,255,255,.55)}
.bb-group legend{padding:0 6px;margin-left:-6px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--olive)}
.bb-group>.helper-text{margin:-4px 0 0}

/* The generic form input rule fixes a 56px height and side padding meant for
   text boxes; a native file picker needs its own. */
.form-screen input[type=file]{height:auto;min-height:56px;padding:12px 14px;font-size:14px;line-height:1.4;cursor:pointer}
.form-screen input[type=file]::file-selector-button{margin-right:12px;border:1px solid #232719;border-radius:8px;padding:8px 12px;background:#232719;color:#fffdf8;font:inherit;font-weight:700;cursor:pointer}
.bb-file-error{color:#8d3128}

.consent a{color:var(--olive);font-weight:800;text-decoration:underline}

.bb-done-image{display:block;width:min(80%,300px);height:auto;margin:18px auto 0;filter:drop-shadow(0 18px 18px rgba(35,39,25,.2))}