/* Euromilhões - estilo do widget */
/* Cores oficiais (referência de branding): azul #0099FF, dourado #EFC593 */
.euromilhoes-widget{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;max-width:560px;margin:16px auto;padding:18px;border-radius:14px;background:linear-gradient(180deg,#ffffff,#f6fbff);box-shadow:0 10px 30px rgba(2,12,40,0.06);border:1px solid rgba(0,61,126,0.06)}
.ew-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ew-title{font-weight:800;font-size:20px;color:#072B56}
.ew-controls{display:flex;gap:8px}
.ew-btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(3,28,80,0.06);background:white;cursor:pointer;box-shadow:0 2px 8px rgba(3,28,80,0.04);transition:transform .18s ease,box-shadow .18s ease}
.ew-btn:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(3,28,80,0.08)}
.ew-btn.primary{background:linear-gradient(90deg,#0099FF,#0074D9);color:white;border:none}
.numbers-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;align-items:center}
.ball{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;background:linear-gradient(180deg,#e6f5ff,#cfe9ff);border:3px solid rgba(0,153,255,0.25);color:#072B56;box-shadow:0 8px 20px rgba(3,28,80,0.06);transform-origin:center;animation:float 3s ease-in-out infinite}
.star{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;background:linear-gradient(180deg,#fff6e6,#fff0cc);border:3px solid rgba(239,197,147,0.28);color:#8a5b20;box-shadow:0 6px 16px rgba(120,80,20,0.06);animation:pop .9s ease both}
.result-set{display:flex;gap:12px;align-items:center}
.small{font-size:13px;color:#475569}
.copy-btn{padding:6px 10px;border-radius:10px;border:1px dashed rgba(3,28,80,0.08);background:transparent;cursor:pointer}
.multiple{margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}
.ticket{padding:12px;border-radius:12px;background:linear-gradient(180deg,#ffffff,#fbfdff);border-left:6px solid rgba(0,153,255,0.12);box-shadow:0 10px 30px rgba(2,12,40,0.03);opacity:0;transform:translateY(8px);animation:fadeInUp .45s ease forwards}
.muted{color:#64748b}

/* Animations */
@keyframes float {
  0%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
  100%{transform:translateY(0)}
}
@keyframes pop {
  0%{transform:scale(.6);opacity:0}
  60%{transform:scale(1.08);opacity:1}
  100%{transform:scale(1)}
}
@keyframes fadeInUp {
  0%{opacity:0;transform:translateY(8px)}
  100%{opacity:1;transform:translateY(0)}
}

/* Responsive tweak */
@media (max-width:480px){
  .ball{width:46px;height:46px;font-size:16px}
  .star{width:36px;height:36px;font-size:13px}
  .ew-title{font-size:16px}
  .euromilhoes-widget{padding:12px}
}