.bb-root{--bb-green:#008c28;--bb-bright:#00bc32;font-family:Inter,Arial,sans-serif;color:#202420;line-height:1.5;max-width:1200px;margin:24px auto;font-size:16px}.bb-root *{box-sizing:border-box}.bb-root button,.bb-root input{font:inherit}.bb-root button{cursor:pointer;border:0;text-transform:none;letter-spacing:normal}.bb-root button:disabled{opacity:.45;cursor:not-allowed}.bb-root button:focus-visible,.bb-root input:focus-visible,.bb-root a:focus-visible{outline:3px solid #008c28;outline-offset:3px}.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bb-panel{background:#f5f5f5;border-radius:20px;padding:32px;min-width:0}.bb-root h2{font-size:clamp(26px,3vw,40px);line-height:1.12;letter-spacing:-1.2px;margin:0 0 16px}.bb-root h3{font-size:20px;margin:0}.bb-description{color:#616861;max-width:360px;margin-bottom:24px}.bb-select-note{background:#e3f5e7;border-radius:10px;padding:12px;font-size:14px}.bb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.bb-root .bb-tab{background:transparent;color:#555d55;padding:8px 12px;border-radius:999px;font-size:13px}.bb-root .bb-tab.bb-active{background:#202420;color:white}.bb-pills{display:flex;flex-wrap:wrap;gap:10px;min-height:150px;margin-bottom:28px}.bb-root .bb-pill{display:flex;align-items:center;gap:8px;background:white;border:1px solid #ddd;color:#202420;border-radius:14px;padding:10px 13px;font-size:14px;flex-wrap:wrap}.bb-pill img{width:36px;height:25px;object-fit:contain}.bb-pill small{display:block;font-size:10px;color:#646b64}.bb-root .bb-primary{display:block;background:var(--bb-bright);color:#102615;border-radius:12px;padding:15px 20px;font-weight:700;width:100%}.bb-root .bb-reset{background:transparent;color:#555d55;display:block;margin:12px auto;padding:8px}.bb-stack-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:25px}.bb-stack-head span{font-size:12px;color:#646b64}.bb-stack{max-width:420px;margin:auto;padding:20px 0}.bb-layer-row{position:relative;display:flex;align-items:center;justify-content:center;min-height:20px}.bb-layer{max-width:420px;margin-left:auto;margin-right:auto;flex-shrink:0;animation:bb-slide .25s ease}.bb-layer img{display:block;width:100%;height:100%;object-fit:contain}.bb-layer-label{position:absolute;left:0;top:0;font-size:10px;background:#fffE;padding:1px 5px;border-radius:4px;max-width:40%}.bb-layer-controls{position:absolute;right:0;display:flex;gap:3px;background:#fffE;border-radius:6px;padding:2px}.bb-layer-controls button{background:transparent;color:#202420;padding:3px 6px;min-height:30px;min-width:26px}.bb-gap{position:relative;display:flex;justify-content:center;min-height:32px;pointer-events:none;z-index:2}.bb-root .bb-add{pointer-events:auto;background:white;color:var(--bb-green);border:1px solid #00982b;border-radius:50%;height:32px;width:32px;padding:0;font-size:24px;line-height:1}.bb-root .bb-add.bb-selected{background:var(--bb-green);color:white;box-shadow:0 0 0 4px #008c2820}.bb-hint{font-size:12px;text-align:center;color:#646b64}.bb-message{min-height:24px;font-size:14px}.bb-overlay{position:fixed;inset:0;background:#14201777;backdrop-filter:blur(6px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}.bb-modal{background:white;border-radius:22px;width:540px;max-width:100%;max-height:90dvh;overflow-y:auto;padding:28px;position:relative;box-shadow:0 15px 80px #0003}.bb-root .bb-close{position:absolute;right:14px;top:8px;background:transparent;color:#202420;font-size:30px;padding:5px 12px}.bb-modal h2{font-size:28px;padding-right:30px}.bb-preview{width:100%;max-width:420px;margin:16px auto 24px;padding:20px 0}.bb-preview .bb-layer{animation:none}.bb-field{display:block;margin:16px 0}.bb-field span{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.bb-root .bb-field input{width:100%;padding:12px;background:white;color:#202420;border:1px solid #b5bdb5;border-radius:8px;min-height:46px}.bb-legal{font-size:13px;white-space:pre-line}.bb-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:14px 0}.bb-root .bb-consent input{width:18px;height:18px;flex-shrink:0;margin:2px 0;accent-color:var(--bb-green)}.bb-legal-link{display:block;font-size:13px;margin:8px 0;color:var(--bb-green)}.bb-form .bb-primary{margin-top:20px}.bb-form-status{font-size:14px;white-space:pre-line}.bb-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes bb-slide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@media(max-width:767px){.bb-grid{grid-template-columns:1fr}.bb-right{grid-row:1}.bb-panel{padding:22px}.bb-stack{padding:5px 0}.bb-overlay{padding:10px}.bb-modal{padding:22px;max-height:95dvh}}@media(prefers-reduced-motion:reduce){.bb-layer{animation:none}}

.bb-wildcard{border:1px solid #d8e8da;background:#f4faf5;border-radius:12px;padding:16px;margin:18px 0}.bb-wildcard h3{font-size:19px;margin:0 0 8px}.bb-wildcard p{font-size:13px;color:#4f5e51;margin:7px 0}.bb-wildcard .bb-field{margin:14px 0 3px}.bb-wildcard-count{display:block;text-align:right;color:#647167;font-size:12px}

.bb-contact{background:#f5f5f5;border-radius:20px;padding:24px 32px;margin-bottom:20px}.bb-contact h3{margin:0 0 10px}.bb-contact .bb-field{max-width:520px}.bb-contact .bb-field input{width:100%;padding:12px;border:1px solid #b5bdb5;border-radius:8px;background:#fff;color:#202420}.bb-pills .bb-wildcard{width:100%}@media(max-width:767px){.bb-contact{padding:22px}}

/* Mobile-first usability improvements, scoped to the burger builder. */
.bb-root{width:100%;min-width:0;overflow-wrap:anywhere}
.bb-root .bb-contact,.bb-root .bb-panel{max-width:100%}
.bb-root .bb-tabs{min-width:0}
.bb-root .bb-field input{font-size:16px}
.bb-root .bb-layer-row,.bb-root .bb-stack,.bb-root .bb-preview{min-width:0;max-width:100%}
.bb-root .bb-layer{min-width:0}
@media(max-width:767px){
 .bb-root{margin:12px auto;font-size:16px}
 .bb-root .bb-contact{padding:18px 16px;border-radius:14px;margin-bottom:12px}
 .bb-root .bb-grid{display:flex;flex-direction:column;gap:12px}
 .bb-root .bb-left{order:1}.bb-root .bb-right{order:2}
 .bb-root .bb-panel{padding:18px 16px;border-radius:14px}
 .bb-root h2{font-size:clamp(25px,7vw,34px);letter-spacing:-.5px}
 .bb-root .bb-description{margin-bottom:14px}
 .bb-root .bb-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:6px;margin:14px -4px;padding:4px 4px 10px;scrollbar-width:thin}
 .bb-root .bb-tab{flex:0 0 auto;white-space:nowrap;min-height:44px;padding:10px 14px;scroll-snap-align:start}
 .bb-root .bb-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;margin-bottom:20px}
 .bb-root .bb-pill{width:100%;min-width:0;min-height:68px;padding:10px 8px;justify-content:center;flex-direction:column;text-align:center;gap:5px;font-size:13px;line-height:1.3}
 .bb-root .bb-pill img{width:64px;height:35px;max-width:100%}
 .bb-root .bb-wildcard{grid-column:1/-1;margin:0;padding:14px}
 .bb-root .bb-primary{min-height:48px}
 .bb-root .bb-stack-head{margin-bottom:10px}
 .bb-root .bb-stack{width:100%;padding:12px 0;overflow:visible}
 .bb-root .bb-layer{max-width:100%}
 .bb-root .bb-layer-controls{right:0;gap:2px}
 .bb-root .bb-layer-controls button{min-width:36px;min-height:36px;padding:6px}
 .bb-root .bb-add{height:40px;width:40px;min-height:40px;min-width:40px}
 .bb-root .bb-gap{min-height:40px}
 .bb-root .bb-layer-label{max-width:42%;font-size:10px;overflow-wrap:anywhere}
 .bb-root .bb-overlay{padding:8px;align-items:center}
 .bb-root .bb-modal{width:100%;max-height:calc(100dvh - 16px);padding:24px 16px 20px;border-radius:16px;overscroll-behavior:contain}
 .bb-root .bb-close{min-width:44px;min-height:44px}
 .bb-root .bb-preview{padding:8px 0}
}
@media(max-width:360px){.bb-root .bb-panel{padding:14px 12px}.bb-root .bb-pills{gap:6px}.bb-root .bb-pill{font-size:12px;padding:8px 5px}}

/* Contest usability enhancements */
.bb-inline-error { display:block; color:#a52222; font-size:0.85rem; margin-top:0.3rem; font-weight:600; }
.bb-field [aria-invalid="true"] { border-color:#a52222 !important; outline-color:#a52222; }
.bb-review { background:#f5f6f2; border:1px solid #d7dfd3; border-radius:10px; padding:16px; margin:16px 0; overflow-wrap:anywhere; }
.bb-review h3 { margin:0 0 12px; }
.bb-review p { margin:5px 0; line-height:1.45; }
@media(max-width:600px){.bb-review{padding:12px}.bb-inline-error{font-size:0.85rem}}

.bb-recaptcha-notice{font-size:11px;color:#626962;line-height:1.45;margin:12px 0}.bb-recaptcha-notice a{color:#006f25}

/* Contest acceptance stays in the builder, above the Done button. */
.bb-builder-terms{margin:12px 0 18px}.bb-builder-terms .bb-consent{margin:0 0 8px}.bb-builder-terms .bb-inline-error{display:block;color:#a52828;font-size:13px}.bb-builder-terms input[aria-invalid="true"]{outline:2px solid #a52828;outline-offset:2px}

/* Keep the required consent grouped with contact details, below the phone field. */
.bb-contact .bb-builder-terms{margin:8px 0 12px;max-width:100%}
.bb-contact .bb-consent{align-items:flex-start}
.bb-contact .bb-consent span{overflow-wrap:anywhere}
