:root{ --primary:#A6C43C; --dark:#333333; }
.eabc-roulette-wrap{ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--dark); max-width:1080px; margin:0 auto; padding:32px 16px; }
.eabc-grid.two-cols{ min-height:70vh; display:grid; grid-template-columns: 1fr 1fr; align-items:center; justify-items:center; gap:40px; }
@media(max-width:900px){ .eabc-grid.two-cols{ grid-template-columns:1fr; gap:28px; } }
.eabc-wheel{ position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; }
#eabcWheelCanvas{ width:100%; max-width:520px; height:auto; display:block; margin:0 auto; filter:drop-shadow(0 6px 18px rgba(0,0,0,.10)); border-radius:50%; background:transparent; }
/* Parador (puntero superior visible) */

.eabc-btn{ background:var(--primary); color:#fff; border:none; padding:12px 22px; border-radius:999px; font-weight:700; cursor:pointer; box-shadow:0 6px 0 rgba(0,0,0,.15); }
.eabc-btn:active{ transform:translateY(1px); box-shadow:0 4px 0 rgba(0,0,0,.15); }
.eabc-result{ min-height:32px; font-weight:600; text-align:center;  color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.6); }
.eabc-form{ background:#fff; border:1px solid #eee; border-radius:16px; padding:16px; box-shadow:0 4px 18px rgba(0,0,0,.06); max-width:420px; width:100%; margin:0 auto; }
.eabc-field{ display:flex; flex-direction:column; margin-bottom:10px; }
.eabc-field label{ font-size:.9rem; margin-bottom:6px; }
.eabc-field input{ border:1px solid #ddd; border-radius:10px; padding:10px; font-size:1rem; width:100%; }
.eabc-check{ display:flex; align-items:center; gap:8px; margin:10px 0; }
.eabc-note{ font-size:.85rem; color:#666; margin:0; text-align:left; }