.bingo-item { background: #1a1a1a; border: 1px solid #333; border-radius: 16px; margin-bottom: 2rem; overflow: hidden; }
        .bingo-item-header { padding: 1.5rem; background: #222; }
        .bingo-item-body { padding: 1.5rem; }
        .cartelas-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; }
        .cartela-tag { background: #333; padding: 0.5rem 0.75rem; border-radius: 6px; }
        .globo-grid { 
            display: grid; 
            grid-template-columns: repeat(15, 1fr); 
            gap: 0.5rem;
            margin-bottom: 1.5rem; 
        }
        .globo-bola { 
            width: 28px; 
            height: 28px; 
            border-radius: 50%; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            font-weight: 700; 
            background: #444; 
            color: white; 
            transition: all 0.3s; 
            font-size: 0.8rem;
        }
        .globo-bola.sorteada { background: #22c55e; }
        .ultima-bola-container { text-align: center; margin-bottom: 1.5rem; flex-shrink: 0; }
        .ultima-bola { 
            width: 80px; 
            height: 80px; 
            background: #facc15; 
            color: #111; 
            border-radius: 50%; 
            display: inline-flex; 
            align-items: center; 
            justify-content: center; 
            font-size: 2rem; 
            font-weight: 800; 
            animation: pulse-yellow 1.5s infinite;
        }
        @keyframes pulse-yellow {
            0% { box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(250, 204, 21, 0); }
            100% { box-shadow: 0 0 0 0 rgba(250, 204, 21, 0); }
        }
        .cartelas-wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            overflow-y: auto;
            max-height: calc(100vh - 200px);
        }
        .cartela { 
            background: #111; 
            border: 2px solid #333; 
            border-radius: 12px; 
            padding: 1rem; 
            flex-shrink: 0;
        }
        .cartela-header { 
            font-weight: 700; 
            text-align: center; 
            margin-bottom: 1rem; 
            font-size: 1.1rem; 
            color: #22c55e;
        }
        .cartela-grid { 
            display: grid; 
            grid-template-columns: repeat(5, 1fr); 
            gap: 0.4rem;
        }
        .cartela-letra {
            font-weight: 800;
            text-align: center;
            color: #facc15;
            margin-bottom: 0.4rem;
        }
        .cartela-numero { 
            background: #333; 
            text-align: center; 
            padding: 0.5rem 0.2rem;
            border-radius: 6px; 
            font-size: 0.9rem;
            font-weight: 600;
            aspect-ratio: 1/1;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .cartela-numero.marcado { 
            background: #22c55e; 
            color: #000; 
            font-weight: 800;
            transform: scale(1.05);
            transition: all 0.2s ease-out;
        }
        .premios-lista { margin-top: 1.5rem; flex-grow: 1; }
        .premios-lista .premio-item { 
            background: #222; 
            padding: 0.75rem; 
            border-radius: 8px; 
            margin-bottom: 0.5rem; 
            font-size: 0.9rem;
        }
        .premios-lista .premio-item .ganhador-nome { color: #facc15; font-weight: 600; }

        @media (max-width: 1200px) {
            .grid-container { grid-template-columns: 420px 1fr; }
            .globo-bola { width: 24px; height: 24px; font-size: 0.7rem; }
        }
        @media (max-width: 1024px) { 
            .grid-container { grid-template-columns: 1fr; } 
            .sidebar { position: static; max-height: unset; overflow-y: visible; } 
            .cartelas-wrapper { max-height: unset; }
            .globo-grid { grid-template-columns: repeat(15, 1fr); }
            .globo-bola { width: auto; aspect-ratio: 1 / 1; height: auto; }
        }
        @media (max-width: 768px) {
            .sorteio-section { padding: 1rem; }
            .sidebar { padding: 1rem; }
            .main-content { padding: 1rem; }
            .globo-grid { grid-template-columns: repeat(10, 1fr); }
            .ultima-bola { width: 60px; height: 60px; font-size: 1.5rem; }
            .cartelas-wrapper { grid-template-columns: 1fr; }
        }
        
        
        .bingo-detalhe-section { margin-top: 100px; padding: 2rem; }
        .grid-container { display: grid; grid-template-columns: 1fr 450px; gap: 2rem; max-width: 1400px; margin: auto;}
        .bingo-main { background: #1a1a1a; padding: 2rem; border-radius: 16px; border: 1px solid #333; }
        .bingo-sidebar { background: #1a1a1a; padding: 2rem; border-radius: 16px; border: 1px solid #333; position: sticky; top: 120px; }
        .bingo-img { width: 100%; height: 300px; object-fit: cover; border-radius: 12px; margin-bottom: 1rem; }
        .bingo-title { font-size: 2rem; font-weight: 800; margin-bottom: 0.5rem; }
        
        .buy-form-title { font-size: 1.2rem; font-weight: 700; margin-bottom: 1rem; }
   

   
        .premios-title { font-size: 1.2rem; font-weight: 700; color: #22c55e; margin-bottom: 1rem; }

        @media (max-width: 900px) { .grid-container { grid-template-columns: 1fr; } .bingo-sidebar { position: static; } }
        
        
        /* --- BINGOS --- */
.bingo-card:hover {  transform: translateY(-8px) scale(1.02);  box-shadow: 0 15px 40px rgba(59, 130, 246, 0.1);  border-color: #3b82f6;}
.bingo-card .card-price-badge {  background: #3b82f6;  border: 1px solid #3b82f6;}
.bingo-card .progress { background: #3b82f6; }
.bingo-card .card-button { background: #3b82f6; }
.bingo-card .card-button:hover { background: #2563eb; }
.bingo-card .buy-button-live {  background: #ef4444;  animation: pulse-live 2s infinite;}
.bingo-card .buy-button-live:hover { background: #dc2626; }
.prize-list-bingo {  background: #111;  border: 1px solid #333;  border-radius: 12px;  padding: 1rem;  margin-bottom: 1rem;  flex-grow: 1;}
.prize-list-header {  font-size: 0.9rem;  font-weight: 600;  margin-bottom: 0.75rem;  display: flex;  align-items: center;  gap: 0.5rem;}
.prize-list-header i { color: #3b82f6; }
.prize-list-items { display: flex; flex-direction: column; gap: 0.5rem; }
.prize-item-bingo {  display: flex;  justify-content: space-between;  align-items: center;  background: #222;  padding: 0.5rem 0.75rem;  border-radius: 8px;  font-size: 0.85rem;}
.prize-type-badge {  background: rgba(59, 130, 246, 0.2);  color: #60a5fa;  padding: 0.2rem 0.5rem;  border-radius: 6px;  font-size: 0.75rem;  font-weight: 500;}

@keyframes pulse-live {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}