.esbb-scratch-wrap { display: flex; flex-direction: column; align-items: center; text-align: center; padding: clamp(28px, 5vw, 64px) clamp(22px, 5vw, 68px) clamp(34px, 5vw, 60px); background: linear-gradient(160deg, #fff 30%, #f4f7fb 100%); }
.esbb-scratch-wrap h1 { margin: 9px 0 12px; color: var(--esbb-navy); font-family: "Work Sans", Inter, sans-serif; font-weight: 750; letter-spacing: -.04em; }
.esbb-scratch-wrap > p:not(.esbb-eyebrow):not(.esbb-scratch-hint) { max-width: 460px; margin: 0 0 22px; color: var(--esbb-muted); font-size: 15px; line-height: 1.7; }

.esbb-scratch-card { position: relative; width: 100%; max-width: 380px; aspect-ratio: 8 / 5; margin: 0 auto; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 55px rgba(0, 33, 71, .18); border: 1px solid var(--esbb-gold-dark); touch-action: none; user-select: none; }
.esbb-scratch-prize { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: radial-gradient(circle at 50% 30%, var(--esbb-navy-3), var(--esbb-navy) 75%); color: #fff; }
.esbb-scratch-prize span { font: 800 11px/1.2 JetBrains Mono, monospace; letter-spacing: .16em; text-transform: uppercase; color: var(--esbb-gold-soft); }
.esbb-scratch-prize strong { font-family: "Work Sans", Inter, sans-serif; font-size: clamp(52px, 15vw, 82px); font-weight: 800; line-height: 1; color: var(--esbb-gold); }
.esbb-scratch-prize em { font: 700 15px/1 JetBrains Mono, monospace; letter-spacing: .28em; text-transform: uppercase; font-style: normal; color: #fff; }
.esbb-scratch-canvas { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; cursor: grab; display: block; transition: opacity .5s ease; }
.esbb-scratch-canvas:active { cursor: grabbing; }
.esbb-scratch-card.is-revealed .esbb-scratch-canvas { opacity: 0; pointer-events: none; }
.esbb-scratch-card.is-revealed .esbb-scratch-prize { animation: esbb-scratch-pop .45s ease; }

@keyframes esbb-scratch-pop { 0% { transform: scale(.9); } 60% { transform: scale(1.04); } 100% { transform: scale(1); } }

.esbb-scratch-hint { margin: 18px 0 4px; color: var(--esbb-navy-2); font-size: 13px; font-weight: 600; }
.esbb-scratch-hint span { color: var(--esbb-gold); }
.esbb-scratch-fallback { margin-top: 14px; }

@media (prefers-reduced-motion: reduce) { .esbb-scratch-canvas { transition: none; } .esbb-scratch-card.is-revealed .esbb-scratch-prize { animation: none; } }